/* Black-gold SP: full artwork and a sticky nameplate story. */
.sp-page{--gold:#c6aa78;--text:#eeece5;--muted:#a7a397;margin:0;color:var(--text)!important;background:#141a17!important;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important;overflow-x:clip}
.sp-page *{box-sizing:border-box}.sp-page h1,.sp-page h2,.sp-page p,.sp-page a,.sp-page button,.sp-page span,.sp-page small,.sp-page strong{font-family:inherit!important;font-style:normal!important}.sp-page a{color:inherit;text-decoration:none}.sp-page button{font:inherit}.sp-page ::selection{background:var(--gold);color:#141a17}
.sp-nav{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:0 clamp(24px,5vw,84px)}.sp-page .sp-brand{font-size:25px;font-weight:750;letter-spacing:-.09em}.sp-brand .brand-cn{margin-right:.35em}.sp-nav-links{display:flex;gap:clamp(14px,2vw,30px);font-size:12px;color:#c7c6bc}.sp-nav-links a:hover{color:var(--gold)}
.sp-hero{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:clamp(35px,5vw,90px);padding:100px clamp(24px,6vw,100px) 52px;overflow:hidden;background:radial-gradient(ellipse at 78% 44%,#66533745 0,transparent 42%),radial-gradient(ellipse at 8% 85%,#293a3640 0,transparent 51%),linear-gradient(125deg,#1b2421,#151b1a 52%,#25241d)}
.sp-hero:before{content:"";position:absolute;z-index:-1;left:40%;top:9%;width:min(60vw,700px);aspect-ratio:1;border:1px solid #cbb58120;border-radius:50%;transform:translate3d(calc(var(--mx,0) * 12px),calc(var(--my,0) * 10px),0);transition:transform 1.5s ease}.sp-hero:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 110px,#e8d5a404 111px,transparent 112px 230px)}
.sp-hero-copy{position:relative;z-index:2;max-width:580px}.sp-page .sp-hero h1{margin:0 0 24px!important;font-size:clamp(50px,6vw,102px)!important;font-weight:570!important;letter-spacing:-.075em!important;line-height:1.08!important;color:var(--text)!important}.sp-page .sp-hero h1 span{display:block;color:var(--gold);font-weight:360}.sp-page .sp-hero-copy p{font-size:clamp(14px,1.3vw,18px)!important;line-height:1.8!important;color:#c0bbb0!important;max-width:25em;margin:0 0 30px!important}
.sp-jump{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding:0 0 8px;border-bottom:1px solid #c9af7970;font-size:13px;font-weight:500;color:var(--gold)!important;transition:gap .7s,border-color .7s}.sp-jump:hover{gap:36px;border-color:#e6d2a5}.sp-retail{display:flex;align-items:baseline;gap:20px;margin-top:clamp(42px,8vh,90px);padding-top:20px;border-top:1px solid #c9af793b}.sp-retail small{font-size:12px;color:#a09a8d}.sp-page .sp-retail #product-price{font-size:15px!important;font-weight:500!important;color:#d5c5a8!important;margin:0!important}
.sp-art{position:relative;margin:0 auto;width:min(100%,650px,calc((100svh - 162px) * 1.16682));transform-style:preserve-3d;perspective:1000px}.sp-art:before{content:"";position:absolute;inset:8% 4% -4%;z-index:-1;background:#d5ab5a28;filter:blur(72px);border-radius:50%;animation:sp-breathe 12s ease-in-out infinite alternate}.sp-art-frame{position:relative;width:100%;aspect-ratio:2560/2194;overflow:hidden;border:1px solid #c9ae7659;background:linear-gradient(145deg,#1d2320,#333126);box-shadow:0 44px 88px #0a0e0c7b,0 0 0 10px #d8c99b08;transform:rotateY(calc(var(--mx,0) * 3deg)) rotateX(calc(var(--my,0) * -2deg));transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.sp-art-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(.9) saturate(.9);transform:none!important;transition:filter 1.2s ease}.sp-art:hover img{filter:brightness(1) saturate(1)}.sp-art-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#f8e4ad14 50%,transparent 61%);background-size:240% 100%;animation:sp-glint 12s ease-in-out infinite}
.sp-archive{position:relative;display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1fr);gap:clamp(42px,8vw,130px);padding:clamp(76px,9vw,130px) clamp(24px,7vw,110px);background:radial-gradient(ellipse at 16% 20%,#4c42312f,transparent 42%),radial-gradient(ellipse at 86% 73%,#34433d38,transparent 48%),linear-gradient(150deg,#1d2420,#141a18 56%,#26251e);border-top:1px solid #c4aa7838;color:var(--text);text-align:left;min-height:100svh}.sp-archive-stage{position:sticky;top:clamp(24px,7vh,76px);align-self:start;min-width:0}.sp-page .sp-archive h2{margin:0 0 12px!important;font-size:clamp(34px,4vw,62px)!important;font-weight:520!important;letter-spacing:-.055em!important;line-height:1.2!important;color:var(--text)!important}.sp-page .sp-archive-heading p{font-size:14px!important;line-height:1.6!important;color:var(--muted)!important;margin:0!important}
.sp-nameplate{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(285px,43vh,415px);margin-top:clamp(30px,5vh,52px);padding:clamp(24px,3vw,42px);overflow:hidden;border:1px solid #a98e5e80;background:radial-gradient(ellipse at 80% 5%,#8e724132,transparent 44%),linear-gradient(135deg,#2c3330,#1c2422 47%,#303025);box-shadow:0 32px 76px #080c0b6b,inset 0 0 0 1px #e7d39d12;transition:border-color .8s,box-shadow .8s}.sp-nameplate:before{content:"";position:absolute;z-index:-1;right:-15%;bottom:-65%;width:85%;aspect-ratio:1;border:1px solid #ddc38826;border-radius:50%;box-shadow:0 0 0 42px #cfba8610,0 0 0 86px #cfba8608}.sp-nameplate:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #f3dfb11c;transform:scale(.965,.95)}
.sp-nameplate-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;color:#d0c6b2;font-size:11px;letter-spacing:.14em}.sp-nameplate-top b{font-weight:450;color:var(--gold)}.sp-stage-count{font-variant-numeric:tabular-nums;color:#bcab89}.sp-stage-content{display:flex;flex-direction:column;justify-content:center;gap:15px;min-width:0;flex:1;padding:34px 0 28px}.sp-stage-code{color:var(--gold);font-size:12px;letter-spacing:.2em}.sp-stage-name{display:block;color:#f3eee4;font-size:clamp(36px,4.7vw,72px);font-weight:450;letter-spacing:-.06em;line-height:1.16;overflow-wrap:anywhere}.sp-stage-progress{height:2px;background:#dfd2ab2d;overflow:hidden}.sp-stage-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#8f7650,#e7d19b);transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.sp-owner-list{min-width:0;border-top:1px solid #bda67731}.sp-page .sp-owner{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;min-width:0;min-height:clamp(150px,23vh,205px);padding:24px 55px 24px clamp(22px,3vw,40px);text-align:left;background:transparent;border:0;border-bottom:1px solid #bda67731;border-left:2px solid transparent;color:var(--text);cursor:pointer;transition:border-color .65s,background .65s,padding-left .65s}.sp-page .sp-owner:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sp-owner-code{font-size:12px!important;letter-spacing:.16em;color:#bba77e}.sp-owner-name{min-width:0;font-size:clamp(21px,2vw,29px)!important;font-weight:420;line-height:1.4;overflow-wrap:anywhere;transition:color .65s}.sp-owner-open{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#817d6d;font-size:18px;transition:transform .6s,color .6s}.sp-page .sp-owner.is-active{border-left-color:#d2b57c;background:linear-gradient(90deg,#d9bd8220,transparent 78%);padding-left:clamp(29px,3.6vw,47px)}.sp-owner:hover .sp-owner-name,.sp-owner.is-active .sp-owner-name{color:#f0d9a6}.sp-owner:hover .sp-owner-open{color:#e1c58e;transform:translate(3px,-50%)}.sp-empty{padding:55px 0;color:var(--muted);font-size:16px}
.sp-page .collector-overlay{background:radial-gradient(ellipse at center,#23231b,#0d1211 75%)!important}.sp-page .signature-name{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important;font-weight:360!important;font-style:normal!important;letter-spacing:-.04em}.sp-page .signature-number,.sp-page .signature-subtitle,.sp-page .signature-dismiss{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important}.sp-page .signature-subtitle{letter-spacing:.08em!important}.sp-footer{display:flex;justify-content:space-between;gap:30px;padding:35px clamp(24px,7vw,110px);border-top:1px solid #bda6772b;color:#b2a88f;background:#171c19;font-size:12px}.sp-footer a:hover{color:var(--gold)}
.sp-motion .sp-reveal{opacity:0;transform:translateY(24px);transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}.sp-motion .sp-reveal.is-in{opacity:1;transform:none}.sp-motion .sp-owner{opacity:0}.sp-motion .sp-owner.is-in{opacity:1;transition:opacity 1s ease,border-color .65s,background .65s,padding-left .65s}
@media(min-width:1150px){.type-products .module-items{grid-template-columns:repeat(4,minmax(0,1fr))!important}.type-products .product-card h3{font-size:clamp(20px,1.8vw,28px)!important}}@media(min-width:901px) and (max-width:1149px){.type-products .module-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.sp-hero{gap:30px;padding:100px 5vw 50px}.sp-page .sp-hero h1{font-size:clamp(42px,6vw,68px)!important}.sp-art{width:min(100%,650px,calc((100svh - 160px) * 1.16682))}.sp-archive{gap:35px;padding:75px 5vw}.sp-nameplate{min-height:300px}}
@media(max-width:650px){.sp-nav{min-height:66px;padding:0 20px}.sp-page .sp-brand{font-size:22px}.sp-nav-links{gap:14px;font-size:11px}.sp-hero{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:25px;min-height:100svh;padding:85px 24px 45px}.sp-art{width:min(100%,430px,calc(42svh * 1.16682));flex:none}.sp-hero-copy{width:100%;max-width:480px}.sp-page .sp-hero h1{font-size:clamp(47px,12vw,68px)!important;margin:0 0 12px!important}.sp-page .sp-hero-copy p{font-size:14px!important;margin-bottom:17px!important}.sp-jump{min-height:38px}.sp-retail{margin-top:22px;padding-top:15px}.sp-archive{display:block;padding:65px 24px}.sp-archive-stage{top:10px;z-index:3;padding:0 0 18px;background:#1d2420;box-shadow:0 16px 30px #111816e6}.sp-page .sp-archive h2{font-size:36px!important}.sp-page .sp-archive-heading p{font-size:12px!important}.sp-nameplate{min-height:205px;margin-top:18px;padding:21px}.sp-stage-content{padding:18px 0}.sp-stage-name{font-size:clamp(30px,9vw,46px)}.sp-owner-list{margin-top:22px}.sp-page .sp-owner{min-height:130px;padding-top:20px;padding-bottom:20px}.sp-owner-name{font-size:20px!important}.sp-footer{padding:28px 24px;flex-wrap:wrap;font-size:11px}}
@media(max-width:420px){.sp-art{width:min(100%,calc(38svh * 1.16682))}.sp-hero{gap:21px}.sp-page .sp-hero h1{font-size:47px!important}}
@keyframes sp-breathe{to{opacity:.45;transform:scale(1.09)}}@keyframes sp-glint{0%,35%{background-position:100% 0}80%,100%{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.sp-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sp-motion .sp-reveal,.sp-motion .sp-owner{opacity:1;transform:none}.sp-art-frame{transform:none}}

/* SP opening: a complete artwork in a quiet, full-screen night sky. */
.sp-page{background:#050811!important}
.sp-page .sp-nav{position:fixed;inset:0 0 auto;min-height:70px;background:#070d1bdc;border-bottom:1px solid #c9af7930;backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .65s ease,transform .65s ease,visibility .65s;z-index:40}
.sp-page .sp-nav.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.sp-page .sp-hero{display:flex;align-items:center;justify-content:center;min-height:100svh;height:100svh;padding:30px 24px 48px;overflow:hidden;background:radial-gradient(ellipse at 51% 42%,#18244e 0%,#0b142e 35%,transparent 72%),linear-gradient(145deg,#03060d 0%,#070c1b 55%,#030711 100%)}
.sp-page .sp-hero:before,.sp-page .sp-hero:after{display:none}
.sp-page .sp-nebula{position:absolute;z-index:0;pointer-events:none;filter:blur(clamp(26px,4.5vw,65px));opacity:.76;mix-blend-mode:screen;transform-origin:center;animation:sp-nebula-drift 32s ease-in-out infinite alternate}
.sp-page .sp-nebula-a{width:83vw;height:61vh;top:1%;left:-28%;background:radial-gradient(ellipse at 57% 45%,#6486c798 0%,#515a9577 22%,#242c6555 49%,transparent 76%);transform:rotate(-22deg)}
.sp-page .sp-nebula-b{width:80vw;height:74vh;right:-25%;bottom:-15%;background:radial-gradient(ellipse at 42% 50%,#ad866780 0%,#587bb38a 26%,#2437634e 53%,transparent 76%);animation-direction:alternate-reverse;animation-duration:42s}
.sp-page .sp-nebula-c{width:120vw;height:27vh;top:34%;left:-12%;border-radius:50%;background:linear-gradient(90deg,transparent 2%,#3b527a67 20%,#a48a7361 43%,#4d6b9a8a 65%,transparent 95%);transform:rotate(-22deg);filter:blur(clamp(30px,5vw,72px));opacity:.43;animation:sp-galaxy-flow 28s ease-in-out infinite alternate}
.sp-page .sp-cosmos{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.sp-page .sp-hero-grid{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(14px,2vh,23px);width:min(84vw,calc((100svh - 170px)*1.16682),930px);max-width:100%;margin:auto}
.sp-page .sp-art{width:100%;max-width:none;perspective:none;transform-style:flat;flex:none}
.sp-page .sp-art:before{inset:11% 8% -2%;background:#9ca9d21f;filter:blur(85px);animation:sp-breathe 18s ease-in-out infinite alternate}
.sp-page .sp-art-frame{border:0;background:transparent;box-shadow:0 30px 90px #03071188,0 0 0 1px #dbd3b214;transform:none!important;transition:none}
.sp-page .sp-art-frame img{object-fit:contain!important;object-position:center;filter:brightness(.91) saturate(.84);transform:none!important;transition:filter 1.3s ease}
.sp-page .sp-art:hover img{filter:brightness(.96) saturate(.88)}
.sp-page .sp-art-frame:after{display:none}
.sp-page .sp-hero h1.sp-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;width:100%;margin:0!important;padding:0 2px;color:#f1f0ec!important;font-size:clamp(28px,3.6vw,52px)!important;font-weight:300!important;line-height:1.1!important;letter-spacing:.22em!important;text-transform:uppercase;white-space:nowrap}
.sp-page .sp-hero h1.sp-title span{display:inline;color:inherit;font-weight:inherit;letter-spacing:inherit}
.sp-page .sp-hero h1.sp-title em{display:inline;color:#c7ad7f;font-size:.85em;font-weight:300;letter-spacing:.22em;font-style:normal}
.sp-page .sp-scroll-cue{position:absolute;z-index:2;left:50%;bottom:clamp(17px,3vh,31px);display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:-21px;color:#dedbd2;font-size:27px;font-weight:200;opacity:.68;animation:sp-cue-float 3.6s ease-in-out infinite;transition:opacity .4s}
.sp-page .sp-scroll-cue{bottom:7px}
.sp-page .sp-scroll-cue:hover{opacity:1}
.sp-page .sp-price-strip{display:flex;align-items:center;justify-content:center;gap:18px;min-height:66px;padding:15px 24px;color:#b7b5ba;background:#080e20;border-top:1px solid #d4c59e25;font-size:12px;letter-spacing:.1em}
.sp-page .sp-price-strip .product-price{margin:0!important;color:#d2b989!important;font-size:15px!important;font-weight:400!important;letter-spacing:.03em}
.sp-page .sp-archive{scroll-margin-top:69px}
html:has(body.sp-page){scroll-padding-top:0}
@keyframes sp-nebula-drift{to{transform:translate(5vw,-4vh) rotate(-13deg) scale(1.12);opacity:.45}}
@keyframes sp-galaxy-flow{to{transform:translate(4vw,-2vh) rotate(-19deg) scale(1.1);opacity:.6}}
@keyframes sp-cue-float{0%,100%{transform:translate(-0,0)}50%{transform:translate(0,7px)}}
@media(max-width:650px){.sp-page .sp-nav{min-height:61px}.sp-page .sp-hero{display:flex;justify-content:center;min-height:100svh;height:100svh;padding:24px 16px 61px}.sp-page .sp-hero-grid{width:min(91vw,calc((100svh - 160px)*1.16682));gap:16px}.sp-page .sp-hero h1.sp-title{font-size:clamp(22px,6.8vw,36px)!important;letter-spacing:.13em!important}.sp-page .sp-hero h1.sp-title em{letter-spacing:.12em}.sp-page .sp-nebula-a{width:125vw;left:-24%}.sp-page .sp-nebula-b{width:100vw}.sp-page .sp-scroll-cue{bottom:clamp(17px,3vh,31px)}.sp-page .sp-archive{scroll-margin-top:60px}}
@media(max-height:600px){.sp-page .sp-hero-grid{width:min(79vw,calc((100svh - 105px)*1.16682))}.sp-page .sp-hero h1.sp-title{font-size:clamp(20px,3vw,36px)!important}.sp-page .sp-scroll-cue{bottom:10px}}
@media(prefers-reduced-motion:reduce){.sp-page .sp-nebula,.sp-page .sp-scroll-cue{animation:none!important}.sp-page .sp-nav{transition:none!important}}

/* The SP page uses the same navigation geometry and labels as the homepage. */
@font-face{font-family:UniqueDisplay;src:url('display.otf')}
.sp-page .site-header{--sp-header-h:94px;position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;gap:36px;width:100%;height:94px;padding:0 4.5%;border-bottom:1px solid #e8e9eb25;background:#090a0ccf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1),visibility .9s;color:#f0f1f2}
.sp-page .site-header.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.sp-page .site-header .brand{display:flex;align-items:center;white-space:nowrap}
.sp-page .site-header .brand-en{font:38px/.9 UniqueDisplay,'Arial Narrow',sans-serif!important;letter-spacing:-.025em}
.sp-page .site-header .desktop-nav{display:flex;gap:32px;margin-left:auto;font-size:14px}
.sp-page .site-header .desktop-nav a{position:relative;padding:10px 0;white-space:nowrap}
.sp-page .site-header .desktop-nav a:after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;background:#c6aa78;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.sp-page .site-header .desktop-nav a:hover:after,.sp-page .site-header .desktop-nav a:focus-visible:after{transform:scaleX(1)}
.sp-page .site-header .language-nav{display:flex;gap:14px;margin-left:auto;font-size:12px;white-space:nowrap}
.sp-page .site-header .language-nav [aria-current]{text-decoration:underline;text-underline-offset:4px}
.sp-page .site-header .mobile-nav{display:none}
.sp-page .sp-archive{scroll-margin-top:94px}
.sp-page .sp-archive-stage{top:118px}

/* Monochrome atmospheric flow: luminous points without a galaxy-shaped band. */
.sp-page{background:#060708!important}
.sp-page .sp-hero{background:radial-gradient(ellipse at 48% 44%,#25272a 0%,#131518 40%,transparent 74%),linear-gradient(145deg,#030405 0%,#101113 54%,#030405 100%)}
.sp-page .sp-nebula{mix-blend-mode:screen;filter:blur(clamp(32px,5vw,78px));opacity:.82}
.sp-page .sp-nebula-a{width:80vw;height:68vh;top:-20%;left:-24%;background:radial-gradient(ellipse at 57% 50%,#aeb0b659 0%,#64676c55 33%,#2d303540 56%,transparent 79%);transform:rotate(-14deg)}
.sp-page .sp-nebula-b{width:87vw;height:80vh;right:-29%;bottom:-30%;background:radial-gradient(ellipse at 44% 42%,#b8babf66 0%,#686b7059 30%,#33363b40 58%,transparent 79%)}
.sp-page .sp-nebula-c{width:89vw;height:60vh;top:33%;left:8%;border-radius:50%;background:radial-gradient(ellipse at 45% 52%,#d8d9dc3d 0%,#74777e40 32%,#3b3d4233 62%,transparent 79%);transform:rotate(13deg);filter:blur(clamp(40px,6vw,90px));opacity:.76;animation:sp-nebula-drift 38s ease-in-out infinite alternate}
.sp-page .sp-art:before{background:#c3c5ca22}
.sp-page .sp-art-frame{box-shadow:0 30px 90px #000b,0 0 0 1px #dedfe322}
.sp-page .sp-price-strip{background:#101113;border-color:#d6d7db2a;color:#bcbec2}
@media(max-width:650px){
  .sp-page .site-header{height:76px;padding:0 6%;gap:10px;justify-content:space-between}
  .sp-page .site-header .brand-en{font-size:33px!important}
  .sp-page .site-header .desktop-nav{display:none}
  .sp-page .site-header .language-nav{gap:10px;margin-left:auto;margin-right:12px;font-size:10px}
  .sp-page .site-header .mobile-nav{display:block}
  .sp-page .site-header .mobile-nav summary{display:flex;align-items:center;list-style:none;padding:10px;cursor:pointer}
  .sp-page .site-header .mobile-nav summary::-webkit-details-marker{display:none}
  .sp-page .site-header .mobile-nav summary svg{width:25px;height:25px}
  .sp-page .site-header .mobile-nav nav{position:absolute;top:75px;left:0;right:0;display:grid;gap:5px;padding:20px 6%;background:#101113f5;border-bottom:1px solid #e8e9eb36}
  .sp-page .site-header .mobile-nav nav a{padding:12px 0;font-size:16px}
  .sp-page .sp-archive{scroll-margin-top:76px}
  .sp-page .sp-archive-stage{top:88px}
  .sp-page .sp-nebula-a{width:125vw;left:-40%}
  .sp-page .sp-nebula-b{width:120vw;right:-42%}
}
@media(prefers-reduced-motion:reduce){.sp-page .site-header{transition:none!important}}

/* A visible, slow drift and soft shimmer for the monochrome atmosphere. */
.sp-page #product-price[hidden]{display:none!important}
.sp-page .sp-nebula{will-change:transform,opacity}
.sp-page .sp-nebula-a{animation:sp-cloud-a 18s ease-in-out infinite alternate}
.sp-page .sp-nebula-b{animation:sp-cloud-b 23s ease-in-out infinite alternate}
.sp-page .sp-nebula-c{animation:sp-cloud-c 20s ease-in-out infinite alternate}
@keyframes sp-cloud-a{
  0%{transform:translate3d(-7vw,3vh,0) rotate(-17deg) scale(.91);opacity:.48}
  50%{opacity:.94}
  100%{transform:translate3d(13vw,-7vh,0) rotate(-5deg) scale(1.16);opacity:.63}
}
@keyframes sp-cloud-b{
  0%{transform:translate3d(9vw,-5vh,0) rotate(9deg) scale(1.08);opacity:.66}
  52%{opacity:1}
  100%{transform:translate3d(-13vw,7vh,0) rotate(-9deg) scale(.88);opacity:.46}
}
@keyframes sp-cloud-c{
  0%{transform:translate3d(-8vw,-5vh,0) rotate(9deg) scale(.91);opacity:.41}
  48%{opacity:.8}
  100%{transform:translate3d(10vw,6vh,0) rotate(-8deg) scale(1.15);opacity:.53}
}
@media(prefers-reduced-motion:reduce){.sp-page .sp-nebula{animation:none!important;opacity:.74;transform:none!important}}

/* One continuous atmospheric stage from the artwork to the collector archive. */
.sp-page .sp-world{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 48% 44%,#25272a 0%,#131518 40%,transparent 74%),linear-gradient(145deg,#030405 0%,#101113 54%,#030405 100%)}
.sp-page .sp-world .sp-cosmos{position:absolute;inset:0;width:100%;height:100%}
.sp-page main{position:relative;z-index:1}
.sp-page .sp-hero{background:transparent!important}
.sp-page .sp-archive{background:linear-gradient(180deg,#05060733,#05060777 65%,#05060799)!important;border-top:1px solid #e0e1e32b;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:clamp(54px,8vw,140px);padding-top:clamp(86px,10vw,135px);padding-bottom:clamp(90px,10vw,145px)}
.sp-page .sp-archive-heading{margin-bottom:clamp(34px,5vh,58px)}
.sp-page .sp-archive h2{font-size:clamp(42px,4.4vw,68px)!important;font-weight:350!important;letter-spacing:-.065em!important}
.sp-page .sp-archive-heading p{display:none}
.sp-page .sp-archive-stage{top:118px}
.sp-page .sp-nameplate{min-height:clamp(340px,51vh,470px);margin-top:0;padding:clamp(28px,3vw,42px);border:1px solid #cdb47b7a;background:#090a0b;box-shadow:0 34px 100px #000a,0 0 42px #b7995720,inset 0 0 0 1px #f5e4ba13;transition:border-color .8s,box-shadow .8s}
.sp-page .sp-nameplate:before{content:"";position:absolute;z-index:0;inset:-48%;width:auto;height:auto;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:conic-gradient(from 90deg,transparent 0 60%,#c8aa6f13 72%,#f5e4bcba 78%,#ae90568a 81%,transparent 88%);filter:none;animation:sp-plaque-beam 18s linear infinite}
.sp-page .sp-nameplate:after{content:"";position:absolute;z-index:1;inset:1px;border:0;transform:none;background:radial-gradient(circle at var(--sp-light-x,78%) var(--sp-light-y,24%),#e6cf9932 0%,transparent 44%),linear-gradient(145deg,#171819 0%,#090a0b 49%,#20201d 100%);pointer-events:none}
.sp-page .sp-nameplate>*{position:relative;z-index:2}
.sp-page .sp-nameplate-top{color:#c8c5bb;font-size:11px;letter-spacing:.18em}
.sp-page .sp-nameplate-top b,.sp-page .sp-stage-code{color:#dec595}
.sp-page .sp-stage-code{font-size:13px;letter-spacing:.3em}
.sp-page .sp-stage-name{color:#f6f4ee;font-size:clamp(43px,5vw,76px);font-weight:360;letter-spacing:-.065em;text-shadow:0 0 34px #f4e5c725}
.sp-page .sp-stage-progress{height:1px;background:#e4cf9a36}
.sp-page .sp-stage-progress span{background:linear-gradient(90deg,#8a714a,#f3deaf);box-shadow:0 0 15px #e9cd8d8c}
.sp-page .sp-owner-list{border-top:1px solid #eeece92b}
.sp-page .sp-owner{min-height:clamp(130px,19vh,174px);border-bottom:1px solid #eeece92b;color:#f0efea}
.sp-page .sp-owner.is-active{border-left-color:#dec28b;background:linear-gradient(90deg,#c3a66c25,#c3a66c05 65%,transparent)}
.sp-page .sp-owner-name{font-size:clamp(23px,2.2vw,32px)!important;font-weight:360}
.sp-page .sp-owner-code{color:#bbad93}
.sp-page .sp-footer{position:relative;z-index:1;background:#050607c9;border-top:1px solid #e0e1e327}
@keyframes sp-plaque-beam{to{transform:rotate(360deg)}}
@media(max-width:900px){.sp-page .sp-archive{gap:35px;padding:86px 5vw 100px}}
@media(min-width:651px) and (max-width:900px){.sp-page .sp-nameplate{min-height:340px;padding:25px}.sp-page .sp-stage-name{font-size:clamp(38px,5vw,52px)}}
@media(max-width:650px){
  .sp-page .sp-archive{display:block;padding:70px 24px 85px}
  .sp-page .sp-archive-stage{top:88px;padding-bottom:20px;background:linear-gradient(180deg,#090b0de8 72%,#090b0d00);box-shadow:none}
  .sp-page .sp-archive-heading{margin-bottom:22px}
  .sp-page .sp-archive h2{font-size:38px!important}
  .sp-page .sp-nameplate{min-height:245px;padding:23px}
  .sp-page .sp-stage-name{font-size:clamp(35px,9vw,52px)}
  .sp-page .sp-owner-list{margin-top:18px}
  .sp-page .sp-owner{min-height:122px}
  .sp-page .sp-owner-name{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){.sp-page .sp-nameplate:before{animation:none!important}}

/* Use the same outer text grid as the rest of the UNIQUE site. */
.sp-page .site-header,
.sp-page .sp-archive,
.sp-page .sp-footer{padding-inline:var(--unique-page-inset)!important}
html:has(body.sp-page)::-webkit-scrollbar{width:8px}
html:has(body.sp-page)::-webkit-scrollbar-track{background:#060708}
html:has(body.sp-page)::-webkit-scrollbar-thumb{background:#5f6062;border-radius:5px}

@media(max-width:720px){
  .sp-page .site-header{height:76px;gap:10px;justify-content:space-between}
  .sp-page .site-header .desktop-nav{display:none}
  .sp-page .site-header .language-nav{gap:10px;margin-left:auto;margin-right:12px;font-size:10px}
  .sp-page .site-header .mobile-nav{display:block}
  .sp-page .site-header .mobile-nav summary{display:flex;align-items:center;list-style:none;padding:10px;cursor:pointer}
  .sp-page .site-header .mobile-nav summary::-webkit-details-marker{display:none}
  .sp-page .site-header .mobile-nav summary svg{width:25px;height:25px}
  .sp-page .site-header .mobile-nav nav{position:absolute;top:75px;left:0;right:0;display:grid;gap:5px;padding:20px var(--unique-page-inset);background:#101113f5;border-bottom:1px solid #e8e9eb36}
  .sp-page .site-header .mobile-nav nav a{padding:12px 0;font-size:16px}
  .sp-page .sp-archive{scroll-margin-top:76px}
  .sp-page .sp-archive-stage{top:88px}
}
@media(min-width:651px) and (max-width:720px){
  .sp-page .sp-archive{display:block;padding-block:76px 90px}
  .sp-page .sp-archive-stage{padding-bottom:20px;background:linear-gradient(180deg,#090b0de8 72%,#090b0d00)}
  .sp-page .sp-owner-list{margin-top:20px}
}

/* SP constellation: one continuous scroll from the complete artwork into the stars. */
.sp-page{--sp-transition:0;background:#02040a!important;color:#f0f2f5}
.sp-page .site-header{display:none!important}
.sp-page .sp-world{background:radial-gradient(ellipse at 52% 45%,#111827 0%,#050810 54%,#010207 100%)}
.sp-page .sp-world:before{content:"";position:absolute;inset:-38% -30%;background:radial-gradient(ellipse 46% 11% at 55% 49%,#c9d6ea58,transparent 78%),radial-gradient(ellipse 50% 18% at 50% 51%,#6686b480,transparent 79%),radial-gradient(ellipse 56% 23% at 48% 53%,#29456780,transparent 80%);filter:blur(22px);transform:rotate(-28deg) scale(1.2);opacity:calc(.12 + var(--sp-transition)*.82);transition:opacity .1s linear;animation:sp-galaxy-drift 42s ease-in-out infinite alternate}
.sp-page .sp-world:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 51% 53%,transparent 4%,#02040a24 50%,#02040ac7 100%);pointer-events:none}
.sp-page .sp-nebula{opacity:calc(.12 + var(--sp-transition)*.58)!important;mix-blend-mode:screen}
.sp-page .sp-nebula-a{background:radial-gradient(ellipse at center,#6f88ad63,#263d6f4b 45%,transparent 74%)}
.sp-page .sp-nebula-b{background:radial-gradient(ellipse at center,#c2d4ea4d,#4d689658 43%,transparent 75%)}
.sp-page .sp-nebula-c{background:radial-gradient(ellipse at center,#decda155,#59749848 48%,transparent 76%)}
.sp-page .sp-world .sp-cosmos{z-index:1;opacity:calc(.45 + var(--sp-transition)*.55)}
.sp-page .sp-hero{position:relative;min-height:100svh;height:100svh;padding:0!important;overflow:visible;background:transparent!important}
.sp-page .sp-hero-grid{position:fixed;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;width:min(84vw,calc((100svh - 170px)*1.16682),930px);height:100svh;margin:auto;opacity:calc(1 - var(--sp-transition)*1.25);transform:translateY(calc(var(--sp-transition)*-7vh)) scale(calc(1 - var(--sp-transition)*.16));transform-origin:center;pointer-events:none;will-change:opacity,transform}
.sp-page .sp-art-frame,.sp-page .sp-art-frame img{border-radius:20px!important}
.sp-page .sp-art-frame{overflow:hidden;isolation:isolate}
.sp-page .sp-art-frame img{object-fit:contain!important}
.sp-page .sp-scroll-cue{position:absolute;bottom:clamp(18px,4vh,42px);z-index:4;opacity:calc(.72 - var(--sp-transition)*1.2)}
.sp-page .sp-archive{position:relative;z-index:2;display:block!important;min-height:100svh;padding-top:clamp(65px,11vh,130px)!important;padding-bottom:clamp(100px,13vh,165px)!important;background:transparent!important;border:0!important;scroll-margin-top:0!important;text-align:left}
.sp-page .sp-archive-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,370px);align-items:end;column-gap:clamp(30px,5vw,90px);row-gap:12px;width:100%;max-width:1400px;margin:0 auto clamp(30px,6vh,65px)}
.sp-page .sp-archive-index{grid-column:1/-1;color:#aeb9ce;font:10px/1.4 system-ui,sans-serif;letter-spacing:.3em}
.sp-page .sp-archive h2{margin:0!important;color:#f1f4f8!important;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important;font-size:clamp(38px,5vw,72px)!important;font-weight:300!important;line-height:1.05;letter-spacing:-.055em!important}
.sp-page .sp-star-search{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #d2def17a}
.sp-page .sp-star-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sp-page .sp-star-search input{width:100%;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:#f3f5fa;font:13px/1.4 system-ui,sans-serif;letter-spacing:.04em}
.sp-page .sp-star-search input::placeholder{color:#9caac2}
.sp-page .sp-star-search button{flex:none;padding:10px 0 10px 15px;background:transparent;border:0;color:#e2d1ac;font:11px/1.4 system-ui,sans-serif;letter-spacing:.12em;cursor:pointer}
.sp-page .sp-star-search button span{margin-left:9px;font-size:17px}
.sp-page .sp-star-search:focus-within{border-color:#e4d4b2;box-shadow:0 8px 25px -21px #f0dfba}
.sp-page .sp-search-status{grid-column:2;margin:0;min-height:1.5em;color:#bac8df;font-size:11px;letter-spacing:.07em}
.sp-page .sp-star-map{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(128px,12vw,190px);align-items:center;justify-items:center;width:100%;max-width:1400px;min-height:55svh;margin:0 auto;padding:clamp(15px,3vw,45px) 0 5vh;overflow:visible}
.sp-page .sp-star-map:before{content:"";position:absolute;inset:4% -3%;z-index:-1;background:radial-gradient(ellipse at 52% 29%,#8092b719,transparent 46%),radial-gradient(ellipse at 40% 70%,#a9b2d612,transparent 52%);filter:blur(35px);pointer-events:none}
.sp-page .sp-star{position:relative;display:grid!important;place-items:center;width:72px;height:72px;border:0;border-radius:50%;background:transparent;transform:translate(var(--star-x,0),var(--star-y,0));color:#eef4ff;cursor:pointer;isolation:isolate;outline:0}
.sp-page .sp-star:before{content:"";position:absolute;inset:4px;border:1px solid #e0ebff24;border-radius:50%;opacity:.4;transform:scale(.5);transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .75s,border-color .75s}
.sp-page .sp-star-orbit{position:absolute;inset:-15px;border:1px solid #cad7ef19;border-radius:50%;opacity:0;transform:scale(.55);transition:opacity .8s,transform .8s}
.sp-page .sp-star-core{position:relative;width:5px;height:5px;border-radius:50%;background:#f9fbff;box-shadow:0 0 7px 2px #d8e7ff,0 0 23px 5px #a7c4f35c,0 0 55px #b6c9ee40;animation:sp-star-twinkle 4.3s ease-in-out var(--star-delay,0s) infinite alternate;transition:transform .8s,box-shadow .8s}
.sp-page .sp-star:nth-child(7n + 2) .sp-star-core{width:7px;height:7px;background:#fff2d5;box-shadow:0 0 9px 2px #f4ddac,0 0 30px 7px #d3b78569}
.sp-page .sp-star:nth-child(11n + 3) .sp-star-core{width:3px;height:3px}
.sp-page .sp-star-label{position:absolute;top:calc(100% - 2px);left:50%;min-width:140px;transform:translate(-50%,-8px);opacity:0;white-space:nowrap;text-align:center;color:#e9e3d3;font:11px/1.5 system-ui,sans-serif;letter-spacing:.16em;transition:opacity .45s,transform .45s;pointer-events:none}
.sp-page .sp-star:hover:before,.sp-page .sp-star:focus-visible:before,.sp-page .sp-star.is-located:before{opacity:1;transform:scale(1);border-color:#e3d8bd99}
.sp-page .sp-star:hover .sp-star-orbit,.sp-page .sp-star:focus-visible .sp-star-orbit,.sp-page .sp-star.is-located .sp-star-orbit{opacity:1;transform:scale(1)}
.sp-page .sp-star:hover .sp-star-core,.sp-page .sp-star:focus-visible .sp-star-core,.sp-page .sp-star.is-located .sp-star-core{transform:scale(1.8);box-shadow:0 0 11px 3px #fff,0 0 42px 12px #c3d8ff8a}
.sp-page .sp-star:hover .sp-star-label,.sp-page .sp-star:focus-visible .sp-star-label,.sp-page .sp-star.is-located .sp-star-label{opacity:1;transform:translate(-50%,0)}
.sp-page .sp-star:focus-visible{outline:1px solid #f5e9ca;outline-offset:4px}
.sp-page .sp-empty{grid-column:1/-1;align-self:start;padding:20vh 0;text-align:center;color:#b9c5d8}
.sp-page .sp-back-to-art{position:fixed;top:clamp(18px,3vw,40px);left:var(--unique-page-inset);z-index:50;padding:8px 0;background:transparent;border:0;color:#e8edf8;font:11px/1.5 system-ui,sans-serif;letter-spacing:.17em;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .55s,transform .55s,visibility .55s;cursor:pointer}
.sp-page .sp-back-to-art.is-visible{opacity:1;visibility:visible;transform:none}
.sp-page .sp-back-to-art:after{content:"";display:block;width:100%;height:1px;margin-top:5px;background:#e2d0a3;transform:scaleX(.35);transform-origin:left;transition:transform .5s}
.sp-page .sp-back-to-art:hover:after,.sp-page .sp-back-to-art:focus-visible:after{transform:scaleX(1)}
.sp-page .sp-footer{display:none}
.sp-page .collector-overlay{background:radial-gradient(ellipse at 50% 55%,#101b33 0%,#03060e 68%,#010207 100%)!important}
.sp-page .collector-overlay.sp-collector-overlay{transform:scale(.035);transform-origin:var(--star-origin-x,50%) var(--star-origin-y,50%);opacity:.15;transition:transform 1.05s cubic-bezier(.16,.76,.21,1),opacity 1.05s ease}
.sp-page .collector-overlay.sp-collector-overlay.is-visible{transform:scale(1);opacity:1}
.sp-page .collector-overlay.sp-collector-overlay.is-dispersing{transition:opacity 1.3s ease;transform:scale(1)}
.sp-page .collector-overlay .signature-name{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important;font-size:clamp(40px,7vw,106px);font-weight:280!important;line-height:1.18;letter-spacing:-.055em!important}
.sp-page .collector-overlay .signature-number{font-size:12px;letter-spacing:.42em}
.sp-page .collector-overlay .signature-subtitle{max-width:90vw;font-size:11px;letter-spacing:.16em!important;text-transform:none}
.sp-page .collector-overlay .signature-dismiss{color:#a6aec0}
@keyframes sp-star-twinkle{0%{opacity:.45;filter:brightness(.68)}50%{opacity:1;filter:brightness(1.3)}100%{opacity:.7;filter:brightness(.9)}}
@keyframes sp-galaxy-drift{from{transform:rotate(-28deg) scale(1.12) translateX(-3%)}to{transform:rotate(-25deg) scale(1.3) translateX(4%)}}
@media(max-width:900px){.sp-page .sp-star-map{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px}.sp-page .sp-archive-intro{grid-template-columns:1fr minmax(200px,310px)}}
@media(max-width:650px){.sp-page .sp-hero-grid{width:min(91vw,calc((100svh - 160px)*1.16682))}.sp-page .sp-archive{padding-top:80px!important}.sp-page .sp-archive-intro{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.sp-page .sp-archive-index,.sp-page .sp-search-status{grid-column:1}.sp-page .sp-archive h2{font-size:clamp(38px,9vw,55px)!important}.sp-page .sp-star-search{width:100%}.sp-page .sp-star-map{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px;padding-top:15px}.sp-page .sp-star{width:64px;height:64px}.sp-page .sp-star-label{font-size:10px}.sp-page .sp-back-to-art{top:18px}}
@media(max-width:420px){.sp-page .sp-hero-grid{width:min(91vw,calc((100svh - 145px)*1.16682))}.sp-page .sp-star-map{grid-auto-rows:115px}}
@media(prefers-reduced-motion:reduce){.sp-page .sp-world:before,.sp-page .sp-star-core{animation:none!important}.sp-page .sp-hero-grid{transform:none!important}.sp-page .sp-star:before,.sp-page .sp-star-orbit,.sp-page .sp-star-label{transition:none!important}}

/* The artwork and constellation occupy the same viewport, with no second visual page. */
.sp-page .sp-hero{height:185svh!important;min-height:185svh!important}
.sp-page .sp-world:after{background:radial-gradient(ellipse at center,transparent 25%,#01020786 100%)}
.sp-page .sp-nebula{display:none}
.sp-page .sp-archive{position:fixed!important;inset:0!important;z-index:2!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;padding-top:clamp(100px,13vh,140px)!important;padding-bottom:100px!important;opacity:clamp(0,calc((var(--sp-transition) - .25)*1.45),1);visibility:visible;pointer-events:none;scrollbar-color:#6b7283 transparent;scrollbar-width:thin}
.sp-page .sp-archive.is-active{pointer-events:auto}
.sp-page .sp-star-map{min-height:calc(100dvh - 235px)}
.sp-page .sp-archive-intro{position:relative;z-index:2}
.sp-page .sp-scroll-cue{position:fixed;bottom:clamp(18px,4vh,42px)}
.sp-page .sp-hero-grid{opacity:var(--sp-art-alpha,1);transform:translateY(var(--sp-art-shift,0vh)) scale(var(--sp-art-scale,1))}
.sp-page .sp-scroll-cue{opacity:var(--sp-cue-alpha,.72)}
.sp-page .sp-world:before{opacity:var(--sp-galaxy-alpha,.09)}
.sp-page .sp-archive{opacity:var(--sp-map-alpha,0)}
.sp-page .collector-overlay.sp-collector-overlay{background:transparent!important;transform:none!important;transform-origin:center;opacity:0;transition:opacity .75s ease;backdrop-filter:none;-webkit-backdrop-filter:none}
.sp-page .collector-overlay.sp-collector-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#05081162,#01020792 86%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .9s ease}
.sp-page .collector-overlay.sp-collector-overlay.is-visible{opacity:1}
.sp-page .collector-overlay.sp-collector-overlay.is-visible:before{opacity:1}
.sp-page .collector-overlay .signature-content{opacity:0;transform:translateY(17px) scale(.98);transition:opacity .95s ease .5s,transform .95s cubic-bezier(.2,.7,.2,1) .5s}
.sp-page .collector-overlay.is-visible .signature-content{opacity:1;transform:none}
.sp-page .collector-overlay.is-dispersing .signature-content{opacity:0;transition:opacity .3s}
.sp-page .collector-overlay .signature-name{background:linear-gradient(110deg,#ad8950 8%,#f5e6bd 42%,#caab70 70%,#f9ecca 92%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;filter:drop-shadow(0 0 13px #d8bb745c);text-shadow:none}
.sp-page .collector-overlay .signature-number{color:#e6d09f;text-shadow:0 0 18px #dec2867a}
.sp-page .collector-overlay .signature-subtitle{color:#eddfbc;text-shadow:0 0 15px #dbc18e5c}
@keyframes sp-real-galaxy-breathe{from{transform:scale(1.04) translateX(-1.5%)}to{transform:scale(1.11) translateX(1.5%)}}
@media(max-width:650px){.sp-page .sp-world:before{background-position:48% center}.sp-page .sp-archive{padding-top:95px!important}.sp-page .sp-star-map{min-height:calc(100dvh - 220px)}}
@media(prefers-reduced-motion:reduce){.sp-page .sp-world:before{animation:none!important}.sp-page .collector-overlay .signature-content{transition:none!important}}
.sp-page .sp-star-map{display:block!important;min-height:55svh;padding:0!important}
.sp-page .sp-star-map.is-empty{display:grid!important;place-items:center}
.sp-page .sp-star{position:absolute!important;transform:translate(-50%,-50%)!important}

/* Return to the restrained animated monochrome sky; keep the star map in one viewport. */
.sp-page .sp-world:before{inset:-28% -18%;background:radial-gradient(ellipse 42% 12% at 53% 49%,#ccd5e558,transparent 80%),radial-gradient(ellipse 54% 22% at 49% 52%,#596c8d56,transparent 79%),radial-gradient(ellipse 62% 28% at 46% 55%,#1d2b495e,transparent 83%);filter:blur(clamp(24px,4vw,58px));transform:rotate(-22deg) scale(1.15);opacity:var(--sp-galaxy-alpha,.18);animation:sp-galaxy-drift 40s ease-in-out infinite alternate}
.sp-page .sp-nebula{display:block;opacity:.35!important}
.sp-page .sp-world .sp-cosmos{opacity:1}
.sp-page .sp-archive{overflow:hidden!important;padding-bottom:0!important}
.sp-page .sp-star-map{height:calc(100dvh - clamp(210px,27vh,265px))!important;min-height:0!important;max-height:100dvh}
.sp-page .sp-archive{display:flex!important;flex-direction:column;padding-top:clamp(75px,10vh,105px)!important;padding-bottom:clamp(16px,3vh,30px)!important}
.sp-page .sp-archive-intro{flex:none;margin-bottom:clamp(10px,2vh,24px)}
.sp-page .sp-star-map{flex:1;height:auto!important;max-height:none!important;min-height:0!important;overflow:hidden!important;touch-action:none;cursor:grab}
.sp-page .sp-star-map:active{cursor:grabbing}
.sp-page .sp-star-field{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.sp-page .sp-star-field.is-navigating{transition:transform .8s cubic-bezier(.18,.72,.2,1)}
.sp-page .sp-star{cursor:pointer}
.sp-page .sp-map-controls{position:absolute;right:0;bottom:0;z-index:5;display:flex;gap:7px;padding:6px;background:#080c15a8;border:1px solid #d1d9e82d;border-radius:999px;backdrop-filter:blur(8px)}
.sp-page .sp-map-controls button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:50%;background:transparent;color:#e7eaf0;font-size:20px;line-height:1;cursor:pointer}
.sp-page .sp-map-controls button:hover,.sp-page .sp-map-controls button:focus-visible{background:#d4e0fa25;outline:1px solid #d4e0fa8c}
.sp-page .sp-return-home{position:fixed;top:clamp(18px,3vw,40px);left:var(--unique-page-inset);z-index:50;padding:8px 0;border:0;background:transparent;color:#e9edf5;font:11px/1.5 system-ui,sans-serif;letter-spacing:.16em;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .6s,transform .6s,visibility .6s;cursor:pointer}
.sp-page .sp-return-home.is-visible{opacity:1;visibility:visible;transform:none}
.sp-page .sp-return-home:after{content:"";display:block;width:100%;height:1px;margin-top:5px;background:#d8c7a5;transform:scaleX(.3);transform-origin:left;transition:transform .5s}
.sp-page .sp-return-home:hover:after,.sp-page .sp-return-home:focus-visible:after{transform:scaleX(1)}
@media(max-width:650px){.sp-page .sp-archive{padding-top:75px!important;padding-bottom:18px!important}.sp-page .sp-archive-intro{gap:10px;margin-bottom:8px}.sp-page .sp-return-home{top:18px}.sp-page .sp-map-controls button{width:38px;height:38px}}
.sp-page .sp-star-map:before{display:none!important}
.sp-page .collector-overlay.sp-collector-overlay{transition:opacity .38s ease!important}
.sp-page .collector-overlay.sp-collector-overlay:before{transition:opacity .38s ease!important}
.sp-page .collector-overlay .signature-content{transition:opacity .5s ease .07s,transform .5s cubic-bezier(.2,.7,.2,1) .07s!important}
.sp-page .collector-overlay .signature-name{animation:signature-shine .55s ease .08s both!important;filter:drop-shadow(0 0 5px #d8bb7440)}
/* Leave real glyph descenders inside the gradient text paint area. */
.sp-page .collector-overlay .signature-name{display:block;line-height:1.38!important;padding:.04em .08em .18em;overflow:visible!important}
/* The galaxy remains continuous while the interactive stars fade at its edge. */
.sp-page .sp-star-viewport{position:absolute;inset:0;overflow:hidden;mask-image:radial-gradient(ellipse 50% 50% at center,#000 76%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 76%,transparent 100%)}

/* A short black beat opens the SP page; sky, artwork and title appear in order. */
.sp-page:not(.sp-entry-sky){background:#000!important}
.sp-page .sp-world{transition:opacity .48s cubic-bezier(.22,.61,.36,1)}
.sp-page:not(.sp-entry-sky) .sp-world{opacity:0!important}
.sp-page .sp-art,.sp-page .sp-title{transition:opacity .42s cubic-bezier(.22,.61,.36,1)!important}
.sp-page:not(.sp-entry-art) .sp-art,.sp-page:not(.sp-entry-title) .sp-title{opacity:0!important}
.sp-page:not(.sp-entry-title) .sp-return-home,.sp-page:not(.sp-entry-title) .sp-scroll-cue{opacity:0!important;pointer-events:none!important}
.sp-page .sp-art.sp-reveal,.sp-page .sp-title.sp-reveal{transform:none!important}
@media(prefers-reduced-motion:reduce){.sp-page .sp-world,.sp-page .sp-art,.sp-page .sp-title{transition:none!important}}

/* An implied celestial hall: soft vaults and light shafts, never a framed backdrop. */
.sp-page .sp-archive::before{content:"";position:absolute;inset:13% -13% -17%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 68% 64% at 50% 90%,transparent 72%,#c7b48e32 75%,transparent 79%),radial-gradient(ellipse 55% 52% at 50% 91%,transparent 74%,#c7b48e1f 77%,transparent 81%),radial-gradient(ellipse 5% 55% at 12% 53%,#c0ad8a2b,transparent 88%),radial-gradient(ellipse 5% 55% at 88% 53%,#c0ad8a2b,transparent 88%),radial-gradient(ellipse 30% 40% at 50% 100%,#b89d7430,transparent 85%);filter:blur(8px);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 78%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 78%,transparent)}
.sp-page .sp-archive::after{content:"";position:absolute;inset:30% 0 0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 44% 42% at 50% 100%,#d2be8d17,transparent 76%);filter:blur(35px)}
.sp-page .sp-archive-intro,.sp-page .sp-star-map{position:relative;z-index:1}
.sp-page .sp-star::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:90px;pointer-events:none;background:linear-gradient(#ead9b26b,#d6bd8e1a 47%,transparent);filter:blur(2px);opacity:0;transform:translateX(-50%) scaleY(.35);transform-origin:top;transition:opacity .45s ease,transform .55s cubic-bezier(.22,.61,.36,1)}
.sp-page .sp-star:hover::after,.sp-page .sp-star:focus-visible::after,.sp-page .sp-star.is-located::after{opacity:.65;transform:translateX(-50%) scaleY(1)}
.sp-page .sp-star:hover .sp-star-core,.sp-page .sp-star:focus-visible .sp-star-core,.sp-page .sp-star.is-located .sp-star-core{box-shadow:0 0 9px 3px #f4e9d3,0 0 34px 11px #d9c7a769,0 0 74px 22px #b5a17a21}
.sp-page .sp-star:before,.sp-page .sp-star-orbit{pointer-events:none}
@media(prefers-reduced-motion:reduce){.sp-page .sp-star::after{transition:none!important}}

/* Place the artwork return action in the archive heading, clear of phone safe areas. */
.sp-page .sp-archive-intro{grid-template-areas:"index artwork-return" "title search" ". status";align-items:end}
.sp-page .sp-archive-index{grid-area:index}
.sp-page .sp-archive-intro h2{grid-area:title}
.sp-page .sp-star-search{grid-area:search}
.sp-page .sp-search-status{grid-area:status}
.sp-page .sp-back-to-art{grid-area:artwork-return;position:relative;top:auto;left:auto;z-index:5;justify-self:end;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:1px solid #dfd2b35c;border-radius:999px;background:#080d17a8;backdrop-filter:blur(10px);color:#f1ede3;font-size:11px;line-height:1.4;letter-spacing:.09em;white-space:nowrap;box-shadow:0 6px 28px #0005;transition:opacity .45s,transform .45s,visibility .45s,background .3s,border-color .3s}
.sp-page .sp-back-to-art:after{display:none}
.sp-page .sp-back-to-art:hover,.sp-page .sp-back-to-art:focus-visible{border-color:#e4d3ad;background:#192031e8;outline:none}
@media(max-width:650px){
  .sp-page .sp-archive-intro{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"index artwork-return" "title title" "search search" "status status";align-items:center;column-gap:8px;row-gap:10px}
  .sp-page .sp-back-to-art{min-height:35px;padding:7px 10px;font-size:10px;letter-spacing:.04em}
}