/* Shared SPECTRA page geometry; ATLAS-only artwork and preview controls. */
.atlas-store-badge{display:inline-flex;width:205px;max-width:100%;border-radius:5px;flex:0 0 auto}
.atlas-store-badge img{width:100%;height:auto}
.atlas-store-badge.is-compact{width:164px}
.product-header{min-height:108px}
.hero{min-height:600px}
.hero h1{font-weight:450}
.atlas-mockup{display:block;position:relative;width:100%;aspect-ratio:2/3}
.hero-device .atlas-hardware{width:100%;height:auto;max-height:none}
.hero-device .atlas-device-face{position:absolute;left:10.75%;top:21.85%;width:77%;height:auto;max-height:none;border-radius:50%;clip-path:circle(50%);filter:none}
.hero-faces{align-self:center;padding-inline:0;gap:22px 18px}
.hero-faces:before{display:none}
.atlas-face-link{border:0;padding:0;margin:0;width:100%;background:none;color:inherit;cursor:pointer;text-align:inherit;display:block}
.atlas-face-link img{width:100%;border-radius:50%}
.hero-faces .atlas-face-link>span{display:block;text-align:center;font-size:8px;letter-spacing:.8px;margin-top:12px;color:#a7b5ab}
.hero-annotation{font-size:8px;letter-spacing:.6px;bottom:-8px}
.atlas-card-label{display:flex;justify-content:space-between;padding:16px 4px 0;font-size:10px;letter-spacing:1px;color:#bac8b9}
.atlas-card-label>span:last-child{color:var(--accent)}
.face-card:focus-visible{outline:2px solid var(--accent);border-radius:50%}
.atlas-preview-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:45px;background:#18211d;border:1px solid #35433b}
.atlas-preview-art{text-align:center;min-width:0}
.atlas-preview-art button{max-width:440px;margin:auto}
.atlas-preview-art p{font-size:11px;letter-spacing:2px;color:#b6c7bc;margin-top:22px}
.atlas-preview-controls{display:grid;gap:20px}
.atlas-preview-controls label{display:grid;gap:8px;font-size:12px;color:#b8c8bd}
.atlas-preview-controls select{font:14px Inter,Arial,sans-serif;color:#f0eee5;background:#111a15;border:1px solid #66796b;border-radius:3px;padding:14px;min-width:0;width:100%}
.atlas-preview-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.atlas-sample{font-size:11px;line-height:1.7;color:#9dac9f;margin:24px 0}
.atlas-purchase{padding:30px 36px;border:1px solid #63735f;background:#182019;display:flex;align-items:flex-start;flex-direction:column;gap:20px}
.atlas-purchase-title{font-size:37px;letter-spacing:-1px}
.atlas-purchase>p:not(.atlas-purchase-title){font-size:12px;color:#b7c6af}
html{scrollbar-gutter:stable}.atlas-preview-open{overflow:hidden}
.atlas-detail{width:min(1100px,calc(100vw - 40px));height:min(640px,calc(100dvh - 32px));max-width:none;max-height:none;overflow:hidden;padding:0;background:#141c1b;border:1px solid #56685c;border-radius:10px}
.atlas-detail[open]{display:block}.atlas-detail::backdrop{background:#000c;backdrop-filter:blur(7px)}
.atlas-detail-frame{display:block;width:100%;height:100%;border:0;background:#141c1b}
.atlas-detail .atlas-preview-close{position:absolute;top:12px;right:22px;min-height:44px;padding:10px 14px;background:#1c2922;border:1px solid #63796c;border-radius:5px;color:#efeee5;font:600 12px Inter,Arial,sans-serif;cursor:pointer}
.atlas-detail.preview-ready>.atlas-preview-close{display:none}
@media(max-width:700px){.atlas-detail{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.atlas-detail .atlas-preview-close{top:10px;right:14px}}
@media(min-width:1600px){.hero-device{max-width:350px}}
@media(max-width:1100px){.product-header nav{display:flex;order:4;flex-basis:100%;justify-content:center;border-top:1px solid var(--line);padding-top:17px}.product-header{padding-block:18px}.atlas-preview-layout{gap:35px;padding:30px}}
@media(max-width:740px){.product-header{padding:18px 24px;gap:14px}.product-header .brand{width:100%;justify-content:center}.product-header>.watch-language{margin:0 auto 0 0}.product-header nav{justify-content:space-between;gap:12px;font-size:10px}.product-header nav a{font-size:10px}.product-header .atlas-store-badge{width:152px}.hero{min-height:0}.hero-faces{gap:24px 18px}.hero-device{width:280px}.atlas-preview-layout{grid-template-columns:1fr;gap:35px;padding:24px}.atlas-preview-art button{max-width:350px}.atlas-preview-controls{gap:16px}.atlas-purchase{padding:25px}.hero-annotation{font-size:8px;bottom:0}.hero h1{letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){.face-card img{transition:none}}
@media(max-width:740px){html:lang(ko) .hero h1,html:lang(ja) .hero h1,html:lang(zh) .hero h1{font-size:clamp(32px,9.2vw,44px)}}

/* ATLAS product accents match the homepage and collection cards. */
body[data-atlas-layout]{--accent:#aadfff}
body[data-atlas-layout] .eyebrow,body[data-atlas-layout] .hero h1 em{color:var(--accent)}
body[data-atlas-layout] .button{background:var(--accent);border-color:var(--accent);color:#111b16}
body[data-atlas-layout] .button:hover{background:#c2e9ff;border-color:#c2e9ff}
body[data-atlas-layout] .light-section .eyebrow{color:#256674}
body[data-atlas-layout] .play-button span{color:var(--accent)}
body[data-atlas-layout] .play-button:hover{border-color:var(--accent)}