/* Each desktop scene fills the space below the navigation. */
.hero-scroll-cue{display:none}
.scene-layout{--scene-height:calc(100svh - 82px)}
.scene-layout .hero-scene-track{position:relative;height:var(--scene-height)}
.scene-layout .hero{min-height:var(--scene-height);height:var(--scene-height);padding-block:52px 76px;align-items:center;position:relative;transform-origin:50% 38%;scale:var(--hero-scene-scale,1);opacity:var(--hero-scene-opacity,1)}
.scene-layout .hero-copy,.scene-layout .hero-composition{translate:none;opacity:1}
.scene-layout .hero-portrait{width:min(390px,calc((100svh - 285px)*.75),100% - 34px)}
.scene-layout .hero-scroll-cue{display:flex;position:absolute;bottom:22px;left:0;right:0;align-items:center;justify-content:center;gap:14px;font-size:12px;letter-spacing:.3px;color:#57717b}
.hero-scroll-cue span{font-size:20px}
.scene-layout #research{position:relative;z-index:2;padding:0;border-radius:32px 32px 0 0;background:#edf3f6;box-shadow:0 -25px 65px -48px #33566b66}
.scene-layout .studio-scene{height:var(--scene-height);padding-block:26px 20px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:16px}
.scene-layout .studio-scene>.section-label{margin:0}
.scene-layout .studio-heading{margin:0;gap:24px}
.scene-layout .studio-heading h2{font-size:clamp(46px,4.6vw,68px)}
.scene-layout .studio-heading p{margin-top:7px;font-size:16px}
.scene-layout .studio-experience{min-height:0;height:100%;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:7%;align-items:center}
.scene-layout .studio-stage{padding:14px 18px 12px;justify-self:center;width:min(100%,calc(var(--scene-image-height,300px)*4/3 + 54px));min-height:0}
.scene-layout .studio-stage-label{margin-bottom:12px;padding-bottom:7px}
.scene-layout .studio-device{max-width:100%;width:calc(var(--scene-image-height,300px)*4/3 + 16px);margin-inline:auto}
.scene-layout .studio-stage #screen-description{margin-top:14px;font-size:14px;line-height:1.5;min-height:42px}
.scene-layout .studio-question{font-size:clamp(26px,2.6vw,36px);margin-bottom:20px}
.scene-layout .studio-controls .screen-tabs button{padding:15px 12px}
.scene-layout .studio-contribution{margin:0;padding-top:14px;gap:24px;align-items:start}
.scene-layout .studio-contribution h3{font-size:18px;margin-top:5px}
.scene-layout .studio-contribution h3 br{display:none}
.scene-layout .studio-contribution p{font-size:15px;margin-top:5px}
.scene-layout .studio-contribution p strong{font-size:24px}
.scene-layout .studio-note{margin:0;font-size:11px}
.scene-layout .research-opening{min-height:var(--scene-height);display:flex;flex-direction:column;justify-content:center;padding-block:46px;gap:36px}
.scene-layout .research-section{padding-top:0}
.scene-layout .research-opening>.section-label,.scene-layout .research-opening>.research-heading,.scene-layout .research-opening>.featured-study{margin:0}
.scene-layout .teaching-section{min-height:var(--scene-height);display:flex;flex-direction:column;justify-content:center}
.scene-layout .teaching-grid{grid-template-columns:minmax(230px,.7fr) 1.5fr;align-items:center}
.scene-layout .teaching-photo{width:min(100%,300px);justify-self:center}
.scene-layout #journey{min-height:var(--scene-height)}
.scene-motion .hero-scene-track{height:calc(var(--scene-height)*2)}
.scene-motion .hero{position:sticky;top:82px}
.scene-motion #research{margin-top:calc(-1*var(--scene-height));height:calc(var(--scene-height)*2 + var(--scene-travel,650px))}
.scene-motion .studio-scene{position:sticky;top:82px}
.scene-motion .studio-stage-label:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#6d958c;transform:scaleX(var(--studio-scroll-progress,0));transform-origin:left}
.scene-layout .hero:focus-within{opacity:1}
.paused .hero{scale:1;opacity:1}
/* Long chapters scroll normally, then hold their final viewport for the handoff. */
.scene-motion .chapter-track{position:relative;margin-top:calc(-1*var(--scene-height));border-radius:32px 32px 0 0;box-shadow:0 -25px 65px -48px #33566b66}
.scene-motion #experience{z-index:3;background:var(--paper)}
.scene-motion #teaching{z-index:4;background:#eef3f1}
.scene-motion .chapter-surface{position:sticky;top:var(--chapter-pin-top,82px)}
.scene-motion .chapter-surface,.scene-motion .studio-scene{scale:var(--chapter-exit-scale,1);opacity:var(--chapter-exit-opacity,1);transform-origin:50% calc(100% - var(--scene-height)/2)}
.scene-motion #journey{position:relative;z-index:5;width:100%;padding-inline:max(6%,calc((100% - 1280px)/2));margin-top:calc(-1*var(--scene-height));background:var(--paper);border-radius:32px 32px 0 0;box-shadow:0 -25px 65px -48px #33566b66}
.scene-motion .chapter-surface:focus-within,.scene-motion .studio-scene:focus-within{opacity:1}
.paused .chapter-surface,.paused .studio-scene{scale:1;opacity:1}
@media(min-width:901px) and (max-height:850px){
  .scene-layout .hero{padding-block:30px 54px}
  .scene-layout .studio-scene{padding-block:18px 14px;gap:10px}
  .scene-layout .studio-heading h2{font-size:46px}
  .scene-layout .studio-question{font-size:26px;margin-bottom:10px}
  .scene-layout .studio-controls .screen-tabs button{padding:10px 12px}
  .scene-layout .screen-tabs strong{font-size:23px}
  .scene-layout .studio-contribution{padding-top:10px}
  .scene-layout .studio-stage{padding:10px 14px}
  .scene-layout .studio-stage-label{margin-bottom:8px}
  .scene-layout .research-opening{gap:26px;padding-block:32px}
}