/* BELLUM V8 — CELESTIAL ATELIER. Layered enhancement over reusable V7 theme. */
body.bc-site{--v8-ink:#090d21;--v8-line:rgba(216,197,246,.22);--v8-turquoise:#75d6d6;--v8-gold:#e0be83;--v8-rose:#e3bce7}
html:has(body.bc-site){scroll-padding-top:130px}
body.bc-site{font-synthesis:none}
:where(body.bc-site) :focus-visible{outline:2px solid #9ae3e4!important;outline-offset:4px}
:where(body.bc-site) button,:where(body.bc-site) a{ -webkit-tap-highlight-color:transparent }
:where(body.bc-site) button:disabled{cursor:not-allowed;opacity:.55}
/* The ambient video and WebGL remain behind the content. More nuanced vignette gives bright drifting cloud detail. */
:where(body.bc-site) .celestial-loop-video{opacity:.88!important;filter:saturate(1.45) contrast(1.2) brightness(.94)!important}
:where(body.bc-site) .flow-supported .celestial-loop-video{opacity:.50!important}
:where(body.bc-site) #celestial-flow{filter:saturate(1.33) contrast(1.13) blur(.7px)}
:where(body.bc-site) .site-wrap{overflow:clip}
:where(body.bc-site) .site-header{transition:background .35s ease,min-height .35s ease,box-shadow .35s ease}
:where(body.bc-site) .site-header .logo-mark{filter:drop-shadow(0 1px 10px rgba(208,171,104,.21))}
:where(body.bc-site) .site-header.v8-compact{background:rgba(7,10,27,.96)!important;box-shadow:0 13px 39px rgba(0,0,0,.21)}
:where(body.bc-site) .site-header a,:where(body.bc-site) .header-actions .icon-button{transition:color .2s ease,transform .2s ease}
:where(body.bc-site) .site-header nav a:hover,:where(body.bc-site) .header-actions .icon-button:hover{color:#96e1e3;transform:translateY(-1px)}
:where(body.bc-site) .logo-words strong{letter-spacing:.17em}
/* ORIGINAL CLIENT DICE ARTWORK as a premium hero sculpture rather than a fake product photo. */
:where(body.bc-site) .v5-hero{min-height:800px;background:transparent!important}
:where(body.bc-site) .v5-hero::before{background:radial-gradient(ellipse 52% 46% at 74% 42%,rgba(101,55,153,.28),transparent 74%),radial-gradient(ellipse 42% 36% at 25% 60%,rgba(40,129,172,.20),transparent),linear-gradient(103deg,rgba(6,7,24,.70),rgba(8,9,31,.20) 62%,rgba(6,8,25,.10))!important}
:where(body.bc-site) .v5-hero::after{background:linear-gradient(90deg,rgba(3,5,20,.67) 0%,rgba(6,8,25,.36) 39%,rgba(5,6,18,.05) 88%),linear-gradient(180deg,transparent 66%,rgba(8,9,25,.91))!important}
:where(body.bc-site) .v5-hero-grid{grid-template-columns:1.05fr .95fr;min-height:710px;gap:15px;padding-top:54px}
:where(body.bc-site) .v5-hero-copy{max-width:690px}
:where(body.bc-site) .v5-hero h1{font-size:clamp(76px,7.2vw,118px);line-height:.88;letter-spacing:-2px;margin:0 0 30px;text-shadow:0 8px 60px rgba(9,8,27,.48)}
:where(body.bc-site) .v5-hero h1 em{color:#edc9ee;white-space:normal}
:where(body.bc-site) .v5-hero-kicker{color:#9fe0e1;letter-spacing:2.65px;font-size:11px}
:where(body.bc-site) .v5-hero-copy>p{max-width:460px;font-size:17px;line-height:1.84;color:#e7e4f4}
:where(body.bc-site) .v5-hero .btn-primary{background:linear-gradient(102deg,#ead2e8,#c3dddf)!important;color:#15172c;border-color:rgba(238,225,250,.7)!important;box-shadow:0 17px 44px rgba(93,130,178,.22)}
:where(body.bc-site) .v5-hero .btn-primary:hover{transform:translateY(-3px);box-shadow:0 25px 55px rgba(95,175,180,.26)}
:where(body.bc-site) .v8-celestial-feature{height:590px;min-width:0;width:100%;position:relative;display:grid;place-items:center;isolation:isolate}
:where(body.bc-site) .v8-space-glow{position:absolute;width:110%;height:102%;border-radius:50%;background:radial-gradient(ellipse 44% 47% at 52% 53%,rgba(68,214,220,.27),transparent 100%),radial-gradient(ellipse 49% 43% at 57% 44%,rgba(156,68,217,.36),transparent 100%);filter:blur(31px);z-index:-1;animation:v8Glow 13s ease-in-out infinite alternate}
:where(body.bc-site) .v8-orbit{position:absolute;border:1px solid rgba(232,207,255,.24);border-radius:50%;pointer-events:none;transform:rotate(-22deg);box-shadow:inset 0 0 16px rgba(181,172,231,.03)}
:where(body.bc-site) .v8-orbit-outer{height:575px;width:575px;max-width:95%;max-height:95%;animation:v8Orbit 42s linear infinite}
:where(body.bc-site) .v8-orbit-mid{height:470px;width:470px;max-width:80%;max-height:80%;border-color:rgba(91,211,215,.2);animation:v8Orbit 55s linear infinite reverse}
:where(body.bc-site) .v8-orbit-inner{height:348px;width:348px;max-width:61%;max-height:61%;border-color:rgba(211,180,227,.15)}
:where(body.bc-site) .v8-orbit-outer::before,:where(body.bc-site) .v8-orbit-mid::before{content:"";display:block;position:absolute;top:15%;left:11%;width:8px;height:8px;border-radius:50%;background:#a4e6ec;box-shadow:0 0 12px #68deef,0 0 29px rgba(73,229,240,.67)}
:where(body.bc-site) .v8-orbit-mid::before{width:5px;height:5px;background:#f1c8fa;box-shadow:0 0 12px #df8efa}
:where(body.bc-site) .v8-main-die{width:min(475px,85%);height:auto;position:relative;filter:drop-shadow(0 0 19px rgba(241,205,139,.45)) drop-shadow(0 0 76px rgba(126,78,214,.3));animation:v8DieLevitate 10s ease-in-out infinite alternate;will-change:transform}
:where(body.bc-site) .v8-small-die{position:absolute;width:125px;right:-3%;top:12%;filter:drop-shadow(0 0 22px rgba(255,212,144,.28));transform:rotate(19deg);opacity:.75;animation:v8SmallDie 15s ease-in-out infinite alternate}
:where(body.bc-site) .v8-hero-glyph{position:absolute;color:#badfe9;filter:drop-shadow(0 0 16px #85ced8)}
:where(body.bc-site) .v8-hero-glyph svg{width:26px;height:26px}
:where(body.bc-site) .v8-hero-glyph-a{left:8%;top:25%;animation:v8Twinkle 4.5s ease-in-out infinite alternate}
:where(body.bc-site) .v8-hero-glyph-b{right:15%;bottom:28%;animation:v8Twinkle 6s ease-in-out infinite alternate}
:where(body.bc-site) .v8-hero-glyph-b svg{width:13px;height:13px}
:where(body.bc-site) .v8-feature-caption{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);min-width:330px;text-align:center;z-index:2;color:#eee5f7;text-shadow:0 1px 13px rgba(8,8,20,.75)}
:where(body.bc-site) .v8-feature-caption span{font-size:9px;letter-spacing:2.8px;color:#edcda7;display:block}
:where(body.bc-site) .v8-feature-caption strong{font:italic 31px/1.25 "Cormorant Garamond",serif;display:block;margin-top:5px}
:where(body.bc-site) .v8-feature-caption small{font-size:10px;letter-spacing:.07em;color:#c2bfdd}
:where(body.bc-site) .v5-hero-lower{padding-bottom:22px}
/* Section treatment: larger breathing room + visual pauses between commerce and storytelling. */
:where(body.bc-site) .v5-manifesto{border-top:1px solid rgba(218,214,255,.15);border-bottom:1px solid rgba(218,214,255,.13);background:rgba(6,9,24,.55)!important;backdrop-filter:blur(12px)}
:where(body.bc-site) .v5-section-heading h2,:where(body.bc-site) .v5-artist h2,:where(body.bc-site) .v5-value h2,:where(body.bc-site) .v5-commission h2,:where(body.bc-site) .v5-showcase h2{letter-spacing:-.025em}
:where(body.bc-site) .v5-collections,:where(body.bc-site) .v5-value{position:relative}
:where(body.bc-site) .v5-collections:before,:where(body.bc-site) .v5-value:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 8% 28%,rgba(125,72,188,.11),transparent 50%)}
:where(body.bc-site) .v5-section{padding-top:115px;padding-bottom:115px}
:where(body.bc-site) .v5-category{border:1px solid rgba(233,207,253,.34);border-radius:2px;box-shadow:0 24px 44px rgba(3,5,18,.14)}
:where(body.bc-site) .v5-category:focus-visible{outline-offset:5px}
:where(body.bc-site) .v5-category-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 28%,rgba(120,80,177,.2),transparent 62%);mix-blend-mode:screen}
:where(body.bc-site) .v5-category-data{filter:drop-shadow(0 3px 12px rgba(6,5,20,.56))}
:where(body.bc-site) .v5-category-data p{font-size:13px;line-height:1.65}
:where(body.bc-site) .v5-category:hover .v5-category-photo img{transform:scale(1.065)}
:where(body.bc-site) .v5-products-section .product-card{position:relative}
:where(body.bc-site) .product-card{border:1px solid rgba(217,201,245,.19);background:linear-gradient(154deg,rgba(22,25,55,.65),rgba(9,11,30,.83));border-radius:2px;overflow:hidden;transition:border-color .3s ease,transform .32s ease,box-shadow .32s ease}
:where(body.bc-site) .product-card:hover{transform:translateY(-5px);border-color:rgba(132,222,219,.51);box-shadow:0 22px 66px rgba(6,4,22,.35)}
:where(body.bc-site) .product-media{position:relative}
:where(body.bc-site) .product-media::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 63% 51% at 50% 41%,rgba(95,85,206,.17),transparent);z-index:1}
:where(body.bc-site) .v8-quick-look{position:absolute;bottom:66px;left:50%;transform:translate(-50%,10px);opacity:0;visibility:hidden;z-index:4;min-width:140px;border:1px solid rgba(236,216,255,.7);background:rgba(9,12,34,.84);backdrop-filter:blur(12px);padding:11px 15px;color:#f6f1ff;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;cursor:pointer;font:600 11px "DM Sans",sans-serif;letter-spacing:.08em;transition:transform .3s,opacity .3s,visibility .3s}
:where(body.bc-site) .v8-quick-look svg{width:13px;height:13px}
:where(body.bc-site) .product-card:hover .v8-quick-look,:where(body.bc-site) .v8-quick-look:focus-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
:where(body.bc-site) .product-name a{line-height:1.14}
:where(body.bc-site) .product-meta{padding:17px 17px 20px}
:where(body.bc-site) .product-category{letter-spacing:.06em}
:where(body.bc-site) .v5-artist-photo,:where(body.bc-site) .v5-about-image{box-shadow:0 20px 55px rgba(1,2,14,.3)}
:where(body.bc-site) .v5-artist-copy>p,:where(body.bc-site) .v5-community-copy>p,:where(body.bc-site) .v5-showcase-copy>p{font-size:15px;line-height:1.85}
:where(body.bc-site) .v5-value-item{border:1px solid rgba(211,193,243,.16)}
:where(body.bc-site) .v5-value-item:hover{border-color:rgba(107,218,218,.35)}
:where(body.bc-site) .v5-product-note,:where(body.bc-site) .v7-demo-notice{border-radius:4px}
/* Restrained supporting UI */
:where(body.bc-site) .v8-oneonly{display:flex;gap:10px;align-items:center;color:#b5e7e4;font-size:13px;border:1px solid rgba(115,213,211,.33);padding:14px 15px;background:rgba(31,67,76,.17)}
:where(body.bc-site) .v8-oneonly svg{width:16px;height:16px}
:where(body.bc-site) .v5-detail-main{background:linear-gradient(130deg,#14192f,#191438)}
:where(body.bc-site) .v5-detail-main>img{max-height:630px;object-fit:contain}
:where(body.bc-site) .v5-detail-availability{font-weight:600;color:#a5e8d8}
:where(body.bc-site) .shop-bar{border:1px solid var(--v8-line);border-radius:4px;background:rgba(10,13,35,.68)!important;backdrop-filter:blur(9px)}
:where(body.bc-site) .filter-chip{border-radius:3px}:where(body.bc-site) .filter-chip.active{background:linear-gradient(100deg,rgba(141,95,184,.5),rgba(66,128,158,.32));border-color:rgba(180,198,236,.55)}
:where(body.bc-site) .shop-search:focus,:where(body.bc-site) .shop-select:focus,:where(body.bc-site) .form-field input:focus,:where(body.bc-site) .form-field textarea:focus{border-color:#89d8d6!important;outline:2px solid rgba(110,219,218,.25);outline-offset:2px}
:where(body.bc-site) .v5-page-hero{border-bottom:1px solid rgba(215,186,240,.18)}
:where(body.bc-site) .v5-page-hero .section-heading{letter-spacing:-1px}
:where(body.bc-site) .faq-list summary{font-size:18px;line-height:1.4}
:where(body.bc-site) .faq-list details[open]{border-color:rgba(141,207,217,.48)}
:where(body.bc-site) .contact-form,:where(body.bc-site) .checkout-section,:where(body.bc-site) .cart-summary{border-radius:4px}
/* Quick preview uses native dialog focus handling and backdrop. */
:where(body.bc-site) .v8-quick-dialog{border:1px solid rgba(206,183,241,.6);border-radius:5px;width:min(900px,calc(100% - 36px));max-height:min(92vh,900px);padding:0;overflow:auto;color:#f4effc;background:linear-gradient(140deg,#11172e,#211533 72%,#0b152d);box-shadow:0 40px 125px rgba(0,0,0,.8)}
:where(body.bc-site) .v8-quick-dialog::backdrop{background:rgba(2,3,14,.86);backdrop-filter:blur(8px)}
:where(body.bc-site) .v8-quick-dialog .v8-quick-close{position:absolute;right:15px;top:15px;z-index:5;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(232,206,249,.5);color:#fff;background:#161b38;cursor:pointer}
:where(body.bc-site) .v8-quick-close svg{width:17px;height:17px}
:where(body.bc-site) .v8-quick-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:25px 50px 25px 25px}
:where(body.bc-site) .v8-quick-photo{aspect-ratio:1/1;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(94,82,184,.41),#0b1028 78%);border:1px solid var(--v8-line)}
:where(body.bc-site) .v8-quick-photo img{max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain}
:where(body.bc-site) .v8-quick-copy h2{font:400 clamp(36px,4vw,58px)/1.01 "Cormorant Garamond",serif;margin:18px 0}
:where(body.bc-site) .v8-quick-copy p{font:400 13px/1.85 "DM Sans",sans-serif;color:#dbd8e8}
:where(body.bc-site) .v8-quick-copy .v8-quick-price{font-size:21px;color:#fff}
:where(body.bc-site) .v8-quick-price small{display:block;color:#b2a8ce;font-size:9px;letter-spacing:.08em}
:where(body.bc-site) .v8-quick-stock{padding:8px 0 13px;color:#abdedb!important}
:where(body.bc-site) .v8-quick-copy .btn{margin-top:8px}
/* Convenient, uncluttered dock only on narrow touch viewports */
:where(body.bc-site) .v8-mobile-dock{display:none}
:where(body.bc-site) .v8-global-motion{position:fixed;left:21px;bottom:21px;z-index:55;display:flex;align-items:center;gap:10px;border:1px solid rgba(184,217,224,.4);background:rgba(10,15,36,.78);backdrop-filter:blur(15px);color:#c9edeb;font:600 10px "DM Sans",sans-serif;letter-spacing:.05em;padding:10px 13px;border-radius:30px;box-shadow:0 5px 22px rgba(0,0,0,.23);cursor:pointer;transition:background .2s}
:where(body.bc-site) .v8-global-motion:hover{background:rgba(29,43,75,.95)}
:where(body.bc-site) .v8-global-motion svg{width:12px;height:12px}
body.bc-site[data-page="home"] .v8-global-motion{display:none}
:where(body.bc-site) .v8-feature-caption a{color:inherit}
/* All decorative motion respects both preferences and the user toggle. */
@keyframes v8DieLevitate{0%{transform:translate3d(0,12px,0) rotate(-5deg) scale(.97)}100%{transform:translate3d(2%,-18px,0) rotate(6deg) scale(1.025)}}
@keyframes v8SmallDie{0%{transform:translate3d(0,0,0) rotate(14deg)}100%{transform:translate3d(-20px,30px,0) rotate(34deg)}}
@keyframes v8Orbit{from{transform:rotate(-22deg)}to{transform:rotate(338deg)}}
@keyframes v8Glow{0%{transform:translate3d(-7%,1%,0) scale(.94);opacity:.65}100%{transform:translate3d(7%,-5%,0) scale(1.18);opacity:1}}
@keyframes v8Twinkle{from{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1.1)}}
html:has(body.bc-site).motion-paused .v8-space-glow,html:has(body.bc-site).motion-paused .v8-orbit,html:has(body.bc-site).motion-paused .v8-main-die,html:has(body.bc-site).motion-paused .v8-small-die,html:has(body.bc-site).motion-paused .v8-hero-glyph{animation-play-state:paused!important}
@media(hover:none){:where(body.bc-site) .v8-quick-look{opacity:1;visibility:visible;transform:translate(-50%,0);background:rgba(12,17,40,.88);bottom:56px}}
@media(max-width:1090px){:where(body.bc-site) .v5-hero-grid{grid-template-columns:1fr .9fr}:where(body.bc-site) .v8-main-die{width:min(400px,80%)}:where(body.bc-site) .v8-celestial-feature{height:520px}:where(body.bc-site) .v8-feature-caption{bottom:-1px}:where(body.bc-site) .v5-hero h1{font-size:clamp(62px,7vw,89px)}}
@media(max-width:700px){
 :where(body.bc-site) .v5-hero{min-height:auto}:where(body.bc-site) .v5-hero-grid{display:flex;flex-direction:column;padding-top:45px;gap:0;min-height:0;padding-bottom:8px}
 :where(body.bc-site) .v5-hero h1{font-size:clamp(57px,11.4vw,80px);line-height:.88;letter-spacing:-1.2px;margin-bottom:19px}
 :where(body.bc-site) .v5-hero-copy{max-width:100%;padding-bottom:0}:where(body.bc-site) .v5-hero-copy>p{font-size:14px;line-height:1.75}
 :where(body.bc-site) .v8-celestial-feature{height:365px;width:100%;margin:9px 0 6px}
 :where(body.bc-site) .v8-main-die{width:min(284px,74%)}:where(body.bc-site) .v8-small-die{width:76px;right:1%;top:13%}
 :where(body.bc-site) .v8-orbit-outer{height:345px;width:345px}:where(body.bc-site) .v8-orbit-mid{height:280px;width:280px}:where(body.bc-site) .v8-orbit-inner{height:215px;width:215px}
 :where(body.bc-site) .v8-feature-caption{bottom:1px;min-width:0;width:100%}:where(body.bc-site) .v8-feature-caption span{font-size:7px;letter-spacing:1.7px}:where(body.bc-site) .v8-feature-caption strong{font-size:23px;margin:2px 0}:where(body.bc-site) .v8-feature-caption small{font-size:9px}
 :where(body.bc-site) .v8-hero-glyph-a{left:11%;top:18%}:where(body.bc-site) .v8-hero-glyph-b{bottom:27%}
 :where(body.bc-site) .v5-hero-lower{margin-top:7px;padding-bottom:20px}
 :where(body.bc-site) .v5-section{padding-top:75px;padding-bottom:80px}
 :where(body.bc-site) .v5-category-data p{font-size:11px}
 :where(body.bc-site) .product-card .product-meta{padding:13px 12px 15px}
 :where(body.bc-site) .v8-quick-look{bottom:53px;font-size:10px;min-width:106px;padding:8px 10px}
 :where(body.bc-site) .v8-quick-dialog{width:calc(100% - 20px);max-height:88svh}
 :where(body.bc-site) .v8-quick-grid{grid-template-columns:1fr;gap:15px;padding:16px 18px 25px}
 :where(body.bc-site) .v8-quick-photo{aspect-ratio:1.25;max-height:280px}:where(body.bc-site) .v8-quick-copy h2{font-size:45px;margin:10px 0}:where(body.bc-site) .v8-quick-copy .btn{width:100%;justify-content:center}
 body.bc-site{padding-bottom:62px}
 :where(body.bc-site) .v8-mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:56;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 9px max(8px,env(safe-area-inset-bottom));background:rgba(10,13,34,.97);backdrop-filter:blur(21px);border-top:1px solid rgba(207,182,236,.28);box-shadow:0 -12px 35px rgba(3,3,15,.22)}
 :where(body.bc-site) .v8-mobile-dock>a,:where(body.bc-site) .v8-mobile-dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;min-height:43px;color:#d2cadc;border:0;background:transparent;font-size:10px;cursor:pointer}
 :where(body.bc-site) .v8-mobile-dock svg{width:16px;height:16px}:where(body.bc-site) .v8-mobile-dock small{font-size:9px;letter-spacing:.02em}
 :where(body.bc-site) .v8-mobile-dock [aria-current="page"]{color:#8fdbdf}
 :where(body.bc-site) .v8-global-motion{bottom:85px;left:12px;padding:10px;min-width:39px;justify-content:center}:where(body.bc-site) .v8-global-motion .v8-motion-label{display:none}
 :where(body.bc-site) .site-footer{padding-bottom:20px}
 :where(body.bc-site) .v7-demo-notice{padding:15px;gap:10px}
}
@media(max-width:375px){:where(body.bc-site) .v8-celestial-feature{height:335px}:where(body.bc-site) .v8-main-die{width:73%}:where(body.bc-site) .v5-hero h1{font-size:54px}:where(body.bc-site) .v8-feature-caption strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){:where(body.bc-site) .v8-space-glow,:where(body.bc-site) .v8-orbit,:where(body.bc-site) .v8-main-die,:where(body.bc-site) .v8-small-die,:where(body.bc-site) .v8-hero-glyph{animation:none!important}:where(body.bc-site) .product-card,:where(body.bc-site) .v8-quick-look,:where(body.bc-site) .site-header{transition:none!important}}
/* Final art-direction polish after real desktop/mobile screenshots */
@media(min-width:701px){:where(body.bc-site) .v5-hero-grid{padding-top:110px;min-height:758px}:where(body.bc-site) .v8-main-die{width:min(410px,76%);top:-50px}:where(body.bc-site) .v8-feature-caption{bottom:5px}:where(body.bc-site) .v8-celestial-feature{height:560px}:where(body.bc-site) .v5-hero{min-height:830px}}
@media(max-width:700px){:where(body.bc-site) .v5-hero-grid{padding-top:91px}:where(body.bc-site) .v8-main-die{width:min(267px,71%);top:-34px}:where(body.bc-site) .v8-feature-caption{bottom:-3px}:where(body.bc-site) .v8-celestial-feature{height:380px}:where(body.bc-site) .v5-hero{min-height:0}}