@font-face {
  font-family:"Instrument Sans";
  src:url("../assets/fonts/instrument-sans-regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@font-face {
  font-family:"Instrument Sans";
  src:url("../assets/fonts/instrument-sans-medium.ttf") format("truetype");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}

:root {
  --black:#050505;
  --ivory:#eee8dc;
  --ivory-dim:#aaa397;
  --gold:#d9a15f;
  --carmine:#9f3128;
  --jade:#9ece6a;
  --line:rgba(238,232,220,.18);
  --p:0;
  --welcome-copy:1;
  --speed-copy:0;
  --intelligence-copy:0;
  --malleable-copy:0;
  --final-lock:0;
  --headlight:0;
  --course-menu:1;
  --chapter-nav:0;
}

* { box-sizing:border-box; }
html { background:var(--black); color-scheme:dark; scroll-behavior:auto; }
html.menu-open { overflow:hidden; }
body { margin:0; overflow-x:hidden; background:var(--black); color:var(--ivory); font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-synthesis:none; -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button { font:inherit; }
::selection { background:var(--gold); color:#080706; }
a:focus-visible,button:focus-visible { outline:2px solid var(--jade); outline-offset:5px; }

.skip-link { position:fixed; z-index:1000; top:12px; left:12px; padding:11px 15px; background:var(--ivory); color:var(--black); font:600 10px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; transform:translateY(-180%); transition:transform .2s ease; }
.skip-link:focus { transform:none; }

.masthead { position:fixed; z-index:600; inset:0 0 auto; height:72px; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:0 32px; pointer-events:none; }
.masthead a,.masthead button { pointer-events:auto; }
.masthead__journey { display:flex; align-items:center; gap:12px; }
.masthead__brand { width:30px; }
.masthead__brand img { width:100%; }
.masthead__nav { justify-self:end; display:flex; align-items:center; gap:22px; font:500 10px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.11em; text-transform:uppercase; }
.masthead__nav a { opacity:.68; transition:opacity .2s ease,color .2s ease; }
.masthead__nav a:hover { color:var(--jade); opacity:1; }
.masthead__menu { display:inline-flex; align-items:center; gap:8px; padding:0; border:0; background:none; color:inherit; text-transform:inherit; letter-spacing:inherit; opacity:.68; cursor:pointer; transition:opacity .2s ease; }
.masthead__menu:hover { color:var(--jade); opacity:1; }
.masthead__menu-icon { position:relative; width:13px; height:9px; }
.masthead__menu-icon::before,.masthead__menu-icon::after { content:""; position:absolute; left:0; width:13px; height:1px; background:currentColor; transition:top .22s ease,bottom .22s ease,transform .22s ease; }
.masthead__menu-icon::before { top:1px; }
.masthead__menu-icon::after { bottom:1px; }
.menu-open .masthead__menu { color:var(--jade); opacity:1; }
.menu-open .masthead__menu-icon::before { top:4px; transform:rotate(45deg); }
.menu-open .masthead__menu-icon::after { bottom:4px; transform:rotate(-45deg); }
.menu-open .masthead__nav>a:not(.masthead__get) { opacity:0; pointer-events:none; }
.masthead__nav .masthead__get { opacity:1; padding:10px 13px; border:1px solid rgba(158,206,106,.62); background:rgba(5,5,5,.4); backdrop-filter:blur(10px); transition:color .2s ease,background .2s ease,border-color .2s ease; }
.masthead__nav .masthead__get:hover { border-color:var(--jade); background:var(--jade); color:#080a08; }
.masthead__get span { margin-left:9px; color:var(--jade); transition:color .2s ease; }
.masthead__get:hover span { color:inherit; }

.site-menu { position:fixed; z-index:500; inset:0; visibility:hidden; opacity:0; overflow:hidden; background:radial-gradient(circle at 50% 48%,rgba(158,206,106,.035),transparent 38%),#070707; pointer-events:none; transition:opacity .24s ease,visibility 0s linear .24s; }
.site-menu.is-open { visibility:visible; opacity:1; pointer-events:auto; transition-delay:0s; }
.site-menu__panel { width:100%; height:100vh; height:100svh; overflow:auto; padding:clamp(104px,13vh,142px) 32px clamp(34px,6vh,62px); transform:scale(.985); transition:transform .3s cubic-bezier(.22,.75,.3,1); }
.site-menu__panel:focus { outline:none; }
.site-menu.is-open .site-menu__panel { transform:none; }
.site-menu__directory { display:grid; width:min(1376px,100%); min-height:100%; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(34px,5vw,80px); align-content:center; margin:0 auto; }
.site-menu__directory section { display:flex; flex-direction:column; align-items:stretch; }
.site-menu__directory h2 { margin:0 0 18px; color:var(--gold); font:500 9px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; }
.site-menu__directory a { padding:9px 0; color:rgba(238,232,220,.88); font-size:clamp(17px,1.35vw,21px); line-height:1.2; transition:color .2s ease; }
.site-menu__directory a:hover { color:var(--jade); }

.watch { position:relative; padding:clamp(96px,12vw,172px) 32px clamp(110px,14vw,190px); border-top:1px solid rgba(238,232,220,.08); background:#080808; }
.watch__inner { width:min(1376px,100%); margin:0 auto; }
.watch__feature { display:grid; grid-template-columns:minmax(230px,.38fr) minmax(0,1fr); align-items:start; gap:clamp(54px,7vw,112px); }
.watch__intro { padding-top:4px; }
.watch h2 { margin:0; color:rgba(238,232,220,.94); font-size:clamp(25px,2.2vw,34px); font-weight:500; line-height:1.08; letter-spacing:-.03em; }
.watch__intro h2 { font-size:clamp(28px,2.8vw,40px); }
.watch__intro p { max-width:34ch; margin:20px 0 0; color:rgba(238,232,220,.68); font:400 clamp(12px,.86vw,14px)/1.55 "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:-.025em; }
.watch__voices { margin-top:clamp(86px,10vw,142px); }
.watch__voices>h2 { margin-bottom:30px; font-size:clamp(22px,1.75vw,28px); }
.watch__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(22px,3vw,48px); row-gap:clamp(44px,5vw,72px); }
.video-card { min-width:0; }
.video-card__facade,.video-card__player { position:relative; display:block; width:100%; aspect-ratio:16/9; overflow:hidden; border:0; background:#111; }
.video-card__facade { padding:0; color:var(--ivory); cursor:pointer; }
.video-card__facade img { width:100%; height:100%; object-fit:cover; transition:transform .45s cubic-bezier(.22,.75,.3,1),filter .3s ease; }
.video-card__facade::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,.06); transition:background .25s ease; }
.video-card__facade:hover img { transform:scale(1.018); }
.video-card__facade:hover::after { background:rgba(0,0,0,.18); }
.video-card__play { position:absolute; z-index:1; top:50%; left:50%; width:52px; height:52px; border:1px solid rgba(238,232,220,.7); border-radius:50%; background:rgba(5,5,5,.72); backdrop-filter:blur(8px); transform:translate(-50%,-50%); transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.video-card__play::after { content:""; position:absolute; top:50%; left:52%; border-width:6px 0 6px 10px; border-style:solid; border-color:transparent transparent transparent currentColor; transform:translate(-40%,-50%); }
.video-card__facade:hover .video-card__play { border-color:var(--jade); background:rgba(5,5,5,.88); color:var(--jade); transform:translate(-50%,-50%) scale(1.05); }
.video-card__player iframe { display:block; width:100%; height:100%; border:0; }
.video-card__caption { padding-top:15px; }
.video-card__caption h3 { margin:0; color:rgba(238,232,220,.86); font-size:clamp(14px,1.05vw,16px); font-weight:400; line-height:1.3; letter-spacing:-.018em; }
.video-card__caption p { margin:8px 0 0; color:var(--ivory-dim); font:500 8px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.11em; text-transform:uppercase; }

.journey { position:relative; height:820vh; background:var(--black); }
.final-anchor { position:absolute; left:0; bottom:calc(100vh - 1px); width:1px; height:1px; pointer-events:none; }
.stage { position:sticky; top:0; height:100vh; height:100svh; overflow:hidden; isolation:isolate; background:var(--black); }
.stage::after { content:""; position:absolute; z-index:75; inset:0; pointer-events:none; background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.22) 78%,rgba(0,0,0,.72) 115%),linear-gradient(180deg,rgba(0,0,0,.2),transparent 18%,transparent 78%,rgba(0,0,0,.34)); }
.scene { position:absolute; z-index:10; inset:0; overflow:hidden; opacity:0; visibility:hidden; pointer-events:none; will-change:opacity; }
.plate-rig { position:absolute; inset:-3%; will-change:transform; transform-origin:center; }
.plate-rig img { width:100%; height:100%; max-width:none; object-fit:cover; }
.scene-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 40%,rgba(0,0,0,.04) 70%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.42),transparent 38%); }
.scene-copy { position:absolute; z-index:45; width:min(35vw,500px); will-change:opacity,transform; }
.scene-copy h1,.scene-copy h2 { max-width:20ch; margin:0; color:rgba(238,232,220,.94); font-size:clamp(24px,1.8vw,32px); font-weight:500; line-height:1.08; letter-spacing:-.026em; text-wrap:balance; }
.scene-copy>p:last-child { max-width:44ch; margin:12px 0 0; color:rgba(238,232,220,.74); font-family:"JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; font-size:clamp(12px,.8vw,13px); font-weight:400; line-height:1.5; letter-spacing:-.025em; text-wrap:pretty; }
.scene-copy .essay-folio { display:flex; max-width:none; align-items:baseline; gap:18px; color:rgba(238,232,220,.9); font-family:"JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; font-size:12px; font-weight:500; line-height:1; letter-spacing:.16em; text-transform:uppercase; }
.scene-copy .essay-folio span { color:var(--gold); font-size:12px; }
.scene-copy .essay-folio--intro { color:var(--gold); font-size:clamp(18px,1.35vw,21px); font-weight:600; letter-spacing:.08em; }
.scene-copy>p.essay-copy { max-width:44ch; margin-right:0; margin-bottom:0; margin-left:0; color:#eee8dc; font-family:"JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; font-size:clamp(14px,.95vw,16px); font-weight:400; line-height:1.52; letter-spacing:-.025em; text-wrap:pretty; }
.scene-copy>p.essay-copy--opening { margin-top:24px; font-style:italic; }
.scene-copy>p.essay-copy--body { margin-top:1.52em; }
.essay-copy em { color:inherit; font-style:normal; font-weight:inherit; }
.essay-copy--opening em { font-style:inherit; }
.scene-copy--welcome>.essay-copy--opening { margin-top:28px; }

.scene--welcome { z-index:10; }
.plate-rig--welcome { transform:translate3d(0,0,0) scale(1.03); }
.scene--welcome .scene-shade { background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 42%,transparent 74%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.42),transparent 40%); }
.welcome-greeting { position:absolute; z-index:45; top:31vh; right:31vw; margin:0; color:rgba(238,232,220,.66); font:400 clamp(11px,.85vw,13px)/1.2 "Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif; letter-spacing:.3em; text-shadow:0 2px 14px rgba(0,0,0,.9); writing-mode:vertical-rl; text-orientation:upright; }
.scene-copy--welcome { left:4.7vw; top:16vh; width:min(34vw,480px); opacity:var(--welcome-copy); text-shadow:0 4px 30px rgba(0,0,0,.95); }
.course-menu { width:min(100%,390px); margin-top:27px; opacity:var(--course-menu); pointer-events:none; }
.course-menu p { margin:0 0 8px; color:rgba(238,232,220,.72); font:500 9px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; }
.course-menu button { display:grid; width:max-content; grid-template-columns:28px auto; align-items:baseline; gap:8px; padding:5px 0; border:0; background:none; color:rgba(238,232,220,.8); font-family:"JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; font-size:12px; font-weight:400; line-height:1.2; letter-spacing:-.02em; text-align:left; cursor:pointer; transition:color .2s ease; }
.course-menu button>span:first-child { color:var(--gold); font:500 9px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.12em; }
.course-menu__title { text-decoration-line:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:4px; transition:text-decoration-color .2s ease; }
.course-menu button:hover { color:var(--ivory); }
.course-menu button:hover .course-menu__title { text-decoration-color:var(--gold); }
.course-menu button:focus-visible { outline:1px solid rgba(217,161,95,.8); outline-offset:4px; }
.course-menu button:focus-visible .course-menu__title { text-decoration-color:var(--gold); }
.scene--speed { z-index:20; }
.plate-rig--speed { transform:translate3d(3%,0,0) scale(1.055); }
.scene--speed .scene-shade { background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 48%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 44%); }
.scene-copy--speed { left:4.7vw; top:16vh; width:min(34vw,480px); text-shadow:0 4px 35px rgba(0,0,0,.95); opacity:var(--speed-copy); transform:translate3d(0,calc((1 - var(--speed-copy)) * 30px),0); }
.scene-copy--speed>p.essay-copy { max-width:42ch; }
.headlight-bloom { position:absolute; z-index:35; left:73%; top:57%; width:18vw; aspect-ratio:1; border-radius:50%; opacity:var(--headlight); transform:translate(-50%,-50%) scale(calc(.45 + var(--headlight) * .55)); background:radial-gradient(circle,rgba(255,239,197,.3),rgba(218,158,82,.07) 29%,transparent 68%); mix-blend-mode:screen; filter:blur(8px); }

.scene--intelligence { z-index:30; }
.plate-rig--intelligence { transform:translate3d(2%,0,0) scale(1.05); }
.scene--intelligence .scene-shade { background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 43%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 48%); }
.scene-copy--intelligence { left:4.7vw; top:16vh; width:min(34vw,480px); opacity:var(--intelligence-copy); transform:translate3d(0,calc((1 - var(--intelligence-copy)) * 30px),0); text-shadow:0 4px 35px #000; }

.scene--malleable { z-index:40; }
.plate-rig--malleable { transform:translate3d(0,2%,0) scale(1.04); }
.plate-rig--malleable img { object-position:right center; }
.scene--malleable .scene-shade { background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.42) 36%,rgba(0,0,0,.08) 56%,transparent 70%),linear-gradient(180deg,rgba(0,0,0,.24),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.14),transparent 48%); }
.scene-copy--malleable { left:4.7vw; top:16vh; width:min(34vw,480px); opacity:var(--malleable-copy); transform:translate3d(0,calc((1 - var(--malleable-copy)) * 30px),0); text-shadow:0 4px 35px #000; }

.scene--final { z-index:50; display:grid; place-items:center; background:radial-gradient(circle at 50% 47%,rgba(217,161,95,.08),transparent 31%),radial-gradient(circle at 50% 60%,rgba(158,206,106,.045),transparent 42%),#050505; }
.final-field { position:absolute; inset:8vh 5vw; opacity:calc(var(--final-lock) * .34); transform:perspective(1200px) rotateX(calc((1 - var(--final-lock)) * 8deg)) scale(calc(.94 + var(--final-lock) * .06)); }
.final-field i { position:absolute; inset:0; border:1px solid rgba(238,232,220,.11); }
.final-field i:nth-child(2) { inset:8%; border-color:rgba(217,161,95,.12); }
.final-field i:nth-child(3) { inset:18%; border-color:rgba(238,232,220,.07); }
.final-field i:nth-child(4) { inset:31%; border-color:rgba(158,206,106,.1); }
.final-lockup { position:relative; z-index:30; display:flex; flex-direction:column; align-items:center; text-align:center; opacity:var(--final-lock); transform:translate3d(0,calc((1 - var(--final-lock)) * 26px),0) scale(calc(.94 + var(--final-lock) * .06)); }
.final-lockup__mark { width:clamp(48px,4.6vw,74px); margin-bottom:27px; }
.final-lockup__wordmark { width:min(68vw,930px); }
.final-lockup>p { margin:22px 0 0; color:rgba(238,232,220,.65); font:500 clamp(9px,.85vw,13px) "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.2em; text-transform:uppercase; }
.final-actions { display:flex; gap:11px; margin-top:34px; pointer-events:auto; }
.button { display:inline-flex; min-width:174px; align-items:center; justify-content:space-between; gap:30px; padding:14px 16px; border:1px solid rgba(238,232,220,.24); background:rgba(5,5,5,.46); font:500 9px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.13em; text-transform:uppercase; transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.button:hover { transform:translateY(-2px); border-color:rgba(238,232,220,.7); }
.button:not(.button--primary):hover { border-color:var(--jade); color:var(--jade); }
.button--primary { border-color:var(--jade); background:var(--jade); color:#080a08; }
.site-footer { position:relative; z-index:100; min-height:520px; padding:clamp(64px,7vw,100px) 32px 28px; border-top:1px solid rgba(238,232,220,.14); background:linear-gradient(180deg,#090909,#050505); }
.site-footer__inner { width:min(1376px,100%); margin:0 auto; }
.site-footer__heading { margin-bottom:clamp(48px,5vw,72px); }
.site-footer__wordmark { width:176px; }
.site-footer__directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(28px,5vw,80px); padding-bottom:clamp(56px,6vw,84px); }
.site-footer__directory section { display:flex; flex-direction:column; align-items:flex-start; }
.site-footer__directory h2 { margin:0 0 16px; color:var(--gold); font:500 9px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; }
.site-footer__directory a { padding:4px 0; color:rgba(238,232,220,.76); font-size:15px; line-height:1.35; transition:color .2s ease; }
.site-footer__directory a:hover { color:var(--jade); }
.site-footer__credits { display:grid; grid-template-columns:1.45fr 1.15fr .75fr auto; gap:clamp(24px,3.5vw,58px); align-items:start; padding-top:22px; border-top:1px solid rgba(238,232,220,.18); color:rgba(238,232,220,.68); font-size:11px; line-height:1.45; }
.site-footer__credits p { margin:0; }
.site-footer__credits p:last-child { justify-self:end; text-align:right; }
.site-footer__credits a { color:var(--ivory); transition:color .2s ease; }
.site-footer__credits a:hover { color:var(--jade); }
.footer-preview .journey { display:none; }

.motion-field { position:absolute; z-index:34; inset:0; width:100%; height:100%; pointer-events:none; mix-blend-mode:screen; }
.grain { position:absolute; z-index:80; inset:-35%; pointer-events:none; opacity:.065; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); transform:translate3d(calc(var(--p) * -3%),calc(var(--p) * 2%),0); mix-blend-mode:soft-light; }
.story-nav { display:flex; align-items:center; gap:2px; opacity:var(--chapter-nav); transform:translate3d(calc((1 - var(--chapter-nav)) * -8px),0,0); pointer-events:none; }
.story-nav button { position:relative; display:grid; width:26px; height:30px; place-items:center; padding:0; border:0; background:none; color:rgba(238,232,220,.46); font:500 12px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; cursor:pointer; pointer-events:auto; transition:color .25s ease; }
.story-nav button span { white-space:nowrap; transition:opacity .2s ease,transform .25s ease; }
.story-nav button i { position:absolute; top:50%; left:50%; width:10px; height:10px; border-radius:3px; background:currentColor; opacity:0; transform:translate(-50%,-50%) scale(.6); transition:opacity .2s ease,transform .25s ease; }
.story-nav button:hover { color:rgba(238,232,220,.82); }
.story-nav button.is-active { color:var(--ivory); }
.story-nav button.is-active span { opacity:0; transform:scale(.6); }
.story-nav button.is-active i { opacity:1; transform:translate(-50%,-50%) scale(1); }
.menu-open .story-nav { opacity:0!important; pointer-events:none!important; }
.story-snaps { position:absolute; inset:0; pointer-events:none; }
.story-snaps i { position:absolute; left:0; width:1px; height:1px; scroll-snap-align:start; scroll-snap-stop:always; }
.scroll-cue { position:absolute; z-index:120; bottom:20px; left:50%; margin:0; font:500 8px "JetBrains Mono","JetBrainsMono Nerd Font",ui-monospace,monospace; letter-spacing:.2em; text-transform:uppercase; opacity:calc(1 - var(--p) * 18); transform:translateX(-50%); }
.scroll-cue__touch { display:none; }
.scroll-cue>span:last-child { display:inline-block; margin-left:9px; animation:descend 1.7s ease-in-out infinite; }

@keyframes descend { 50% { transform:translateY(6px); } }
@keyframes welcome-arrive {
  from { opacity:0; transform:translateY(6px); }
  to { opacity:1; transform:none; }
}
@keyframes welcome-fade { from { opacity:0; } to { opacity:1; } }

.scene-copy--welcome .essay-folio--intro { animation:welcome-arrive .65s cubic-bezier(.22,.75,.3,1) .05s both; }
.scene-copy--welcome>.essay-copy--opening { animation:welcome-arrive .65s cubic-bezier(.22,.75,.3,1) .13s both; }
.scene-copy--welcome>.essay-copy--body { animation:welcome-arrive .65s cubic-bezier(.22,.75,.3,1) .21s both; }
.course-menu p,.course-menu button { animation:welcome-fade .6s ease .32s both; }

@media (max-width:900px) {
  .masthead { height:62px; padding:0 18px; grid-template-columns:1fr auto; }
  .masthead__brand { width:28px; }
  .masthead__journey { gap:10px; }
  .masthead__nav { gap:12px; font-size:8.5px; letter-spacing:.08em; }
  .masthead__nav .masthead__get { padding:9px 10px; }
  .journey { height:760vh; }
  .scene-copy--welcome,.scene-copy--speed,.scene-copy--intelligence,.scene-copy--malleable { left:20px; }
  .scene-copy { width:min(68vw,460px); }
  .scene-copy h1,.scene-copy h2 { font-size:clamp(26px,4vw,32px); }
  .scene-copy--welcome,.scene-copy--speed,.scene-copy--intelligence,.scene-copy--malleable { top:15vh; }
  .final-lockup__wordmark { width:84vw; }
  .site-footer { padding-right:18px; padding-left:18px; }
  .site-footer__directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 56px; }
  .site-footer__credits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 40px; }
  .site-footer__credits p:last-child { justify-self:start; text-align:left; }
}

@media (max-width:760px) {
  .masthead__nav>a:not(.masthead__get) { display:none; }
  .masthead__nav { gap:16px; font-size:9px; }
  .site-menu__panel { padding:88px 18px 24px; }
  .site-menu__directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 34px; align-content:center; }
  .watch { padding-right:18px; padding-left:18px; }
  .watch__feature { grid-template-columns:1fr; gap:34px; }
  .watch__intro p { margin-top:15px; }
  .watch__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:560px) {
  .masthead__nav .masthead__get { display:none; }
  .site-menu__panel { padding:80px 18px 20px; }
  .site-menu__directory { gap:24px 28px; }
  .site-menu__directory h2 { margin-bottom:10px; font-size:8px; }
  .site-menu__directory a { padding:6px 0; font-size:15px; }
  .watch { padding-top:78px; padding-bottom:94px; }
  .watch__voices { margin-top:70px; }
  .watch__voices>h2 { margin-bottom:24px; }
  .watch__grid { grid-template-columns:1fr; gap:38px; }
  .video-card__caption { padding-top:12px; }
  .plate-rig { inset:-2% -42%; }
  .plate-rig--welcome { transform:translate3d(-1%,0,0) scale(1.02); }
  .plate-rig--speed { transform:translate3d(12%,0,0) scale(1.04); }
  .plate-rig--speed img { object-position:72% center; }
  .plate-rig--intelligence { transform:translate3d(12%,2%,0) scale(1.03); }
  .plate-rig--malleable { transform:translate3d(13%,5%,0) scale(1.02); }
  .plate-rig--malleable img { object-position:82% center; }
  .scene--malleable .scene-shade { background:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.52) 30%,rgba(0,0,0,.14) 48%,transparent 65%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 75%),linear-gradient(0deg,rgba(0,0,0,.16),transparent 45%); }
  .scene-copy { width:calc(100vw - 64px); }
  .scene-copy h1,.scene-copy h2 { max-width:18ch; font-size:clamp(24px,7vw,30px); }
  .scene-copy>p:last-child { font-size:12px; }
  .scene-copy--welcome { top:7.8vh; width:calc(100vw - 76px); }
  .welcome-greeting { top:30vh; right:32px; color:rgba(238,232,220,.62); font-size:10px; letter-spacing:.24em; }
  .scene-copy .essay-folio { gap:14px; font-size:11px; }
  .scene-copy .essay-folio--intro { font-size:16px; }
  .scene-copy .essay-folio span { font-size:11px; }
  .scene-copy>p.essay-copy { max-width:none; font-size:12.5px; line-height:1.5; letter-spacing:-.035em; }
  .scene-copy>p.essay-copy--opening { margin-top:18px; }
  .scene-copy>p.essay-copy--body { margin-top:1.5em; }
  .scene-copy--speed { top:7.8vh; width:calc(100vw - 76px); }
  .scene-copy--intelligence { top:7.8vh; width:calc(100vw - 76px); }
  .scene-copy--malleable { top:7.8vh; width:calc(100vw - 40px); }
  .course-menu { width:min(100%,300px); margin-top:19px; }
  .course-menu button { padding:5px 0; font-size:12px; }
  .story-nav { gap:1px; }
  .story-nav button { width:24px; height:28px; font-size:11px; }
  .story-nav button i { width:9px; height:9px; border-radius:2.5px; }
  .final-lockup__mark { margin-bottom:20px; }
  .final-lockup>p { max-width:82vw; font-size:8px; line-height:1.6; }
  .final-actions { flex-direction:column; }
  .button { min-width:210px; }
  .site-footer { min-height:0; padding:54px 18px 22px; }
  .site-footer__heading { margin-bottom:44px; }
  .site-footer__wordmark { width:142px; }
  .site-footer__directory { gap:30px 28px; padding-bottom:50px; }
  .site-footer__directory h2 { margin-bottom:11px; font-size:8px; }
  .site-footer__directory a { padding:3px 0; font-size:14px; }
  .site-footer__credits { grid-template-columns:1fr; gap:16px; padding-top:18px; font-size:10px; line-height:1.45; }
}

