:root{--muted:#bbb4c3}
body{font-size:16px}
.hero h1{font-size:clamp(44px,5.4vw,72px);line-height:1.08;letter-spacing:-.045em;max-width:820px}
.hero .lead{font-size:17px;line-height:1.75;max-width:650px;margin:24px 0 14px;color:#c6bfce}
.identity{font-size:14px;line-height:1.75;margin:0 0 26px;color:#bdb5c5}
.identity b{font:700 16px Manrope,sans-serif;color:var(--text)}
.page-title{font-size:clamp(40px,5.2vw,66px);line-height:1.12;letter-spacing:-.045em}
.case-hero>p{font-size:16px;line-height:1.75;max-width:560px}
.reading-section h2{font-size:clamp(26px,2.6vw,34px);line-height:1.25;letter-spacing:-.025em;margin-bottom:22px}
.reading-section p{font-size:16.5px;line-height:1.8;max-width:72ch;color:#d0c9d6;text-align:left;margin-bottom:18px}
.context-note p,.artifact-grid p,.education p,.home-summary p,.section-heading>p{line-height:1.75}
.section-heading h2,.home-summary h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em}
.journey-row h3{font-size:30px;letter-spacing:-.025em}
.journey-row p{font-size:15px}
.insight-quote{font-size:clamp(19px,2.3vw,27px);line-height:1.55;font-weight:600}
.home-summary{padding-top:90px;padding-bottom:100px}
.practice-video{margin-top:38px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.video-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.video-heading h2{font-size:clamp(25px,3vw,36px);margin-top:8px}
.drive-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#08070b}
.drive-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.drive-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:11px 16px;border:1px solid rgba(169,120,255,.45);border-radius:999px;color:var(--text);font-size:13px;font-weight:700;text-decoration:none}
.drive-link:hover{background:rgba(169,120,255,.12)}
.video-note{margin:14px 0 0;color:var(--muted);font-size:12px}
@media(max-width:900px){.hero h1{max-width:720px}.case-hero>p{max-width:720px}}
@media(max-width:620px){.hero h1{font-size:39px;line-height:1.12}.hero .lead{font-size:16px;line-height:1.7}.identity{font-size:12.5px}.page-title{font-size:39px;line-height:1.15}.reading-section p{font-size:16px;line-height:1.75}.journey-row h3{font-size:25px}.section-heading h2,.home-summary h2{font-size:34px}.practice-video{padding:18px;margin-top:28px}.video-heading{display:block}.drive-link{margin-top:16px}.drive-frame{border-radius:11px}}
