@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Permanent+Marker&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#173337;background:#102127;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;overflow-x:hidden}a{color:inherit}.skip-link{position:fixed;z-index:100;top:0;left:1rem;padding:.8rem 1rem;background:white;transform:translateY(-300%)}.skip-link:focus{transform:none}.site-head{position:fixed;z-index:40;top:0;left:0;width:100%;padding:1.35rem clamp(1.1rem,4vw,4rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;opacity:0;transform:translateY(-18px);pointer-events:none;transition:opacity .5s,transform .5s;color:#183337}.site-head.visible{opacity:1;transform:none;pointer-events:auto}.wordmark{font-size:1.3rem;font-weight:700;letter-spacing:-.09em;text-decoration:none}.wordmark span{color:#e87851}.site-head nav{display:flex;align-items:center;gap:clamp(.8rem,2.5vw,2.5rem);font-size:.82rem;font-weight:700}.site-head nav a{text-decoration:none}.site-head .ai-link{padding:.7rem 1rem;border:1px solid currentColor;border-radius:100px}.scene-orbit-active .site-head{color:#fff}.journey{height:500vh;height:500svh}.journey-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#cfeaf1}.journey-track{height:100%;width:500vw;display:flex;transform:translate3d(calc(var(--journey-progress,0) * -100vw),0,0);will-change:transform}.scene{height:100%;width:100vw;flex:none;position:relative;overflow:hidden;padding:clamp(1.3rem,4vw,4rem)}.scene-number{position:absolute;z-index:8;top:6.2rem;right:4vw;font:500 .72rem 'DM Mono',monospace;letter-spacing:.15em;color:rgba(23,51,55,.65)}.eyebrow{font:500 .72rem 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.scene h1,.scene h2,.after-journey h2{font-weight:700;letter-spacing:-.095em;line-height:.94;margin:.3em 0}.scene h1{font-size:clamp(4rem,10vw,11rem)}.scene h2{font-size:clamp(3.6rem,7vw,8.5rem)}.scene em{font-style:normal;color:#ed754a}.chapter-copy{position:absolute;z-index:5;top:50%;left:8vw;transform:translateY(-50%);width:min(41vw,620px)}.chapter-copy>p:not(.eyebrow):not(.scribble){max-width:32rem;font-size:clamp(1rem,1.36vw,1.35rem);line-height:1.45}.text-link{display:inline-block;margin-top:1rem;padding-bottom:.35rem;border-bottom:1px solid currentColor;text-decoration:none;font-weight:700;font-size:.87rem}.scribble,.polaroid figcaption,.paper-note p,.paper-note strong{font-family:'Permanent Marker',cursive;font-weight:400}.scribble{font-size:clamp(1.2rem,2vw,2rem);color:#d86946;transform:rotate(-5deg)}.polaroid{position:absolute;z-index:3;margin:0;padding:clamp(.5rem,1vw,1rem) clamp(.5rem,1vw,1rem) clamp(2rem,3vw,3.3rem);background:#fffdfa;box-shadow:0 22px 45px rgba(23,51,55,.21),0 4px 10px rgba(23,51,55,.12);transform:translate3d(calc((1 - var(--p,0)) * var(--fly-x,0px)),calc((1 - var(--p,0)) * var(--fly-y,0px)),0) rotate(calc(var(--rotation,0deg) + (1 - var(--p,0)) * var(--fly-rotation,0deg)));will-change:transform}.polaroid img{display:block;width:100%;height:calc(100% - 1rem);object-fit:cover}.polaroid figcaption{position:absolute;bottom:.65rem;left:1rem;right:1rem;font-size:clamp(.85rem,1.25vw,1.1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-launch{background:radial-gradient(circle at 85% 10%,#f9f2d9 0,transparent 32%),linear-gradient(145deg,#e5f3ef 0,#b9dfed 68%,#8ab8ce 100%)}.launch-copy{position:absolute;z-index:5;top:20%;left:40%;width:55%}.launch-copy .intro{font-size:clamp(1.2rem,2vw,2rem);max-width:34rem;line-height:1.25}.launch-note{margin-left:24%;margin-top:2rem}.camera{position:absolute;z-index:4;left:-6%;bottom:1%;width:min(49vw,690px);filter:drop-shadow(0 2rem 2rem rgba(16,35,43,.3))}.launch-print{z-index:2;left:67%;top:51%;width:min(23vw,290px);height:min(29vw,365px);--rotation:12deg;animation:print-out 1.5s .2s cubic-bezier(.18,.7,.17,1) both}@keyframes print-out{from{transform:translate3d(-48vw,38vh,0) rotate(-44deg) scale(.5)}to{transform:translate3d(0,0,0) rotate(12deg) scale(1)}}.ground-line{position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(transparent,rgba(60,118,130,.16))}.scene-brooklyn{background:linear-gradient(#b7e0f1 0%,#d8edf2 52%,#f4e3b9 100%)}.cloud{position:absolute;width:32vw;height:8vw;border-radius:50%;background:rgba(255,255,255,.55);filter:blur(28px)}.cloud-one{top:10%;left:42%}.cloud-two{top:70%;right:-5%}.photo-brooklyn{width:min(42vw,580px);height:min(30vw,410px);right:5%;top:16%;--rotation:8deg;--fly-x:58vw;--fly-y:25vh;--fly-rotation:35deg}.photo-first{width:min(22vw,290px);height:min(19vw,250px);right:25%;bottom:9%;--rotation:-11deg;--fly-x:24vw;--fly-y:65vh;--fly-rotation:-40deg}.scene-music{background:radial-gradient(circle at 75% 20%,rgba(250,170,127,.6),transparent 28%),linear-gradient(125deg,#f5e5cc,#f5c8b5 55%,#e6abc1)}.scene-music h2 em{color:#b84264}.photo-music-one{width:min(27vw,350px);height:min(37vw,490px);right:20%;top:12%;--rotation:10deg;--fly-x:75vw;--fly-y:-40vh;--fly-rotation:70deg}.photo-music-two{width:min(24vw,310px);height:min(25vw,335px);right:4%;bottom:4%;--rotation:-13deg;--fly-x:44vw;--fly-y:70vh;--fly-rotation:-30deg}.paper-note{position:absolute;z-index:4;right:29%;bottom:9%;width:min(21vw,280px);padding:1.2rem 1.4rem;background:#fff8d8;box-shadow:0 10px 22px #74445b30;transform:translate3d(0,calc((1 - var(--p,0)) * 60vh),0) rotate(-6deg)}.paper-note p,.paper-note strong{display:block;margin:.1rem 0;font-size:1.6rem}.paper-note small{display:block;margin-top:1rem;line-height:1.4}.scene-world{background:linear-gradient(145deg,#f7dfb0 0,#f7c79e 45%,#a6c0cc 100%)}.sun{position:absolute;right:11%;top:9%;width:20vw;aspect-ratio:1;border-radius:50%;background:#ffe9af;box-shadow:0 0 8vw 3vw #fff2c780}.photo-world-one{width:min(32vw,415px);height:min(35vw,455px);right:19%;top:12%;--rotation:-8deg;--fly-x:69vw;--fly-y:30vh;--fly-rotation:-45deg}.photo-world-two{width:min(24vw,310px);height:min(23vw,300px);right:3%;bottom:8%;--rotation:11deg;--fly-x:20vw;--fly-y:80vh;--fly-rotation:40deg}.scene-orbit{color:#f0f6f5;background:radial-gradient(circle at 78% 45%,#3a5482 0,#162846 32%,#0c172f 72%)}.scene-orbit .scene-number{color:#a7baca}.scene-orbit h2 em{color:#bcf783}.scene-orbit .chapter-copy{width:min(48vw,650px)}.scene-orbit .eyebrow{color:#a8d0c6}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#c9d9f8 1px,transparent 1px);background-size:91px 89px,143px 147px;background-position:8px 14px,51px 49px;opacity:.52}.moon{position:absolute;right:6%;top:12%;width:min(38vw,470px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fbf7dc,#c8d2dd 55%,#7d90ae 85%);box-shadow:0 0 80px #cad6ff55;opacity:.9}.orbit-photo{width:min(19vw,245px);height:min(25vw,320px);right:32%;bottom:6%;--rotation:-12deg;--fly-x:0vw;--fly-y:80vh;--fly-rotation:80deg}.orbit-cta{display:inline-flex;justify-content:space-between;gap:2rem;margin-top:1rem;padding:1.1rem 1.4rem;border-radius:3px;background:#bcf783;color:#132b29;text-decoration:none;font-weight:700}.space-station{position:absolute;z-index:7;right:5%;bottom:12%;display:flex;align-items:center;text-decoration:none;filter:drop-shadow(0 0 24px #b1fd9880);transform:rotate(-9deg)}.station-wing{width:min(7vw,88px);height:min(8vw,100px);background:repeating-linear-gradient(90deg,#37566a 0 10px,#8aa9aa 10px 12px);border:2px solid #bdd1c9}.station-core{display:grid;place-items:center;width:min(15vw,180px);height:min(11vw,136px);background:linear-gradient(140deg,#6c8f9a,#172b37 56%);border:3px solid #c7dcce;color:white;letter-spacing:-.08em;font-size:clamp(1.3rem,3vw,3rem);font-weight:700}.station-core span{color:#bcf783}.space-station small{position:absolute;top:108%;left:15%;font:.6rem 'DM Mono',monospace;letter-spacing:.1em;white-space:nowrap}.journey-ui{position:absolute;z-index:20;bottom:0;left:0;width:100%;display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem clamp(1.2rem,4vw,4rem);font:500 .72rem 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.steps{display:flex;gap:.5rem}.steps button{border:0;width:1.8rem;height:1.8rem;border-radius:50%;background:#17333728;color:#173337;cursor:pointer;font:inherit}.steps button.active{background:#173337;color:white}.progress-label{min-width:4rem;text-align:right}.scene-orbit-active .journey-ui{color:white}.scene-orbit-active .steps button{color:#fff;background:#ffffff33}.scene-orbit-active .steps button.active{color:#132b29;background:#bcf783}.after-journey{min-height:60vh;background:#f6f5ed;padding:10vh 8vw}.after-journey h2{font-size:clamp(3rem,7vw,7rem);max-width:900px}.after-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}.after-links a{padding:1rem 1.3rem;border:1px solid #173337;border-radius:100px;text-decoration:none;font-weight:700}
@media(max-width:700px){.site-head{padding:1.1rem 1.2rem}.site-head nav{gap:.8rem;font-size:.7rem}.site-head nav a:nth-child(2){display:none}.site-head .ai-link{padding:.55rem .75rem}.scene{padding:1.2rem}.scene-number{top:5rem;right:1.2rem;font-size:.55rem}.scene h1{font-size:clamp(3.8rem,15vw,6rem)}.scene h2{font-size:clamp(3.2rem,12.4vw,5.8rem)}.launch-copy{top:17%;left:6%;width:89%}.launch-copy .intro{max-width:18rem;font-size:1.16rem}.launch-note{margin-left:46%;margin-top:1rem}.camera{width:78vw;left:-11%;bottom:5%}.launch-print{width:43vw;height:53vw;left:49%;top:51%}.chapter-copy,.scene-orbit .chapter-copy{top:14%;left:6%;transform:none;width:88%}.chapter-copy>p:not(.eyebrow):not(.scribble){font-size:.99rem;line-height:1.36;max-width:23rem}.text-link{margin-top:.2rem}.photo-brooklyn{width:66vw;height:46vw;right:5%;top:auto;bottom:16%}.photo-first{width:34vw;height:35vw;right:56%;bottom:13%}.photo-music-one{width:43vw;height:51vw;right:11%;top:auto;bottom:17%}.photo-music-two{width:36vw;height:38vw;right:55%;bottom:13%}.paper-note{width:46vw;right:35%;bottom:4%;padding:.75rem;}.paper-note p,.paper-note strong{font-size:1.1rem}.paper-note small{font-size:.55rem}.photo-world-one{width:49vw;height:51vw;right:7%;top:auto;bottom:16%}.photo-world-two{width:39vw;height:35vw;right:55%;bottom:13%}.sun{width:50vw;top:auto;bottom:24%}.moon{width:67vw;right:-5%;top:auto;bottom:12%}.orbit-copy{top:14%!important}.orbit-photo{display:none}.space-station{right:6%;bottom:15%;transform:rotate(-9deg) scale(1.4);transform-origin:right bottom}.station-wing{width:8vw;height:10vw}.station-core{width:18vw;height:14vw;font-size:1.1rem}.space-station small{font-size:.38rem}.journey-ui{padding:.8rem 1.2rem}.scroll-hint{display:none}.steps{gap:.2rem}.steps button{width:1.65rem;height:1.65rem;font-size:.65rem}.progress-label{font-size:.62rem}.after-journey{padding:7rem 1.3rem}.after-links{flex-direction:column;align-items:start}}
@media(max-width:700px) and (max-height:720px){.chapter-copy{top:11%}.scene h2{font-size:clamp(2.8rem,10vw,4rem)}.chapter-copy>p:not(.eyebrow):not(.scribble){font-size:.85rem}.photo-brooklyn,.photo-music-one,.photo-world-one{bottom:12%;height:34vw}.photo-first,.photo-music-two,.photo-world-two{bottom:9%;height:29vw}.paper-note{display:none}}
@media(prefers-reduced-motion:reduce){.site-head,.polaroid,.paper-note{transition:none}.journey-track{will-change:auto}.polaroid,.paper-note{transform:none!important;animation:none!important}}