@media (max-height:700px) and (min-width:561px) {
  .scene-copy--welcome { top:12vh; }
  .course-menu { margin-top:18px; }
  .course-menu button { padding:5px 0; }
}

@media (max-width:360px) {
  .masthead { padding:0 10px; grid-template-columns:auto 1fr; column-gap:10px; }
  .masthead__brand { width:24px; }
  .masthead__journey { gap:6px; }
  .story-nav { gap:0; }
  .masthead__nav { gap:7px; font-size:8px; letter-spacing:.04em; }
  .masthead__nav .masthead__get { padding:8px; }
  .masthead__get span { margin-left:5px; }
}

@media (prefers-reduced-motion:reduce) {
  .motion-field,.grain { display:none; }
  .scroll-cue>span:last-child { animation:none; }
  .site-menu,.site-menu__panel,.masthead__menu-icon::before,.masthead__menu-icon::after { transition:none; }
  .plate-rig,.scene-copy,.final-lockup,.final-field,.headlight-bloom { transform:none!important; will-change:auto; }
  .scene-copy--welcome .essay-folio--intro,.scene-copy--welcome>.essay-copy--opening,.scene-copy--welcome>.essay-copy--body,.course-menu p,.course-menu button { animation:none; }
}

@media (pointer:coarse) {
  .scroll-cue__desktop { display:none; }
  .scroll-cue__touch { display:inline; }
}

@media (pointer:coarse) and (max-width:900px) {
  .stage { touch-action:pan-x pinch-zoom; overscroll-behavior-y:contain; }
}