:root{--ink:#161514;--paper:#F5F3EF;--rose:#EFA1AD;--cobalt:#2438E8;--red:#E0311A;--dim:#8f8d88;--line:#dcd9d2;--lined:#2c2b29;--wrap:1380px;--pad:clamp(22px,4.6vw,44px);--disp:"Bricolage Grotesque",sans-serif;--dispw:800;--dispw2:600;--mono:"Fragment Mono",monospace;--spark:var(--rose);--struct:var(--rose);--on-rgb:22,21,20}*{margin:0;box-sizing:border-box}body{background:var(--ink);color:var(--paper);font-family:var(--body,var(--disp));font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}html{overflow-x:clip}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:-100%;z-index:70;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:300px 300px;animation:grainShift 1.2s steps(6) infinite}@keyframes grainShift{0%{transform:translate(0)}17%{transform:translate(-2%,1%)}33%{transform:translate(1%,-2%)}50%{transform:translate(-1%,2%)}67%{transform:translate(2%,1%)}83%{transform:translate(-2%,-1%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px),(prefers-reduced-motion:reduce){.companion{display:none}}.hero{position:relative;height:78svh;min-height:560px;overflow:hidden;background:var(--ink)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.03) brightness(.52)}.hero .vwrap{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .9s ease}.hero .vwrap.is-playing{opacity:1}.hero .vwrap iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100vw,177.78vh);height:max(100vh,56.25vw);border:0;filter:brightness(.65)}.hero .vwrap:after{content:"";position:absolute;inset:0;z-index:1;background:#16151480}.hero .vwrap:before{content:"";position:absolute;inset:-100%;z-index:2;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:280px 280px;animation:grainShift 1.1s steps(6) infinite}.hero .scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#16151470,#1615141f 58%,#16151475)}.hero .t{position:absolute;z-index:72;left:50%;top:45%;transform:translate(-50%,-50%);width:104%;text-align:center;color:var(--paper);font-weight:var(--dispw);font-size:clamp(40px,6.8vw,92px);line-height:.94;letter-spacing:-.035em;text-transform:uppercase}.hero .t .serif{font-family:var(--serif,"Instrument Serif",serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em}.hero .t .spark{color:var(--spark)}.hero .t .ln{display:block;overflow:hidden;padding-bottom:.18em;margin-bottom:-.18em}.hero .t .ln>span{display:block;transform:translateY(125%);animation:rise 1s cubic-bezier(.22,1,.36,1) forwards}.hero .t .ln:nth-child(2)>span{animation-delay:.12s}@keyframes rise{to{transform:translateY(0)}}.hero .nfo{position:absolute;z-index:72;right:var(--pad);bottom:11vh;text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;line-height:1.9;color:var(--paper);opacity:0;animation:fade 1s .8s forwards}.hero .nfo .h{color:var(--struct);background:var(--paper);padding:1px 7px;display:inline-block;margin-bottom:8px}.hero .kck{position:absolute;z-index:72;left:var(--pad);bottom:11vh;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--paper);opacity:0;animation:fade 1s .7s forwards;line-height:1.9}.hero .kck b{color:var(--spark);font-weight:400}@keyframes fade{to{opacity:1}}@media(max-width:900px){.statrow .stat:has(.note){margin-left:0}.statrow .stat .note{text-align:left}}.statrow .foot{padding:0 0 36px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--on-rgb),.66);line-height:2;max-width:74ch}.statrow .foot b{font-weight:400;color:rgb(var(--on-rgb))}.leadp{background:var(--ink);color:var(--paper);padding:10vh 0 9vh}.leadp .wrap{text-align:center}.leadp p{font-family:var(--disp);font-weight:var(--dispw2);font-size:clamp(23px,2.9vw,42px);line-height:1.28;letter-spacing:-.018em;max-width:44ch;margin:0 auto}.leadp p b{font-weight:var(--dispw2);color:var(--spark)}.story .side{position:static}.story .body.rv{transition-delay:.12s}.did{list-style:none;margin:0;padding:0 0 11vh}.did li{display:grid;grid-template-columns:220px 1fr;gap:clamp(16px,3vw,44px);align-items:baseline;padding:18px 4px;border-top:1px solid var(--line)}.did li:last-child{border-bottom:1px solid var(--line)}.did .dk{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.did .dv{font-weight:var(--dispw2);font-size:clamp(17px,1.7vw,23px);letter-spacing:-.015em;line-height:1.3;color:var(--ink)}@media(max-width:700px){.did li{grid-template-columns:1fr;gap:6px}}.film{background:var(--ink);padding:9vh 0 10vh}.film .bar{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--lined);margin-bottom:16px}.film .bar .mono b{color:var(--spark)}.poster16{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#000}.poster16 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:transform .8s cubic-bezier(.22,1,.36,1)}.poster16:hover img{transform:scale(1.03)}.poster16 .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;border:1.5px solid rgba(245,243,239,.8);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.7;padding:0 12px;color:var(--paper);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;background:#16151459;backdrop-filter:blur(6px);transition:background .3s,color .3s,transform .3s}.poster16:hover .play{background:var(--paper);color:var(--ink);transform:translate(-50%,-50%) scale(1.06)}.poster16 .fcap{position:absolute;left:18px;bottom:16px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f5f3efd9}.poster16.playing{cursor:default}.poster16 .pvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.poster16.playing .pvid{display:none}.poster16 iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}.journey{background:var(--ink);padding:2vh 0 11vh}.journey .head{max-width:760px;padding:6vh 0 8vh}.journey .head .k{color:var(--red)}.journey h2{font-weight:var(--dispw);font-size:clamp(34px,5.4vw,84px);letter-spacing:-.035em;line-height:.94;text-transform:uppercase;margin-top:14px}.journey h2 .serif{font-family:var(--serif,"Instrument Serif",serif);font-style:italic;font-weight:400;text-transform:none}.journey .head p{margin-top:22px;color:#b3b0a9;max-width:56ch;font-size:clamp(16px,1.4vw,19px)}.scene{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center;margin-top:clamp(56px,9vh,110px)}.scene:first-of-type{margin-top:0}.scene.rev .smedia{order:2}.smedia{background:#fcfbf7;padding:10px 10px 30px;transform:rotate(-1deg);box-shadow:0 2px 4px #00000059,0 22px 54px #00000080;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative}.scene.rev .smedia{transform:rotate(1deg)}.smedia:hover{transform:rotate(0) scale(1.015)}.smedia img{width:100%;height:auto;display:block;filter:saturate(.97)}.smedia .cap{position:absolute;left:11px;bottom:7px;font-family:var(--mono);font-size:9px;color:#8a877f;text-transform:uppercase;letter-spacing:.1em}.stext .sn{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.stext .sk{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-top:14px}.stext h3{font-weight:var(--dispw);font-size:clamp(26px,3vw,44px);letter-spacing:-.03em;line-height:1;text-transform:uppercase;margin-top:12px}.stext h3 .serif{font-family:var(--serif,"Instrument Serif",serif);font-style:italic;font-weight:400;text-transform:none}.stext p{margin-top:16px;color:#b3b0a9;max-width:44ch;font-size:17px}@media(max-width:900px){.scene,.scene.rev{grid-template-columns:1fr}.scene.rev .smedia{order:0}}.frames.show .fr.pre{opacity:0;transform:translateY(16px) rotate(-.6deg)}.develop{display:flex;justify-content:center;margin-top:26px}.develop button{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid var(--ink);border-radius:99px;padding:13px 26px;cursor:pointer;transition:background .3s,color .3s}.develop button:hover{background:var(--ink);color:var(--paper)}.develop button b{color:var(--red);font-weight:400}.develop button:hover b{color:var(--spark)}.gal.mid{padding:12vh 0}.pullq{background:var(--ink);color:var(--paper);padding:14vh 0;text-align:center}.pullq .q{font-family:var(--serif,"Instrument Serif",serif);font-style:italic;font-size:clamp(38px,7vw,104px);line-height:.98;letter-spacing:-.02em;max-width:16ch;margin:0 auto}.pullq .q .hl{color:var(--spark)}.pullq .who{margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.bts{background:var(--ink);padding:9vh 0 10vh}.bts .bar{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--lined);margin-bottom:16px}.bts .bar .mono b{color:var(--spark)}.bts .btslead{max-width:60ch;color:#f5f3efbd;font-size:clamp(16px,1.5vw,19px);line-height:1.6;margin:0 0 26px}.bts .btslead b{color:var(--paper);font-weight:var(--dispw2)}.over{position:relative;z-index:1;background:inherit}.underfoot{position:fixed;left:0;right:0;bottom:0;z-index:0}@media(max-width:900px),(prefers-reduced-motion:reduce){.underfoot{position:static}.over{margin-bottom:0!important}}@media(max-width:900px){.story{grid-template-columns:1fr}.story .side{position:static}.statrow>.in{justify-content:center;gap:28px 44px}.frames{columns:2}.hero .kck{display:none}}@media(max-width:560px){.frames{columns:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero .t .ln>span{transform:none}.hero .nfo,.hero .kck{opacity:1}.rv{opacity:1;transform:none}.grain{animation:none}.frames .fr{opacity:1;transform:none}.hero .vwrap{display:none}}.navburger,.mnav{display:none}@media(max-width:680px){.corners .c2{display:none}.corners .c1 b{font-size:23px}.corners .c3,.corners .c4{display:none}.hero .t,.hero h1{width:100%!important;font-size:clamp(32px,8.8vw,48px)!important;padding:0 16px}.navburger{display:flex;position:fixed;top:19px;right:19px;z-index:81;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;cursor:pointer;mix-blend-mode:difference}.navburger span{display:block;height:2px;width:24px;background:#fff;border-radius:2px;transition:transform .3s cubic-bezier(.76,0,.24,1),opacity .2s}#navtog:checked~.navburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}#navtog:checked~.navburger span:nth-child(2){opacity:0}#navtog:checked~.navburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mnav{display:flex;position:fixed;inset:0;z-index:80;background:var(--ink);flex-direction:column;justify-content:center;gap:2px;padding:0 var(--pad);transform:translateY(-100%);transition:transform .55s cubic-bezier(.76,0,.24,1)}#navtog:checked~.mnav{transform:none}.mnav a{font-family:var(--disp);font-weight:var(--dispw);font-size:clamp(34px,12vw,58px);line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;color:var(--paper)}.mnav a:active{color:var(--spark)}.mnav .mnav-foot{margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}}.foot-dock{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) 18px}.foot-dock .fd-clock{color:var(--dim)}
