@font-face{font-family:Mona Sans;src:url(/fonts/mona-sans.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap}:root{--bg: #050505;--day: #f1f3f3;--ink: #E3E9E9;--ink-soft: #8A9595;--teal: #06ADB2;--amber: #E3AD4B;--day-ink: #101314;--day-soft: #566062;--gut: clamp(16px, 4vw, 56px);--story: 19.4;--chrome: calc(100lvh - 100svh) ;--sans: "Mona Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scrollbar-color:#222828 #050505}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--ink);color:var(--bg)}:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}a{color:inherit}h1,h2,p{margin:0}.nav{position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) var(--gut) 14px;pointer-events:none;transition:color .5s ease-out}.nav a,.nav button{pointer-events:auto}body.past .nav{transform:translateY(-110%)}.nav{transition:color .5s ease-out,transform .45s cubic-bezier(.16,1,.3,1)}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:25px;letter-spacing:-.016em;text-decoration:none}.brand-mark{width:31px;height:31px;display:block;flex:none}.nav-end{display:flex;align-items:center;gap:10px}.sound{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;background:none;border:1px solid transparent;border-radius:999px;color:inherit;font:inherit;font-size:14px;cursor:pointer}.sound .waves{opacity:.28}.sound[aria-pressed=true] .waves{opacity:1;stroke:var(--teal)}.sound:hover{border-color:currentColor}.cta{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--ink);color:var(--bg);font:inherit;font-weight:620;font-size:16px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s cubic-bezier(.16,1,.3,1),background .2s,color .2s}.cta:hover{background:#fff;transform:translateY(-1px)}.cta:active{transform:translateY(1px)}.cta-nav{height:40px;padding:0 16px;font-size:14px}body.day{background:var(--day)}body.day .nav{color:var(--day-ink)}body.day .cta{background:var(--day-ink);color:var(--day)}body.day .cta:hover{background:#2a3032}.end-name{position:absolute;inset:0 0 auto;visibility:hidden;padding-top:clamp(76px,9vh,100px);text-align:center;color:var(--day-ink)}#story{position:relative;height:calc((var(--story) + 1) * 100lvh)}.stage{position:sticky;top:0;height:100lvh;width:100%;overflow:hidden}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}.hero-back{position:absolute;inset:0 0 auto;z-index:0;padding:clamp(84px,10.5vh,118px) var(--gut) 0;text-align:center}h1{font-size:clamp(46px,7vw,118px);line-height:.98;font-weight:660;letter-spacing:-.035em;font-stretch:92%;text-wrap:balance;max-width:16ch;margin:0 auto}.beats{position:absolute;inset:0;z-index:2;pointer-events:none}.hero-front{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(var(--chrome) + clamp(20px,4vh,44px));display:flex;align-items:end;justify-content:space-between;gap:32px}.hero-front p{max-width:21ch;font-size:clamp(17px,1.4vw,21px);line-height:1.3;color:var(--ink);text-wrap:pretty}.hero-act{display:flex;align-items:center;gap:16px;pointer-events:auto;flex-shrink:0}.note{color:var(--ink-soft);font-size:15px}.beat{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(var(--chrome) + clamp(26px,6vh,64px));visibility:hidden;will-change:transform,opacity;font-size:clamp(38px,5.6vw,96px);line-height:1.02;font-weight:640;letter-spacing:-.032em;font-stretch:96%;text-wrap:balance}.beat p{font:inherit;letter-spacing:inherit}.beat small{display:block;margin-top:8px;max-width:70ch;font-size:clamp(15px,1.25vw,19px);line-height:1.32;font-weight:450;letter-spacing:0;color:var(--ink-soft);font-stretch:100%}.soft{color:var(--ink-soft)}.word{display:inline-block;will-change:transform,opacity}.beat[data-pos=top]{top:clamp(82px,11vh,120px);bottom:auto}.beat[data-pos=side],.beat[data-pos=left]{max-width:56%;right:auto}.beat[data-pos=right]{left:auto;right:var(--gut);text-align:right;max-width:60%}.beat[data-pos=narrow]{top:clamp(82px,11vh,120px);bottom:auto;right:auto;max-width:46%}.beat[data-pos=tr]{top:clamp(82px,11vh,120px);bottom:auto;left:auto;right:var(--gut);text-align:right;max-width:60%}.beat-big{font-size:clamp(64px,12vw,210px);line-height:.92;color:var(--amber)}.beat-harm{right:auto}.beat-harm small{max-width:36ch}.bellows{display:inline-block;font-weight:720;transform-origin:0 50%}.sound-inline{margin-top:16px;height:44px;padding:0 18px;border-radius:999px;border:1px solid currentColor;background:none;color:inherit;font:inherit;font-size:15px;font-weight:560;letter-spacing:0;cursor:pointer;pointer-events:auto}.sound-inline:hover{background:#7f7f7f24}body.day .beat{color:var(--day-ink)}body.day .beat .soft,body.day .beat small{color:var(--day-soft)}.name{font-size:clamp(90px,21vw,400px);line-height:.84;letter-spacing:-.03em;font-weight:720;white-space:nowrap}.close{background:var(--day);color:var(--day-ink);padding:clamp(40px,10vh,120px) var(--gut) clamp(44px,9vh,100px)}.close h2{font-size:clamp(46px,8vw,132px);line-height:.98;font-weight:660;letter-spacing:-.035em;font-stretch:92%}.close>p{margin-top:14px;font-size:clamp(18px,1.7vw,24px);max-width:38ch;color:var(--day-soft);text-wrap:pretty}form{margin-top:clamp(24px,4vh,40px);max-width:620px}label{display:block;margin-bottom:8px;font-size:15px;font-weight:560}.row{display:flex;gap:10px}input{flex:1;min-width:0;height:52px;padding:0 18px;border-radius:999px;border:1.5px solid #8c9496;background:#fff;color:var(--day-ink);font:inherit;font-size:17px;caret-color:var(--day-ink)}input::placeholder{color:#646d6f}input:focus-visible{outline:2px solid var(--day-ink);outline-offset:2px;border-color:var(--day-ink)}.own{border:0;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.own legend{padding:0;margin-bottom:8px;font-size:15px;font-weight:560}.own label{display:inline-flex;align-items:center;gap:8px;height:44px;margin:0;padding:0 16px 0 13px;border:1.5px solid #8c9496;border-radius:999px;background:#fff;font-size:15px;font-weight:500;cursor:pointer}.own label:has(input:checked){border-color:var(--day-ink)}.own input{flex:none;width:18px;height:18px;margin:0;padding:0;accent-color:var(--day-ink)}.close .cta{height:52px;background:var(--day-ink);color:var(--day)}.close .cta:hover{background:#2a3032}.close>.cta{margin-top:clamp(20px,3vh,32px)}.close>.cta[hidden]{display:none}.close :focus-visible{outline-color:var(--day-ink)}.form-note{min-height:24px;margin-top:12px;font-size:15px;color:var(--day-soft);max-width:52ch}.form-note.bad{color:#a23a1d}.facts{background:var(--day);color:var(--day-ink);padding:0 var(--gut) clamp(44px,8vh,90px)}.facts dl{margin:0;border-top:1.5px solid var(--day-ink)}.facts dl>div{display:grid;grid-template-columns:minmax(130px,1fr) 3fr;gap:16px;padding:16px 0;border-bottom:1px solid #cdd2d3}.facts dt{font-weight:620}.facts dd{margin:0;max-width:62ch;color:#2b3234}.foot{background:var(--day);color:var(--day-soft);padding:0 var(--gut) max(32px,env(safe-area-inset-bottom));font-size:13.5px;line-height:1.45}.foot p{max-width:86ch;margin-bottom:8px}.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px;padding-bottom:18px;font-size:15px;font-weight:600}.foot-links a{color:inherit;padding:6px 0}.fallback{padding:24px var(--gut) 56px}.fallback p{margin:28px 0 12px;font-size:clamp(26px,4vw,44px);line-height:1.1;font-weight:620;letter-spacing:-.02em}.fallback img{width:100%;max-width:900px;height:auto;display:block;border-radius:8px}.fallback img[width="430"]{max-width:280px}.no-gl #story{height:auto}.no-gl .stage{position:static;height:auto;overflow:visible}.no-gl #gl,.no-gl .beats{display:none}.no-gl .hero-back{position:static}.no-gl .fallback{display:block}@media(orientation:landscape){.beat[data-pos=narrow].beat-macs{max-width:34%}}@media(max-width:820px)and (orientation:portrait){.sound-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sound{padding:0;width:40px;justify-content:center}.hero-back{padding-top:max(84px,calc(env(safe-area-inset-top) + 72px))}h1{font-size:clamp(44px,12.4vw,88px)}.hero-front{flex-direction:column;align-items:stretch;gap:14px;bottom:calc(var(--chrome) + max(18px,env(safe-area-inset-bottom)))}.hero-front p{max-width:none;font-size:18px}.hero-act{justify-content:space-between}.hero-act .cta{flex:1}.beat,.beat[data-pos]{top:max(78px,calc(env(safe-area-inset-top) + 66px));bottom:auto;left:var(--gut);right:var(--gut);max-width:none;text-align:left;font-size:clamp(36px,10.4vw,70px)}.beat-big,.beat-big[data-pos]{font-size:clamp(72px,24vw,170px)}.beat-harm{max-width:none}.name{font-size:clamp(80px,24vw,190px)}.row{flex-direction:column}.row input{flex:none;width:100%}.row .cta{width:100%}.facts dl>div{grid-template-columns:1fr;gap:4px}}@media(max-height:500px)and (orientation:landscape){.hero-back{text-align:left;padding:62px var(--gut) 0}h1{font-size:clamp(26px,8.6vh,40px);max-width:11ch;margin:0}.hero-front p{display:none}.hero-front{justify-content:flex-start}.note{display:none}.beat{font-size:clamp(24px,8.4vh,40px);bottom:calc(var(--chrome) + 12px)}.beat[data-pos=top],.beat[data-pos=narrow],.beat[data-pos=tr]{top:58px}.beat[data-pos=narrow]{max-width:34%}.beat small{font-size:13px;margin-top:6px}.sound-inline{display:none}.beat-big{font-size:64px}.name{font-size:15vw}.end-name{padding-top:54px}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}h1,.hero-front>*{animation:rise .9s cubic-bezier(.16,1,.3,1) both}.hero-front p{animation-delay:.35s}.hero-act{animation-delay:.45s}@media(prefers-reduced-motion:reduce){.cta,.nav{transition:none}h1,.hero-front>*{animation:none}}.film .hero-back{z-index:2}.film #gl{z-index:0}.win{position:absolute;left:0;top:0;width:1440px;height:900px;transform-origin:0 0;z-index:1;pointer-events:none;will-change:transform;overflow:visible}.win canvas{position:absolute;inset:0;width:100%;height:100%}.focus{position:absolute;display:none;border-radius:10px}.ring{position:absolute;left:0;top:0;width:100px;height:100px;border:2.5px solid var(--teal);border-radius:50%;display:none;transform-origin:50px 50px}.cur{position:absolute;left:0;top:0;width:46px;height:49px;display:none;transform-origin:42.3px 3.4px}.cur path{fill:var(--teal);stroke:var(--teal);stroke-width:1.4;stroke-linejoin:round}.win.add{mix-blend-mode:screen}@media(max-aspect-ratio:85/100){.film .beat.low-p,.film .beat.low-p[data-pos]{top:auto;bottom:calc(var(--chrome) + 26px)}}.dev{position:absolute;left:0;top:0;transform-origin:0 0;z-index:1;pointer-events:none;will-change:transform,opacity;display:none;overflow:hidden;mix-blend-mode:screen}.dev img{position:absolute;inset:0;width:100%;height:100%;display:block}.dev-phone{border-radius:108px}.dev-watch{border-radius:92px}.dev-imac{border-radius:8px}.dev.opaque{mix-blend-mode:normal}@media(min-aspect-ratio:85/100){.film .name{font-size:clamp(90px,15vw,300px)}}.dev .tap{position:absolute;left:-50px;top:-50px;width:100px;height:100px;border:7px solid var(--teal);border-radius:50%;display:none;transform-origin:50% 50%}.scrim{position:absolute;inset:0 0 auto;height:96px;z-index:1;pointer-events:none;background:linear-gradient(#050505 18%,#05050500)}.dip{position:absolute;inset:0;z-index:1;pointer-events:none;background:#050505;opacity:0}.dev canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.trail path{fill:none;stroke:var(--teal);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.dev .trail path{stroke-width:9}.mini-cur{position:absolute;left:0;top:0;width:12px;height:12px;margin:-2px 0 0 -2px;display:none;background:var(--teal);clip-path:polygon(0 0,100% 42%,52% 54%,40% 100%)}.sig{position:absolute;left:0;top:0;width:1440px;height:900px;transform-origin:0 0;z-index:1;pointer-events:none;display:none;color:var(--ink)}.sig svg{position:absolute;left:50%;top:50%;width:170px;height:170px;fill:currentColor;opacity:0}
