/* Three compositions share semantic content and navigation. */
.layout-picker{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 6%;padding:20px 0;border-bottom:1px solid #a7bad21c}
.layout-picker-label{font:9px monospace;letter-spacing:2px;color:#8594a8}.layout-picker-label strong{color:#d5bd95;font-weight:400;margin-right:14px}
.layout-options{display:flex;gap:6px}.layout-options button{background:transparent;border:1px solid transparent;color:#8c9dad;padding:10px 16px;font-size:11px;letter-spacing:1px;cursor:pointer;border-radius:3px}
.layout-options button small{font:9px monospace;opacity:.55;margin-right:9px}.layout-options button[aria-pressed=true]{border-color:#b5a28466;color:#ead5b4;background:#a98b5720}.layout-options button:hover{color:#fff;border-color:#a4b7c859}
.layout-description{font-size:10px;letter-spacing:1px;color:#8895a7;margin:0}
[data-layout=immersive] .hero{height:calc(100svh - 180px)}
/* Editorial: warm paper, an image-led left column and a reading column. */
[data-layout=editorial] body{background:#e9e3d7;color:#292f35;--ink:#292f35;--gold:#8b6034;--muted:#676962;--line:#26394830}
[data-layout=editorial] #starfield{opacity:.14}
[data-layout=editorial] .site-header{background:none;border-color:#26394830}
[data-layout=editorial] .brand img{background:#172333;border-radius:50%;padding:3px}
[data-layout=editorial] .site-header nav,[data-layout=editorial] .brand small{color:#626a6c}
[data-layout=editorial] .layout-picker{border-color:#26394830}
[data-layout=editorial] .layout-picker-label,[data-layout=editorial] .layout-description{color:#626a6c}
[data-layout=editorial] .layout-picker-label strong{color:#8b6034}
[data-layout=editorial] .layout-options button{color:#6c716e}
[data-layout=editorial] .layout-options button[aria-pressed=true]{background:#283c44;border-color:#283c44;color:#f5ebda}
[data-layout=editorial] main{padding:44px 6% 0;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;max-width:1600px;margin:auto}
[data-layout=editorial] .hero{min-height:940px;height:auto;max-height:none;padding:25px 30px 0;background:radial-gradient(ellipse at 70% 55%,#233349,#101927 65%);border-radius:3px;color:#eeeae2}
[data-layout=editorial] .hero-top{font-size:8px;letter-spacing:1px}
[data-layout=editorial] .hero-copy{padding-top:45px;max-width:none}
[data-layout=editorial] h1{font-family:Georgia,"Noto Serif SC",SimSun,serif;font-size:52px;line-height:1.4;letter-spacing:3px}
[data-layout=editorial] .hero .eyebrow{color:#c6b291;font-size:8px}
[data-layout=editorial] .hero .intro{font-size:12px;max-width:320px}
[data-layout=editorial] .hero .intro br{display:none}
[data-layout=editorial] .observing-note{display:none}
[data-layout=editorial] .explore{color:#ebdfca;margin-top:14px}
[data-layout=editorial] .observatory-instrument{width:95%;right:2.5%;bottom:70px;max-width:580px}
[data-layout=editorial] .hero-bottom{font-size:7px;left:30px;right:30px}
[data-layout=editorial] .hero-bottom>span{display:none}
[data-layout=editorial] .destinations{padding:38px 0 0;background:none;backdrop-filter:none;border:0}
[data-layout=editorial] .section-heading{display:block;margin-bottom:35px}
[data-layout=editorial] .section-heading h2{font-family:Georgia,"Noto Serif SC",SimSun,serif;font-size:35px;line-height:1.6;max-width:330px}
[data-layout=editorial] .section-heading>p{line-height:2;color:#737870}
[data-layout=editorial] .cards{grid-template-columns:1fr;gap:24px}
[data-layout=editorial] .destination{background:#f5f0e6;border-color:#8c9a923f;display:grid;grid-template-columns:125px 1fr}
[data-layout=editorial] .card-art{height:100%;min-height:235px}.card-art .coordinate{white-space:nowrap}
[data-layout=editorial] .card-art .coordinate{font-size:6px;left:12px;letter-spacing:1px;bottom:16px}
[data-layout=editorial] .planet{width:95px;height:95px;top:calc(50% - 47px)}
[data-layout=editorial] .portal-ring{width:80px;height:80px;top:calc(50% - 40px)}
[data-layout=editorial] .card-copy{padding:25px}
[data-layout=editorial] .card-copy h3{font-size:23px}
[data-layout=editorial] .card-copy p{color:#69716a;min-height:0}
[data-layout=editorial] .closing{grid-column:1/-1;padding:35px 0 65px;background:none}
[data-layout=editorial] .closing p{color:#3e4949;font-family:Georgia,SimSun,serif;font-size:27px}
[data-layout=editorial] footer,[data-layout=editorial] .footer-brand{color:#58625f;border-color:#26394830}
[data-layout=editorial] footer button{color:#435957;border-color:#26394850}
/* Atlas: centred heading, a left observatory and destinations as star-map nodes. */
[data-layout=atlas] body{background:#071817;--gold:#9ad4be}
[data-layout=atlas] .site-header{background:none}
[data-layout=atlas] .hero{height:940px;min-height:940px;max-height:none;background:radial-gradient(ellipse at 35% 68%,#133b393d,transparent 65%)}
[data-layout=atlas] .hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#8bc6b909 1px,transparent 1px),linear-gradient(90deg,#8bc6b909 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 55%,transparent)}
[data-layout=atlas] .hero-copy{text-align:center;max-width:none;padding-top:48px}
[data-layout=atlas] h1{font-size:58px;letter-spacing:5px;margin:20px 0}
[data-layout=atlas] h1 br{display:none}
[data-layout=atlas] h1 span{color:#a9deca}
[data-layout=atlas] .intro{max-width:none;color:#a7c2bc}
[data-layout=atlas] .intro br{display:none}
[data-layout=atlas] .hero-copy .explore{display:none}
[data-layout=atlas] .observing-note{display:none}
[data-layout=atlas] .observatory-instrument{left:3%;right:auto;width:43%;max-width:520px;bottom:55px}
[data-layout=atlas] .destinations{position:absolute;top:395px;right:6%;width:42%;padding:0;border:0;background:none;backdrop-filter:none;z-index:2}
[data-layout=atlas] .section-heading{display:block;margin-bottom:24px}
[data-layout=atlas] .section-heading h2{font-size:23px;letter-spacing:1px;margin-top:13px}
[data-layout=atlas] .section-heading>p{color:#809e98}
[data-layout=atlas] .cards{grid-template-columns:1fr;gap:18px}
[data-layout=atlas] .destination{display:grid;grid-template-columns:110px 1fr;border-radius:5px;border-color:#76b6a137;background:#0d2825d9;box-shadow:0 16px 40px #0002}
[data-layout=atlas] .card-art{height:100%;background:none;min-height:172px;overflow:visible}
[data-layout=atlas] .planet{width:60px;height:60px;top:49px}
[data-layout=atlas] .portal-ring{width:56px;height:56px;top:50px}
[data-layout=atlas] .coordinate{display:none}
[data-layout=atlas] .card-copy{padding:22px 22px 20px 10px}
[data-layout=atlas] .card-copy h3{font-size:23px;margin:10px 0}
[data-layout=atlas] .card-copy p{font-size:11px;min-height:0;color:#96b0a8}
[data-layout=atlas] .card-link{margin-top:14px;padding-top:12px;border-color:#8bbca333}
[data-layout=atlas] .closing{padding:65px 20px;background:linear-gradient(#07181700,#071817)}
@media(min-width:1700px){.layout-picker{max-width:1408px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px) and (min-width:701px){
 [data-layout=editorial] main{gap:25px;padding-left:4%;padding-right:4%}
 [data-layout=editorial] .hero{padding-left:22px;padding-right:22px}
 [data-layout=editorial] h1{font-size:42px}
 [data-layout=editorial] .destination{grid-template-columns:85px 1fr}
 [data-layout=editorial] .card-copy{padding:17px}
 [data-layout=editorial] .section-heading h2{font-size:29px}
 [data-layout=atlas] h1{font-size:43px}
 [data-layout=atlas] .observatory-instrument{width:48%;left:0;bottom:100px}
 [data-layout=atlas] .destinations{width:46%;right:4%}
 [data-layout=atlas] .destination{grid-template-columns:78px 1fr}
 [data-layout=atlas] .card-copy{padding-right:15px}
}
@media(max-width:700px){
 .layout-picker{display:block;padding:14px 0}.layout-picker-label{display:none}.layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.layout-options button{padding:11px 4px;font-size:10px;letter-spacing:0}.layout-options button small{margin-right:5px}.layout-description{margin-top:12px;font-size:9px}
 [data-layout=immersive] .hero{height:auto}
 [data-layout=editorial] main{display:block;padding:20px 5% 0}
 [data-layout=editorial] .hero{padding:22px 18px 75px;min-height:0;height:auto}
 [data-layout=editorial] .hero-copy{max-width:none;padding-top:28px}
 [data-layout=editorial] h1{font-size:43px}
 [data-layout=editorial] .hero .intro{font-size:11px}
 [data-layout=editorial] .observatory-instrument{position:relative;width:100%;right:auto;bottom:auto;margin:28px auto 0}
 [data-layout=editorial] .hero-top{gap:8px;font-size:7px}
 [data-layout=editorial] .motion-control{font-size:8px;padding:8px}
 [data-layout=editorial] .destinations{padding-top:35px}
 [data-layout=editorial] .section-heading h2{font-size:28px;max-width:none}
 [data-layout=editorial] .destination{grid-template-columns:80px 1fr}
 [data-layout=editorial] .card-copy{padding:18px}
 [data-layout=editorial] .card-copy h3{font-size:21px}
 [data-layout=editorial] .card-art .coordinate{display:none}
 [data-layout=editorial] .closing{padding:45px 0}
 [data-layout=atlas] .hero{height:auto;min-height:0;padding-bottom:45px}
 [data-layout=atlas] .hero-copy{padding-top:32px;max-width:none}
 [data-layout=atlas] h1{font-size:38px;line-height:1.45;letter-spacing:3px}
 [data-layout=atlas] h1 br{display:block}
 [data-layout=atlas] .intro{max-width:310px;margin:auto;font-size:11px}
 [data-layout=atlas] .observatory-instrument{position:relative;left:auto;bottom:auto;width:100%;margin:45px auto 0;max-width:410px}
 [data-layout=atlas] .hero-bottom{display:none}
 [data-layout=atlas] .destinations{position:relative;top:auto;right:auto;width:auto;padding:20px 6% 0}
 [data-layout=atlas] .section-heading{margin-bottom:25px}
 [data-layout=atlas] .section-heading h2{font-size:22px}
 [data-layout=atlas] .destination{grid-template-columns:84px 1fr}
 [data-layout=atlas] .card-copy h3{font-size:21px}
}
/* Prominent laboratory entry across all three homepage layouts. */
.destination.labs{grid-column:1/-1}
.destination.labs .constellation{width:56px;height:56px;left:calc(50% - 28px);top:56px}
.destination.labs .constellation:before{width:78px;transform:rotate(45deg)}
[data-layout=immersive] .destination.labs{display:grid;grid-template-columns:180px 1fr}
[data-layout=immersive] .labs .card-art{height:100%;min-height:215px}
@media(min-width:701px){[data-layout=atlas] .hero{height:1220px;min-height:1220px}}
@media(max-width:600px){[data-layout=immersive] .destination.labs{display:block}[data-layout=immersive] .labs .card-art{height:160px;min-height:160px}}
/* Chronicle entry: two timelines (China / world) on a scroll. */
.destination.history{grid-column:1/-1}
.history .card-art{background:radial-gradient(ellipse,#5a3a2a55,transparent 65%),#100d0c}
.scroll-bands{position:absolute;left:calc(50% - 60px);top:62px;width:120px;height:62px;border-left:4px solid #6d5531;border-right:4px solid #6d5531}
.scroll-bands i{position:absolute;left:8px;right:8px;height:2px}
.scroll-bands i:nth-child(1){top:12px;background:#cf5b41b0}
.scroll-bands i:nth-child(2){top:30px;height:1px;background:#c8a35a80}
.scroll-bands i:nth-child(3){top:48px;background:#62aa9eb0}
[data-layout=immersive] .destination.history{display:grid;grid-template-columns:180px 1fr}
[data-layout=immersive] .history .card-art{height:100%;min-height:215px}
@media(max-width:600px){[data-layout=immersive] .destination.history{display:block}[data-layout=immersive] .history .card-art{height:160px;min-height:160px}}
@media(min-width:701px){[data-layout=atlas] .hero{height:1460px;min-height:1460px}}
/* Physics lab entry: a pendulum swinging over a wave. */
.destination.physics{grid-column:1/-1}
.physics .card-art{background:radial-gradient(ellipse,#1f5a5655,transparent 65%),#0a1213}
.pendulum-art{position:absolute;left:calc(50% - 60px);top:40px;width:120px;height:110px}
.pendulum-art:before{content:"";position:absolute;left:30px;right:30px;top:0;height:3px;background:#5f7c86}
.pendulum-art i{position:absolute;left:59px;top:2px;width:2px;height:62px;background:#9fb8c0;transform-origin:50% 0;animation:physics-swing 2.6s ease-in-out infinite alternate}
.pendulum-art i:after{content:"";position:absolute;left:-7px;bottom:-14px;width:16px;height:16px;border-radius:50%;background:#6ee7d2;box-shadow:0 0 14px #6ee7d288}
.pendulum-art b{position:absolute;left:0;right:0;bottom:6px;height:14px;background:repeating-radial-gradient(circle at 50% 160%,transparent 0 9px,#6ee7d244 9px 10px)}
.pendulum-art s{position:absolute;left:10px;right:10px;bottom:0;height:1px;background:#f0b46a80}
@keyframes physics-swing{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
@media(prefers-reduced-motion:reduce){.pendulum-art i{animation:none;transform:rotate(-18deg)}}
[data-layout=immersive] .destination.physics{display:grid;grid-template-columns:180px 1fr}
[data-layout=immersive] .physics .card-art{height:100%;min-height:215px}
@media(max-width:600px){[data-layout=immersive] .destination.physics{display:block}[data-layout=immersive] .physics .card-art{height:160px;min-height:160px}}
@media(min-width:701px){[data-layout=atlas] .hero{height:1700px;min-height:1700px}}