:root{
  --black:#040404;
  --panel:#0a0a0a;
  --panel2:#0f0d0a;
  --gold:#c89421;
  --gold2:#f0cc72;
  --cream:#f5efe3;
  --white:#fbf8f2;
  --muted:#a39b8d;
  --line:rgba(223,178,69,.24);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);overflow-x:hidden}
body.lightbox-open{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--gold2);color:#080706}

.announcement{
  position:relative;height:34px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;
  background:#090806;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.22em;color:#d6c08a;z-index:40
}
.announcement-center{color:var(--gold2)}
.nav{
  position:fixed;top:34px;left:0;right:0;height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;
  z-index:35;background:rgba(5,5,5,.64);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05);
  transition:background .3s,transform .3s
}
.nav.scrolled{background:rgba(4,4,4,.92)}
.brand{display:flex;flex-direction:column;line-height:.78;letter-spacing:.1em;font-weight:700;font-size:20px}
.brand small{font-size:11px;letter-spacing:.45em;margin-top:7px;color:var(--gold);padding-left:2px}
.nav nav{display:flex;gap:30px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#d2ccc0}
.nav nav a{position:relative}
.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold2);transition:.3s}
.nav nav a:hover{color:var(--gold2)}
.nav nav a:hover:after{right:0}
.cart-btn{border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--white);padding:10px 14px;font-size:10px;letter-spacing:.18em;cursor:pointer}
.cart-btn span{color:var(--gold2);margin-left:7px}

