/* V8.1 — restrained champagne reflections, locally hosted typography. */
@font-face{font-family:Atlas Cormorant;src:url('/assets/fonts/CormorantGaramond.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
#scene #collection.design-continuous .collection-facet>span{font-family:'Atlas Cormorant',Georgia,serif!important;font-weight:500!important;font-size:clamp(22px,2.45vw,34px)!important;line-height:1.06!important;letter-spacing:.015em!important;color:#f1e7d6!important;text-shadow:none!important}
.atlas-lettering{position:static!important;display:inline-block!important;width:auto!important;max-width:100%;height:auto!important;padding:0!important;margin:0!important;transform:none!important;inset:auto!important;font:inherit!important;letter-spacing:inherit!important;color:#f1e7d6!important;-webkit-text-fill-color:currentColor!important;filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 7px #000b)}
@supports(background-clip:text){
 .atlas-lettering{background:linear-gradient(105deg,#d7c5a5 0%,#d7c5a5 34%,#ecc783 43%,#ffffff 49%,#ffffff 52%,#ecc783 59%,#d7c5a5 68%,#d7c5a5 100%);background-size:300% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent!important}
 #collection .collection-facet:is(.lit,:hover,:focus-visible)>span>.atlas-lettering{animation:atlas-letter-sweep 3.6s ease-in-out both}
 .design-center h1>.atlas-lettering,#atlas-universe-heading h1>.atlas-lettering{animation:atlas-title-sweep 14s ease-in-out infinite}
}
@keyframes atlas-letter-sweep{from{background-position:100% 0}to{background-position:0% 0}}
@keyframes atlas-title-sweep{0%,3%{background-position:100% 0}18%,100%{background-position:0% 0}}
.design-center h1,#atlas-universe-heading h1{font-family:'Atlas Cormorant',Georgia,serif!important;font-weight:500!important;line-height:1.08!important;letter-spacing:.075em!important;text-shadow:none!important}
.design-center h1{font-size:clamp(27px,3.05vw,44px)!important}
.design-center{top:max(21px,env(safe-area-inset-top))!important}
.design-center p{font-size:9px;letter-spacing:.27em;margin-top:12px;opacity:.86}
#atlas-universe-heading h1{font-size:clamp(32px,3.6vw,49px)!important;letter-spacing:.035em!important}
#atlas-sparks{display:none;position:fixed;inset:0;pointer-events:none;z-index:21;overflow:hidden}
body[data-depth='0'] #atlas-sparks,body.atlas-universe #atlas-sparks{display:block}
#atlas-sparks i{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#fff2ce;box-shadow:0 0 7px 2px #ffe8b8,0 0 20px 5px #dbab6755;opacity:0;animation:atlas-twinkle 12s ease-in-out infinite;animation-delay:var(--delay)}
#atlas-sparks i::before,#atlas-sparks i::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#fff4d9,transparent);width:1px;height:22px}
#atlas-sparks i::after{transform:translate(-50%,-50%) rotate(90deg);height:17px}
@keyframes atlas-twinkle{0%,38%,100%{opacity:0;transform:scale(.6)}12%,22%{opacity:1;transform:scale(1)}}
.atlas-asleep .atlas-lettering,.atlas-asleep #atlas-sparks i{animation-play-state:paused!important}
@media(max-width:650px){
 #scene #collection.design-continuous .collection-facet>span{font-size:clamp(19px,5.1vw,25px)!important;line-height:1.04!important;letter-spacing:0!important}
 .design-center{top:62px!important;width:88vw!important}
 .design-center h1{font-size:clamp(24px,6.3vw,31px)!important;letter-spacing:.035em!important}
 .design-center p{font-size:8px;margin-top:10px}
 #atlas-universe-heading h1{font-size:34px!important}
}
@media(prefers-reduced-motion:reduce){.atlas-lettering{animation:none!important;background-position:100% 0!important}#atlas-sparks{display:none!important}}

/* Keep ambient lighting visible even after Safari retains touch hover. */
html body #scene #collection.design-continuous .collection-facet.lit{filter:brightness(1.43)!important}
html body #scene #collection.design-continuous .collection-facet:focus-visible{filter:brightness(1.43)!important}
@media(prefers-reduced-motion:reduce){
 body[data-depth="0"] #atlas-sparks,body.atlas-universe #atlas-sparks{display:block!important}
 #atlas-sparks i{animation:none!important;opacity:0}
 #atlas-sparks i:nth-child(3n+1){opacity:.55}
}