/* Prestigious Cards · liquid gold art direction. Decorative and isolated from inventory logic. */
:root{
  --bg:#050505;
  --bg2:#0a0908;
  --panel:#101010;
  --panel2:#17130e;
  --line:#574528;
  --lineSoft:rgba(229,180,76,.21);
  --gold:#e8b849;
  --gold2:#ffe1a0;
  --cream:#fffdf8;
  --muted:#b1a99d;
  --liquid-foil:linear-gradient(112deg,#986015 0%,#edbd54 19%,#fff4ca 30%,#c48425 42%,#744006 52%,#d99a27 63%,#fff3c8 74%,#b57924 88%,#f0d18e 100%);
}
body{background:#050505;color:#fffdf8}
body::before{content:"";position:fixed;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse 48% 36% at 98% 40%,rgba(145,88,15,.08),transparent 82%),radial-gradient(ellipse 35% 26% at 0% 95%,rgba(193,127,25,.045),transparent 76%)}
.announce{position:relative;overflow:hidden;background:linear-gradient(90deg,#090704,#1d1407 42%,#110b05);color:#ffefcc;border-bottom:1px solid rgba(245,181,57,.38)}
.announce:after{content:"";position:absolute;top:0;bottom:0;width:32%;left:-45%;background:linear-gradient(90deg,transparent,#fff6cd13,transparent);transform:skewX(-25deg);animation:foilPass 10s linear infinite;pointer-events:none}
.topbar{background:rgba(5,5,5,.9);border-bottom:1px solid rgba(243,190,84,.21);box-shadow:0 12px 70px #0009}
.topbar:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#e8bc56aa 28%,#fffbdc 50%,#bd741c 72%,transparent);opacity:.54}
.brand-symbol{border-color:#e8b849;box-shadow:0 0 27px #dfa73612, inset 0 0 15px #ca842515}
.brand-symbol b,.brand-text small{color:#f1c563}
.brand-text{color:#fffef8;text-shadow:0 0 25px #eebc3515}
.main-nav a[aria-current=page]:after{background:var(--liquid-foil);box-shadow:0 0 14px #e2b44b99}
.iconbtn{background:#17120b66;border-color:#dbab5438}
.iconbtn:hover{box-shadow:0 0 22px #e8b84920;background:#41280f6b}
.home-hero{min-height:720px;isolation:isolate;background:radial-gradient(75% 115% at 82% 38%,#492e10 0%,#171008 38%,#030303 86%)}
.home-hero:before{z-index:2;width:67%;background:linear-gradient(90deg,#030303 4%,rgba(5,4,3,.94) 47%,rgba(9,7,4,.74) 72%,transparent)}
.home-hero:after{content:"";pointer-events:none;position:absolute;z-index:3;inset:0;background:radial-gradient(300px circle at var(--glow-x,75%) var(--glow-y,46%),rgba(253,205,105,.105),transparent 75%);mix-blend-mode:screen}
.hero-art{filter:contrast(1.09) saturate(.87) brightness(.9);width:66vw;right:-2vw;background-position:58% center;transform:scale(1.045);animation:artBreathe 17s ease-in-out infinite alternate}
.hero-art:after{background:linear-gradient(180deg,transparent 60%,#050505 99%)}
.hero-inner{min-height:720px;grid-template-columns:57% 43%;position:relative;z-index:5}
.hero-text{padding:85px 0 100px}
.hero-gold-flow{position:absolute;pointer-events:none;z-index:4;inset:0;overflow:hidden;mix-blend-mode:screen;opacity:.67}
.hero-gold-flow:before{content:"";position:absolute;inset:-11% -7%;background:url('assets/liquid-gold-ribbons.svg') center 58%/110% auto no-repeat;transform-origin:center 55%;animation:liquidFloat 14s ease-in-out infinite alternate;filter:drop-shadow(0 0 15px #d5971950)}
.hero-gold-flow:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505a9,transparent 42%),linear-gradient(180deg,transparent 75%,#050505)}
.hero-shine{position:absolute;pointer-events:none;z-index:4;width:min(43vw,690px);aspect-ratio:1;right:-10%;top:-43%;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 48%,#e8a93622 59%,transparent 65% 100%);filter:blur(28px);animation:glowOrbit 25s linear infinite}
.hero-title{color:white;text-shadow:0 13px 55px #0008;font-size:clamp(68px,7.75vw,131px);letter-spacing:-.09em}
.hero-title .last{background:var(--liquid-foil);background-size:220% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 4px 16px #e4aa3e30);animation:goldTextFlow 10s ease-in-out infinite alternate}
.hero-description{color:#e8e2d8;max-width:435px;text-wrap:pretty;text-shadow:0 2px 14px #000}
.hero-footnote{color:#e8cfa2}
.hero-footnote span:before{color:#f2c453}
.hero-index,.hero-stamp{color:#ffe8b3}
.btn{border-radius:8px;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease;overflow:hidden;position:relative}
.btn:before{content:"";position:absolute;top:-70%;bottom:-70%;left:-50%;width:24%;transform:rotate(19deg) translateX(-350%);background:linear-gradient(90deg,transparent,#fffde071,transparent);pointer-events:none;transition:transform .65s ease}
.btn:hover:before{transform:rotate(19deg) translateX(900%)}
.btn-solid{background:var(--liquid-foil);background-size:190% 100%;color:#120c03;border:1px solid #ffdfa3;box-shadow:0 10px 28px #b67c211f,0 2px 9px #d1a34626, inset 0 1px #fff4bc77;animation:goldTextFlow 12s ease-in-out infinite alternate}
.btn-solid:hover{box-shadow:0 16px 42px #e1a52a4e,0 0 28px #dfac2c36}
.btn-outline{background:#080705d8;border:1px solid #cda14e91;box-shadow:inset 0 0 0 1px #ffffff08,0 0 23px #edb9480c;color:#ffe2a1}
.btn-outline:hover{background:#3b280c7a;border-color:#ffe2a1}
.eyebrow{color:#ffcf68}
.section-head h2{color:white}.section-head h2 em,.stripe-panel h2 em,.manifesto h2 em,.page-hero-content h1 em,.collections-intro h1 em,.story-hero h1 em,.story-blocks h2 em{background:var(--liquid-foil);background-size:170% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
.ticker{background:linear-gradient(100deg,#090805,#1e1408,#0a0906);border-block-color:#d6a6433c;box-shadow:inset 0 5px 15px #0008}
.ticker b{color:#f6c861;text-shadow:0 0 25px #f5ba4361}
.vault-section{background:radial-gradient(ellipse 80% 110% at 95% 0%,#3b260c40,transparent 75%),#080808;border-color:#b38a4030;position:relative}
.vault-section:before{content:"";pointer-events:none;position:absolute;inset:0;background:url('assets/liquid-gold-ribbons.svg') no-repeat right -190px top -250px/750px auto;opacity:.09;mix-blend-mode:screen}
.vault-section .shell{position:relative}
.listing{position:relative;border:1px solid #a37a383a;border-radius:14px;background:linear-gradient(160deg,#1a1612,#080808 80%);box-shadow:0 17px 30px #0007,0 0 25px #a36a1710;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}
.listing:hover{border-color:#f7c55e9c;box-shadow:0 18px 44px #000b,0 0 30px #a7752533}
.listing-photo{background:radial-gradient(ellipse at 48% 36%,#59401b34,#101010 65%,#070707)}
.listing-photo:after{background:linear-gradient(180deg,transparent 70%,#c68c3022);border-bottom:1px solid #e9b6561d}
.listing-label{border-color:#e8bc6359;background:#100e0adc;color:#ffe3ae}
.listing-price{color:#ffe5a7}
.category-promo{gap:18px}
.promo-card{border:1px solid #d1a64a64;border-radius:15px;box-shadow:0 20px 50px #0009,0 0 24px #b8832110}
.promo-card:before{content:"";position:absolute;pointer-events:none;z-index:3;inset:-45% -130%;background:linear-gradient(110deg,transparent 43%,#ffe6a419 50%,transparent 56%);transform:translateX(-45%);transition:transform 1.2s ease}
.promo-card:hover:before{transform:translateX(40%)}
.promo-card:hover{border-color:#ffdf9f;box-shadow:0 22px 54px #000c,0 0 36px #d19a3550}
.promo-card:after{background:linear-gradient(180deg,#000b 0%,transparent 25%,#000e 96%),linear-gradient(90deg,transparent 85%,#bc87381c)}
.promo-top,.promo-bottom small{color:#ffd894}
.stripe-panel{border:1px solid #d7a34440;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #000a,0 0 44px #b17c2114;background:linear-gradient(130deg,#0a0907,#171008)}
.stripe-panel .copy{background:radial-gradient(circle at 0 0,#5d351331,transparent 65%)}
.manifesto{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 55%,#51310865,transparent 57%),#070605}
.manifesto:before{content:"";pointer-events:none;position:absolute;inset:0;background:url('assets/liquid-gold-ribbons.svg') center 50%/cover no-repeat;opacity:.26;filter:blur(1px);animation:liquidFloat 21s ease-in-out infinite alternate}
.manifesto .shell{position:relative;z-index:2}
.footer{background:linear-gradient(180deg,#100d08,#070707);border-color:#c7993b3b}
.page-hero,.collections-intro,.story-hero{isolation:isolate;position:relative;overflow:hidden}
.page-hero:after,.collections-intro:after,.story-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/liquid-gold-ribbons.svg') right -7vw top -230px/950px auto no-repeat;opacity:.31;animation:liquidFloat 18s ease-in-out infinite alternate}
.product-gallery{background:radial-gradient(ellipse at 50% 45%,#543b181f,#090909 72%);border-color:#c695454d;border-radius:15px;box-shadow:0 24px 65px #000b,0 0 24px #da9a2512}
.collection-large,.story-blocks .image{border-radius:14px;overflow:hidden;box-shadow:0 24px 50px #000a}
.drawer{background:linear-gradient(165deg,#231708,#111010 45%,#0a0908);border-color:#e2aa513b}
.drawer h2 em{color:#f3ca71}
/* Deliberately gentle motion. Main content stays visible without JS. */
@keyframes artBreathe{from{transform:scale(1.035) translateX(0)}to{transform:scale(1.09) translateX(-1%)}}
@keyframes liquidFloat{0%{transform:translate(-2%,2%) scale(1.03) rotate(-2deg)}50%{transform:translate(2%,-1%) scale(1.08) rotate(1deg)}100%{transform:translate(-1%,-2%) scale(1.04) rotate(0deg)}}
@keyframes glowOrbit{to{transform:rotate(360deg)}}
@keyframes foilPass{0%,15%{left:-50%}45%,100%{left:130%}}
@keyframes goldTextFlow{0%{background-position:5% 50%}100%{background-position:95% 50%}}
@keyframes revealIn{0%{opacity:.60;transform:translateY(19px)}100%{opacity:1;transform:translateY(0)}}
.motion-reveal{animation:revealIn .65s cubic-bezier(.2,.66,.25,1) both}
@media (max-width:850px){.home-hero:before{width:100%;background:linear-gradient(90deg,#030303e6,#030303a8 68%,#03030322)}.hero-art{width:100%;right:0;opacity:.66}.hero-inner{min-height:660px}.hero-text{min-height:660px}.hero-gold-flow{opacity:.40}.hero-gold-flow:before{inset:0 -40%;background-size:auto 100%}.hero-shine{display:none}}
@media (max-width:650px){.home-hero,.hero-inner,.hero-text{min-height:660px}.home-hero:before{background:linear-gradient(180deg,#03030378 0%,#03030377 33%,#030303 100%)}.hero-art{opacity:.61;background-position:68% 20%}.hero-gold-flow{opacity:.35}.hero-gold-flow:before{background-size:auto 75%;background-position:50% 72%;inset:0 -70%}.hero-gold-flow:after{background:linear-gradient(180deg,transparent 22%,#0303039e 78%,#030303)}.hero-title{font-size:clamp(54px,13vw,82px)}.hero-text{padding-bottom:85px}.vault-section:before{background-size:420px auto;background-position:right -260px top -80px}.promo-card{border-radius:11px}.btn:hover{transform:none}.story-hero:after,.page-hero:after{background-size:750px auto;opacity:.22}}
@media(prefers-reduced-motion:reduce){.announce:after,.hero-art,.hero-gold-flow:before,.hero-shine,.hero-title .last,.btn-solid,.manifesto:before,.page-hero:after,.collections-intro:after,.story-hero:after{animation:none!important}.motion-reveal{animation:none!important}}