:root{color-scheme:light;--paper:#fffaf2;--ink:#171713;--orange:#ff5c00;--muted:#625c54;--line:#dcd5ca}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.page{max-width:1600px;margin:auto;padding:32px 6vw 0;min-height:calc(100svh - 60px);display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.logo{width:174px;height:auto;mix-blend-mode:multiply}
.status{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:10px}
.status>span{width:7px;height:7px;background:var(--orange);border-radius:50%}
main{position:relative;flex:1;padding:64px 0 48px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;margin:0 0 24px}
h1{font-size:clamp(80px,12.7vw,184px);font-weight:900;letter-spacing:-.075em;line-height:.84;margin:0;max-width:900px}
.soon{display:block;color:var(--orange)}
.period{color:var(--ink)}
.message{display:flex;align-items:flex-start;gap:20px;margin-top:40px}
.spark{color:var(--orange);font-size:48px;line-height:1}
h2{font-size:19px;letter-spacing:-.5px;margin:0 0 10px}
.message p{font-size:15px;color:var(--muted);line-height:1.65;margin:0}
.edition{position:absolute;right:0;top:64px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:var(--muted)}
.stamp{position:absolute;right:7%;top:36%;width:164px;height:164px;border:2px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(12deg);background:var(--orange)}
.stamp span{font-size:9px;font-weight:700;letter-spacing:1px}
.stamp strong{font-size:30px;line-height:.95;text-align:center;letter-spacing:-1.2px}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:10px}
footer>span:last-child{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--ink)}
.arrow{color:var(--orange);font-size:22px;margin-left:12px;vertical-align:middle}
.ticker{background:var(--orange);overflow:hidden;height:60px;display:flex;align-items:center;border-top:2px solid var(--ink)}
.ticker>div{white-space:nowrap;min-width:100%;font-weight:900;font-size:22px;letter-spacing:-.5px;word-spacing:6px;text-align:center}
.ticker span{margin:0 24px}
@media(min-width:1600px){h1{font-size:184px}}
@media(max-width:767px){.page{padding:24px 7vw 0}header{padding-bottom:20px}.logo{width:136px}.status{font-size:8px;letter-spacing:1px;gap:7px}main{padding:56px 0 40px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:clamp(76px,17vw,130px)}.edition{display:none}.stamp{position:relative;top:auto;right:auto;margin:32px 8px 0 auto;width:116px;height:116px;gap:7px}.stamp strong{font-size:23px}.stamp span{font-size:7px}.message{gap:12px;margin-top:32px}.spark{font-size:36px}h2{font-size:16px}.message p{font-size:14px}footer{font-size:9px;align-items:flex-start}footer>span:last-child{max-width:135px;text-align:right;font-size:8px;line-height:1.6}.arrow{display:none}.ticker>div{font-size:18px}.ticker span{margin:0 16px}}
@media(prefers-reduced-motion:no-preference){main{animation:appear .6s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}