/* Three photographic planes. Copy is deliberately outside every moving plane. */
.hero--desk{height:auto;min-height:0;max-height:none;overflow:visible;--desk-p:0}
.desk-stage{position:relative;height:100svh;min-height:780px;isolation:isolate;overflow:hidden;background:var(--blue)}
.depth-ready .hero--desk{height:155svh;min-height:1209px}
.depth-ready .desk-stage{position:sticky;top:0}
.desk-room{position:absolute;inset:-22px;z-index:0;pointer-events:none;transform:translate3d(0,calc(var(--desk-p)*-8px),0) scale(calc(1.018 + var(--desk-p)*.008))}
.desk-room img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(transparent 0%,#000 34%)}
.hero--desk .hero-copy{position:relative;z-index:5;padding:clamp(108px,12svh,136px) 24px 0;pointer-events:none}
.hero--desk .hero-copy a{pointer-events:auto}
.hero--desk h1{font-size:clamp(58px,min(6.6vw,8.4svh),94px);line-height:1.02;margin:12px auto 16px;max-width:900px}
.hero--desk .hero-copy>p:not(.overline){font-size:17px;line-height:1.5;max-width:620px}
.hero--desk .button{margin-top:18px;min-height:50px;padding:12px 25px}
.desk-world{position:absolute;z-index:2;left:50%;translate:-50% 0;bottom:-60px;width:min(100%,150svh);aspect-ratio:3/2;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.desk-plane{position:absolute;inset:0;transform-origin:50% 45%;transform:translate3d(0,calc(var(--desk-p)*-6px),0) scale(calc(1 + var(--desk-p)*.032))}
.desk-photo,.desk-photo img{position:absolute;inset:0;display:block;width:100%;height:100%}
.desk-photo img{object-fit:contain;clip-path:url(#desk-cutout-desktop)}
.desk-cutouts{position:absolute;pointer-events:none}
.hero--desk .digital-course-screen{position:absolute;left:31.90%;top:43.16%;width:39.06%;height:33.90%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:10px;padding:16px 20px 20px;translate:none;transform:none;perspective:none;z-index:2;background:#172f3c;box-shadow:inset 0 1px 8px #0c182940;will-change:auto}
.screen-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:3px;color:#f6f3e9}
.screen-heading>span{font:21px/1.2 var(--serif);letter-spacing:-.025em}.screen-heading small{font:11px/1.4 var(--sans);color:#c3d5d8}
.hero--desk .folio{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:0;padding:12px 14px 10px;transform:none;border:0;border-radius:4px;box-shadow:0 2px 4px #071b2730;transition:background .18s,transform .18s;overflow:visible}
.hero--desk .folio-series,.hero--desk .folio-line{display:none}
.hero--desk .folio-name{font:clamp(16px,1.5vw,24px)/1.07 var(--serif);letter-spacing:-.025em;padding:0}
.hero--desk .folio-bottom{font-size:10px;padding-top:7px;margin-top:auto}
.hero--desk .folio-bottom i{font-size:17px}
.hero--desk .folio--closure .folio-name{font-size:clamp(14px,1.3vw,21px)}
.hero--desk .folio:focus-visible{outline:3px solid var(--paper);outline-offset:3px;z-index:10}
.desk-front{position:absolute;inset:0;z-index:4;pointer-events:none}
.desk-frond{position:absolute;inset:0;transform-origin:50% 80%}
.desk-frond img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.desk-frond--left{clip-path:inset(0 50% 0 0);transform:translate3d(calc(-36px + var(--desk-p)*-72px),calc(var(--desk-p)*48px),0) scale(calc(1 + var(--desk-p)*.035))}
.desk-frond--right{clip-path:inset(0 0 0 50%);transform:translate3d(calc(36px + var(--desk-p)*72px),calc(var(--desk-p)*48px),0) scale(calc(1 + var(--desk-p)*.035))}
.desk-stage::after{content:"";position:absolute;z-index:6;pointer-events:none;inset:auto 0 -1px;height:70px;background:linear-gradient(transparent,var(--blue))}
.desk-stage.is-moving .desk-room,.desk-stage.is-moving .desk-plane,.desk-stage.is-moving .desk-frond{will-change:transform}
.hero--desk+.recognition{padding-top:74px}
@media(hover:hover) and (pointer:fine){.hero--desk .folio:hover{transform:translateY(-2px);background:#f6f3e9}}
@media(min-width:761px) and (max-width:1100px){.desk-world{width:1150px;bottom:-40px}.hero--desk .folio-name{font-size:18px}.hero--desk .folio--closure .folio-name{font-size:16px}.hero--desk h1{font-size:clamp(58px,7vw,80px)}}
@media(min-width:761px) and (max-width:1100px) and (max-aspect-ratio:1/1){.depth-ready .hero--desk{height:auto;min-height:0}.depth-ready .desk-stage,.desk-stage{position:relative;height:900px;min-height:0}}
@media(max-width:760px){
  .depth-ready .hero--desk{height:auto;min-height:0}
  .depth-ready .desk-stage,.desk-stage{position:relative;height:830px;min-height:0}
  .hero--desk .hero-copy{padding:137px 22px 0}
  .hero--desk h1{font-size:clamp(39px,10.3vw,58px);line-height:1.04;margin:16px auto 18px}
  .hero--desk .hero-copy>p:not(.overline){font-size:15px;line-height:1.6;max-width:370px}
  .hero--desk .button{margin-top:22px;font-size:14px}
  .desk-world{width:min(calc(100% + 140px),610px);aspect-ratio:2/3;bottom:-32px;mask-image:none}
  .desk-photo img{clip-path:url(#desk-cutout-portrait)}
  .desk-plane{transform:translate3d(0,calc(var(--desk-p)*-3px),0) scale(calc(1 + var(--desk-p)*.012))}
  .desk-room img{object-position:center bottom}
  .desk-frond img{object-fit:cover;object-position:center bottom}
  .desk-frond{inset:245px -100px -20px}
  .desk-frond--left{transform:translate3d(calc(var(--desk-p)*-24px),calc(var(--desk-p)*16px),0)}
  .desk-frond--right{transform:translate3d(calc(var(--desk-p)*24px),calc(var(--desk-p)*16px),0)}
  .hero--desk .digital-course-screen{left:22.65%;top:49.74%;width:55.96%;height:26.56%;padding:12px;gap:7px}
  .screen-heading{gap:4px;padding-bottom:0}.screen-heading>span{font-size:15px}.screen-heading small{font-size:8px}
  .hero--desk .folio{padding:9px 10px 7px;min-height:0}
  .hero--desk .folio-name{font-size:16px}.hero--desk .folio--closure .folio-name{font-size:13px}
  .hero--desk .folio-bottom{display:none}
  .desk-stage::after{height:38px}
  .hero--desk+.recognition{padding-top:60px}
}
@media(max-width:370px){.desk-stage,.depth-ready .desk-stage{height:760px}.hero--desk .hero-copy{padding-top:132px}.hero--desk h1{font-size:33px}.hero--desk .hero-copy>p:not(.overline){font-size:14px}.hero--desk .folio-name{font-size:14px}.hero--desk .folio--closure .folio-name{font-size:12px}}
@media(max-width:370px){.site-nav{gap:10px}.site-nav .wordmark{font-size:20px}.site-nav .wordmark span{font-size:9px;letter-spacing:.075em}.site-nav nav{font-size:11px;gap:10px}.site-nav .nav-pill{padding:7px 10px;white-space:nowrap}}
@media(min-width:761px) and (max-height:779px){.depth-ready .hero--desk{height:auto;min-height:0}.depth-ready .desk-stage{position:relative;height:900px;min-height:0}.hero--desk .hero-copy{padding-top:110px}.hero--desk h1{font-size:64px}.desk-world{width:1350px;bottom:-55px}}
@media(prefers-reduced-motion:reduce){.depth-ready .hero--desk{height:auto;min-height:0}.depth-ready .desk-stage{position:relative}.desk-room,.desk-plane,.desk-frond{transform:none!important;will-change:auto!important}}