/* One continuous atmosphere behind the whole moving collage. */
.journey{height:800vh;height:800svh}
.journey-stage{background:#d4edf0}
.journey-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.backdrop-sky,.backdrop-sunset,.backdrop-night,.backdrop-clouds{position:absolute;inset:0}
.backdrop-sky{background:radial-gradient(circle at 72% 12%,#fff7d6 0,transparent 28%),linear-gradient(155deg,#e6f3ec 0%,#c1e5ed 52%,#a5ccdf 100%)}
.backdrop-sunset{opacity:var(--sunset,0);background:radial-gradient(circle at 80% 70%,#ffefbb 0,transparent 20%),linear-gradient(145deg,#e9e8db 0%,#f6c8af 49%,#bbabcb 100%)}
.backdrop-night{opacity:var(--night,0);background:radial-gradient(circle at 78% 45%,#405880 0,#1b3454 40%,#0c172f 88%)}
.backdrop-clouds{opacity:calc(1 - var(--night,0));background:radial-gradient(ellipse at 18% 72%,#ffffff7d 0,transparent 26%),radial-gradient(ellipse at 75% 28%,#ffffff69 0,transparent 31%),radial-gradient(ellipse at 100% 85%,#ffffff7c 0,transparent 23%);filter:blur(24px);transform:translateX(var(--cloud-travel,0px))}
.journey-track{width:700vw}
.scene{background:transparent!important}
.scene-number{display:none!important}
.scene-brooklyn .cloud{display:none}
.scene-world .sun{opacity:calc(1 - var(--night,0))}
.scene-orbit .stars{opacity:calc(var(--night,0) * .52)}
.scene-orbit{color:#f0f6f5}
.scene-orbit .eyebrow{color:#bdd6d1}
.scene-orbit .scene-number{color:transparent}
.scene-orbit .moon{opacity:var(--night,0)}
.journey-ui{justify-content:space-between;align-items:center}
.progress-rail{width:min(17vw,170px);height:1px;background:#17333744}
.progress-rail span{display:block;height:2px;width:var(--rail-progress,0%);background:#173337}
.scene-orbit-active .progress-rail{background:#ffffff4d}
.scene-orbit-active .progress-rail span{background:#bcf783}
.scene:not(.scene-launch) .chapter-copy>*{opacity:var(--reveal,0);transform:translate3d(calc((1 - var(--reveal,0)) * var(--copy-x,-42px)),calc((1 - var(--reveal,0)) * var(--copy-y,28px)),0)}
.scene:not(.scene-launch) .chapter-copy>:nth-child(2){--copy-x:0px;--copy-y:65px}
.scene:not(.scene-launch) .chapter-copy>:nth-child(3){--copy-x:55px;--copy-y:20px}
.scene:not(.scene-launch) .chapter-copy>:nth-child(4){--copy-x:38px;--copy-y:20px}
.scene-launch .launch-copy>*{animation:copy-enter .8s both}
.scene-launch .launch-copy>:nth-child(2){animation-delay:.12s}
.scene-launch .launch-copy>:nth-child(3){animation-delay:.25s}
.scene-launch .launch-copy>:nth-child(4){animation-delay:.38s}
@keyframes copy-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.scene-vine{--copy-x:64px;--copy-y:-20px}
.scene-vine .chapter-copy{left:auto;right:7vw;top:39%;width:min(42vw,600px);text-align:right}
.scene-vine .chapter-copy>p:not(.eyebrow){margin-left:auto}
.scene-vine h2 em{color:#bd5a65}
.photo-vine{width:min(35vw,460px);height:min(40vw,520px);left:12%;top:17%;--rotation:-10deg;--fly-x:-62vw;--fly-y:65vh;--fly-rotation:-55deg}
.scrap{position:absolute;z-index:4;box-shadow:0 12px 28px #17333730}
.scrap-vine{left:33%;bottom:13%;padding:1.2rem 1.6rem;background:#fff8d8;transform:rotate(8deg);display:flex;gap:.55rem;align-items:center;font:700 clamp(1.2rem,2.5vw,2.7rem) 'DM Sans',sans-serif;letter-spacing:-.07em}
.scrap-vine i{color:#d86946;font-family:'Permanent Marker',cursive;font-style:normal}
.scrap-vine small{position:absolute;top:100%;right:1rem;font:1rem 'Permanent Marker',cursive;color:#173337}
.scene-music .chapter-copy{top:22%;left:6vw;transform:none;width:min(52vw,700px)}
.scene-music .chapter-copy h2{font-size:clamp(3.5rem,6vw,8rem)}
.photo-music-two{right:6%;bottom:12%;width:min(33vw,430px);height:min(39vw,500px)}
.scene-music .paper-note{right:32%;bottom:12%;transform:translate3d(0,calc((1 - var(--p,0)) * 60vh),0) rotate(-7deg)}
.scene-world{--copy-x:60px;--copy-y:20px}
.scene-world .chapter-copy{left:auto;right:7vw;top:54%;width:min(39vw,540px)}
.scene-world .photo-world-one{right:auto;left:11%;top:12%;width:min(35vw,460px);height:min(38vw,500px)}
.scene-world .photo-world-two{right:45%;bottom:5%;width:min(22vw,280px);height:min(22vw,280px)}
.scene-world .sun{right:27%;top:5%}
.scene-builder h2 em{color:#b25374}
.scene-builder .chapter-copy{left:8vw;top:66%;width:min(49vw,680px)}
.photo-builder-one{width:min(31vw,400px);height:min(28vw,365px);right:13%;top:11%;--rotation:8deg;--fly-x:55vw;--fly-y:-55vh;--fly-rotation:70deg}
.photo-builder-two{width:min(22vw,285px);height:min(29vw,370px);right:3%;bottom:8%;--rotation:-12deg;--fly-x:52vw;--fly-y:60vh;--fly-rotation:-30deg}
.scrap-builder{right:34%;top:45%;padding:.7rem 1.4rem;background:#fef7e5;font:clamp(1.1rem,2vw,2rem) 'Permanent Marker',cursive;transform:rotate(-8deg)}
.scene-orbit .orbit-copy{left:10vw;top:39%;width:min(55vw,760px)}
.scene-orbit .orbit-copy h2{font-size:clamp(3.5rem,6.5vw,8rem)}
.scene-orbit .space-station{bottom:14%}
@media(max-width:700px){
  .journey{height:800svh}.journey-track{width:700vw}
  .journey-ui{padding:.8rem 1.2rem}.scroll-hint{display:block;font-size:.56rem}.progress-rail{width:22vw}
  .scene-vine .chapter-copy,.scene-music .chapter-copy,.scene-world .chapter-copy,.scene-builder .chapter-copy,.scene-orbit .orbit-copy{left:6%;right:auto;top:14%;width:88%;transform:none;text-align:left}
  .scene-vine .chapter-copy{left:12%;width:82%;text-align:right}
  .scene-world .chapter-copy{left:12%;width:82%;text-align:right}
  .scene-orbit .orbit-copy{left:9%;width:82%;text-align:center}
  .scene-vine .chapter-copy>p:not(.eyebrow){margin-left:0}
  .scene-vine h2,.scene-music .chapter-copy h2,.scene-orbit .orbit-copy h2{font-size:clamp(3rem,11.5vw,5rem)}
  .photo-vine{width:54vw;height:58vw;left:9%;top:auto;bottom:18%}
  .scrap-vine{left:auto;right:3%;bottom:15%;padding:.5rem .6rem;font-size:1rem;gap:.25rem}
  .scrap-vine small{font-size:.53rem;right:0}
  .photo-music-two{width:48vw;height:55vw;right:5%;bottom:14%}
  .scene-music .paper-note{right:48%;bottom:14%}
  .scene-world .photo-world-one{width:51vw;height:51vw;left:7%;top:auto;bottom:20%}
  .scene-world .photo-world-two{right:5%;bottom:12%;width:38vw;height:38vw}
  .scene-world .sun{right:2%;top:auto;bottom:28%}
  .scene-builder .chapter-copy{top:13%}
  .photo-builder-one{width:50vw;height:43vw;right:6%;top:auto;bottom:24%}
  .photo-builder-two{width:39vw;height:44vw;right:52%;bottom:13%}
  .scrap-builder{right:8%;top:auto;bottom:13%;font-size:1rem;padding:.5rem}
  .scene-orbit .orbit-copy{top:13%}
  .scene-orbit .space-station{bottom:18%}
}
@media(prefers-reduced-motion:reduce){.scene-launch .launch-copy>*{animation:none}.scene:not(.scene-launch) .chapter-copy>*{opacity:1;transform:none}}

/* A shared atmosphere; photos can cross chapter boundaries without a hard crop. */
.scene{overflow:visible;opacity:var(--visibility,1)}
.polaroid{transform:translate3d(calc((1 - var(--p,0)) * var(--fly-x,0px) * .12 - var(--exit,0) * 3vw),calc((1 - var(--p,0)) * var(--fly-y,0px) * .12 - var(--exit,0) * 2vh),0) rotate(calc(var(--rotation,0deg) + (1 - var(--p,0)) * var(--fly-rotation,0deg) * .12))}
.scene:not(.scene-launch) .chapter-copy>*{transform:translate3d(0,calc((1 - var(--reveal,0)) * 18px),0)}
.scene-music .paper-note{transform:translate3d(0,calc((1 - var(--p,0)) * 7vh),0) rotate(-7deg)}
.backdrop-clouds{inset:-15% -30%;transform:translate3d(var(--cloud-travel,0px),var(--sky-rise,0px),0);animation:atmosphere-drift 24s ease-in-out infinite alternate;will-change:transform}
.backdrop-stars{position:absolute;inset:-15%;opacity:var(--night,0);background-image:radial-gradient(circle,#eff6ff 1px,transparent 1.5px),radial-gradient(circle,#b7d2ec 1px,transparent 1.5px);background-size:137px 119px,211px 193px;background-position:19px 31px,73px 97px;transform:translate3d(var(--star-travel,0px),var(--sky-rise,0px),0)}
.backdrop-horizon{position:absolute;width:160vw;height:85vw;left:-30vw;top:78%;border-radius:50%;opacity:calc(var(--night,0) * .65);background:radial-gradient(ellipse at 50% 0%,#82b8ce 0,#254666 3%,#102238 10%,#071320 40%);box-shadow:0 -8px 32px #a6e4ed60;transform:translateY(calc(var(--night,0) * -5vh))}
.scene-orbit .stars,.scene-world .sun{display:none}
@keyframes atmosphere-drift{from{translate:0 0}to{translate:3vw -2vh}}
.platform-mark{display:flex;align-items:center;gap:.65rem;font-size:clamp(1rem,1.8vw,1.7rem);letter-spacing:-.045em}
.platform-mark img{width:clamp(32px,4vw,56px);height:clamp(32px,4vw,56px);object-fit:contain}
.scrap-vine{gap:1.1rem;left:29%;bottom:10%;padding:1rem 1.4rem}
.scene-orbit .orbit-copy{left:7vw;top:31%;width:min(56vw,760px)}
.scene-orbit .orbit-photo{right:auto;left:10%;bottom:8%;width:min(15vw,190px);height:min(19vw,245px)}
.scene-orbit .space-station{right:3%;bottom:7%;width:min(47vw,680px);display:block;filter:drop-shadow(0 24px 32px #0005);transform:rotate(-5deg);animation:station-drift 9s ease-in-out infinite alternate}
.space-station>img{display:block;width:100%;height:auto}
.station-label{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#e6f6f5;border-top:1px solid #b6d4d955;padding:1rem .5rem;font-size:clamp(1.1rem,2vw,1.8rem);font-weight:700;letter-spacing:-.05em}
.station-label>span{font-size:.75rem;font-weight:500;letter-spacing:0;color:#bcf783}
@keyframes station-drift{from{translate:0 0}to{translate:0 -12px}}
.space-station:focus-visible,.orbit-cta:focus-visible{outline:3px solid #bcf783;outline-offset:7px}
@media(max-width:700px){
 .scrap-vine{left:auto;right:7%;bottom:11%;padding:.7rem;gap:.5rem}
 .platform-mark{gap:.35rem;font-size:.85rem}
 .platform-mark img{width:32px;height:32px}
 .scene-orbit .orbit-copy{left:7%;width:86%;top:13%}
 .scene-orbit .space-station{width:86vw;right:7%;bottom:9%;transform:rotate(-5deg);transform-origin:center}
 .station-label{padding:.7rem .2rem;font-size:1.3rem}
 .station-label>span{font-size:.65rem}
}
@media(max-width:700px) and (max-height:720px){
 .scene-orbit .space-station{width:67vw;right:16.5%;bottom:8%}
 .scene-orbit .orbit-copy h2{font-size:clamp(2.5rem,10vw,3.6rem)}
}
@media(prefers-reduced-motion:reduce){
 .backdrop-clouds,.space-station{animation:none!important}
 .backdrop-clouds,.backdrop-stars,.backdrop-horizon{transform:none}
 .scene{opacity:1}
 .scene:not(.scene-launch) .chapter-copy>*{transform:none}
}

/* Narrative type: a clean voice with a more expressive italic on the turning points. */
.scene h2{letter-spacing:-.065em}
.scene h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-style:italic;letter-spacing:-.045em;line-height:.96}
.headline-line{display:block;overflow:hidden;padding:.06em .08em .12em;margin:-.06em -.08em -.12em}
.headline-ink{display:block;transform:translate3d(0,calc((1 - var(--line-a,1)) * 105%),0) rotate(calc((1 - var(--line-a,1)) * 3deg));transform-origin:left bottom}
.headline-line:nth-child(2) .headline-ink{transform:translate3d(0,calc((1 - var(--line-b,1)) * 105%),0) rotate(calc((1 - var(--line-b,1)) * -2deg))}
.scene:not(.scene-launch) .chapter-copy>h2{opacity:1;transform:none}
.scene:not(.scene-launch) .chapter-copy>p:not(.eyebrow){transform:translate3d(0,calc((1 - var(--reveal,0)) * 26px),0)}
.scene-vine .chapter-copy{top:42%;width:min(44vw,630px)}
.audience{margin-top:1.5rem;border-top:1px solid #17333745;padding-top:.7rem;opacity:var(--reveal,1)}
.audience>p{font-size:.78rem;margin:0 0 .7rem}
.audience dl{display:flex;justify-content:flex-end;gap:clamp(1.2rem,3vw,3rem);margin:0}
.audience dl>div{display:flex;flex-direction:column-reverse;gap:.15rem}
.audience dt{font-size:.74rem}
.audience dd{font-size:clamp(1.6rem,2.9vw,2.8rem);font-weight:600;letter-spacing:-.055em;margin:0;line-height:1}
.scrap-vine{left:25%;gap:.7rem;padding:.8rem 1rem}
.platform-mark{font-size:clamp(.85rem,1.5vw,1.3rem);gap:.4rem}
.platform-mark img{width:clamp(28px,3.3vw,46px);height:clamp(28px,3.3vw,46px)}
.backdrop-night{background:radial-gradient(ellipse at 78% 48%,#13223c 0%,#080f24 49%,#03091a 100%)}
.backdrop-horizon{background:radial-gradient(ellipse at 50% 0%,#38556d 0%,#142c45 3%,#08152b 10%,#020819 40%);box-shadow:0 -5px 24px #719ca233}
.scene-builder{color:#fffdf5}
.scene-builder h2 em{color:#f7d9ae}
.scene-builder .eyebrow{color:#e6ebf4}
.scene-builder .chapter-copy{top:57%;width:min(47vw,660px)}
.scene-builder .chapter-copy h2{font-size:clamp(3.5rem,6.3vw,7rem)}
.scene-builder .scrap{color:#173337}
.polaroid figcaption{color:#101010}
.scene-orbit .moon{background:radial-gradient(circle at 32% 26%,#faf6dd,#bcc7d0 67%,#76849b);box-shadow:0 0 70px #b5c9e518}
.scene-orbit .space-station{right:5%;width:min(44vw,650px)}
@media(max-width:700px){
 .scene-vine .chapter-copy{left:7%;right:auto;top:12%;width:86%;text-align:left}
 .scene-vine .chapter-copy>p:not(.eyebrow){margin-left:0}
 .scene-vine .chapter-copy h2{font-size:clamp(2.6rem,10.8vw,4rem)}
 .audience{margin-top:.85rem;padding-top:.6rem}
 .audience dl{justify-content:space-between;gap:.7rem}
 .audience dd{font-size:1.7rem}.audience dt{font-size:.65rem}
 .photo-vine{width:45vw;height:49vw;bottom:13%;left:7%}
 .scrap-vine{left:auto;right:6%;bottom:9%;padding:.65rem;gap:.35rem}
 .platform-mark{flex-direction:column;gap:.2rem;font-size:.66rem}
 .platform-mark img{width:29px;height:29px}
 .scrap-vine small{font-size:.5rem}
 .scene-builder .chapter-copy{left:7%;top:12%;width:86%}
 .scene-builder .chapter-copy h2{font-size:clamp(2.8rem,11.5vw,4.8rem)}
 .scene-orbit .space-station{right:7%;width:86vw}
}
@media(max-width:700px) and (max-height:720px){
 .scene-vine .chapter-copy>p:not(.eyebrow){font-size:.8rem}
 .audience>p{display:none}.audience{margin-top:.5rem}.audience dd{font-size:1.4rem}
 .photo-vine{width:36vw;height:39vw;bottom:12%}
 .scene-orbit .space-station{right:16.5%;width:67vw}
}
@media(prefers-reduced-motion:reduce){
 .headline-ink,.headline-line:nth-child(2) .headline-ink{transform:none}
 .scene:not(.scene-launch) .chapter-copy>p:not(.eyebrow){transform:none}
 .audience{opacity:1}
}

/* Shared, scroll-scrubbed film; original backdrop remains the loading fallback. */
.journey-video,.journey-video-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.journey-video{object-fit:cover;object-position:center}
.has-journey-video .journey-video,.has-journey-video .journey-video-shade{opacity:1}
.journey-video-shade{background:linear-gradient(90deg,rgba(3,9,20,.52),rgba(3,9,20,.36) 55%,rgba(3,9,20,.52));}
.has-journey-video .journey-backdrop,.has-journey-video .moon,.has-journey-video .space-station,.has-journey-video .ground-line{display:none}
.has-journey-video .scene{color:#fffdf5}
.has-journey-video .scene .eyebrow{color:#e9eee8}
.has-journey-video .scene em{color:#f7d9ae}
.has-journey-video .scene .scribble{color:#f7d9ae}
body:has(.has-journey-video) .site-head{color:#fffdf5;text-shadow:0 1px 8px #0008}
.has-journey-video .journey-ui{color:#fffdf5}
.has-journey-video .progress-rail{background:#ffffff55}
.has-journey-video .progress-rail span{background:#bcf783}
@media(max-width:700px){.journey-video-shade{background:linear-gradient(180deg,#03091499,#03091455 60%,#03091422)}}

.has-journey-video .scrap,.has-journey-video .paper-note{color:#173337}
.has-journey-video .scrap .scribble{color:#173337}

/* A continuous sideways journey. Elements stay opaque and leave by travelling. */
.journey-track{position:relative;width:700vw;transform:translate3d(calc(var(--journey-progress,0) * -100vw),0,0);will-change:transform}
.scene{position:relative;inset:auto;width:100vw;flex:none;opacity:1;overflow:visible;pointer-events:none;perspective:1100px}
.scene:not([inert]){pointer-events:auto}
.chapter-copy,.launch-copy{color:#fffdf5;text-shadow:0 1px 2px #000b;opacity:1;translate:calc(var(--copy-exit,0) * -12vw) 0}
.chapter-copy::before,.launch-copy::before{display:none}
.scene-launch .launch-copy>*{animation:none}
.scene-launch .launch-copy{translate:calc(var(--copy-exit,0) * -18vw) 0}
.scene-launch .camera{opacity:1;transform:translate3d(calc(var(--late-exit,0) * -20vw),calc(var(--late-exit,0) * 12vh),0) rotate(calc(var(--late-exit,0) * -8deg))}
.polaroid{--photo-motion:var(--photo-exit,0);opacity:1;translate:none;transform:perspective(1100px) translate3d(calc((1 - var(--scene-enter,1)) * 22vw - var(--photo-motion,0) * 35vw),calc((1 - var(--scene-enter,1)) * 6vh - var(--photo-motion,0) * 12vh),0) rotateZ(calc(var(--rotation,0deg) - var(--photo-motion,0) * 12deg));transform-origin:center;will-change:transform}
.polaroid:nth-of-type(2){--photo-motion:var(--late-exit,0);opacity:1;translate:none}
.launch-print{animation:none;transform:perspective(1100px) translate3d(calc(var(--photo-exit,0) * -40vw),calc(var(--photo-exit,0) * -45vh),0) rotateZ(calc(12deg - var(--photo-exit,0) * 20deg)) rotateX(calc(var(--photo-exit,0) * -180deg))}
.paper-note,.scrap{opacity:1;translate:calc((1 - var(--scene-enter,1)) * 15vw - var(--late-exit,0) * 20vw) 0}
.scene:not(.scene-launch) .chapter-copy>*{opacity:1}
.scene:not(.scene-launch) .chapter-copy>p:not(.eyebrow){transform:translate3d(calc((1 - var(--scene-enter,1)) * 90px),0,0)}
.headline-ink,.headline-line:nth-child(2) .headline-ink{transform:translate3d(calc((1 - var(--scene-enter,1)) * 130px),0,0)}
.audience{opacity:1}
.has-journey-video .scene .eyebrow{color:#fffdf5;letter-spacing:.12em;text-shadow:0 1px 2px #000b}
.has-journey-video .scene-vine em{color:#ffdfbd}
.has-journey-video .scene-music em{color:#ffec9c}
.has-journey-video .scene-world em{color:#cdeeff}
.has-journey-video .scene-builder em{color:#ffd4e6}
.has-journey-video .scene-orbit em{color:#bcf783}
.scene-music h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.055em}
.scene-music h2 em{font-family:'DM Sans',sans-serif;font-style:normal;font-weight:700;letter-spacing:-.07em}
.scene-builder h2 em{font-family:'Cormorant Garamond',Georgia,serif}
.scrap,.paper-note,.polaroid{text-shadow:none}
.photo-music-one{right:7%;top:12%;width:min(22vw,300px);height:min(25vw,340px);--rotation:9deg;--fly-x:32vw}
.photo-music-two{right:8%;bottom:8%;width:min(25vw,340px);height:min(29vw,400px)}
.scene-music .paper-note{right:34%;bottom:10%;width:min(24vw,320px)}
.scene-music .chapter-copy{top:17%;width:min(54vw,700px)}
.scene-world .photo-world-one{left:7%;top:15%;width:min(30vw,410px);height:min(33vw,450px)}
.scene-world .photo-world-two{right:auto;left:29%;bottom:8%;width:min(23vw,300px);height:min(25vw,330px)}
.scene-world .chapter-copy{right:7%;width:min(40vw,560px)}
.scene-orbit .orbit-copy{top:56%;left:7vw;width:min(48vw,660px)}
.scene-orbit .orbit-copy h2{font-size:clamp(3.2rem,5.8vw,6.6rem)}
.scene-orbit .orbit-photo{left:auto;right:8%;bottom:6%;width:min(14vw,190px);height:min(17vw,230px)}
@media(max-width:700px){
 .chapter-copy::before,.launch-copy::before{inset:-1.5rem;background:radial-gradient(ellipse,#030914bb,transparent 78%)}
 .scene-music .chapter-copy{left:7%;top:12%;width:86%}
 .photo-music-one{top:auto;bottom:27%;right:6%;width:32vw;height:36vw}
 .photo-music-two{right:8%;bottom:8%;width:36vw;height:42vw}
 .scene-music .paper-note{right:auto;left:6%;bottom:12%;width:43vw}
 .scene-world .chapter-copy{left:7%;right:auto;top:12%;width:86%;transform:none}
 .scene-world .photo-world-one{left:6%;top:auto;bottom:16%;width:46vw;height:51vw}
 .scene-world .photo-world-two{left:auto;right:5%;bottom:8%;width:37vw;height:41vw}
 .scene-orbit .orbit-copy{left:7%;top:32%;width:86%;transform:none;text-align:left}
 .scene-orbit .orbit-copy h2{font-size:clamp(2.6rem,10vw,4rem)}
 .scene-orbit .orbit-photo{left:9%;right:auto;bottom:6%;width:29vw;height:35vw}
}
@media(prefers-reduced-motion:reduce){
 .chapter-copy,.launch-copy,.camera,.polaroid,.paper-note,.scrap{translate:none!important;will-change:auto}
 .polaroid,.launch-print{transform:rotate(var(--rotation,0deg))!important}
 .scene-launch .camera{transform:none}
}

.site-head nav button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.site-head nav button:hover{text-decoration:underline}.after-links button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 .4rem;cursor:pointer}.site-head nav button:focus-visible,.after-links button:focus-visible{outline:2px solid currentColor;outline-offset:6px}

.about-intro{max-width:650px;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5;margin:1.5rem 0 3rem}

.site-head,.site-head.visible{opacity:1;transform:none;pointer-events:auto;color:#fffdf5;background:linear-gradient(#08121dd9,transparent);transition:none}body:has(.has-journey-video) .site-head{text-shadow:0 1px 2px #0008}