@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#ecebe7;--muted:#8c8b98;--copper:#f6b184}*{box-sizing:border-box}body{margin:0;background:#080910;color:var(--ink);font-family:'DM Sans',sans-serif}main{position:relative;min-height:850px;height:100svh;overflow:hidden}canvas,.vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vignette{background:linear-gradient(180deg,rgba(8,9,16,.2),transparent 35%,transparent 75%,#080910)}header,footer{position:absolute;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}header{top:35px}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:14px;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;line-height:1.15;letter-spacing:2px}.mark{font-size:48px;line-height:.7;color:var(--copper);font-weight:400}.edition{font-size:12px;letter-spacing:2px;color:var(--muted)}.edition span{margin:0 12px;color:#50424a}button{font:inherit;border:1px solid #ffffff21;border-radius:6px;background:#ffffff09;color:var(--ink);padding:12px 18px;cursor:pointer;font-size:14px}button:hover{border-color:#f6b18480;background:#ffffff10}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--copper);outline-offset:5px}.quiet{border-color:transparent;background:transparent}.quiet span{margin-left:8px}.intro{position:absolute;top:17%;left:8%;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--copper);margin:0 0 24px}h1{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(48px,5.4vw,82px);line-height:1.04;letter-spacing:-4px;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--copper)}.subtitle{font-size:16px;color:var(--muted);margin-top:24px}.stage-caption{position:absolute;top:47%;left:8%;right:8%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#a29ca9}.stage-caption span:first-child{color:var(--copper)}.controls{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px;padding:12px 18px;background:#13121ce0;border:1px solid #ffffff1c;border-radius:12px;backdrop-filter:blur(20px);white-space:nowrap}.controls>button:first-child{display:flex;align-items:center;gap:12px;border:0;background:transparent;min-width:105px}.divider{width:1px;height:28px;background:#ffffff1b}label{font-size:14px;color:#b6b2bf}input[type=range]{width:90px;margin-left:14px;vertical-align:middle;accent-color:var(--copper);cursor:pointer}footer{bottom:32px;font-size:12px;letter-spacing:1.6px;color:#777381}.asterisk{font-size:22px;color:var(--copper);margin-left:15px;vertical-align:middle}dialog{background:#17151f;color:var(--ink);border:1px solid #69514a;border-radius:14px;width:min(520px,90vw);padding:28px}dialog::backdrop{background:#05050bc9;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:28px}textarea{width:100%;resize:vertical;min-height:120px;max-height:300px;padding:14px;margin-top:14px;color:var(--ink);font:inherit;line-height:1.5;background:#0b0a11;border:1px solid #ffffff26;border-radius:6px}dialog p{font-size:14px;color:var(--muted)}#apply{background:var(--copper);color:#191018}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){main{min-height:760px}header{top:24px;left:6%;right:6%}.edition{display:none}.brand{font-size:12px}.intro{top:18%;left:7%}h1{font-size:clamp(45px,10vw,70px);letter-spacing:-2.5px}.eyebrow{font-size:12px;letter-spacing:1.8px}.stage-caption{left:7%;right:7%;top:46%}.stage-caption span:last-child{display:none}.controls{bottom:90px;width:90%;gap:14px;flex-wrap:wrap;justify-content:center;padding:12px}.controls>button:first-child{min-width:auto;padding:10px}.divider{display:none}input[type=range]{width:65px;margin-left:8px}.controls #edit{width:100%;padding:4px}footer{left:7%;right:7%;bottom:25px;font-size:12px;line-height:1.5;gap:18px}footer>span{max-width:55%}footer>span:last-child{text-align:right}.asterisk{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}