@font-face{font-family:Jacquard;src:url('assets/jacquard24.ttf')}@font-face{font-family:Wordmark;src:url('assets/swear-wordmark.ttf')}@font-face{font-family:Pixel;src:url('assets/vt323.ttf')}
:root{color-scheme:dark;--ink:#080808;--paper:#f4f1ec;--blood:#eb7890;--deep:#521e31;--steel:#3b4665;--gold:#d4af5b;--muted:#b5b2b2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--paper);font:23px/1.2 Pixel,monospace}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blood);outline-offset:7px}.skip{position:fixed;top:-70px;left:10px;z-index:30;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:12px}.nav{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;gap:20px}.wordmark{font:68px/.85 Wordmark,Jacquard,serif;text-decoration:none}.nav nav{display:flex;align-items:center;gap:38px;font-size:20px}.nav nav>a{text-decoration:none}.coming{border:1px solid #625654;padding:9px 15px;color:#d4c6bb;font-size:18px}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:2vw;padding:58px 5vw 82px;align-items:center;min-height:740px}.hero-copy{padding-bottom:24px}.question{font-size:26px;margin:0 0 18px}.hero h1{font:clamp(65px,7.6vw,115px)/.91 Jacquard,serif;font-weight:400;letter-spacing:-.01em;margin:0 0 29px}.intro{font-size:27px;line-height:1.28;color:#d4d1d0;margin:0 0 34px}.pixel-button{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:53px;padding:12px 24px;border:2px solid #9ba7bd;background:var(--steel);box-shadow:inset 0 3px #5d6d8a,inset 0 -4px #232b40,0 5px #171c29;text-decoration:none;clip-path:polygon(7px 0,calc(100% - 7px) 0,calc(100% - 7px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 7px) calc(100% - 4px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 4px),0 calc(100% - 4px),0 4px,7px 4px);transition:filter .18s,transform .18s}.pixel-button:hover{filter:brightness(1.18)}.pixel-button:active{transform:translateY(3px)}.hero-cta,.closing-cta{background:var(--blood);color:#210e16;border-color:#fca0b1;box-shadow:inset 0 3px #ffb7c3,inset 0 -4px #b74b69;font-size:25px;min-width:225px}.aside{font-size:18px;color:var(--muted);margin-top:20px}.ritual{max-width:550px;width:100%;margin:auto;text-align:center;position:relative;isolation:isolate;outline:none;scroll-margin-top:30px}.ritual:before{content:"";position:absolute;inset:25px -18px 140px;background:radial-gradient(ellipse at 50% 45%,#514a32 0,transparent 68%);opacity:.55;z-index:-1;pointer-events:none}.demo-label{font-size:19px;color:#c6b6a7;margin:0 0 20px}.painting{position:relative;aspect-ratio:1.55;width:100%;transform-origin:50% 4%;transform:rotate(-3deg);filter:drop-shadow(0 15px 9px #000);transition:transform .25s;overflow:visible}.ornament{position:absolute;top:-2%;left:-7.3%;width:114.6%;height:auto;clip-path:inset(0 0 41.5% 0);pointer-events:none}.portrait{position:absolute;left:11.8%;top:17%;width:76.2%;height:64.7%;object-fit:cover;object-position:50% 39%;filter:saturate(.82) contrast(1.06);border:2px solid #332711}.glass{position:absolute;inset:17% 12% 18%;background:linear-gradient(120deg,transparent 25%,#ffffff13 46%,transparent 57%);pointer-events:none}.nameplate{position:absolute;bottom:0;left:50%;transform:translate(-50%,40%);padding:6px 27px;background:#392612;border:3px solid #a17b32;box-shadow:inset 0 2px #d1ab59,0 3px #151009;color:#ffe4a7;font-size:24px;min-width:135px}.who{margin:35px 0 17px;display:flex;justify-content:center;gap:3px}.who button{background:none;border:0;border-bottom:2px solid transparent;color:#b0a29a;padding:9px 11px;font-size:19px;min-height:42px}.who button[aria-pressed=true]{color:var(--paper);border-color:var(--blood)}.oath-copy{font:36px/1 Jacquard,serif;margin:15px 0 7px}.goal{font-size:18px;color:var(--muted);margin:0 0 22px}.choices{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;position:relative;max-width:490px;margin:auto}.choices .pixel-button{width:100%;font-size:20px;padding:11px 8px}.break{background:var(--deep);border-color:var(--blood);box-shadow:inset 0 3px #7c344d,inset 0 -4px #300d1a}.break-wrap{position:relative}.reaction{min-height:48px;margin:24px 12px 4px;font-size:24px;color:var(--blood);display:flex;align-items:center;justify-content:center}.demo-note{font-size:15px;color:#a39d99;margin:0}.painting.swing{animation:swing .65s ease-out}.ritual.kept .reaction{color:#e9cf8f}.ritual.broken .painting{filter:drop-shadow(0 9px 24px #77213b55)}
.manifesto{border-top:1px solid #403038;border-bottom:1px solid #403038;max-width:1280px;padding:78px 5vw;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:7vw}.small{font-size:23px;color:var(--blood);margin:0 0 14px}h2{font:clamp(50px,5.6vw,80px)/.98 Jacquard,serif;font-weight:400;margin:0}h3{font:34px/1.1 Jacquard,serif;font-weight:400;margin:0 0 10px}.steps article{display:flex;gap:21px;margin-bottom:28px}.steps article:last-child{margin-bottom:0}.step{font:32px Jacquard,serif;color:var(--blood);min-width:35px}.steps p{font-size:22px;line-height:1.28;color:#bfb9b7;max-width:440px;margin:0}.closing{text-align:center;padding:83px 20px 60px}.closing h2{font-size:clamp(62px,7vw,100px)}.closing>p:not(.small){color:#bfb9b7;font-size:25px;line-height:1.25}.closing .release-note{font-size:18px!important;margin-top:25px}.faq{max-width:870px;padding:0 25px 70px;margin:auto}.faq details{border-top:1px solid #44363b;padding:18px 0}.faq details:last-child{border-bottom:1px solid #44363b}.faq summary{cursor:pointer;font-size:24px;min-height:30px}.faq p{color:var(--muted);font-size:21px;line-height:1.35;max-width:700px;margin:15px 0 0}footer{border-top:1px solid #403038;max-width:1400px;padding:40px 5vw 30px;margin:auto;display:grid;grid-template-columns:auto 1fr;gap:20px 60px;align-items:center}footer .wordmark{font-size:65px}footer p{margin:0;color:#cbb7bf}footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:19px}footer>span{font-size:17px;color:#a59b9f;text-align:right}@keyframes swing{0%{transform:rotate(-3deg)}25%{transform:rotate(4deg)}55%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}100%{transform:rotate(-3deg)}}
@media(max-width:760px){.nav{padding:23px 6vw}.wordmark{font-size:56px}.nav nav{gap:15px;font-size:17px}.coming{font-size:16px;padding:8px}.nav nav>a{display:none}.hero{display:block;padding:33px 7vw 55px}.hero-copy{text-align:center;padding:0}.question{font-size:23px;margin-bottom:18px}.hero h1{font-size:clamp(64px,14vw,100px);margin-bottom:23px}.intro{font-size:24px}.hero-cta{min-width:210px}.aside{margin-bottom:50px}.ritual{max-width:490px}.demo-label{font-size:17px}.choices{grid-template-columns:1fr;max-width:315px;gap:12px}.choices .pixel-button{font-size:23px;min-height:53px}.oath-copy{font-size:34px}.reaction{margin-top:21px}.manifesto{display:block;padding:50px 7vw}.manifesto-heading{margin-bottom:36px}.manifesto h2{font-size:60px}.steps{padding-right:5px}.closing{padding-top:56px}.faq{padding-bottom:45px}footer{padding:35px 7vw;display:flex;flex-wrap:wrap;gap:22px}footer .wordmark{font-size:57px}footer p{font-size:19px}footer nav{width:100%;font-size:18px}footer>span{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero h1{position:relative}.blood{display:block;position:absolute;width:180px;height:54px;overflow:hidden;pointer-events:none}.blood img{position:absolute;width:510px;height:auto;left:-165px;top:-102px;image-rendering:pixelated}.headline-blood{left:18%;bottom:-19px;transform:scale(.7);transform-origin:top left;opacity:.95}.button-blood{right:8px;bottom:-33px;transform:scale(.7);transform-origin:bottom right;opacity:0;transition:opacity .18s}.broken .button-blood{opacity:1}.broken .reaction{padding-top:7px}@media(max-width:760px){.headline-blood{left:45%;bottom:-30px;transform:scale(.55)}.hero h1{margin-bottom:38px}}
.hero{overflow:clip}.ornament{height:106%;object-fit:cover;object-position:center top;clip-path:none}.painting{max-width:95%;margin-inline:auto}
.headline-blood{bottom:-51px}@media(max-width:760px){.headline-blood{bottom:-52px}}
