/* React Bits Gradient Waves / Dune. See assets/vendor/react-bits/NOTICE.md. */
.campaign-hero{height:248px;background:#241810}
.campaign-hero .spectral-slide{height:248px;min-height:248px;isolation:isolate;background:#241810}
.campaign-hero .spectral-slide::before,.campaign-hero .spectral-slide::after{display:none}
.spectral-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.spectral-fallback{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 72% 75%,#c79460,transparent 48%),linear-gradient(150deg,#241810 5%,#6c3820 40%,#bc783f 62%,#4a291a 90%)}
.spectral-fallback-orb,.spectral-fallback-ring{display:none}
/* Keep the fallback artwork free of UI: the old poster was a full screenshot
   with baked-in text and controls, so live overlays appeared twice. This also
   covers WebGL context loss without duplicating any interactive elements. */
.spectral-slide[data-renderer="fallback"] .spectral-fallback{background:radial-gradient(ellipse 68% 120% at 73% 88%,#d7a16a 0%,#a86635 32%,transparent 66%),radial-gradient(ellipse 48% 100% at 40% 92%,#4b271b 10%,#975125 47%,transparent 72%),linear-gradient(150deg,#241810 5%,#6c3820 40%,#bc783f 62%,#4a291a 90%)}
.spectral-copy{position:absolute;z-index:3;top:26px;left:26px;pointer-events:none;padding:20px 23px 19px;min-width:190px;border:1px solid #fff0d22b;border-radius:10px;background:linear-gradient(135deg,#3021179c,#2418104d);box-shadow:0 12px 32px #190e1020,inset 0 1px #ffeed514;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff7e8}
.spectral-kicker{display:block;font:400 11px/1.5 Arial,sans-serif;letter-spacing:.19em;color:#dec7a8}
.spectral-copy strong{display:block;margin-top:10px;font-family:"Songti SC","STSong","Noto Serif SC","SimSun",serif!important;font-size:34px;line-height:1.28;font-weight:400;letter-spacing:.12em;color:#fff4df}
.spectral-tagline{display:block;margin-top:9px;color:#ead7be;font-size:15px;font-weight:400;letter-spacing:.08em;line-height:1.55}
.spectral-signature{position:absolute;z-index:3;right:68px;top:22px;display:flex;align-items:center;gap:8px;color:#fce8c477;pointer-events:none}
.spectral-signature svg{width:20px;height:20px;stroke:#f4d7a8;stroke-width:1.2}
.spectral-signature span{font:400 7px/1.5 Arial,sans-serif;letter-spacing:.1em}
.spectral-markets{position:absolute;z-index:3;right:24px;bottom:20px;display:flex;gap:12px;align-items:center;padding:9px 13px;border:1px solid #ffe7c429;border-radius:30px;background:#281c124d;backdrop-filter:blur(10px);font:400 10px/1 Arial,sans-serif;letter-spacing:.12em;color:#f5dec0;pointer-events:none}
.spectral-markets i{width:3px;height:3px;display:block;border-radius:50%;background:#e9cc9c80}
.campaign-hero[data-current="0"]>.catalog-intro-glass,.campaign-hero[data-current="1"]>.catalog-intro-glass,.campaign-hero[data-current="0"]>.catalog-intro-frame,.campaign-hero[data-current="1"]>.catalog-intro-frame{visibility:hidden}
.campaign-hero[data-current="2"]>.catalog-intro-glass,.campaign-hero[data-current="2"]>.catalog-intro-frame{visibility:visible}
.campaign-hero[data-current="0"] .catalog-carousel-controls{bottom:18px;left:26px;background:#281c1266;border-color:#ffe7c433;padding:4px 6px;backdrop-filter:blur(10px)}
.campaign-hero .catalog-motion-toggle{z-index:8}
.campaign-hero[data-current="0"] .catalog-motion-toggle{background:#281c1266;border-color:#ffe7c440;color:#f5dec0}
.campaign-hero.motion-paused .spectral-slide *{animation-play-state:paused!important}
@media(min-width:1600px){.spectral-copy strong{font-size:36px}}
@media(max-width:1100px) and (min-width:761px){.spectral-copy{top:24px;left:20px;padding:17px 19px;min-width:170px}.spectral-copy strong{font-size:25px}.spectral-signature{display:none}}
@media(max-width:760px){
 .campaign-hero{height:216px}
 .campaign-hero .spectral-slide{height:216px;min-height:216px}
 .spectral-copy{top:20px;left:18px;padding:14px 16px;min-width:165px}
 .spectral-kicker{font-size:9px;letter-spacing:.17em}
 .spectral-copy strong{font-size:30px;margin-top:8px}
 .spectral-tagline{font-size:12px;margin-top:6px}
 .spectral-signature{display:none}
 .spectral-markets{right:14px;bottom:16px;padding:8px 10px;gap:8px;font-size:9px}
 .campaign-hero[data-current="0"] .catalog-carousel-controls{bottom:16px;left:18px}
 .beauty-art-copy>small{display:none}
}
@media(prefers-reduced-motion:reduce){.spectral-slide *{animation:none!important;transition:none!important}}