:root{color-scheme:dark;--white:#f8f5ff;--lavender:#c9b5ff}*{box-sizing:border-box}html{background:#090719}body{margin:0;color:var(--white);font-family:Arial,Helvetica,sans-serif;min-width:280px}.universe,.shade{position:fixed;inset:0;pointer-events:none}.universe{background:#090719 url('assets/universe.jpg') center center/cover no-repeat}.shade{background:linear-gradient(90deg,rgba(5,4,18,.35),transparent 72%)}.page{position:relative;min-height:100svh;padding:5.1vh 6vw 4.5vh;display:flex;flex-direction:column}header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.brand{display:inline-flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.wordmark{font-size:clamp(26px,2.7vw,43px);font-weight:400;letter-spacing:.15em;line-height:.96}.domain{font-size:13px;letter-spacing:.3em}.tune{background:rgba(7,5,23,.18);border:1px solid rgba(255,255,255,.85);color:inherit;min-height:50px;padding:0 26px;border-radius:40px;font:12px Arial,sans-serif;letter-spacing:.22em;cursor:pointer;transition:background .2s,box-shadow .2s}.tune span{display:inline-block;margin-left:9px;font-size:17px}.tune:hover{background:rgba(155,107,255,.2);box-shadow:0 0 28px #9c65ff33}main{margin-top:clamp(70px,10vh,140px);animation:arrive .9s ease-out both}h1{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:clamp(92px,9.2vw,160px);line-height:.84;letter-spacing:-.065em;font-weight:400;margin:0 0 24px;max-width:800px}.period{letter-spacing:0}.intro{font-size:clamp(15px,1.55vw,25px);line-height:1.5;letter-spacing:.16em;margin:0;max-width:700px}footer{margin-top:auto;padding-top:150px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;letter-spacing:.25em}footer p{margin:0}.signal{display:flex;align-items:center;gap:10px;color:#ded2f6;font-size:10px;letter-spacing:.14em}.signal i{width:5px;height:5px;border-radius:50%;background:#c29eff;box-shadow:0 0 10px #bc8cff}button:focus-visible,a:focus-visible{outline:3px solid #c1a0ff;outline-offset:6px}dialog{width:min(510px,calc(100% - 32px));padding:52px 40px 28px;border:1px solid #9b77df66;border-radius:4px;background:linear-gradient(150deg,#23173d,#0c091b);color:var(--white);box-shadow:0 30px 140px #000a}dialog::backdrop{background:#04030ec9;backdrop-filter:blur(9px)}.close{position:absolute;right:18px;top:12px;width:40px;height:40px;background:none;border:0;color:inherit;font-size:30px;cursor:pointer}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--lavender)}h2{font:400 52px/.98 'Times New Roman',serif;letter-spacing:-.04em;margin:25px 0}dialog p{font-size:15px;line-height:1.7;color:#dfd5ef}dialog strong{font-weight:400;color:#fff}.copy{border:1px solid #b89ce5;background:#d0b7ff;color:#171020;border-radius:30px;font-size:13px;padding:15px 22px;cursor:pointer}.copy span{margin-left:20px}#copy-status{font-size:12px;min-height:20px;margin-bottom:0}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(min-aspect-ratio:17/10){.universe{background-position:center 56%}main{margin-top:7vh}h1{font-size:clamp(90px,8.7vw,160px)}footer{padding-top:65px}}@media(max-width:700px){.page{padding:30px 25px 25px;min-height:100svh}.universe{background-position:57% center}.shade{background:linear-gradient(180deg,#07051855,#09061c50 30%,#09061c24 60%,#07051688),linear-gradient(90deg,#09061c99,transparent)}.wordmark{font-size:27px}.domain{font-size:10px;letter-spacing:.22em}.tune{padding:0 17px;min-height:43px;font-size:10px;letter-spacing:.12em}.tune span{margin-left:4px}main{margin-top:110px}h1{font-size:clamp(80px,18vw,126px);line-height:.89;margin-bottom:24px;letter-spacing:-.065em}.intro{max-width:330px;font-size:15px;line-height:1.7;letter-spacing:.1em}footer{padding-top:210px;align-items:flex-start;flex-direction:column;gap:13px;font-size:10px;letter-spacing:.13em}.signal{font-size:9px}.brand{gap:10px}dialog{padding:48px 25px 20px}h2{font-size:45px}}@media(max-height:650px) and (min-width:701px){main{margin-top:45px}h1{font-size:100px}footer{padding-top:65px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
