:root{--ink:#1d2330;--paper:#f5f5f2;--muted:#72777c;--line:#c9ccca;--display:'Anton',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,iframe:focus-visible{outline:3px solid #eb664e;outline-offset:4px}
::selection{background:#dbff77;color:#1b212a}
.detail-progress{position:fixed;left:0;right:0;top:0;height:4px;background:#1d2330;transform:scaleX(0);transform-origin:left;z-index:70;pointer-events:none}
.detail-header{height:104px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(245,245,242,.96);backdrop-filter:blur(18px);border-bottom:1px solid #d9dcd9;position:sticky;top:0;z-index:30}
.detail-brand{font-size:14px;font-weight:800;letter-spacing:-.045em;flex:1}
.detail-header-meta{font-size:10px;font-weight:800;letter-spacing:.11em;text-align:center;flex:1;white-space:nowrap}
.detail-header-meta span:first-child{color:#a3aaa9;margin:0 10px}
.detail-back{font-size:11px;font-weight:800;letter-spacing:.04em;text-align:right;flex:1;white-space:nowrap}
.detail-back span{display:inline-block;font-size:17px;vertical-align:-1px;margin-right:8px;transition:transform .4s ease}
.detail-back:hover span{transform:translateX(-5px)}
.detail-hero{padding:66px clamp(24px,4vw,72px) 125px;overflow:hidden}
.detail-meta{display:flex;align-items:center;gap:20px;font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap}
.detail-meta-rule{height:1px;background:currentColor;opacity:.2;flex:1}
.detail-meta span:last-child{color:var(--muted)}
.detail-title{font:400 clamp(79px,13vw,215px)/.95 var(--display);letter-spacing:-.026em;margin:clamp(85px,10vw,170px) 0 clamp(65px,7vw,105px);text-transform:uppercase}
.detail-title span{display:block}
.detail-title span:last-child{color:#8e9699}
.detail-lede{display:flex;justify-content:space-between;align-items:end;gap:45px;border-top:1px solid #c2c6c5;padding-top:28px}
.detail-lede-note{font:800 10px/1.4 var(--body);letter-spacing:.1em}
.detail-lede p{max-width:570px;font-size:clamp(18px,2vw,26px);line-height:1.47;letter-spacing:-.025em;margin:0;color:#555d64}
.detail-main--planet .detail-hero{background:#171f2a;color:#f6f5f0}
.detail-main--planet .detail-title span:last-child{color:#d74a49}
.detail-main--planet .detail-meta span:last-child{color:#9ba8ad}
.detail-main--planet .detail-lede{border-color:#4c535b}
.detail-main--planet .detail-lede p{color:#c9ccca}
.detail-gallery{padding:clamp(50px,7vw,120px) clamp(24px,4vw,72px) clamp(95px,11vw,180px)}
.gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:18px 0 clamp(50px,7vw,95px)}
.gallery-heading h2{font:400 clamp(42px,5vw,78px)/1 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0}
.gallery-heading span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#767e84;white-space:nowrap}
.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,3vw,50px);row-gap:clamp(65px,8vw,120px)}
.art-card{margin:0;min-width:0}
.art-card--wide{grid-column:span 2}
.art-frame{background:#e5e6e4;overflow:hidden;display:flex;align-items:center;justify-content:center}
.art-frame--dark{background:#222832}
.art-frame img{width:100%;height:auto;display:block;transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
.art-card:hover .art-frame img{transform:scale(1.025)}
.art-card figcaption,.video-card figcaption{margin-top:20px;padding-top:18px;border-top:1px solid #a5aaab;display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#656d72}
.art-card figcaption span:first-child,.video-card figcaption span:first-child{color:var(--ink)}
.detail-gallery--planet{background:#e7e9e8}
.planet-feature{display:block;width:100%;max-height:860px;object-fit:cover;object-position:center;background:#101722}
.planet-feature-caption{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#6c7378}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,4vw,65px);margin-top:clamp(70px,9vw,140px)}
.video-card{margin:0;min-width:0}
.video-frame{aspect-ratio:16/9;background:#101722;overflow:hidden;position:relative}
.video-frame iframe{position:absolute;inset:0;border:0;width:100%;height:100%}
.detail-next{background:#1c2430;color:#f5f5f2;display:flex;min-height:400px;align-items:center;justify-content:space-between;gap:30px;padding:clamp(50px,7vw,105px) clamp(24px,4vw,72px);transition:background .45s ease}
.detail-next:hover{background:#2d3745}
.detail-next-overline{font-size:10px;font-weight:800;letter-spacing:.13em;color:#9eaaaf}
.detail-next h2{font:400 clamp(65px,9vw,154px)/.95 var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:22px 0 0}
.detail-next-arrow{font-size:clamp(65px,10vw,160px);font-weight:300;line-height:1;transition:transform .5s ease}
.detail-next:hover .detail-next-arrow{transform:translate(15px,-15px)}
.detail-footer{padding:36px clamp(24px,4vw,72px);display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d3d7d5;font-size:10px;font-weight:800;letter-spacing:.035em}
.detail-footer a:first-child{font-size:15px;letter-spacing:-.05em}
.detail-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.loading-state{min-height:60vh;padding:15vh 5vw}
.loading-state p{font-size:10px;letter-spacing:.1em;font-weight:800}
.loading-state h1{font:400 clamp(70px,10vw,150px)/1 var(--display)}
.loading-state a{font-size:12px;font-weight:800}
.enter{opacity:0;transform:translateY(44px);transition:opacity .95s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1)}
.enter.is-visible{opacity:1;transform:none}
@media(max-width:900px){.detail-title{font-size:clamp(74px,12.3vw,140px)}.detail-lede{align-items:start;flex-direction:column;gap:24px}.detail-meta span:last-child{display:none}.detail-header-meta{display:none}.detail-brand,.detail-back{flex:none}.detail-hero{padding-bottom:95px}.video-grid{grid-template-columns:1fr;gap:60px}}
@media(max-width:600px){.detail-header{height:75px}.detail-brand{font-size:12px}.detail-back{font-size:9px}.detail-back span{margin-right:5px}.detail-hero{padding:42px 20px 70px}.detail-title{font-size:clamp(63px,16vw,100px);letter-spacing:-.02em;margin:90px 0 75px}.detail-lede p{font-size:18px}.detail-gallery{padding:65px 20px 95px}.gallery-heading{padding-bottom:55px;flex-direction:column;gap:14px}.gallery-heading h2{font-size:47px}.art-grid{grid-template-columns:1fr;row-gap:65px}.art-card--wide{grid-column:auto}.art-card figcaption,.video-card figcaption{font-size:9px}.detail-next{min-height:340px}.detail-next h2{font-size:clamp(58px,13vw,98px)}.detail-next-arrow{font-size:60px}.detail-footer{flex-wrap:wrap;font-size:9px}.detail-footer>*{width:calc(50% - 14px)}.detail-footer>*:nth-child(2n){text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enter{opacity:1;transform:none;transition:none}.art-frame img,.detail-back span,.detail-next-arrow{transition:none!important}}