.hero{min-height:110vh;position:relative;display:flex;align-items:flex-end;padding:165px 7vw 95px;overflow:hidden}
.hero-image-wrap{position:absolute;inset:0}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(1.03)}
.hero-shade{
  position:absolute;inset:0;background:
  radial-gradient(circle at 70% 35%,rgba(207,153,38,.10),transparent 35%),
  linear-gradient(90deg,rgba(2,2,2,.92) 0%,rgba(2,2,2,.66) 44%,rgba(2,2,2,.2) 75%,rgba(2,2,2,.62) 100%),
  linear-gradient(0deg,rgba(2,2,2,.94) 0%,transparent 42%,rgba(2,2,2,.45) 100%)
}
.hero-logo{position:absolute;right:6vw;top:155px;width:min(19vw,250px);opacity:.9;filter:drop-shadow(0 18px 40px #000)}
.hero-logo img{mix-blend-mode:screen}
.hero-copy{position:relative;z-index:3;max-width:820px}
.eyebrow{font-size:9px;letter-spacing:.3em;color:var(--gold2);text-transform:uppercase;margin:0 0 18px}
.hero h1,.section h2,.manifesto h2,.editorial-band h2,.detail-feature h2{
  font-family:var(--serif);font-weight:600;line-height:.82;letter-spacing:-.045em;margin:0
}
.hero h1{font-size:clamp(72px,10vw,155px)}
.hero h1 em,.section h2 em,.manifesto h2 em,.editorial-band h2 em,.detail-feature h2 em,.cart-drawer h2 em,.luxury-quote em{
  font-style:italic;color:var(--gold2)
}
.hero-text{max-width:520px;color:#c1b9ab;line-height:1.75;margin:30px 0;font-size:14px}
.hero-actions{display:flex;gap:24px;align-items:center}
.btn{border:0;cursor:pointer;padding:17px 24px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700;transition:.25s}
.btn-gold{background:linear-gradient(135deg,#9e6c0f,#f3d27e 50%,#a36d09);color:#080706;box-shadow:0 18px 55px rgba(217,167,43,.16)}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-2px)}
.text-link{font-size:10px;letter-spacing:.18em;color:#d8d0c3}
.text-link:hover{color:var(--gold2)}
.hero-stamp{position:absolute;right:7vw;bottom:85px;z-index:3;border:1px solid rgba(239,203,113,.35);padding:18px 20px;text-align:center;font-size:8px;line-height:1.8;letter-spacing:.23em;color:#d9c58f}
.scroll{position:absolute;bottom:36px;left:7vw;z-index:3;font-size:9px;letter-spacing:.25em;color:#8b8377}
.scroll span{display:inline-block;width:52px;height:1px;background:var(--gold);vertical-align:middle;margin-left:12px}

.ticker{border-block:1px solid var(--line);padding:17px 0;overflow:hidden;white-space:nowrap;color:#9b8b64;font-family:var(--serif);font-size:18px;letter-spacing:.2em;background:#070706}
.ticker div{animation:marquee 27s linear infinite;display:inline-block}
.ticker span{color:var(--gold2);margin:0 30px}
@keyframes marquee{to{transform:translateX(-42%)}}

.section{padding:135px 7vw}
.section h2{font-size:clamp(58px,7vw,108px)}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:65px}
.section-intro{max-width:390px;color:#9d9587;line-height:1.8;margin:0;font-size:13px}

.opening-statement{padding-top:165px;padding-bottom:165px;background:radial-gradient(circle at 20% 20%,rgba(207,153,38,.07),transparent 33%)}
.opening-statement h2{font-size:clamp(70px,9vw,138px)}
.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:65px;border-top:1px solid var(--line);padding-top:32px}
.statement-grid>p:first-child{color:#9e978a;max-width:560px;line-height:1.85}
.statement-quote{font-family:var(--serif);font-size:clamp(30px,4vw,54px);line-height:1.05;margin:0;color:#e5d6b5}

.collection{background:#070706}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gallery-card{position:relative;padding:0;border:1px solid rgba(255,255,255,.07);background:#050505;overflow:hidden;cursor:pointer;min-height:620px}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}
.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 40%);pointer-events:none}
.gallery-card span{position:absolute;left:24px;bottom:22px;z-index:2;font-size:9px;letter-spacing:.22em;color:#e4d4ad}
.gallery-card:hover img{transform:scale(1.035);filter:brightness(1.05)}
.gallery-wide{grid-column:span 2;min-height:760px}
.gallery-wide img{object-position:center 54%}

.editorial-band{min-height:760px;padding:130px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:6vw;background:linear-gradient(125deg,#070707,#0e0a05 60%,#060606);border-block:1px solid var(--line);position:relative;overflow:hidden}
.editorial-band:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(217,167,43,.16);border-radius:50%;right:-130px;top:50%;transform:translateY(-50%)}
.editorial-number{font-family:var(--serif);font-size:clamp(180px,25vw,390px);line-height:.65;color:transparent;-webkit-text-stroke:1px rgba(237,195,97,.28);letter-spacing:-.08em}
.editorial-copy{position:relative;z-index:2}
.editorial-band h2{font-size:clamp(68px,8.5vw,128px)}
.editorial-copy>p:last-child{max-width:580px;color:#a59c8e;line-height:1.85}

.story{display:grid;grid-template-columns:1fr .92fr;gap:8vw;align-items:center;background:#080808}
.story-copy p:not(.eyebrow){color:#9f978b;line-height:1.85;max-width:570px}
.story-copy .text-link{display:inline-block;margin-top:25px}
.story-visual{position:relative;max-width:620px;justify-self:end}
.story-visual:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid rgba(217,167,43,.25);z-index:0}
.story-visual img{position:relative;z-index:1;width:100%;max-height:820px;object-fit:cover}

.detail-feature{display:grid;grid-template-columns:.92fr 1fr;gap:8vw;align-items:center}
.detail-visual{max-width:610px}
.detail-visual img{width:100%;max-height:850px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}
.detail-feature h2{font-size:clamp(58px,7.5vw,112px)}
.detail-lines{margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}
.detail-lines>div{display:grid;grid-template-columns:45px 1fr;gap:4px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.detail-lines span{grid-row:span 2;color:var(--gold2);font-size:9px}
.detail-lines strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.detail-lines small{color:#857f75}

.manifesto{min-height:95vh;display:grid;place-items:center;position:relative;text-align:center;overflow:hidden}
.manifesto-bg{position:absolute;inset:0;background:
  linear-gradient(rgba(2,2,2,.45),rgba(2,2,2,.86)),
  url("assets/campaign-03.png") center/cover fixed}
.manifesto-inner{position:relative;z-index:2;max-width:1100px;padding:120px 7vw}
.manifesto h2{font-size:clamp(78px,11vw,165px)}
.manifesto p:last-child{color:#b6aea1;letter-spacing:.14em;text-transform:uppercase;font-size:10px;margin-top:30px}

.centered{display:block;text-align:center}
.centered .eyebrow{margin-bottom:14px}
.brand-codes{background:#060606}
.codes-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.codes-grid article{padding:42px 30px;border-right:1px solid rgba(255,255,255,.08);min-height:280px}
.codes-grid article:last-child{border:0}
.codes-grid span{color:var(--gold);font-size:9px}
.codes-grid h3{font-family:var(--serif);font-size:42px;margin:55px 0 14px}
.codes-grid p{color:#8f887d;line-height:1.7;font-size:13px}

.shop{background:radial-gradient(circle at 10% 50%,rgba(207,153,38,.07),transparent 28%),#090909}
.product-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;align-items:center}
.product-media{position:relative;background:radial-gradient(circle at 50% 45%,#2a2115 0,#12100c 45%,#070707 80%);min-height:690px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);overflow:hidden}
.product-media:after{content:"";position:absolute;inset:22px;border:1px solid rgba(217,167,43,.08);pointer-events:none}
.product-media img{width:100%;height:100%;object-fit:cover;filter:contrast(1.02)}
.product-badge{position:absolute;z-index:2;top:25px;left:25px;border:1px solid var(--gold);background:rgba(3,3,3,.74);padding:11px 14px;text-align:center;font-size:8px;line-height:1.5;letter-spacing:.18em;color:var(--gold2)}
.product-kicker{font-size:9px;letter-spacing:.22em;color:#a28c5d}
.product-info h3{font-family:var(--serif);font-size:52px;line-height:.95;margin:15px 0}
.price{font-size:22px;color:var(--gold2);margin:18px 0}
.rating{font-size:12px;letter-spacing:.14em;color:var(--gold2)}
.rating span{color:#777;letter-spacing:0;margin-left:10px}
.description{color:#9e978b;line-height:1.85;font-size:14px}
.feature-list{border-block:1px solid rgba(255,255,255,.09);margin:30px 0}
.feature-list>div{display:grid;grid-template-columns:38px 1fr;gap:4px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.feature-list>div:last-child{border:0}
.feature-list span{grid-row:span 2;color:var(--gold);font-size:10px}
.feature-list b{font-size:11px;letter-spacing:.1em}
.feature-list small{color:#777}
.purchase{display:flex;gap:12px}
.qty{display:flex;border:1px solid rgba(255,255,255,.14);align-items:center}
.qty button{background:none;color:white;border:0;width:38px;height:50px;cursor:pointer}
.qty span{width:30px;text-align:center;font-size:12px}
.add-btn{flex:1}
.shipping-note{font-size:9px;color:#777;letter-spacing:.1em;margin-top:16px}

.luxury-quote{padding:150px 7vw;text-align:center;border-block:1px solid var(--line);background:linear-gradient(180deg,#050505,#090704)}
.luxury-quote img{width:min(150px,28vw);margin:0 auto 35px;mix-blend-mode:screen}
.luxury-quote p{font-family:var(--serif);font-size:clamp(50px,7.5vw,105px);line-height:.9;margin:0}

.social-proof{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(217,167,43,.18);padding-top:0;padding-bottom:0}
.proof-card{background:#090909;padding:85px 55px;text-align:center}
.proof-card>span{font-family:var(--serif);font-size:55px;color:var(--gold2)}
.proof-card p{font-family:var(--serif);font-size:36px;max-width:520px;margin:15px auto}
.proof-card small{font-size:9px;letter-spacing:.2em;color:#777}

.faq-list{max-width:900px;margin:auto;border-top:1px solid rgba(255,255,255,.12)}
.faq-item{width:100%;text-align:left;background:transparent;color:var(--white);border:0;border-bottom:1px solid rgba(255,255,255,.12);padding:25px 0;display:grid;grid-template-columns:1fr auto;cursor:pointer;font-size:14px}
.faq-item b{font-weight:400;color:var(--gold2);font-size:20px;transition:.2s}
.faq-item div{display:none;grid-column:1/-1;color:#8b8478;line-height:1.7;padding:17px 35px 3px 0;font-size:13px}
.faq-item.open div{display:block}
.faq-item.open b{transform:rotate(45deg)}

footer{padding:90px 7vw 30px;border-top:1px solid rgba(255,255,255,.08);background:#030303}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px}
.brand.large{font-size:38px}
.brand.large small{font-size:14px}
.footer-brand>p{color:#777;font-size:10px;letter-spacing:.25em;margin-top:25px}
.footer-logo{width:145px;mix-blend-mode:screen;opacity:.82}
.footer-links{display:flex;gap:25px;justify-content:flex-end;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:55px}
.footer-links a:hover{color:var(--gold2)}
.footer-bottom{display:flex;justify-content:space-between;margin-top:70px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:9px;letter-spacing:.1em;color:#666}

.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:60;opacity:0;pointer-events:none;transition:.3s}
.cart-overlay.open{opacity:1;pointer-events:auto}
.cart-drawer{position:absolute;right:0;top:0;height:100%;width:min(470px,94vw);background:#0b0b0b;border-left:1px solid var(--line);padding:55px 35px;transform:translateX(100%);transition:.35s}
.cart-overlay.open .cart-drawer{transform:none}
.close-cart{position:absolute;right:24px;top:18px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}
.cart-drawer h2{font-family:var(--serif);font-size:48px;margin:0 0 30px}
.cart-line{display:flex;gap:15px;align-items:center;border-block:1px solid rgba(255,255,255,.08);padding:15px 0}
.cart-line img{width:80px;height:80px;object-fit:cover}
.cart-line-info{flex:1}
.cart-line-info b{font-family:var(--serif);font-size:20px}
.cart-line-info small{display:block;color:#777;margin-top:5px}
.cart-total{display:flex;justify-content:space-between;margin:30px 0;font-size:11px;letter-spacing:.14em}
.cart-total strong{color:var(--gold2);font-size:20px}
.checkout{width:100%}
.checkout-note{font-size:10px;color:#666;text-align:center;margin-top:15px}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:#f1cf73;color:#090909;padding:12px 18px;font-size:10px;letter-spacing:.1em;z-index:80;opacity:0;transition:.3s}
.toast.show{opacity:1;transform:translate(-50%,0)}

.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:90;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.3s;padding:45px}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox img{max-width:min(1100px,92vw);max-height:88vh;object-fit:contain;box-shadow:0 35px 120px rgba(0,0,0,.65)}
.lightbox button{position:absolute;right:28px;top:20px;background:none;border:0;color:white;font-size:34px;cursor:pointer}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){
  .nav nav{gap:18px}
  .gallery-card{min-height:500px}
  .gallery-wide{min-height:650px}
  .codes-grid{grid-template-columns:repeat(2,1fr)}
  .codes-grid article:nth-child(2){border-right:0}
  .codes-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:900px){
  .announcement{justify-content:center}.announcement span:not(.announcement-center){display:none}
  .nav nav{display:none}
  .hero{min-height:100vh;padding-top:135px;padding-bottom:80px}
  .hero-image{object-position:58% center}
  .hero-shade{background:linear-gradient(0deg,rgba(2,2,2,.95) 0%,rgba(2,2,2,.35) 65%,rgba(2,2,2,.55) 100%)}
  .hero-logo{top:135px;right:6vw;width:145px}
  .hero-copy{max-width:720px}
  .hero-stamp{display:none}
  .statement-grid,.story,.detail-feature,.product-grid,.editorial-band{grid-template-columns:1fr}
  .statement-grid{gap:30px}
  .gallery-card,.gallery-wide{grid-column:span 2;min-height:auto;aspect-ratio:1/1}
  .gallery-card:nth-child(4){aspect-ratio:4/5}
  .editorial-band{min-height:auto;padding:110px 7vw}
  .editorial-number{font-size:230px}
  .story-visual,.detail-visual{max-width:700px;justify-self:stretch}
  .story-visual{order:-1}
  .product-media{min-height:540px}
  .social-proof{grid-template-columns:1fr}
  .footer-links{justify-content:flex-start;flex-wrap:wrap}
  .section{padding:105px 6vw}
}
@media(max-width:560px){
  .nav{padding:0 5vw}
  .hero{padding-left:6vw;padding-right:6vw;min-height:94vh}
  .hero h1{font-size:58px}
  .hero-logo{width:105px;top:126px}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .section-head{display:block}
  .section-intro{margin-top:25px}
  .opening-statement h2,.section h2,.editorial-band h2,.detail-feature h2{font-size:54px}
  .gallery-grid{gap:10px}
  .gallery-card,.gallery-wide{grid-column:span 2;aspect-ratio:1/1;min-height:0}
  .gallery-card:nth-child(4){aspect-ratio:4/5}
  .gallery-card span{font-size:7px;left:14px;bottom:13px}
  .editorial-number{font-size:170px}
  .codes-grid{grid-template-columns:1fr}
  .codes-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);min-height:210px}
  .codes-grid article:last-child{border-bottom:0}
  .codes-grid h3{margin-top:35px}
  .product-info h3{font-size:41px}
  .product-media{min-height:390px}
  .purchase{flex-direction:column}
  .qty{width:max-content}
  .add-btn{width:100%}
  .manifesto{min-height:78vh}
  .manifesto h2{font-size:62px}
  .manifesto-bg{background-attachment:scroll}
  .luxury-quote{padding:105px 6vw}
  .luxury-quote p{font-size:49px}
  .proof-card{padding:60px 24px}
  .proof-card p{font-size:31px}
  .footer-top{align-items:flex-start}
  .footer-logo{width:95px}
  .footer-bottom{gap:20px;flex-direction:column}
  .lightbox{padding:15px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .ticker div{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
}

/* ===== FINAL HERO BACKGROUND ===== */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.hero.hero-final{
  position:relative;
  width:100%;
  min-height:0;
  aspect-ratio:16 / 9;
  padding:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 28%, rgba(215,165,49,.10), transparent 24%),
    radial-gradient(circle at 18% 30%, rgba(215,165,49,.05), transparent 25%),
    #030303;
  border-bottom:1px solid rgba(214,175,73,.16);
}
.hero-final .hero-image-wrap{
  position:absolute;
  inset:0;
}
.hero-final .hero-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:none;
  filter:saturate(1.02) contrast(1.02);
}
.hero-final .hero-edge-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 80% 22%, rgba(255,207,120,.08), transparent 20%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 18%,transparent 82%,rgba(0,0,0,.34) 100%);
}
.hero-final:after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(214,175,73,.05);
  pointer-events:none;
}
.hero-final .scroll{
  position:absolute;
  left:7vw;
  bottom:24px;
  z-index:3;
  color:#d3c293;
  text-shadow:0 1px 12px #000;
}

@media(max-width:900px){
  .hero.hero-final{
    aspect-ratio:auto;
    min-height:86vh;
  }
  .hero-final .hero-image{
    object-fit:cover;
    object-position:62% center;
  }
}
@media(max-width:560px){
  .hero.hero-final{
    min-height:80vh;
  }
  .hero-final .hero-image{
    object-position:65% center;
  }
  .hero-final .scroll{
    left:6vw;
    bottom:18px;
  }
}


/* ===== V6 FULL WEBSITE LUXURY BACKGROUND SYSTEM ===== */
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(213,161,39,.055), transparent 26%),
    radial-gradient(circle at 88% 24%, rgba(213,161,39,.04), transparent 22%),
    linear-gradient(180deg,#030303 0%,#070604 28%,#040404 100%);
  background-attachment:fixed;
}
main{
  position:relative;
  isolation:isolate;
}
main:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(115deg,transparent 0 46%,rgba(218,172,62,.035) 47%,transparent 48%),
    linear-gradient(65deg,transparent 0 54%,rgba(218,172,62,.022) 55%,transparent 56%);
  background-size:340px 340px,420px 420px;
}
main:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% -10%,rgba(229,182,71,.08),transparent 30%),
    radial-gradient(circle at 0% 60%,rgba(184,127,25,.045),transparent 24%),
    radial-gradient(circle at 100% 82%,rgba(214,161,50,.04),transparent 24%);
}

/* polished section treatment */
.section{
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(217,167,43,.08);
}
.section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.6;
  background:
    radial-gradient(circle at 15% 20%,rgba(215,166,48,.045),transparent 26%),
    radial-gradient(circle at 90% 75%,rgba(215,166,48,.035),transparent 24%);
}
.section > *{position:relative;z-index:1}

.opening-statement{
  background:
    linear-gradient(135deg,rgba(20,15,8,.82),rgba(4,4,4,.97) 55%),
    radial-gradient(circle at 18% 20%,rgba(219,171,54,.14),transparent 35%);
}
.opening-statement:after{
  content:"";
  position:absolute;
  right:-8vw;
  top:18%;
  width:32vw;
  aspect-ratio:1;
  border:1px solid rgba(220,177,67,.10);
  border-radius:50%;
  box-shadow:
    0 0 0 38px rgba(220,177,67,.018),
    0 0 0 76px rgba(220,177,67,.012);
  pointer-events:none;
}

.collection{
  background:
    linear-gradient(180deg,rgba(6,6,6,.96),rgba(11,8,4,.94)),
    radial-gradient(circle at 75% 20%,rgba(214,163,47,.08),transparent 28%);
}
.collection:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(238,194,88,.018),transparent);
}

.editorial-band{
  background:
    radial-gradient(circle at 15% 42%,rgba(215,164,49,.11),transparent 25%),
    radial-gradient(circle at 90% 55%,rgba(215,164,49,.07),transparent 24%),
    linear-gradient(125deg,#050505,#100b05 48%,#050505);
  box-shadow:inset 0 1px rgba(230,189,90,.08),inset 0 -1px rgba(230,189,90,.08);
}
.editorial-band:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 92px,
      rgba(221,178,70,.018) 93px,
      transparent 94px
    );
}

.story{
  background:
    radial-gradient(circle at 78% 18%,rgba(218,171,57,.075),transparent 22%),
    linear-gradient(145deg,#080706 0%,#0d0a06 48%,#050505 100%);
}
.story:after{
  content:"";
  position:absolute;
  left:6vw;
  right:6vw;
  bottom:28px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(226,183,76,.25),transparent);
  pointer-events:none;
}

.detail-feature{
  background:
    radial-gradient(circle at 18% 75%,rgba(218,166,49,.075),transparent 22%),
    linear-gradient(35deg,#050505,#0b0805 52%,#050505);
}
.detail-feature:after{
  content:"";
  position:absolute;
  top:10%;
  right:-120px;
  width:360px;
  height:360px;
  border:1px solid rgba(218,173,64,.08);
  transform:rotate(45deg);
  pointer-events:none;
}

.manifesto{
  border-block:1px solid rgba(223,178,69,.14);
  box-shadow:0 -35px 90px rgba(0,0,0,.4),0 35px 90px rgba(0,0,0,.4);
}
.manifesto:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.35),transparent 25%,transparent 75%,rgba(0,0,0,.35)),
    radial-gradient(circle at 50% 55%,transparent 25%,rgba(0,0,0,.32) 100%);
}

.brand-codes{
  background:
    radial-gradient(circle at 50% 0%,rgba(218,168,51,.07),transparent 30%),
    linear-gradient(180deg,#070604,#040404);
}
.codes-grid{
  background:rgba(8,7,5,.42);
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}
.codes-grid article{
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 55%),
    radial-gradient(circle at 50% 0%,rgba(220,173,65,.035),transparent 45%);
  transition:background .35s,transform .35s;
}
.codes-grid article:hover{
  background:
    linear-gradient(180deg,rgba(218,172,61,.055),transparent 70%);
  transform:translateY(-4px);
}

.shop{
  background:
    radial-gradient(circle at 10% 45%,rgba(217,165,49,.10),transparent 26%),
    radial-gradient(circle at 90% 35%,rgba(217,165,49,.055),transparent 25%),
    linear-gradient(120deg,#060504,#0e0a05 55%,#050505);
}
.shop:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 67%,rgba(223,178,69,.025) 68%,transparent 69%),
    linear-gradient(65deg,transparent 0 73%,rgba(223,178,69,.018) 74%,transparent 75%);
}
.product-media{
  background:
    radial-gradient(circle at 50% 42%,rgba(225,176,66,.12),transparent 35%),
    linear-gradient(145deg,#171008,#080706 60%,#020202);
  box-shadow:
    0 40px 100px rgba(0,0,0,.50),
    inset 0 0 90px rgba(206,149,34,.04);
}
.product-info{
  padding:34px 0;
}
.product-info:before{
  content:"";
  display:block;
  width:72px;
  height:1px;
  margin-bottom:25px;
  background:linear-gradient(90deg,var(--gold2),transparent);
}

.luxury-quote{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 20%,rgba(222,176,67,.10),transparent 30%),
    linear-gradient(180deg,#080604,#030303);
}
.luxury-quote:before,
.luxury-quote:after{
  content:"";
  position:absolute;
  top:50%;
  width:28vw;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(224,180,74,.28));
}
.luxury-quote:before{left:0}
.luxury-quote:after{right:0;transform:scaleX(-1)}

.social-proof{
  background:linear-gradient(90deg,rgba(161,111,18,.20),rgba(226,181,76,.26),rgba(161,111,18,.20));
}
.proof-card{
  background:
    radial-gradient(circle at 50% 10%,rgba(217,168,52,.055),transparent 34%),
    #070604;
}

.faq{
  background:
    radial-gradient(circle at 85% 20%,rgba(218,170,57,.06),transparent 24%),
    linear-gradient(150deg,#050505,#0b0805 65%,#040404);
}
.faq-list{
  background:rgba(5,5,5,.28);
  padding:0 28px;
  border:1px solid rgba(217,167,43,.10);
  box-shadow:0 30px 85px rgba(0,0,0,.30);
}

footer{
  background:
    radial-gradient(circle at 80% 10%,rgba(213,163,47,.065),transparent 26%),
    linear-gradient(180deg,#050403,#020202);
  box-shadow:inset 0 1px rgba(222,178,69,.08);
}

/* subtle luxury glow around headings */
.section h2,
.editorial-band h2,
.detail-feature h2,
.manifesto h2,
.luxury-quote p{
  text-shadow:0 16px 55px rgba(0,0,0,.45);
}

/* premium gold button treatment */
.btn-gold{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,224,147,.30);
  box-shadow:
    0 16px 45px rgba(191,132,20,.20),
    inset 0 1px rgba(255,255,255,.26);
}
.btn-gold:after{
  content:"";
  position:absolute;
  top:-150%;
  left:-35%;
  width:25%;
  height:400%;
  transform:rotate(28deg);
  background:rgba(255,255,255,.26);
  transition:left .6s ease;
}
.btn-gold:hover:after{left:120%}

/* navbar richer glass effect */
.nav{
  background:linear-gradient(180deg,rgba(7,6,4,.92),rgba(3,3,3,.84));
  border-bottom:1px solid rgba(220,174,64,.12);
  box-shadow:0 12px 40px rgba(0,0,0,.30);
}
.announcement{
  background:linear-gradient(90deg,#050505,#0c0803,#050505);
  box-shadow:inset 0 -1px rgba(218,171,59,.08);
}

@media(max-width:900px){
  main:before{opacity:.10}
  .opening-statement:after,
  .detail-feature:after{display:none}
  .faq-list{padding:0 18px}
}


/* ===== V8 RESPONSIVE: PC / LAPTOP / TABLET / PHONE ===== */
.nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.menu-btn{
  display:none;
  width:42px;
  height:42px;
  padding:10px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.28);
  cursor:pointer;
}
.menu-btn span{
  display:block;
  height:1px;
  margin:5px 0;
  background:var(--gold2);
  transition:.25s;
}

/* Mobile navigation drawer */
.mobile-menu{
  position:fixed;
  inset:0;
  z-index:75;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
  opacity:0;
  pointer-events:none;
  transition:.3s;
}
.mobile-menu.open{
  opacity:1;
  pointer-events:auto;
}
.mobile-menu-panel{
  position:absolute;
  top:0;
  right:0;
  width:min(390px,90vw);
  height:100%;
  padding:70px 34px 40px;
  background:
    radial-gradient(circle at 85% 8%,rgba(217,167,43,.10),transparent 25%),
    linear-gradient(180deg,#0b0906,#050505);
  border-left:1px solid var(--line);
  transform:translateX(100%);
  transition:.35s ease;
}
.mobile-menu.open .mobile-menu-panel{transform:none}
.mobile-menu-close{
  position:absolute;
  right:20px;
  top:16px;
  color:#fff;
  background:none;
  border:0;
  font-size:32px;
  cursor:pointer;
}
.mobile-menu nav{
  display:flex;
  flex-direction:column;
  margin-top:38px;
}
.mobile-menu nav a{
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-family:var(--serif);
  font-size:34px;
  line-height:1;
}
.mobile-menu nav a:hover{color:var(--gold2)}
.mobile-menu-tagline{
  margin-top:40px;
  color:#817968;
  font-size:9px;
  letter-spacing:.22em;
}

/* Large desktop / wide PC */
@media(min-width:1500px){
  .nav{padding-left:6vw;padding-right:6vw}
  .section{padding-left:8vw;padding-right:8vw}
  .hero.hero-final{
    max-height:none;
  }
  .gallery-grid{
    max-width:1500px;
    margin-inline:auto;
  }
  .product-grid,
  .story,
  .detail-feature{
    max-width:1500px;
    margin-inline:auto;
  }
}

/* Standard PC and laptop */
@media(min-width:1101px) and (max-width:1499px){
  .nav{padding-left:4.5vw;padding-right:4.5vw}
  .nav nav{gap:22px}
  .section{padding-left:6vw;padding-right:6vw}
  .section-head{gap:30px}
  .gallery-wide{min-height:650px}
  .product-media{min-height:620px}
}

/* Small laptop */
@media(min-width:901px) and (max-width:1100px){
  .nav{
    padding-left:4vw;
    padding-right:4vw;
  }
  .nav nav{gap:14px}
  .nav nav a{font-size:9px}
  .section{
    padding:105px 5vw;
  }
  .section h2{font-size:clamp(48px,6vw,80px)}
  .opening-statement h2{font-size:clamp(58px,7vw,96px)}
  .product-grid{gap:4vw}
  .product-media{min-height:540px}
  .product-info h3{font-size:44px}
  .gallery-card{min-height:450px}
  .gallery-wide{min-height:590px}
}

/* Tablet landscape / portrait */
@media(min-width:601px) and (max-width:900px){
  .announcement{height:30px}
  .nav{
    top:30px;
    height:68px;
    padding:0 5vw;
  }
  .desktop-nav{display:none!important}
  .menu-btn{display:block}
  .cart-btn{padding:10px 12px}
  .brand{font-size:18px}
  .brand small{font-size:10px}

  /* Keep the complete hero artwork visible on tablet */
  .hero.hero-final{
    min-height:0!important;
    aspect-ratio:16/9!important;
    padding:0!important;
    margin-top:0;
  }
  .hero-final .hero-image{
    object-fit:contain!important;
    object-position:center center!important;
    background:#050505;
  }
  .hero-final .scroll{display:none}

  .section{
    padding:85px 6vw;
  }
  .section-head{
    align-items:flex-start;
  }
  .section h2{font-size:clamp(46px,8vw,72px)}
  .opening-statement{
    padding-top:100px;
    padding-bottom:100px;
  }
  .opening-statement h2{font-size:clamp(52px,9vw,82px)}
  .statement-grid{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:45px;
  }
  .statement-quote{font-size:42px}
  .gallery-grid{gap:14px}
  .gallery-card,
  .gallery-wide{
    grid-column:span 2;
    min-height:0;
    aspect-ratio:1/1;
  }
  .gallery-wide{aspect-ratio:16/10}
  .editorial-band{
    grid-template-columns:1fr;
    padding:90px 6vw;
  }
  .editorial-number{
    font-size:210px;
    margin-bottom:20px;
  }
  .story,
  .detail-feature,
  .product-grid{
    grid-template-columns:1fr;
    gap:55px;
  }
  .story-visual{
    order:-1;
    max-width:680px;
    justify-self:center;
  }
  .detail-visual,
  .product-media{
    max-width:680px;
    width:100%;
    justify-self:center;
  }
  .product-media{
    min-height:0;
    aspect-ratio:1/1;
  }
  .product-media img{
    object-fit:cover;
  }
  .product-info{
    max-width:680px;
    width:100%;
    justify-self:center;
  }
  .codes-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .luxury-quote p{font-size:clamp(48px,8vw,76px)}
  .proof-card{padding:65px 30px}
  .footer-top{
    align-items:flex-start;
  }
}

/* Phone */
@media(max-width:600px){
  .announcement{
    height:28px;
    padding:0 4vw;
  }
  .announcement-center{
    font-size:8px;
  }
  .nav{
    top:28px;
    height:64px;
    padding:0 4vw;
  }
  .desktop-nav{display:none!important}
  .menu-btn{display:block}
  .nav-actions{gap:8px}
  .cart-btn{
    padding:9px 10px;
    font-size:9px;
  }
  .brand{font-size:17px}
  .brand small{font-size:9px;margin-top:6px}

  /* Show the entire campaign hero on phones instead of cropping the text */
  .hero.hero-final{
    min-height:0!important;
    width:100%;
    aspect-ratio:16/9!important;
    padding:0!important;
    background:#030303;
  }
  .hero-final .hero-image{
    width:100%;
    height:100%;
    object-fit:contain!important;
    object-position:center center!important;
    background:#030303;
  }
  .hero-final .scroll,
  .hero-final:after{
    display:none!important;
  }

  .ticker{
    font-size:14px;
    padding:14px 0;
  }
  .ticker span{margin:0 20px}

  .section{
    padding:72px 5vw;
  }
  .section-head{
    display:block;
    margin-bottom:40px;
  }
  .section h2,
  .opening-statement h2,
  .editorial-band h2,
  .detail-feature h2{
    font-size:46px;
    line-height:.88;
  }
  .section-intro{
    margin-top:22px;
    font-size:12px;
  }
  .opening-statement{
    padding-top:82px;
    padding-bottom:82px;
  }
  .statement-grid{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:38px;
  }
  .statement-quote{font-size:34px}

  .gallery-grid{gap:10px}
  .gallery-card,
  .gallery-wide{
    grid-column:span 2;
    min-height:0!important;
    aspect-ratio:1/1;
  }
  .gallery-wide{aspect-ratio:4/5}
  .gallery-card span{
    left:12px;
    bottom:12px;
    font-size:7px;
  }

  .editorial-band{
    min-height:0;
    padding:78px 5vw;
  }
  .editorial-number{
    font-size:140px;
    margin-bottom:22px;
  }
  .editorial-copy>p:last-child{font-size:12px}

  .story,
  .detail-feature,
  .product-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .story-visual{order:-1}
  .story-visual:before{inset:-8px 8px 8px -8px}
  .story-copy p:not(.eyebrow),
  .detail-copy p,
  .description{
    font-size:12px;
  }

  .detail-lines>div{
    grid-template-columns:34px 1fr;
    padding:15px 0;
  }
  .detail-lines strong{font-size:10px}

  .manifesto{
    min-height:62vh;
  }
  .manifesto-inner{padding:85px 5vw}
  .manifesto h2{font-size:52px}

  .codes-grid{
    grid-template-columns:1fr;
  }
  .codes-grid article{
    min-height:180px;
    padding:30px 22px;
  }
  .codes-grid h3{
    font-size:34px;
    margin:30px 0 10px;
  }

  .shop .section-head{margin-bottom:38px}
  .product-media{
    min-height:0;
    aspect-ratio:1/1;
  }
  .product-media img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .product-info{
    padding:0;
  }
  .product-info h3{font-size:36px}
  .price{font-size:20px}
  .rating{font-size:10px}
  .feature-list{margin:24px 0}
  .feature-list>div{padding:14px 0}
  .purchase{
    flex-direction:column;
  }
  .qty{
    width:100%;
    justify-content:center;
  }
  .qty span{flex:1}
  .qty button{width:48px}
  .add-btn{width:100%}

  .luxury-quote{
    padding:85px 5vw;
  }
  .luxury-quote p{font-size:42px}
  .luxury-quote img{width:105px}
  .luxury-quote:before,
  .luxury-quote:after{display:none}

  .social-proof{
    grid-template-columns:1fr;
  }
  .proof-card{
    padding:52px 22px;
  }
  .proof-card p{font-size:28px}

  .faq-list{
    padding:0 15px;
  }
  .faq-item{
    font-size:13px;
    padding:20px 0;
  }

  footer{
    padding:65px 5vw 26px;
  }
  .footer-top{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-logo{width:90px}
  .footer-links{
    justify-content:flex-start;
    margin-top:38px;
    gap:18px;
  }
  .footer-bottom{
    flex-direction:column;
    gap:12px;
    margin-top:45px;
  }

  .cart-drawer{
    width:100vw;
    padding:55px 22px;
  }

  .lightbox{
    padding:10px;
  }
}

/* Very small phones */
@media(max-width:380px){
  .brand{font-size:15px}
  .cart-btn{font-size:8px;padding:8px}
  .menu-btn{width:38px;height:38px}
  .section h2,
  .opening-statement h2,
  .editorial-band h2,
  .detail-feature h2{
    font-size:40px;
  }
  .editorial-number{font-size:120px}
  .luxury-quote p{font-size:36px}
}


/* ===== V9 MOBILE/TABLET VISIBILITY FIX ===== */
/* On smaller screens the fixed header was covering the top of the hero artwork.
   Make the navigation part of the page flow so the complete hero stays visible. */
@media(max-width:900px){
  .nav{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%;
    z-index:35;
  }

  .hero.hero-final{
    margin-top:0!important;
  }

  .hero-final .hero-image-wrap{
    inset:0!important;
  }

  .hero-final .hero-image{
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Phone-specific polish */
@media(max-width:600px){
  .announcement{
    position:relative;
    z-index:36;
  }

  .nav{
    height:58px!important;
    padding:0 4vw!important;
  }

  .brand{
    font-size:15px!important;
  }

  .brand small{
    font-size:8px!important;
  }

  .menu-btn{
    width:38px!important;
    height:38px!important;
    padding:8px!important;
  }

  .cart-btn{
    padding:8px 9px!important;
    font-size:8px!important;
  }

  .hero.hero-final{
    width:100%;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1672 / 941!important;
    padding:0!important;
    background:#030303!important;
  }

  .hero-final .hero-image{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block;
  }

  /* Keep decorative overlays from hiding any part of the artwork */
  .hero-final .hero-edge-shade{
    background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 18%,transparent 88%,rgba(0,0,0,.08))!important;
  }

  .hero-final:after,
  .hero-final .scroll{
    display:none!important;
  }

  /* Prevent anchor sections from hiding under sticky navigation */
  #collection,
  #shop,
  #story,
  #details,
  #faq{
    scroll-margin-top:70px;
  }
}

/* Tablet-specific hero visibility */
@media(min-width:601px) and (max-width:900px){
  .hero.hero-final{
    width:100%;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1672 / 941!important;
    padding:0!important;
  }

  .hero-final .hero-image{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }

  #collection,
  #shop,
  #story,
  #details,
  #faq{
    scroll-margin-top:82px;
  }
}