:root{--bg:#060b10;--paper:#eaf1f2;--mint:#bbebf6;--muted:#8d9eae;--line:#c6e8ff22}
.page{max-width:1900px}.grain{opacity:.026}header{height:100px}.brand svg{stroke:#bceaf4}.brand svg .dot{fill:#bceaf4}.hero{min-height:620px;isolation:isolate;padding:80px 0 95px}
.world-art{position:absolute;inset:-45px -6vw -35px;z-index:-2;background:linear-gradient(90deg,#060b10 0%,#060b10d9 22%,#060b1040 50%,transparent 68%),linear-gradient(0deg,#060b10 0%,transparent 24%,transparent 79%,#060b10 100%),url('assets/cosmic-teapot.png') center center/cover no-repeat;transition:filter 1.5s ease,opacity 1.5s ease;opacity:.95}
.world-art:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,#7edbff09 60%,transparent 70%);animation:light-pass 18s ease-in-out infinite}
@keyframes light-pass{0%,100%{opacity:.15}50%{opacity:1}}
.message{width:68%}.copy{min-height:229px}h1{font-size:clamp(38px,4.4vw,75px);letter-spacing:-1.7px;font-weight:550;text-shadow:0 3px 32px #0009}h1 span{color:var(--mint)}#subtitle{max-width:470px;font-size:13px;line-height:2;color:#a8b9c7}.signal-label{color:#c7d9e3;font-size:10px}.signal-label .line{background:#d4a76c;width:23px}.label-en{font-size:8px}.next{background:#dfebed;border:0;border-radius:1px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.next:hover{background:#bceaf4}.controls{margin-top:29px}.status-dot,.tiny-dot{background:#e6bd82;box-shadow:0 0 12px #e6bd8255}
.cosmos{width:48%;right:-3%;top:50%;opacity:.7;z-index:-1}.scanner-ring{position:absolute;inset:9%;border:1px solid #bceaf11a;border-radius:50%;border-right-color:#bceaf150;transform:rotate(-30deg)}.inner-ring{inset:14%;border-style:dashed;border-color:#bceaf115}.cross-a{top:12%;right:12%;color:#badce870}.cross-b{bottom:12%;left:12%;color:#badce870}#planet{mask-image:none}.planet-caption{bottom:-2%;right:15%;color:#d6e6ec;font-size:10px;letter-spacing:2px}.planet-caption-en{color:#a8bac6;font-size:8px}.orbit-label{right:-2%;top:33%;color:#9bb4c6;font-size:7px}.star-map{position:absolute;top:24px;right:5%;display:flex;gap:27px;font:8px monospace;color:#bcab94;letter-spacing:1px}.star-map span:before{content:"";display:inline-block;border:1px solid currentColor;border-radius:50%;width:4px;height:4px;margin-right:8px;vertical-align:middle}.star-map span:nth-child(2){color:#a9d7e2}.star-map span:nth-child(3){color:#cc9284}.broadcast-bottom{position:relative;z-index:1}.side-note{font-size:9px}.footer-center{font-size:9px}.edition{position:relative;z-index:2}.edition-right{color:#b8c6cc}.header-note{color:#a8bac6}
body[data-scene="1"] .world-art{filter:sepia(.15) saturate(1.1)}body[data-scene="2"] .world-art{filter:saturate(.75) brightness(1.1)}body[data-scene="3"] .world-art{filter:hue-rotate(12deg) brightness(.85)}body[data-scene="4"] .world-art{filter:sepia(.2) brightness(1.05)}body.paused .world-art:after{animation-play-state:paused}
@media(min-width:1500px){.hero{min-height:700px}.copy{min-height:270px}}
@media(max-width:950px){.hero{min-height:570px}.message{width:88%}.cosmos{width:61%;right:-13%;opacity:.55}.world-art{background-position:61% center}.star-map{right:0;gap:15px}h1{font-size:clamp(38px,5.5vw,55px)}}
@media(max-width:600px){header{height:86px}.page{padding:0 22px}.hero{min-height:650px;padding:288px 0 30px;align-items:flex-start}.world-art{inset:8px -22px auto;height:370px;background-image:linear-gradient(0deg,#060b10 0%,transparent 43%,#060b1010 85%,#060b10 100%),url('assets/cosmic-teapot.png');background-position:0 0,77% 48%;background-size:cover,auto 420px;opacity:1}.cosmos{width:300px;max-width:90vw;top:8px;right:50%;transform:translateX(50%);opacity:.55}.planet-caption{right:0;bottom:8%;font-size:8px;letter-spacing:1px}.planet-caption-en{font-size:7px}.star-map{top:12px;right:0;left:0;justify-content:space-between;font-size:7px;gap:3px;letter-spacing:0}.star-map span:before{margin-right:5px}.message{width:100%}.signal-label{margin-bottom:19px;font-size:9px}.label-en{font-size:7px}.copy{min-height:163px}h1{font-size:clamp(27px,7.3vw,43px);letter-spacing:-1.1px;line-height:1.5}#subtitle{font-size:11px;max-width:310px;letter-spacing:1px;margin-top:16px}.controls{margin-top:19px}.broadcast-bottom{padding-top:5px}footer{min-height:73px}.edition{font-size:8px}.edition-right{font-size:8px}.cross-b{display:none}}
@media(prefers-reduced-motion:reduce){.world-art{transition:none}.world-art:after{animation:none}}

/* A warm, absurd cosmic folio: antique gold, porcelain blue, cinnabar details. */
:root{--paper:#f2eee3;--mint:#e4cc9e;--muted:#a6a7a6;--line:#d7d4c324}
.brand svg{stroke:#d9c293}.brand svg .dot{fill:#d9c293}.next{background:#e7dbbe}.next:hover{background:#f2e8d2}.signal-label{color:#d8c7aa}.message{width:75%}h1{font-size:clamp(38px,4.1vw,70px);font-weight:550;letter-spacing:-2px}.header-note{color:#bdb7a9}.star-map{color:#b9aa8e}.world-art{opacity:1}.edition-right{color:#bdb7a9}.planet-caption{color:#d9cfba}.planet-caption-en{color:#a79e8e}.scanner-ring{border-color:#ddcaa41c;border-right-color:#ddcaa440}.inner-ring{border-color:#ddcaa418}.segment:after{background:#dcc59a}
@media(max-width:950px){h1{font-size:clamp(34px,5.1vw,52px)}.message{width:92%}}
@media(max-width:600px){h1{font-size:clamp(25px,6.9vw,40px);letter-spacing:-1px}.message{width:100%}.edition{font-size:7px;letter-spacing:0}.edition-right{font-size:7px;letter-spacing:0}.signal-label{font-size:8px;gap:7px}.label-en{font-size:7px;letter-spacing:.4px}.planet-caption{bottom:9%;right:0}.world-art{background-position:0 0,77% 50%}}
@media(max-width:600px){.planet-caption{display:none}.signal-label{width:max-content;max-width:100%;background:#060b10d9;padding:6px 9px;border-left:1px solid #d6be8e66;backdrop-filter:blur(6px)}}

/* Five predecoded illustrations, synchronized with the one-second text cycle. */
.copy{transition:opacity .15s ease,transform .15s ease}
.world-art.has-scenes{background:#060b10!important;filter:none!important;transition:none}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .16s ease}
.scene-image.active{opacity:1}
.world-art.has-scenes:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#060b10 0%,#060b10d9 22%,#060b1040 50%,transparent 68%),linear-gradient(0deg,#060b10 0%,transparent 24%,transparent 79%,#060b10 100%)}
.world-art:after{z-index:2}
.archive-item{align-items:center}.archive-item img{width:78px;height:48px;object-fit:cover;object-position:75% center;border:1px solid #d8c79b33;flex-shrink:0}.archive-item span{flex:1}
@media(max-width:950px){.scene-image{object-position:61% center}}
@media(max-width:600px){.scene-image{height:420px;top:-25px;object-position:77% 50%}.world-art.has-scenes{overflow:hidden}.world-art.has-scenes:before{background:linear-gradient(0deg,#060b10 0%,transparent 43%,#060b1010 85%,#060b10 100%)}.archive-item{gap:9px}.archive-item img{width:53px;height:40px}.archive-item span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.copy,.scene-image{transition:none}}

.soundtrack{margin-top:22px;width:340px;max-width:100%;padding-top:15px;border-top:1px solid #d8c79b29;pointer-events:auto}.soundtrack-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.music-toggle{display:flex;align-items:center;gap:9px;padding:4px 0;border:0;background:none;color:#d9c49c;font-size:11px;letter-spacing:.5px}.music-bars{display:flex;align-items:center;gap:3px;height:16px;width:19px}.music-bars i{display:block;width:2px;height:3px;background:currentColor}.music-bars i:nth-child(2){height:11px}.music-bars i:nth-child(3){height:16px}.music-bars i:nth-child(4){height:7px}.playing .music-bars i{animation:music-wave .8s ease-in-out infinite alternate}.playing .music-bars i:nth-child(2){animation-delay:-.3s}.playing .music-bars i:nth-child(3){animation-delay:-.6s}@keyframes music-wave{to{transform:scaleY(.25)}}.volume-control{display:flex;align-items:center;gap:8px;color:#a39d90;font-size:9px}.volume-control input{width:66px;height:18px;margin:0;accent-color:#d9c49c;cursor:pointer}.music-caption{font-size:9px;letter-spacing:.5px;color:#9c9c98;line-height:1.7;margin:7px 0 0}.music-toggle:disabled{opacity:.65}.hero{padding-bottom:65px}
@media(max-width:600px){.soundtrack{width:305px;margin-top:18px;padding-top:12px}.music-toggle{font-size:10px}.music-caption{font-size:8px}.hero{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.music-bars i{animation:none!important}}