/*
 * Bellum Creations — V2 Celestial Art Direction
 * Original nebula artwork; rich, seamless full-bleed atmosphere following
 * the client's dark-blue / indigo / purple spiritual website references.
 * All interface functionality remains in app.js; these layers are decorative.
 */
body.bc-site{--bg:#070919;--ink:#f7f4fd;--muted:#c2bed9;--dull:#8987ac;--gold:#eddab8;--teal:#9be4ee;--purple:#c6aaf2;--line:rgba(229,211,255,.19);--panel:rgba(18,19,47,.63);--shadow:0 30px 90px rgba(2,2,18,.42)}
html:has(body.bc-site){background:#070919}body.bc-site{background:#070919;font-size:15px;letter-spacing:.01em}:where(body.bc-site) p{color:#cbc5e0}:where(body.bc-site) a,:where(body.bc-site) button{-webkit-tap-highlight-color:transparent}:where(body.bc-site) a:focus-visible,:where(body.bc-site) button:focus-visible,:where(body.bc-site) input:focus-visible,:where(body.bc-site) textarea:focus-visible,:where(body.bc-site) select:focus-visible{outline:2px solid #a6e9f3;outline-offset:4px}:where(body.bc-site) #main{position:relative;z-index:1}
:where(body.bc-site) #cosmos{z-index:5;opacity:.95;mix-blend-mode:screen;pointer-events:none}
:where(body.bc-site) .site-wrap:before{background:radial-gradient(ellipse 65% 60% at 45% 19%,rgba(66,38,127,.2),transparent),#070919}
/* Transparent, richly colored navigation bar like the client examples */
:where(body.bc-site) .site-header{z-index:42;top:31px;height:112px;background:linear-gradient(90deg,rgba(37,30,76,.84),rgba(35,34,82,.7) 54%,rgba(15,43,77,.74));border-bottom:1px solid rgba(234,219,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
:where(body.bc-site) .site-header.scrolled{background:linear-gradient(110deg,rgba(24,22,59,.96),rgba(14,25,61,.96));box-shadow:0 12px 42px rgba(3,3,18,.26);border-bottom:1px solid rgba(227,211,255,.25)}
:where(body.bc-site) .site-header .nav-group>a,:where(body.bc-site) .site-header .nav-dropdown>a{font-size:11px;letter-spacing:1.45px;font-weight:500;color:#f0eafa}
:where(body.bc-site) .site-header .nav-group>a:hover,:where(body.bc-site) .site-header .nav-group a.active,:where(body.bc-site) .site-header .nav-dropdown>a:hover{color:#aee7f4}
:where(body.bc-site) .logo-mark{filter:drop-shadow(0 0 12px rgba(233,214,160,.16))}:where(body.bc-site) .logo-words strong{font-weight:500;letter-spacing:3px}:where(body.bc-site) .logo-words>span{letter-spacing:5px}
:where(body.bc-site) .announcement{height:31px;background:#171b3e;color:#d5d2ef;font-size:9px;font-weight:500;letter-spacing:2.4px}
:where(body.bc-site) .announcement .twinkle{color:#8ecce4;animation:celestialBlink 3.6s ease-in-out infinite alternate}
:where(body.bc-site) .btn{border-radius:2px;font-size:10px;letter-spacing:1.5px;font-weight:600;min-height:53px;padding:0 27px}
:where(body.bc-site) .btn-primary{background:linear-gradient(110deg,#6c5a96 0%,#645f9e 54%,#477ca6 100%);border-color:#b4aad8;box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 12px 38px rgba(43,42,124,.28)}
:where(body.bc-site) .btn-primary:hover{background:linear-gradient(110deg,#846fba,#568cc0);box-shadow:0 14px 46px rgba(80,98,191,.35)}
:where(body.bc-site) .btn-outline{background:rgba(31,28,65,.42);border-color:rgba(213,200,242,.78)}:where(body.bc-site) .btn-outline:hover{background:rgba(113,85,167,.35);border-color:white}
:where(body.bc-site) .section-heading{font-weight:400;letter-spacing:-.038em;line-height:.99}
:where(body.bc-site) .section-heading em,:where(body.bc-site) .italic-accent{color:#e2cdfb}
:where(body.bc-site) .eyebrow{font-size:10px;letter-spacing:2.9px;color:#a1e0e8}:where(body.bc-site) .eyebrow.gold{color:#e5d0b3}
/* The living nebula, emphatically visible and continuously animated. */
:where(body.bc-site) .celestial-hero{height: min(930px,calc(100svh - 31px));min-height:790px;background:#060b1e;isolation:isolate}
:where(body.bc-site) .celestial-hero:after{z-index:1;background:linear-gradient(90deg,rgba(3,6,19,.93) 0%,rgba(6,8,28,.83) 22%,rgba(9,8,33,.37) 47%,rgba(6,8,27,.03) 90%),linear-gradient(0deg,rgba(6,8,22,.94),transparent 17%,transparent 82%,rgba(13,10,34,.18));opacity:1}
:where(body.bc-site) .hero-cosmic-video{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:cover;opacity:.88;pointer-events:none;filter:saturate(1.2) brightness(.93)}
:where(body.bc-site) .hero-nebula{position:absolute;inset:-12%;z-index:0;pointer-events:none;background-position:center center;background-repeat:no-repeat;background-size:cover;will-change:transform,opacity}
:where(body.bc-site) .hero-nebula-azure{mix-blend-mode:screen;background-image:url("../scene/nebula-azure.webp");opacity:.35;animation:nebulaVoyageAzure 19s ease-in-out infinite alternate}
:where(body.bc-site) .hero-nebula-violet{background-image:url("../scene/nebula-violet.webp");opacity:0;mix-blend-mode:screen;animation:nebulaVoyageViolet 21s ease-in-out infinite alternate}
:where(body.bc-site) .hero-aura{position:absolute;z-index:0;inset:-20%;background:radial-gradient(ellipse 22% 35% at 81% 46%,rgba(25,223,247,.4),transparent 82%),radial-gradient(ellipse 45% 36% at 70% 72%,rgba(112,40,243,.24),transparent 86%);mix-blend-mode:screen;animation:auraFloat 10s ease-in-out infinite alternate}
:where(body.bc-site) .hero-noise{position:absolute;z-index:1;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) .7px,transparent .7px);background-size:71px 73px;mask-image:linear-gradient(90deg,transparent 10%,black);opacity:.23;animation:starDust 25s linear infinite}
:where(body.bc-site) .hero-sparkle{position:absolute;z-index:3;color:#e8f8ff;pointer-events:none;text-shadow:0 0 10px rgba(175,239,255,.8),0 0 24px rgba(131,167,255,.6);animation:celestialBlink 2s ease-in-out infinite alternate,starFloat 8s ease-in-out infinite alternate}
:where(body.bc-site) .sparkle-one{top:27%;left:54%;font-size:21px;animation-delay:.3s}:where(body.bc-site) .sparkle-two{top:72%;left:73%;font-size:29px;animation-delay:-1.2s}:where(body.bc-site) .sparkle-three{top:17%;left:91%;font-size:13px;animation-delay:-.9s}
:where(body.bc-site) .hero-shooting-star{position:absolute;z-index:3;top:22%;right:10%;height:1px;width:140px;pointer-events:none;transform:rotate(-24deg);background:linear-gradient(90deg,transparent,rgba(179,242,255,.83),white);box-shadow:0 0 10px rgba(169,243,255,.5);opacity:0;animation:shootingStar 12s ease-out 4s infinite}
:where(body.bc-site) .celestial-hero .hero-inner{z-index:3;padding-top:112px}
:where(body.bc-site) .celestial-hero .hero-copy{width:56%;max-width:760px;padding:40px 0 65px}
:where(body.bc-site) .celestial-hero .hero-over{font-size:10px;letter-spacing:2.8px;color:#d8d5ea;line-height:2;font-weight:500;gap:11px}
:where(body.bc-site) .celestial-hero .hero-over:before{content:none}:where(body.bc-site) .hero-over-dot{color:#e0c29c;font-size:15px}
:where(body.bc-site) .celestial-hero h1{font:400 clamp(76px,7.3vw,124px)/.97 "Cormorant Garamond",Georgia,serif;letter-spacing:-.034em;margin:28px 0 20px;color:#fffafa;text-shadow:0 8px 46px rgba(1,2,18,.5)}
:where(body.bc-site) .celestial-hero h1 em{font-weight:400;display:inline;color:#e4cafa;white-space:nowrap;font-style:italic;transform:none;text-shadow:0 0 28px rgba(155,123,251,.32)}
:where(body.bc-site) .celestial-hero .hero-body{font-size:15px;line-height:1.95;color:#eee8f7;max-width:475px;margin-bottom:29px;text-shadow:0 1px 20px rgba(0,0,0,.8)}
:where(body.bc-site) .celestial-hero .hero-actions{display:flex;flex-wrap:wrap;gap:13px}:where(body.bc-site) .celestial-hero .hero-trust{color:#d8cce9;font-size:9px;letter-spacing:1.7px;margin-top:31px;display:flex;align-items:center;gap:13px}
:where(body.bc-site) .celestial-hero .hero-trust>span{color:#b2eef4;font-size:17px}:where(body.bc-site) .celestial-hero .hero-trust i{height:3px;width:3px;background:#b2a8d1;border-radius:50%;display:inline-block}
/* Client's actual gold geometric dice instead of fabricated portrait or flat clip art */
:where(body.bc-site) .celestial-hero .hero-art{position:absolute;z-index:2;top:11%;right:0;width:53%;height:81%;pointer-events:none;animation:celestialObjectSway 9s ease-in-out infinite alternate;filter:drop-shadow(0 10px 75px rgba(22,14,66,.5))}
:where(body.bc-site) .celestial-hero .hero-art:before{content:none}
:where(body.bc-site) .hero-cosmic-ring{position:absolute;left:14%;top:12%;width:72%;aspect-ratio:1;border:1px solid rgba(221,209,251,.18);border-radius:50%;box-shadow:0 0 28px rgba(158,165,252,.08),inset 0 0 38px rgba(97,141,221,.12)}
:where(body.bc-site) .ring-outer{width:80%;left:10%;top:10%;transform:rotate(-22deg) scaleY(.94);border-color:rgba(225,216,252,.25);animation:ringBreathe 8s ease-in-out infinite alternate}
:where(body.bc-site) .ring-inner{width:57%;left:20%;top:23%;border-style:dotted;border-color:rgba(175,204,248,.25);animation:slowSpin 85s linear infinite}
:where(body.bc-site) .hero-orb-glow{position:absolute;left:20%;top:23%;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(118,100,193,.28),rgba(39,169,233,.19) 35%,transparent 70%);filter:blur(10px);animation:auraFloat 7s ease-in-out infinite alternate}
:where(body.bc-site) .celestial-hero .hero-art img.hero-die{position:absolute;max-width:none;object-fit:contain;opacity:1;filter:drop-shadow(0 0 23px rgba(254,215,161,.28)) drop-shadow(0 9px 35px rgba(0,0,0,.35))}
:where(body.bc-site) .celestial-hero .hero-art img.hero-die-primary{width:67%;height:77%;left:20%;top:12%;animation:celestialObjectSway 8s ease-in-out infinite alternate}
:where(body.bc-site) .celestial-hero .hero-art img.hero-die-secondary{width:23%;height:27%;left:1%;top:48%;transform:rotate(-22deg);animation:orbitMini 12s ease-in-out infinite alternate}
:where(body.bc-site) .celestial-hero .hero-art img.hero-die-tertiary{width:24%;height:26%;left:71%;top:6%;transform:rotate(17deg);animation:orbitMini 9s ease-in-out -4s infinite alternate}
:where(body.bc-site) .hero-orb-star{position:absolute;color:#e5f6ff;text-shadow:0 0 17px #7de6f6;animation:celestialBlink 2.5s ease-in-out infinite alternate}:where(body.bc-site) .hero-orb-star.s1{top:10%;left:32%;font-size:25px}:where(body.bc-site) .hero-orb-star.s2{top:80%;left:79%;font-size:16px;animation-delay:-1.2s}:where(body.bc-site) .hero-orb-star.s3{top:64%;left:7%;font-size:22px;animation-delay:-2s}
:where(body.bc-site) .celestial-hero .hero-side-note{display:none}:where(body.bc-site) .celestial-hero .hero-bottom{z-index:4;align-items:center;color:#e1dcef}:where(body.bc-site) .celestial-hero .hero-bottom>span{letter-spacing:2px;font-size:9px}
:where(body.bc-site) .motion-toggle{display:inline-flex;align-items:center;gap:8px;background:rgba(18,18,54,.28);border:1px solid rgba(231,211,255,.27);padding:9px 12px;border-radius:2px;color:#e0dcef;font-size:9px;font-weight:500;letter-spacing:1.2px;backdrop-filter:blur(5px)}:where(body.bc-site) .motion-toggle:hover{border-color:#b6d8fa;background:rgba(33,32,91,.58)}:where(body.bc-site) .motion-indicator{height:6px;width:6px;border-radius:50%;background:#85eae8;box-shadow:0 0 10px #85eae8;animation:celestialBlink 1.5s ease-in-out infinite alternate}
/* Richer full-width transition treatments — no opaque flat bands */
:where(body.bc-site) .brand-ticker{position:relative;z-index:4;background:linear-gradient(90deg,#322253,#202b5b 42%,#21375d);border-block:1px solid rgba(216,211,245,.2)}
:where(body.bc-site) .categories-section{background:linear-gradient(180deg,rgba(8,10,27,.37),rgba(7,8,25,.8)),url("../scene/nebula-violet.webp") center 49%/cover fixed;padding-top:130px;padding-bottom:120px;position:relative}
:where(body.bc-site) .categories-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,20,.82) 0%,rgba(7,8,25,.47) 35%,rgba(8,10,28,.75) 100%);pointer-events:none}
:where(body.bc-site) .categories-section>.shell{position:relative;z-index:1}
:where(body.bc-site) .categories-section .section-intro{color:#dad3e9}
:where(body.bc-site) .category-card{height:455px;border:1px solid rgba(209,210,247,.28);background:linear-gradient(140deg,#29254d,#131f3d);box-shadow:0 18px 50px rgba(1,2,20,.24)}
:where(body.bc-site) .category-card:before{content:"";inset:0;position:absolute;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(3,5,19,.96),rgba(10,17,41,.12) 61%,rgba(30,21,74,.18));transition:background .3s}
:where(body.bc-site) .category-card:after{content:"";inset:0;position:absolute;pointer-events:none;background:url("../scene/nebula-azure.webp") center/cover;opacity:.28;mix-blend-mode:screen}
:where(body.bc-site) .category-card:nth-child(even):after{background-image:url("../scene/nebula-violet.webp");opacity:.38}
:where(body.bc-site) .category-card img{z-index:1;mix-blend-mode:lighten;filter:drop-shadow(0 12px 30px rgba(6,5,28,.4));transition:transform 1s cubic-bezier(.22,.7,.24,1),filter 1s}
:where(body.bc-site) .category-card:hover img{transform:scale(1.12) translateY(-7px);filter:drop-shadow(0 18px 33px rgba(108,155,235,.4))}
:where(body.bc-site) .category-content{z-index:2}:where(body.bc-site) .category-content h3{font-weight:400;font-size:43px}:where(body.bc-site) .category-content .eyebrow{color:#b7e7f5}
:where(body.bc-site) .feature-section{position:relative;background:linear-gradient(180deg,rgba(9,11,29,.94),rgba(9,10,27,.86)),url("../scene/nebula-azure.webp") center/cover fixed}
:where(body.bc-site) .product-image{border:1px solid rgba(212,194,255,.25);background:linear-gradient(145deg,#171b3b,#22204a);overflow:hidden}
:where(body.bc-site) .product-image:before{content:"";position:absolute;inset:0;background:url("../scene/nebula-violet.webp") center/cover;mix-blend-mode:screen;opacity:.16;z-index:1;pointer-events:none;transition:opacity .45s}
:where(body.bc-site) .product-card:hover .product-image:before{opacity:.4}
:where(body.bc-site) .product-image img{filter:saturate(1.09) contrast(1.04);position:relative;z-index:1}
:where(body.bc-site) .product-name{color:#f6efff}:where(body.bc-site) .product-card .product-category{color:#c3bbdc}:where(body.bc-site) .product-card .product-price{color:#ece2fa}
:where(body.bc-site) .story-panel{position:relative;background:linear-gradient(90deg,rgba(10,10,29,.75),rgba(8,10,30,.77)),url("../scene/nebula-violet.webp") center/cover fixed;border-block:1px solid rgba(208,196,248,.24)}
:where(body.bc-site) .story-visual{background:radial-gradient(ellipse at 50% 50%,rgba(75,109,196,.22),transparent 75%)}
:where(body.bc-site) .story-visual img{filter:drop-shadow(0 0 38px rgba(243,213,151,.19))}
:where(body.bc-site) .immersive-banner{background:#090c1d;isolation:isolate;min-height:680px}
:where(body.bc-site) .immersive-banner:before{background:url("../scene/nebula-azure.webp") center/cover;opacity:.83;animation:nebulaBanner 26s ease-in-out infinite alternate;inset:-15%}
:where(body.bc-site) .immersive-banner:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(7,7,25,.82),rgba(8,8,28,.16) 40%,rgba(7,7,25,.82)),radial-gradient(ellipse at center,rgba(12,14,43,.32),transparent)}
:where(body.bc-site) .immersive-banner .banner-content{position:relative;z-index:1}:where(body.bc-site) .immersive-banner .banner-content h2{color:#fff}
:where(body.bc-site) .commission-strip{background:linear-gradient(115deg,#0d1029,#121237 55%,#0e1b35)}
:where(body.bc-site) .commission-visual{background:radial-gradient(ellipse at center,rgba(54,116,181,.15),transparent),url("../scene/nebula-violet.webp") center/cover}
:where(body.bc-site) .commission-visual img{filter:drop-shadow(0 0 33px rgba(234,205,154,.17));animation:celestialObjectSway 8s ease-in-out infinite alternate}
:where(body.bc-site) .page-hero{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(9,8,28,.88),rgba(11,13,34,.31)),url("../scene/nebula-violet.webp") center/cover;padding-top:194px;min-height:420px;overflow:hidden}
:where(body.bc-site) .page-hero:before{content:"";position:absolute;inset:-12%;background:url("../scene/nebula-azure.webp") 70% 50%/cover;opacity:.19;mix-blend-mode:screen;z-index:-1;animation:nebulaBanner 20s ease-in-out infinite alternate}
:where(body.bc-site) .page-hero .section-heading{font-size:clamp(67px,7.5vw,110px);line-height:.92}
:where(body.bc-site) .content-section{background:linear-gradient(180deg,rgba(9,10,28,.92),rgba(9,12,31,.94)),url("../scene/nebula-violet.webp") center/cover fixed}
:where(body.bc-site) .shop-filters{gap:7px}:where(body.bc-site) .filter-chip{border-color:rgba(213,196,245,.32);background:rgba(51,42,93,.16)}:where(body.bc-site) .filter-chip.active{background:linear-gradient(115deg,#69518e,#3c638c);border-color:#baa9df}
:where(body.bc-site) .detail-gallery,:where(body.bc-site) .editorial-art,:where(body.bc-site) .contact-form,:where(body.bc-site) .summary-box,:where(body.bc-site) .studio-banner,:where(body.bc-site) .studio-item,:where(body.bc-site) .studio-form{border-color:rgba(198,188,236,.3)!important}
:where(body.bc-site) .benefits{background:linear-gradient(90deg,#161636,#182443)}:where(body.bc-site) .benefit{padding-top:45px;padding-bottom:45px}
:where(body.bc-site) .site-footer{background:linear-gradient(180deg,rgba(11,9,30,.95),rgba(8,8,24,.96)),url("../scene/nebula-violet.webp") center bottom/cover}
:where(body.bc-site) .footer-glow{background:radial-gradient(ellipse,rgba(114,84,184,.28),transparent 72%)}
/* Staggered section entrance motion is obvious but never traps content */
:where(body.bc-site) .reveal{opacity:0;transform:translateY(35px);filter:blur(7px);transition:opacity .85s cubic-bezier(.22,.7,.24,1),transform .85s cubic-bezier(.22,.7,.24,1),filter .85s}
:where(body.bc-site) .reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}
:where(body.bc-site) .categories-grid>.reveal:nth-child(2),:where(body.bc-site) .product-grid>.reveal:nth-child(2){transition-delay:.1s}
:where(body.bc-site) .categories-grid>.reveal:nth-child(3),:where(body.bc-site) .product-grid>.reveal:nth-child(3){transition-delay:.2s}
:where(body.bc-site) .categories-grid>.reveal:nth-child(4),:where(body.bc-site) .product-grid>.reveal:nth-child(4){transition-delay:.3s}
/* Real ambient motion. Separate layers move in opposing directions continuously. */
@keyframes nebulaVoyageAzure{0%{transform:translate3d(-3%,2%,0) scale(1.04) rotate(-.7deg);filter:hue-rotate(0deg) brightness(.85)}100%{transform:translate3d(5%,-3%,0) scale(1.19) rotate(1.2deg);filter:hue-rotate(12deg) brightness(1.1)}}
@keyframes nebulaVoyageViolet{0%{opacity:.16;transform:translate3d(5%,-6%,0) scale(1.07) rotate(1deg)}45%{opacity:.43}100%{opacity:.61;transform:translate3d(-5%,5%,0) scale(1.27) rotate(-1deg)}}
@keyframes auraFloat{from{transform:translate3d(-3%,-1%,0) scale(.98);opacity:.59}to{transform:translate3d(4%,2%,0) scale(1.12);opacity:1}}
@keyframes starDust{from{background-position:0 0}to{background-position:320px -280px}}
@keyframes celestialBlink{from{opacity:.35}to{opacity:1}}
@keyframes starFloat{from{translate:0 -8px}to{translate:0 15px}}
@keyframes shootingStar{0%,67%{opacity:0;transform:translate(200px,-90px) rotate(-24deg)}68%{opacity:1}80%{opacity:0;transform:translate(-550px,220px) rotate(-24deg)}100%{opacity:0}}
@keyframes celestialObjectSway{0%{transform:translate3d(-1%,1%,0) rotate(-3deg)}100%{transform:translate3d(1%,-2%,0) rotate(3deg)}}
@keyframes orbitMini{0%{translate:0 0}50%{translate:13px -30px}100%{translate:-9px 7px}}
@keyframes ringBreathe{from{opacity:.36;scale:1}to{opacity:.78;scale:1.035}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes nebulaBanner{from{transform:translate3d(-4%,1%,0) scale(1.09);filter:hue-rotate(0)}to{transform:translate3d(4%,-3%,0) scale(1.24);filter:hue-rotate(18deg)}}
/* Very small screens get the same cinematic scene with clean readable copy. */
@media(max-width:1180px){:where(body.bc-site) .celestial-hero .hero-copy{width:58%}:where(body.bc-site) .celestial-hero h1{font-size:clamp(68px,8vw,102px)}:where(body.bc-site) .celestial-hero .hero-art{right:-10%;width:59%}:where(body.bc-site) .category-card{height:405px}}
@media(max-width:950px){:where(body.bc-site) .site-header{height:82px}:where(body.bc-site) .site-header.scrolled{height:72px}:where(body.bc-site) .celestial-hero{height:auto;min-height:820px}:where(body.bc-site) .celestial-hero .hero-inner{min-height:820px}:where(body.bc-site) .celestial-hero .hero-copy{width:70%;position:relative}:where(body.bc-site) .celestial-hero .hero-art{width:70%;right:-18%;top:13%;opacity:.78}:where(body.bc-site) .celestial-hero:after{background:linear-gradient(90deg,rgba(4,7,22,.9),rgba(4,7,22,.54) 58%,rgba(4,7,22,.1)),linear-gradient(0deg,#070a21,transparent 24%)}:where(body.bc-site) .categories-section,:where(body.bc-site) .feature-section,:where(body.bc-site) .story-panel,:where(body.bc-site) .content-section{background-attachment:scroll}}
@media(max-width:650px){:where(body.bc-site) .site-header{height:74px}:where(body.bc-site) .site-header.scrolled{height:67px}:where(body.bc-site) .announcement{font-size:7px;letter-spacing:1.5px}:where(body.bc-site) .celestial-hero{min-height:800px}:where(body.bc-site) .celestial-hero .hero-inner{min-height:800px;display:flex;align-items:flex-end;padding:150px 0 75px}:where(body.bc-site) .celestial-hero .hero-copy{width:100%;padding:20px 0 66px}:where(body.bc-site) .celestial-hero .hero-over{font-size:8px;letter-spacing:1.4px;line-height:1.8;max-width:370px}:where(body.bc-site) .hero-over-dot{font-size:13px}:where(body.bc-site) .celestial-hero h1{font-size:clamp(61px,13.5vw,83px);line-height:.93;letter-spacing:-.032em;margin:19px 0}:where(body.bc-site) .celestial-hero .hero-body{font-size:12px;line-height:1.85;max-width:355px}:where(body.bc-site) .celestial-hero .hero-actions{gap:9px}:where(body.bc-site) .celestial-hero .hero-actions .btn{font-size:9px;min-height:48px;padding:0 15px;letter-spacing:.5px;gap:9px}:where(body.bc-site) .celestial-hero .hero-trust{font-size:7px;letter-spacing:1px;gap:8px;margin-top:19px}:where(body.bc-site) .celestial-hero .hero-art{top:9%;height:50%;right:-18%;width:94%;opacity:.82}:where(body.bc-site) .celestial-hero .hero-art img.hero-die-primary{width:61%;height:74%;left:29%;top:13%}:where(body.bc-site) .celestial-hero .hero-art img.hero-die-secondary{left:9%;top:52%}:where(body.bc-site) .celestial-hero:after{background:linear-gradient(0deg,rgba(5,7,22,.99) 0%,rgba(5,7,22,.93) 22%,rgba(5,7,22,.22) 67%,rgba(5,7,22,.13) 100%)}:where(body.bc-site) .celestial-hero .hero-bottom{bottom:25px}:where(body.bc-site) .celestial-hero .hero-bottom>span{max-width:125px;font-size:7px}:where(body.bc-site) .motion-toggle{font-size:7px;letter-spacing:.2px;padding:9px 7px}:where(body.bc-site) .category-card{height:290px}:where(body.bc-site) .category-content h3{font-size:30px}:where(body.bc-site) .categories-section{padding-top:80px;padding-bottom:75px}:where(body.bc-site) .page-hero{min-height:335px;padding-top:133px}:where(body.bc-site) .page-hero .section-heading{font-size:clamp(62px,14vw,80px)}:where(body.bc-site) .immersive-banner{min-height:520px}}
@media(max-width:390px){:where(body.bc-site) .celestial-hero .hero-actions .btn{padding:0 11px;font-size:8px}:where(body.bc-site) .celestial-hero h1{font-size:clamp(54px,13vw,62px)}:where(body.bc-site) .motion-toggle-label{font-size:7px}:where(body.bc-site) .celestial-hero .hero-art{top:8%}:where(body.bc-site) .celestial-hero .hero-copy{padding-bottom:70px}}
/* Motion toggle and OS reduced-motion always take priority. */
html:has(body.bc-site).motion-paused .hero-nebula,html:has(body.bc-site).motion-paused .hero-aura,html:has(body.bc-site).motion-paused .hero-noise,html:has(body.bc-site).motion-paused .hero-sparkle,html:has(body.bc-site).motion-paused .hero-shooting-star,html:has(body.bc-site).motion-paused .hero-art,html:has(body.bc-site).motion-paused .hero-die,html:has(body.bc-site).motion-paused .hero-cosmic-ring,html:has(body.bc-site).motion-paused .hero-orb-star,html:has(body.bc-site).motion-paused .immersive-banner:before,html:has(body.bc-site).motion-paused .commission-visual img,html:has(body.bc-site).motion-paused .page-hero:before,html:has(body.bc-site).motion-paused .motion-indicator,html:has(body.bc-site).motion-paused .announcement .twinkle{animation-play-state:paused!important}
html:has(body.bc-site).motion-paused .hero-cosmic-video{opacity:.7}
html:has(body.bc-site).motion-paused .motion-indicator{background:#9b99b7;box-shadow:none}
@media(prefers-reduced-motion:reduce){:where(body.bc-site) .hero-nebula,:where(body.bc-site) .hero-aura,:where(body.bc-site) .hero-noise,:where(body.bc-site) .hero-sparkle,:where(body.bc-site) .hero-shooting-star,:where(body.bc-site) .hero-art,:where(body.bc-site) .hero-die,:where(body.bc-site) .hero-cosmic-ring,:where(body.bc-site) .hero-orb-star,:where(body.bc-site) .immersive-banner:before,:where(body.bc-site) .commission-visual img,:where(body.bc-site) .page-hero:before,:where(body.bc-site) .motion-indicator,:where(body.bc-site) .announcement .twinkle{animation:none!important}:where(body.bc-site) .hero-nebula-violet{opacity:.29}:where(body.bc-site) .reveal{opacity:1!important;transform:none!important;filter:none!important}}

@media(prefers-reduced-motion:reduce){:where(body.bc-site) .hero-cosmic-video{display:none}}

/* Final alignment / readability pass */
@media(min-width:951px){:where(body.bc-site) .site-header .nav-right{padding-right:150px;gap:25px}:where(body.bc-site) .site-header .header-actions{gap:12px}:where(body.bc-site) .site-header .header-actions .icon-button{width:33px}}
:where(body.bc-site) .celestial-hero .hero-over{flex-wrap:wrap;column-gap:11px;row-gap:1px}
:where(body.bc-site) .reveal{filter:none;transition:opacity .73s cubic-bezier(.22,.7,.24,1),transform .73s cubic-bezier(.22,.7,.24,1)}:where(body.bc-site) .reveal.visible{filter:none}
@media(max-width:650px){:where(body.bc-site) .celestial-hero .hero-over{max-width:340px;display:flex;flex-wrap:nowrap;gap:9px;letter-spacing:1px;font-size:7.4px;white-space:nowrap}:where(body.bc-site) .celestial-hero .hero-over span{display:inline-block}:where(body.bc-site) .celestial-hero .hero-over-dot{font-size:12px}}
@media(max-width:390px){:where(body.bc-site) .celestial-hero .hero-over{font-size:7px;gap:5px}}
/* Content never vanishes while waiting for IntersectionObserver or screenshots. */
:where(body.bc-site) .reveal{opacity:1;transform:none;filter:none}
:where(body.bc-site) .reveal.visible{opacity:1;transform:none;filter:none;animation:celestialReveal .72s cubic-bezier(.22,.7,.24,1) both}
@keyframes celestialReveal{from{opacity:.65;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){:where(body.bc-site) .reveal.visible{animation:none}}

/* Reveal the jewel-toned cloud texture between sections, as in the Etsy previews. */
:where(body.bc-site) .categories-section{background:linear-gradient(180deg,rgba(6,8,25,.55),rgba(7,8,25,.59)),url("../scene/nebula-violet.webp") center 49%/cover fixed}
:where(body.bc-site) .categories-section:before{background:linear-gradient(180deg,rgba(6,7,24,.48) 0%,rgba(8,10,31,.15) 41%,rgba(8,10,31,.55) 100%)}
:where(body.bc-site) .feature-section{background:linear-gradient(180deg,rgba(8,10,28,.77),rgba(8,11,30,.82)),url("../scene/nebula-azure.webp") center/cover fixed}
:where(body.bc-site) .story-panel{background:linear-gradient(90deg,rgba(9,9,28,.69),rgba(9,11,30,.7)),url("../scene/nebula-violet.webp") center/cover fixed}
:where(body.bc-site) .content-section{background:linear-gradient(180deg,rgba(8,10,30,.83),rgba(10,10,31,.85)),url("../scene/nebula-violet.webp") center/cover fixed}
@media(max-width:950px){:where(body.bc-site) .categories-section,:where(body.bc-site) .feature-section,:where(body.bc-site) .story-panel,:where(body.bc-site) .content-section{background-attachment:scroll}}

/* V3: preserve animated celestial symbols as REAL vector icon paths. */
:where(body.bc-site) .hero-sparkle .svg-symbol,:where(body.bc-site) .hero-orb-star .svg-symbol{display:inline-flex;font-size:1em;filter:drop-shadow(0 0 12px rgba(177,227,255,.9))}
:where(body.bc-site) .hero-over-dot .svg-symbol{font-size:12px}
:where(body.bc-site) .hero-sparkle svg,:where(body.bc-site) .hero-orb-star svg,:where(body.bc-site) .hero-over-dot svg{width:1em;height:1em;fill:currentColor;stroke:none}
:where(body.bc-site) .hero-sparkle{display:grid;place-items:center}
:where(body.bc-site) .hero-orb-star{display:grid;place-items:center}
@media(min-width:951px){:where(body.bc-site) .celestial-hero .hero-copy{max-width:690px}}

/* V3 final SVG optical balance: subtle rather than oversized asterisks. */
:where(body.bc-site) .sparkle-one{font-size:15px!important}:where(body.bc-site) .sparkle-two{font-size:18px!important}:where(body.bc-site) .sparkle-three{font-size:12px!important}
:where(body.bc-site) .hero-orb-star.s1{font-size:17px!important}:where(body.bc-site) .hero-orb-star.s2{font-size:13px!important}:where(body.bc-site) .hero-orb-star.s3{font-size:15px!important}
@media(max-width:650px){:where(body.bc-site) .sparkle-one{font-size:12px!important}:where(body.bc-site) .sparkle-two{font-size:13px!important}:where(body.bc-site) .sparkle-three{font-size:10px!important}}