.hero__copy h1{margin-bottom:26px}
.hero-resume{max-width:680px;font-size:clamp(16px,1.25vw,22px);line-height:1.75;margin:0 0 34px}
.lab-card h3{font-size:clamp(30px,2.6vw,48px);line-height:1.18}
.lab-card aside p{font-size:15px;line-height:1.6;margin-bottom:14px}
.lab-card aside .project-result{font-weight:600;font-size:14px}
.lab-card:hover .lab-card__title,.lab-card:focus-visible .lab-card__title{transform:translateY(-250px)}
.method-note p{line-height:1.6}
@media(max-width:600px){.lab-card{min-height:560px}.hero__copy h1{font-size:36px}.hero-resume{font-size:15px}.lab-card:hover .lab-card__title,.lab-card:focus-visible .lab-card__title{transform:translateY(-290px)}}
.education{max-width:760px;padding:12px 24px 24px;line-height:1.8}
.education h3{font-size:18px;margin:10px 0}
.education p{font-size:15px;margin:10px 0}
.footer__content{padding-top:90px;padding-bottom:55px}
.socials{flex-wrap:wrap;justify-content:center;font-size:16px}
.lab-card>p{max-width:95%;line-height:1.6}
.method-compact{min-height:0;padding:90px var(--pad) 72px;scroll-margin-top:80px}
.method-compact .method__art{opacity:.2}
.method-compact .method__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:1px;min-height:0;background:rgba(251,250,246,.7)}
.method-compact .method__grid::before,.method-compact .method__grid::after{display:none}
.method-compact .method__title{position:relative;inset:auto;grid-column:1/-1;grid-row:auto;width:auto;max-width:none;height:auto;min-height:0;padding:28px 32px;background:rgba(251,250,246,.94);overflow:visible}
.method-compact .method__title h2{font-size:clamp(32px,3.2vw,58px);line-height:1.2;margin:14px 0}
.method-compact .method__title>p:last-child{font-size:16px;line-height:1.7;max-width:none;margin:0}
.method-compact .method-note{position:relative;inset:auto;grid-column:auto;grid-row:auto;display:flex;flex-direction:column;width:auto;max-width:none;min-width:0;height:auto;min-height:300px;padding:28px 24px;background:rgba(251,250,246,.94);overflow:visible;transition:background .2s}
.method-compact .method-note h3{font-size:clamp(20px,1.5vw,28px);line-height:1.4;margin:22px 0 14px}
.method-compact .method-note p{font-size:15px;line-height:1.8;margin:0 0 24px}
.method-compact .method-note:hover,.method-compact .method-note:focus-visible{transform:none;box-shadow:none;background:#dfefec}
.method-compact .method-note:focus-visible{outline:2px solid #174f53;outline-offset:-3px}
.method-proof{margin-top:auto;border-top:1px solid rgba(43,43,41,.18);padding-top:18px;display:grid;gap:10px}
.method-proof strong{font-size:23px;font-weight:500}
.method-proof span{font-size:12px;line-height:1.5}
@media(max-width:1100px){.method-compact .method__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.method-compact{padding:70px 18px 36px}.method-compact .method__grid{grid-template-columns:1fr;padding:0}.method-compact .method__title{padding:24px}.method-compact .method-note{min-height:0;padding:24px}.method-compact .method-note h3{margin-top:14px}.method-compact .method-proof{padding-top:12px}}
.site-header,.site-header.is-scrolled{top:0;left:0;right:0;min-height:90px;padding:0 var(--pad);padding-left:max(140px,var(--pad));background:rgba(251,250,246,.96);border:0;border-bottom:1px solid var(--line);transform:translateY(0);transition:transform .3s ease;backdrop-filter:blur(14px)}
.site-header .nav-ribbon{position:absolute;left:3vw;top:0;height:90px;width:58px;padding-top:24px;opacity:1;transform:none}
.site-header.is-hidden{transform:translateY(-110%);background:rgba(251,250,246,.96);pointer-events:none}
.site-header.is-hidden .brand,.site-header.is-hidden .header-cta{opacity:1;transform:none}
.site-header.is-hidden .nav{opacity:1;transform:translateX(-50%)}
.site-header.is-hidden .nav-ribbon{pointer-events:none}
.site-header:focus-within{transform:translateY(0);pointer-events:auto}
@media(max-width:900px){.site-header,.site-header.is-scrolled{min-height:76px;padding:0 18px 0 82px}.site-header .nav-ribbon{left:18px;width:44px;height:76px;padding-top:20px}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}
.site-header,.site-header.is-scrolled,.site-header.is-hidden{background:rgba(251,250,246,.36);border:0;box-shadow:0 1px 0 rgba(43,43,41,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero{background-image:none;background-color:var(--paper);height:auto;min-height:0;aspect-ratio:608/315}
.hero .hero__media{object-fit:cover;object-position:center top;transform:none}
.hero .hero__wash{display:none}
.hero-nav-space{height:90px;background:#efe6d4}
.hero{scroll-margin-top:90px}
@media(max-width:900px){.hero-nav-space{height:76px}.hero{scroll-margin-top:76px}}
.site-header .nav--unified{display:flex}
@media(max-width:900px){.site-header .nav--unified{display:flex!important;position:static;margin-left:auto;transform:none;gap:16px;font-size:12px}.site-header.is-hidden .nav--unified{transform:none}}
@media(max-width:480px){.site-header .nav--unified{gap:10px;font-size:11px}.site-header .brand span{font-size:18px}.site-header .brand strong{display:none}}

/* Letter footer: crop 55px from each vertical edge of the 1470x630 source. */
.footer__media{height:auto;aspect-ratio:1470/520}
.footer__media .footer__motion{opacity:1;transform:none;transition:none;will-change:auto}
.footer__media .footer__motion>video,
.footer__media .footer__motion>.footer__motion-fallback{object-fit:cover;object-position:center;animation:none;transform:none;will-change:auto}
.footer__media .footer__motion-fallback{content:normal}
.footer__media .footer__fade{height:clamp(12px,2vw,32px);pointer-events:none}

/* Full-resolution static letter illustration, without cropping or motion. */
.footer__media.footer__media--static{height:auto;aspect-ratio:auto}
.footer__media--static .footer__still{display:block;width:100%;height:auto;position:static;transform:none;animation:none}
