:root{--paper:#e7e1d7;--acid:#d9ff4f;--ink:#120a06}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Sans",sans-serif}body{overflow-x:hidden}.skip{position:fixed;top:-60px;left:20px;background:var(--acid);color:#111;padding:12px;z-index:100}.skip:focus{top:12px}.grain{position:fixed;inset:0;pointer-events:none;z-index:8;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.ritual-nav{position:fixed;inset:0 0 auto;z-index:20;height:78px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.17);mix-blend-mode:normal}.brand{display:flex;align-items:baseline;gap:9px;color:inherit;text-decoration:none;font-family:Italiana,serif;font-size:24px;letter-spacing:.13em;width:max-content}.brand b{font:500 12px "DM Sans";background:var(--acid);color:#10100e;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;letter-spacing:0}.ritual-nav>p{font-size:10px;letter-spacing:.22em}.langs{justify-self:end;border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:4px}.langs button{border:0;background:transparent;color:inherit;padding:6px 8px;font:500 10px "DM Sans";cursor:pointer}.langs .active{background:var(--paper);color:#111;border-radius:14px}.stage{position:fixed;inset:0;z-index:0;background:#0b0806}.stage canvas{width:100%;height:100%;display:block}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,5,2,.78) 0%,rgba(10,5,2,.12) 48%,rgba(10,5,2,.35) 100%),linear-gradient(0deg,rgba(10,5,2,.5),transparent 45%)}.frame-status{position:absolute;left:3vw;bottom:4vh;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.18em}.frame-status i{display:block;width:44px;height:1px;background:rgba(255,255,255,.45)}.progress{position:absolute;right:3vw;top:110px;bottom:5vh;width:1px;background:rgba(255,255,255,.24)}.progress i{display:block;width:3px;margin-left:-1px;height:0;background:var(--acid)}main{position:relative;z-index:4}.beat{height:130vh;min-height:900px;display:flex;flex-direction:column;justify-content:center;padding:12vh 7vw;opacity:.12;transform:translateY(26px);transition:opacity .45s,transform .45s}.beat.is-visible{opacity:1;transform:none}.beat>p{font-size:10px;letter-spacing:.25em;color:var(--acid)}.beat h1,.beat h2{font:400 clamp(64px,10vw,158px)/.82 Italiana,serif;letter-spacing:-.04em;margin:4vh 0 0;max-width:1050px}.beat em{font-style:italic;color:var(--acid)}.lead{max-width:440px!important;color:var(--paper)!important;font-size:16px!important;letter-spacing:0!important;line-height:1.7;margin-top:42px}.beat-right{align-items:flex-end;text-align:right}.scroll{display:flex;align-items:center;gap:14px;margin-top:8vh}.scroll span{width:52px;height:1px;background:currentColor}.scroll small{font-size:9px;letter-spacing:.2em}.cta{margin-top:42px;border:1px solid rgba(255,255,255,.6);border-radius:50%;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:inherit;text-decoration:none;font-size:10px;letter-spacing:.14em;background:rgba(10,5,2,.18);backdrop-filter:blur(8px);transition:.3s}.cta:hover{background:var(--acid);color:#111;border-color:var(--acid);transform:rotate(5deg)}.cta b{font-size:22px}.final-beat{padding-bottom:24vh}.noscript{position:fixed;inset:auto 20px 20px;z-index:30;background:#111;padding:20px}.noscript a{color:var(--acid)}
@media(max-width:760px){.ritual-nav{height:66px;padding:0 20px;grid-template-columns:1fr 1fr}.ritual-nav>p{display:none}.beat{height:120vh;min-height:760px;padding:12vh 24px;justify-content:flex-end;padding-bottom:18vh}.beat h1,.beat h2{font-size:18vw}.lead{font-size:14px!important;max-width:80%!important}.beat-right{align-items:flex-start;text-align:left}.stage canvas{filter:saturate(.9)}.shade{background:linear-gradient(0deg,rgba(8,4,2,.8) 0%,rgba(8,4,2,.12) 58%,rgba(8,4,2,.35))}.progress{right:16px}.frame-status{left:20px}.cta{width:118px;height:118px}.scroll{margin-top:4vh}}
@media(prefers-reduced-motion:reduce){.beat{opacity:1;transform:none;transition:none}.progress{display:none}}
.beat{position:relative;z-index:2}
html.embed,html.embed body{height:100%;overflow:hidden}.embed .ritual-nav,.embed .skip{display:none}.embed main{height:100vh;overflow:hidden}.embed .beat{position:absolute;inset:0;height:100vh;min-height:0;pointer-events:none;opacity:0;transition:opacity .18s,transform .18s}.embed .beat.is-visible{opacity:1}.embed .final-beat .cta{pointer-events:auto}.embed .stage{height:100vh}.embed .scroll{display:none}
.brand{display:flex;align-items:baseline;gap:9px}.brand span{font:400 22px/1 "Times New Roman",Times,serif;letter-spacing:2px;color:#f3f0e9}.brand b{display:inline;width:auto;height:auto;background:none;border-radius:0;color:var(--acid);font:400 19px/1 "Times New Roman",Times,serif;letter-spacing:2px}
