:root{--bg: #fff;--text: #000;--highlight: #effd5a;--orange: #ff6d3a;--orange-hover: #e85f30;--purple: #6a5cff;--purple-hover: #5a4ee4;--shell-max: 1200px;--border: 2px solid var(--text);--card-bg: rgba(255,255,255,.35);--soft-shadow: 0 10px 24px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg) url(/student-voices-in-ai/assets/paper-DIkszuQl.png) center top / cover fixed;color:var(--text);font-family:Inter,Schibsted Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.title,.pageTitle,.brandText,.sectionTitle,.bioName{font-family:Funnel Display,sans-serif}.site{min-height:100%}.nav{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:#000;font-weight:800}.brandMark{font-size:22px;line-height:1;color:var(--orange)}.brandText{font-size:18px;letter-spacing:-.01em}.navLinks{display:inline-flex;align-items:center;gap:18px;flex-shrink:0}.navLink{color:#000;text-decoration:none;font-weight:500}.navLink:hover{text-decoration:underline}.shell{max-width:var(--shell-max);margin:0 auto;padding:12px 18px 40px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:10px 0 18px}.heroLeft{display:grid;place-items:center}.heroImage{width:min(100%,520px);height:auto;display:block;filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}.heroRight,.heroKicker,.heroBody{text-align:center}.title{margin:0 0 14px;line-height:1.05;font-weight:800;-webkit-text-stroke:.5px #000;font-size:clamp(56px,5.5vw,80px);letter-spacing:-.02em;display:inline-block}.titleHighlight{display:inline;background:linear-gradient(var(--highlight),var(--highlight));background-size:100% .5em;background-repeat:no-repeat;background-position:0 80%;border-radius:6px;padding:0 4px}.heroKicker{margin:0 auto 16px;max-width:560px;font-size:clamp(18px,1.55vw,22px);font-weight:700;line-height:1.4;color:#000}.heroBody{margin:0 auto;max-width:560px;font-size:clamp(16px,1.25vw,19px);font-weight:400;line-height:1.55;color:#000}.heroCta{margin-top:22px}.gridSection{display:grid;gap:18px;padding-top:10px}.sectionFrame{border:var(--border);padding:22px;background:#ffffff26}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonialCard,.photoCard{border:var(--border);background:var(--card-bg);transition:transform .15s ease,box-shadow .15s ease}.photoImage{width:100%;height:170px;object-fit:cover;border-radius:0;border:1.5px solid rgba(0,0,0,.2);display:block}.testimonialSection{position:relative;display:grid;align-items:center;justify-items:center;width:min(100%,1040px);margin-top:56px;margin-inline:auto;overflow:hidden}.testimonialBase{width:100%;height:auto;display:block}.testimonialPanel{position:absolute;inset:10% 6% 12%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(36px,5vw,72px) clamp(18px,3vw,44px)}.testimonialPanel .testimonialQuote{width:min(100%,980px);margin:0 auto clamp(22px,2.8vw,36px);font-size:clamp(14px,1.28vw,18px);font-weight:700;line-height:1.32;text-align:center;color:#fff}.testimonialPanel .testimonialQuote:before,.testimonialPanel .testimonialQuote:after{content:none}.testimonialByline{display:block;justify-content:center;text-align:center;color:#fff}.testimonialPanel .testimonialByline .name{display:block;font-size:clamp(9px,.72vw,12px);font-weight:500;line-height:1.45;letter-spacing:.13em;text-transform:uppercase;color:#fff}.testimonialDots{position:absolute;left:50%;bottom:clamp(22px,3vw,42px);display:inline-flex;gap:10px;transform:translate(-50%)}.testimonialDot{width:12px;height:12px;padding:0;border:2px solid #000;border-radius:50%;background:#fff;cursor:pointer}.testimonialDotActive{background:var(--orange)}.testimonialDot:focus-visible{outline:3px solid #000;outline-offset:3px}.testimonialCard{padding:18px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.quote{margin:0 0 16px;font-size:15px;line-height:1.6;color:#000}.quote:before{content:"“";font-family:Funnel Display,sans-serif;font-size:22px;margin-right:2px}.quote:after{content:"”";font-family:Funnel Display,sans-serif;font-size:22px;margin-left:2px}.byline{display:flex;align-items:center;gap:10px}.name{font-size:13px;font-weight:600;color:#000}.photoCard{padding:12px}.photoPlaceholder{height:170px;border-radius:12px;border:1.5px solid rgba(0,0,0,.22);background:linear-gradient(135deg,#0000000d,#00000005),repeating-linear-gradient(45deg,#0000000f,#0000000f 8px,#00000005 8px 16px);display:grid;place-items:center;color:#000;font-weight:800;letter-spacing:.02em}.photoCaption{margin-top:10px;font-size:13px;color:#000}.btn{display:inline-block;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none;color:#fff;box-shadow:0 2px #0000001a}.btn:focus-visible{outline:3px solid #000;outline-offset:2px}.btn-orange{background:var(--orange)}.btn-orange:hover{background:var(--orange-hover)}.btn-purple{background:var(--purple)}.btn-purple:hover{background:var(--purple-hover)}.btn-large{padding:14px 26px;font-size:17px;border-radius:12px}.btn-outline{background:transparent;color:#000;border:1.5px solid #000;font-weight:700;box-shadow:none}.btn-outline:hover{background:#0000000d}.ctaGroup{display:flex;justify-content:center;gap:18px;margin:18px 0 12px}.ctaCenter{display:flex;justify-content:center;margin-top:14px}.materialsImageWrap{position:relative;display:block;width:min(100%,760px);margin:28px auto 0}.materialsImage{display:block;width:100%;height:auto}.pageInner{padding:8px 0 0}.pageTitle{margin:8px 0 18px;text-align:center;font-size:clamp(44px,4.5vw,60px);font-weight:800;-webkit-text-stroke:.5px #000}.pageText{max-width:900px;margin:0 auto;font-size:18px;line-height:1.7;color:#000}.divider{height:1px;background:#0003;margin:22px 0}.sectionTitle{margin:0 0 10px;font-size:22px;font-weight:800;color:#000}.bioCard{border:var(--border);margin:16px 0;background:repeating-linear-gradient(to bottom,#0000 0px 24px,#0000002e 25px),#f5f4f3;position:relative;overflow:hidden;padding:18px 18px 18px 28px}.bioName{margin:0 0 8px;font-size:18px;font-weight:800;color:#000}.bioLink{color:#000;text-decoration:underline;font-weight:800;transition:opacity .15s ease}.bioLink:hover{opacity:.7}.ackInline{margin-top:6px;font-size:18px;line-height:1.7}.ackLink{color:#000;text-decoration:underline;font-weight:600;transition:opacity .15s ease}.ackLink:hover{opacity:.7}.ccFooter{margin-top:40px;padding:24px 0;border-top:1px solid rgba(0,0,0,.2);text-align:center;font-size:14px;line-height:1.6;color:#000}.ccFooter a{color:#000;text-decoration:underline}.ccIcons{display:inline-flex;gap:6px;margin-left:8px;vertical-align:middle}.ccIcons img{max-width:1em;max-height:1em}.inlineLink{color:#000;text-decoration:underline;font-weight:600;transition:opacity .15s ease}.inlineLink:hover{opacity:.7}.testimonialCard,.photoCard{border:var(--border);padding:18px;background:repeating-linear-gradient(to bottom,#0000 0px 24px,#0000002e 25px),#f5f4f3;transition:transform .15s ease,box-shadow .15s ease}.testimonialCard:hover,.photoCard:hover{transform:translateY(-2px);box-shadow:var(--soft-shadow)}.sectionFrame{border:var(--border);padding:22px;background-size:cover;background-position:center;background-repeat:no-repeat}@media (max-width: 900px){.hero,.grid3{grid-template-columns:1fr}.ctaGroup{flex-direction:column;align-items:center}.photoPlaceholder{height:200px}.testimonialSection{width:min(100%,820px)}.testimonialPanel{inset:10% 6% 11%;padding:clamp(20px,4vw,36px) clamp(12px,3vw,24px)}.testimonialPanel .testimonialQuote{max-width:760px;margin-bottom:clamp(14px,3vw,24px);font-size:clamp(12px,2.2vw,15px)}.testimonialPanel .testimonialByline .name{font-size:clamp(8px,1.7vw,10px)}}@media (max-width: 640px){.nav{padding-inline:14px}.brandText{display:none}.navLinks{gap:12px}.nav .btn{padding:8px 12px;border-radius:8px}.testimonialSection{width:100%;min-height:360px;margin-top:36px}.testimonialBase{height:100%;object-fit:cover;object-position:center}.testimonialPanel{inset:10% 8% 13%;padding:14px 14px 48px}.testimonialPanel .testimonialQuote{width:min(100%,350px);margin-bottom:10px;font-size:clamp(9.5px,2.85vw,11.5px);line-height:1.24}.testimonialPanel .testimonialByline .name{font-size:clamp(7px,2.1vw,9px);line-height:1.35;letter-spacing:.1em}.testimonialDots{bottom:16px;gap:8px}.testimonialDot{width:10px;height:10px;border-width:1.5px}}