: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;--dispcond:var(--disp);--condstretch:75%;--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.02) brightness(.59)}.hero .t{z-index:72;position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:104%;text-align:center;color:var(--paper);font-weight:var(--dispw);font-size:clamp(60px,11.2vw,149px);line-height:.86;letter-spacing:-.035em;text-transform:uppercase;mix-blend-mode:screen}.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);mix-blend-mode:normal}.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{z-index:72;position:absolute;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{z-index:72;position:absolute;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}}.statrow .stat b{display:block;font-weight:var(--dispw);font-size:clamp(24px,2.5vw,40px);letter-spacing:-.03em;line-height:.92;color:rgb(var(--on-rgb))}.statrow .stat span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--on-rgb),.66);display:block;margin-top:8px;max-width:26ch}.story .side{position:static}.story .body.rv{transition-delay:.12s}.film{position:relative;background:var(--ink);padding:0}.film .poster{position:relative;height:92svh;overflow:hidden;cursor:pointer}.film .poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:transform .8s cubic-bezier(.22,1,.36,1)}.film .poster:hover img{transform:scale(1.03)}.film .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;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}.film .poster:hover .play{background:var(--paper);color:var(--ink);transform:translate(-50%,-50%) scale(1.06)}.film .fcap{position:absolute;left:var(--pad);bottom:24px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f5f3efd9}#reelbox{position:fixed;inset:0;z-index:96;background:#0c0b0af5;display:none;align-items:center;justify-content:center;padding:4vmin}#reelbox.on{display:flex}#reelbox .frame{position:relative;width:min(92vw,1500px);aspect-ratio:16/9;background:#000;box-shadow:0 40px 120px #0009}#reelbox iframe{width:100%;height:100%;border:0}#reelbox .x{position:absolute;top:-42px;right:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:none;border:1px solid rgba(245,243,239,.4);border-radius:99px;padding:8px 16px;cursor:pointer}#reelbox .x:hover{background:var(--paper);color:var(--ink)}#reelbox .cap{position:absolute;bottom:-34px;left:0;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8f8d88}.bcmasonry{columns:3;column-gap:16px}.bcm{position:relative;break-inside:avoid;margin-bottom:16px;overflow:hidden;border-radius:6px;opacity:0;transform:translateY(18px)}.bcmasonry.show .bcm{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0ms)}.bcm img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}.bcm:hover img{transform:scale(1.05)}.bcm.hero-wide{column-span:all;margin-bottom:20px}.bcm.pop,.bcm.tall{column-span:none}.bcm .pcap{position:absolute;left:12px;bottom:10px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#16151480;padding:4px 9px;backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}.bcm.pop .pcap{opacity:1}@media(max-width:900px){.bcmasonry{columns:2}}@media(max-width:560px){.bcmasonry{columns:1}}.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}.frames{grid-template-columns:1fr 1fr}.fr.wide{grid-column:span 2}.hero .kck{display:none}}@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}}.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)}
