:root{
  --ink:#050505;
  --ink-soft:#0b0a08;
  --panel:#0e0d0b;
  --gold:#c9a24c;
  --gold-bright:#ebcb78;
  --cream:#f2eadb;
  --muted:#aaa194;
  --line:rgba(235,203,120,.18);
  --line-soft:rgba(255,255,255,.075);
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
body.menu-open,body.cart-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{color:inherit}
.container{width:min(var(--max),calc(100% - 44px));margin:0 auto}
.display{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.005em}
.eyebrow{font-size:.72rem;letter-spacing:.23em;text-transform:uppercase;color:var(--gold-bright);font-weight:650}
::selection{background:var(--gold);color:#050505}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,5,5,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
.nav{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.brand{justify-self:start;display:flex;align-items:center;gap:11px;min-width:190px}
.brand img{width:48px;height:48px;object-fit:contain}
.brand span{font-family:Georgia,serif;letter-spacing:.24em;font-size:1rem}
.nav-links{display:flex;align-items:center;gap:32px;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem}
.nav-links a{position:relative;color:#ddd5c9;padding:28px 0 26px;transition:color .2s}
.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:1px;background:var(--gold-bright);transform:scaleX(0);transition:transform .22s}
.nav-links a:hover,.nav-links a.active{color:var(--gold-bright)}
.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}
.nav-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.header-shop{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);padding:10px 16px;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;transition:.2s}
.header-shop:hover{background:var(--gold);color:#050505}
.cart-button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;display:grid;place-items:center;position:relative;cursor:pointer}
.cart-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.cart-count{position:absolute;top:-5px;right:-4px;min-width:19px;height:19px;border-radius:20px;background:var(--gold-bright);color:#050505;display:grid;place-items:center;font-size:.68rem;font-weight:800}
.menu-button{display:none;border:0;background:transparent;font-size:1.4rem;padding:8px;cursor:pointer}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:172px;padding:14px 24px;border:1px solid var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;transition:transform .22s,background .22s,border-color .22s,color .22s;cursor:pointer}
.btn.primary{background:var(--gold);color:#050505}
.btn.primary:hover{background:var(--gold-bright);border-color:var(--gold-bright);transform:translateY(-2px)}
.btn.secondary{background:transparent;color:var(--cream)}
.btn.secondary:hover{background:rgba(201,162,76,.07);transform:translateY(-2px)}
.btn.full{width:100%}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold-bright);font-size:.83rem;letter-spacing:.04em}
.text-link:hover{gap:12px}

/* Home hero */
.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 48%,rgba(201,162,76,.085),transparent 32%),linear-gradient(180deg,#070604,#030303 72%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.22),transparent 72%);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;padding:58px 0 70px}
.hero-copy{max-width:590px}
.hero-mark{width:86px;margin-bottom:24px}
.hero h1{font-size:clamp(3.7rem,7.1vw,7.1rem);line-height:.94;margin:10px 0 24px;max-width:650px}
.hero h1 em{font-style:normal;color:var(--gold-bright)}
.hero-lead{font-size:1.08rem;color:#c5bcaf;max-width:570px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
.hero-proof{display:flex;gap:30px;flex-wrap:wrap;padding-top:25px;border-top:1px solid var(--line-soft)}
.hero-proof div{display:grid;gap:1px}
.hero-proof strong{font-family:Georgia,serif;font-size:1.03rem;font-weight:400;color:var(--cream)}
.hero-proof span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#837d74}

/* Live watch */
.live-watch-panel{display:grid;justify-items:center;align-content:center;min-width:0}
.live-meta{width:min(560px,100%);display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#8e877c;font-size:.69rem;letter-spacing:.17em;text-transform:uppercase}
.live-indicator{display:inline-flex;align-items:center;gap:8px;color:var(--gold-bright)}
.live-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 5px rgba(235,203,120,.08);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(235,203,120,0)}}
.watch-shell{position:relative;width:min(560px,78vw);aspect-ratio:1;border-radius:50%;padding:19px;background:linear-gradient(145deg,#e5c36b 0%,#75551d 24%,#f1d27c 48%,#6e4e18 70%,#d9b45d 100%);box-shadow:0 38px 90px rgba(0,0,0,.58),0 0 0 1px rgba(235,203,120,.22)}
.watch-shell:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(0,0,0,.65);pointer-events:none}
.watch-face{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#090909;box-shadow:inset 0 0 0 2px #141414,inset 0 0 35px rgba(0,0,0,.8)}
.watch-face>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.watch-glass{position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,rgba(255,255,255,.105),transparent 19%,transparent 57%,rgba(255,255,255,.025) 76%,transparent);pointer-events:none}
.hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;z-index:5;filter:drop-shadow(0 2px 2px rgba(0,0,0,.82))}
.hand.hour,.hand.minute{clip-path:polygon(50% 0,82% 9%,67% 78%,54% 100%,46% 100%,33% 78%,18% 9%);background:linear-gradient(90deg,#2b2d2f 0%,#d9dddf 12%,#f5f7f7 28%,#7d8184 36%,#f5f7f7 50%,#7d8184 64%,#f5f7f7 72%,#d9dddf 88%,#2b2d2f 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}
.hand.hour:before,.hand.minute:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:14%;bottom:18%;width:32%;background:linear-gradient(180deg,#eef8f5,#cfe8e3);opacity:.95;filter:drop-shadow(0 0 3px rgba(187,235,226,.22));clip-path:polygon(50% 0,100% 12%,72% 100%,28% 100%,0 12%)}
.hand.hour{width:17px;height:26%;margin-left:-8.5px}
.hand.minute{width:13px;height:36%;margin-left:-6.5px}
.hand.second{width:1.5px;height:39%;background:linear-gradient(90deg,#5d6163,#f5f7f7,#5d6163);margin-left:-.75px}
.hand.second:after{content:"";position:absolute;left:0;top:100%;width:100%;height:22%;background:inherit}
.pin{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:#141516;border:3px solid #dfe2e3;z-index:8;box-shadow:0 0 0 2px #55585a,0 2px 6px rgba(0,0,0,.8)}
.live-controls{width:min(560px,100%);margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dial-switcher{display:flex;align-items:center;gap:10px}
.dial-switcher button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);padding:4px;background:#0a0a0a;cursor:pointer;transition:.2s}
.dial-switcher button:hover,.dial-switcher button.active{border-color:var(--gold-bright);transform:translateY(-2px)}
.dial-switcher img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.live-shop{font-size:.73rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold-bright)}

/* Shop section */
.section{padding:100px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}
.section-head h2{font-size:clamp(2.5rem,4.8vw,4.3rem);line-height:1.03;margin:7px 0 0}
.section-head p{max-width:520px;color:var(--muted);margin:0}
.watch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.watch-card{border:1px solid var(--line-soft);background:linear-gradient(180deg,#0d0c0a,#080808);transition:.3s;overflow:hidden}
.watch-card:hover{transform:translateY(-6px);border-color:rgba(235,203,120,.38);box-shadow:0 25px 60px rgba(0,0,0,.36)}
.card-art{aspect-ratio:1;display:grid;place-items:center;padding:26px;background:radial-gradient(circle,rgba(201,162,76,.085),transparent 48%),#090909}
.card-ring{width:88%;aspect-ratio:1;border-radius:50%;padding:8px;background:linear-gradient(145deg,#d8b45c,#6f5019,#e6c56b);box-shadow:0 18px 45px rgba(0,0,0,.45)}
.card-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.card-copy{padding:19px 19px 21px;border-top:1px solid var(--line-soft)}
.card-top{display:flex;justify-content:space-between;align-items:start;gap:10px}
.card-copy h3{font-family:Georgia,serif;font-size:1.38rem;font-weight:400;margin:0 0 2px}
.card-copy small{display:block;color:#8e877c;font-size:.74rem}
.card-arrow{color:var(--gold-bright);font-size:1.1rem;transition:transform .2s}
.watch-card:hover .card-arrow{transform:translateX(4px)}
.card-action{margin-top:15px;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}

/* Clarity strip */
.path-strip{border-block:1px solid var(--line-soft);background:#080806}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.path-item{padding:34px 30px;border-right:1px solid var(--line);display:flex;gap:18px;align-items:center;transition:.2s}
.path-item:last-child{border-right:0}
.path-item:hover{background:rgba(201,162,76,.035)}
.path-number{color:var(--gold-bright);font-size:.73rem;letter-spacing:.12em}
.path-item strong{display:block;font-family:Georgia,serif;font-size:1.22rem;font-weight:400}
.path-item span{display:block;color:#8e877c;font-size:.77rem}

/* Page hero */
.page-hero{padding:92px 0 62px;border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 75% 0%,rgba(201,162,76,.07),transparent 30%)}
.page-hero h1{font-size:clamp(3.2rem,7vw,6.2rem);line-height:.95;margin:8px 0 14px}
.page-hero p{max-width:650px;margin:0;color:var(--muted);font-size:1rem}

/* Collection */
.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.collection-grid .card-art{padding:48px}
.collection-grid .card-copy{padding:23px 24px 25px}
.collection-grid .card-copy h3{font-size:1.7rem}

/* Product */
.product-page{padding:70px 0 105px}
.product-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:64px;align-items:start}
.product-watch{position:sticky;top:112px;display:grid;place-items:center;border:1px solid var(--line-soft);background:radial-gradient(circle,rgba(201,162,76,.09),transparent 48%),#090909;min-height:680px;padding:50px}
.product-watch .watch-shell{width:min(570px,100%)}
.product-info{padding-top:12px}
.breadcrumb{color:#8d867a;font-size:.78rem;margin-bottom:32px}
.breadcrumb a:hover{color:var(--gold-bright)}
.product-info h1{font-size:clamp(3.5rem,6vw,5.6rem);line-height:.94;margin:7px 0 12px}
.product-intro{color:var(--muted);margin:0 0 30px;max-width:470px}
.product-rule{height:1px;background:var(--line-soft);margin:25px 0}
.variant-label{font-size:.69rem;letter-spacing:.16em;text-transform:uppercase;color:#8d867a;margin-bottom:12px}
.variant-row{display:flex;gap:10px;flex-wrap:wrap}
.variant{width:66px;height:66px;border:1px solid var(--line-soft);background:#0a0a0a;padding:6px;cursor:pointer;transition:.2s}
.variant:hover,.variant.active{border-color:var(--gold-bright);transform:translateY(-2px)}
.variant img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.product-actions{display:grid;gap:10px;margin-top:28px}
.spec-list{display:grid;margin-top:34px;border-top:1px solid var(--line-soft)}
.spec{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line-soft);font-size:.81rem}
.spec span{color:#858076}
.spec strong{font-weight:500;text-align:right}

/* Story */
.story-wrap{padding:100px 0 115px}
.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.story-brand{position:sticky;top:120px}
.story-brand img{width:min(360px,100%);margin-bottom:30px}
.story-brand .origin{display:flex;gap:12px;align-items:center;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}
.story-brand .origin:before{content:"";width:40px;height:1px;background:var(--gold)}
.story-copy h1{font-size:clamp(3.4rem,6vw,5.6rem);line-height:.98;margin:6px 0 35px}
.story-copy .lead{font-family:Georgia,serif;font-size:clamp(1.5rem,2.8vw,2.35rem);line-height:1.4;color:#e3dacb;margin-bottom:36px}
.story-copy p{font-size:1.02rem;color:#aaa296;max-width:720px;margin:0 0 24px}
.story-note{margin-top:44px;padding:26px;border:1px solid var(--line);background:#090806;display:grid;gap:5px}
.story-note strong{font-family:Georgia,serif;font-size:1.3rem;font-weight:400}
.story-note span{color:#958e83;font-size:.83rem}

/* Contact */
.contact-wrap{padding:80px 0 110px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}
.form{display:grid;gap:13px}
.input{width:100%;padding:16px;background:#0b0b0b;color:var(--cream);border:1px solid rgba(255,255,255,.13);outline:0;transition:.2s}
.input:focus{border-color:rgba(235,203,120,.55)}
textarea.input{min-height:170px;resize:vertical}
.contact-copy h2{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.04;margin:8px 0 22px}
.contact-copy>p{color:var(--muted);max-width:520px}
.contact-direct{display:grid;gap:12px;margin-top:28px}
.contact-direct a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line-soft);background:#090909;transition:.2s}
.contact-direct a:hover{border-color:var(--line);transform:translateX(3px)}
.contact-direct small{display:block;color:#7e786f;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem}
.contact-direct strong{font-weight:500;color:var(--gold-bright)}

/* Policy */
.policy-wrap{padding:80px 0 110px}.policy-wrap article{max-width:800px}.policy-wrap h2{font-family:Georgia,serif;font-weight:400;font-size:2rem;margin:44px 0 9px}.policy-wrap p{color:var(--muted)}

/* Footer */
footer{border-top:1px solid var(--line-soft);padding:56px 0 28px;background:#050505}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
.footer-logo{width:180px;margin-bottom:16px}.footer-tagline{max-width:270px;color:#777168;font-size:.79rem}
.footer-col h4{margin:0 0 15px;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.14em;font-size:.69rem}
.footer-col a{display:block;color:#9c9589;font-size:.82rem;margin:8px 0}.footer-col a:hover{color:var(--cream)}
.copyright{margin-top:42px;padding-top:22px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:20px;color:#666057;font-size:.72rem}

/* Cart */
.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:150;opacity:0;pointer-events:none;transition:.25s}
.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,92vw);background:#0a0907;border-left:1px solid var(--line);z-index:160;transform:translateX(101%);transition:transform .3s ease;display:flex;flex-direction:column}
.cart-open .cart-backdrop{opacity:1;pointer-events:auto}.cart-open .cart-drawer{transform:none}
.cart-head{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line-soft);font-family:Georgia,serif;font-size:1.2rem}
.cart-close{border:0;background:transparent;font-size:1.8rem;cursor:pointer}
.cart-body{padding:22px 24px;display:flex;flex-direction:column;gap:14px;min-height:0;flex:1}
.cart-items{display:grid;gap:10px;overflow:auto;max-height:55vh}
.cart-item{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line-soft);background:#0d0c0a}
.cart-item img{width:62px;height:62px;border-radius:50%;object-fit:cover}
.cart-item strong{display:block;font-family:Georgia,serif;font-weight:400}.cart-item small{color:#847d72}.remove-item{background:transparent;border:0;color:#8c857a;cursor:pointer;font-size:1.15rem}.remove-item:hover{color:var(--gold-bright)}
.cart-empty{padding:60px 0;text-align:center;color:#8c857a}.cart-empty-mark{font-family:Georgia,serif;font-size:4rem;color:var(--gold);opacity:.6}
.cart-actions{margin-top:auto;display:grid;gap:10px;padding-top:18px;border-top:1px solid var(--line-soft)}
.cart-note{font-size:.7rem;color:#756f65;text-align:center;margin:0}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,25px);z-index:220;background:var(--gold-bright);color:#060606;padding:12px 18px;font-size:.77rem;letter-spacing:.04em;opacity:0;pointer-events:none;transition:.28s}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Reveal */
.fade-up{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:none}

/* Responsive */
@media (max-width:1050px){
  .hero-grid{grid-template-columns:1fr;gap:54px;text-align:center;padding-top:72px}.hero-copy{margin:auto}.hero-mark{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.live-watch-panel{margin:auto;width:min(620px,100%)}
  .watch-grid{grid-template-columns:repeat(2,1fr)}
  .product-layout{grid-template-columns:1fr;gap:42px}.product-watch{position:relative;top:0;min-height:auto}.product-info{max-width:720px;margin:auto;width:100%}
  .story-grid{grid-template-columns:1fr;gap:50px}.story-brand{position:relative;top:0}.story-brand img{width:260px}
}
@media (max-width:780px){
  .container{width:min(var(--max),calc(100% - 30px))}.nav{grid-template-columns:1fr auto;height:70px}.brand{min-width:0}.brand img{width:43px;height:43px}.brand span{font-size:.88rem}.nav-links{position:fixed;inset:70px 0 auto 0;background:#080808;border-bottom:1px solid var(--line-soft);display:grid;gap:0;transform:translateY(-130%);transition:.27s;padding:8px 15px 18px;z-index:99}.menu-open .nav-links{transform:none}.nav-links a{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.nav-links a:after{display:none}.header-shop{display:none}.menu-button{display:block}.nav-actions{gap:2px}.cart-button{width:42px;height:42px}
  .hero{min-height:auto}.hero-grid{padding:64px 0}.hero h1{font-size:clamp(3.3rem,15vw,5.1rem)}.hero-lead{font-size:.98rem}.hero-proof{gap:20px}.watch-shell{width:min(450px,86vw);padding:14px}.live-controls{flex-direction:column}.live-meta{padding:0 4px}
  .section{padding:76px 0}.section-head{display:block}.section-head .text-link{margin-top:18px}.watch-grid,.collection-grid{grid-template-columns:1fr}.card-art{padding:40px}.collection-grid .card-art{padding:38px}
  .path-grid{grid-template-columns:1fr}.path-item{border-right:0;border-bottom:1px solid var(--line)}.path-item:last-child{border-bottom:0}
  .page-hero{padding:70px 0 48px}
  .product-page{padding-top:40px}.product-watch{padding:28px 18px}.product-watch .watch-shell{width:min(480px,86vw)}
  .contact-grid{grid-template-columns:1fr;gap:50px}.contact-copy{order:-1}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.copyright{display:grid}
}
@media (max-width:480px){
  .brand span{letter-spacing:.18em}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.watch-shell{width:89vw}.dial-switcher button{width:33px;height:33px}.card-art{padding:28px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-logo{width:150px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.fade-up{opacity:1;transform:none}}


/* V6 — Union Collection identity and clearer purchase path */
.drop-badge{display:inline-flex;align-items:center;border:1px solid rgba(235,203,120,.35);padding:7px 10px;margin-bottom:16px;color:var(--gold-bright);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;background:rgba(201,162,76,.04)}
.union-hero{background:radial-gradient(circle at 76% 45%,rgba(201,162,76,.09),transparent 31%),linear-gradient(180deg,#080704,#030303 72%)}
.card-kicker{font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:4px}
.named-grid .card-copy small{line-height:1.55;max-width:250px}
.story-tease{padding:92px 0;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,#080806,#050505)}
.story-tease-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
.story-tease h2{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.02;margin:8px 0 0}
.story-tease p{color:var(--muted);margin:0 0 24px;max-width:520px}
.collection-hero h1{max-width:850px}
.collection-close{padding:80px 0 95px;border-top:1px solid var(--line-soft);text-align:center;background:#070705}
.collection-close h2{font-size:clamp(2.5rem,4.7vw,4.2rem);margin:8px auto 12px;max-width:850px}
.collection-close p{color:var(--muted);margin:0 auto;max-width:580px}
.product-color{color:var(--gold-bright);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-top:-3px;margin-bottom:12px}
.product-price{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font-size:.82rem;color:#8d867a}
.product-price strong{color:var(--cream);font-family:Georgia,serif;font-size:1.2rem;font-weight:400}
.live-product-note{width:min(570px,100%);display:flex;justify-content:space-between;gap:20px;padding-top:14px;color:#827b71;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.purchase-hook{margin-top:20px;padding:18px;border:1px solid var(--line);background:rgba(201,162,76,.035);display:grid;gap:4px}
.purchase-hook strong{font-family:Georgia,serif;font-weight:400;font-size:1.1rem}.purchase-hook span{color:#91897d;font-size:.78rem}
.cart-microcopy{display:grid;gap:3px;padding:0 0 6px}.cart-microcopy strong{font-family:Georgia,serif;font-weight:400;font-size:1.05rem}.cart-microcopy span{color:#7c756b;font-size:.72rem}
.checkout-action.disabled{opacity:.45;pointer-events:none}
.form-note{margin:0;color:#777067;font-size:.72rem;line-height:1.55}

/* Checkout */
.checkout-page-body{background:#050505}
.checkout-wrap{padding:72px 0 110px;min-height:80vh}
.checkout-heading{max-width:740px;margin-bottom:36px}
.checkout-heading h1{font-size:clamp(3.3rem,6vw,5.8rem);line-height:.96;margin:7px 0 12px}.checkout-heading p{color:var(--muted);margin:0}
.checkout-progress{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-soft);background:#090909}
.checkout-progress li{display:flex;align-items:center;gap:10px;padding:15px 17px;color:#6f6960;border-right:1px solid var(--line-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.checkout-progress li:last-child{border-right:0}.checkout-progress span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid #4f4a43;font-size:.65rem}.checkout-progress .active{color:var(--gold-bright);background:rgba(201,162,76,.045)}.checkout-progress .active span,.checkout-progress .complete span{border-color:var(--gold);background:var(--gold);color:#050505}.checkout-progress .complete{color:#b7aa95}
.checkout-shell{border:1px solid var(--line-soft);background:linear-gradient(180deg,#0a0907,#070707)}
.checkout-step{display:none;padding:42px}.checkout-step.active{display:block}
.step-copy{max-width:720px;margin-bottom:28px}.step-copy h2{font-size:clamp(2.4rem,4.8vw,4.1rem);line-height:1.03;margin:7px 0 10px}.step-copy p{color:var(--muted);margin:0;max-width:620px}
.checkout-card{border:1px solid var(--line-soft);background:#080808}
.checkout-items{display:grid}.checkout-item{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.checkout-item img,.summary-item img{width:68px;height:68px;border-radius:50%;object-fit:cover}.checkout-item strong,.summary-item strong{display:block;font-family:Georgia,serif;font-size:1.08rem;font-weight:400}.checkout-item span,.summary-item span{display:block;color:#817b72;font-size:.72rem}.checkout-item em{font-style:normal;color:#827a6d;font-size:.75rem}
.checkout-total{display:flex;justify-content:space-between;gap:20px;padding:17px 16px;color:#8a8379;font-size:.8rem}.checkout-total strong{color:var(--cream);font-weight:500}
.checkout-empty{padding:28px;text-align:center}.checkout-empty strong{display:block;font-family:Georgia,serif;font-size:1.4rem;font-weight:400;margin-bottom:5px}.checkout-empty a{color:var(--gold-bright);font-size:.78rem}
.checkout-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.checkout-nav .btn{min-width:210px}
.checkout-fields{display:grid;gap:15px}.checkout-fields.two-col{grid-template-columns:1fr 1fr}.checkout-fields label{display:grid;gap:7px}.checkout-fields label>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#8c8478}.checkout-fields .wide{grid-column:1/-1}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8b8377 50%),linear-gradient(135deg,#8b8377 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payment-option{position:relative;border:1px solid var(--line-soft);background:#090909;padding:22px;cursor:pointer;transition:.2s;display:grid;gap:4px}.payment-option:hover,.payment-option.selected{border-color:var(--gold);background:rgba(201,162,76,.045)}.payment-option input{position:absolute;opacity:0;pointer-events:none}.payment-option .pay-icon{font-size:1.35rem;color:var(--gold-bright);margin-bottom:7px}.payment-option strong{font-family:Georgia,serif;font-weight:400;font-size:1.15rem}.payment-option small{color:#81796f}
.payment-preview-note{margin:16px 0 24px;padding:15px 16px;border:1px dashed rgba(235,203,120,.28);display:grid;gap:3px;background:rgba(201,162,76,.025)}.payment-preview-note strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-bright)}.payment-preview-note span{color:#8e867b;font-size:.74rem}
.checkout-summary-mini{margin-top:20px;border:1px solid var(--line-soft);background:#080808;padding:18px}.checkout-summary-mini h3,.final-review h3{font-family:Georgia,serif;font-weight:400;margin:0 0 13px}.summary-item{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}.summary-item img{width:54px;height:54px}.summary-line{display:flex;justify-content:space-between;gap:20px;padding-top:14px;color:#8b8378;font-size:.78rem}.summary-line strong{color:var(--cream)}
.final-review{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:14px}.final-review>div{border:1px solid var(--line-soft);padding:18px;background:#080808;min-height:150px}.final-review p{color:#938b80;font-size:.8rem;margin:0;line-height:1.65}.consent-line{display:flex;gap:10px;align-items:flex-start;margin-top:20px;color:#aaa195;font-size:.78rem}.consent-line input{accent-color:var(--gold);margin-top:3px}.checkout-disclaimer{color:#726b62;font-size:.69rem;text-align:right;margin:12px 0 0}
.success-page{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:70px 20px;background:radial-gradient(circle at 50% 35%,rgba(201,162,76,.08),transparent 32%),#050505}.success-card{max-width:760px;text-align:center}.success-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--gold);color:#050505;font-size:1.6rem}.success-card h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1;margin:8px 0 18px}.success-card p{color:var(--muted);max-width:620px;margin:0 auto 28px}.success-card .hero-actions{justify-content:center}

@media (max-width:900px){.story-tease-grid{grid-template-columns:1fr;gap:28px}.checkout-progress strong{display:none}.checkout-progress li{justify-content:center}.final-review{grid-template-columns:1fr}.payment-grid{grid-template-columns:1fr}.checkout-fields.two-col{grid-template-columns:1fr}.checkout-fields .wide{grid-column:auto}}
@media (max-width:650px){.checkout-wrap{padding-top:45px}.checkout-step{padding:27px 18px}.checkout-progress li{padding:12px 8px}.checkout-nav{display:grid}.checkout-nav .btn{width:100%;min-width:0}.checkout-item{grid-template-columns:62px 1fr auto}.checkout-item img{width:58px;height:58px}.story-tease{padding:72px 0}.drop-badge{font-size:.58rem}.product-price{align-items:flex-start;flex-direction:column;gap:4px}}

/* V7 checkout clarity + validation */
.checkout-progress{padding:0}
.checkout-progress li{padding:0!important;display:block!important;color:inherit!important}
.progress-step{appearance:none;border:0;background:transparent;color:#6f6960;width:100%;min-height:54px;padding:15px 17px;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;transition:.2s}
.progress-step span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid #4f4a43;font-size:.65rem;flex:0 0 auto}
.progress-step.unlocked:hover{background:rgba(201,162,76,.04);color:#d7c8ac}
.progress-step.active{color:var(--gold-bright);background:rgba(201,162,76,.055)}
.progress-step.active span,.progress-step.complete span{border-color:var(--gold);background:var(--gold);color:#050505}
.progress-step.complete{color:#b7aa95}
.progress-step.locked{opacity:.42;cursor:not-allowed}
.required-star{color:var(--gold-bright);font-weight:700}
.field-error{display:block;min-height:16px;margin-top:6px;color:var(--gold-bright);font-size:.68rem;letter-spacing:.02em;line-height:1.35}
.input.invalid{border-color:var(--gold)!important;box-shadow:0 0 0 1px rgba(211,170,75,.18)}
.payment-error,.consent-error{margin-top:10px}
.pay-icon{width:30px;height:24px;display:flex!important;align-items:center;margin-bottom:7px}
.pay-icon svg{width:30px;height:24px;fill:none;stroke:var(--gold-bright);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.apple-pay{font-size:1.55rem!important;line-height:1}
.payment-option.selected .pay-icon svg{stroke:#f0cf72}
.step-four-note{margin:18px 0 18px}
.consent-stack{margin-top:18px;border-top:1px solid var(--line-soft);padding-top:8px}
.consent-stack .consent-line{padding:10px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.045)}
.consent-stack .consent-all{margin-top:7px;border:1px solid rgba(201,162,76,.22);padding:12px;background:rgba(201,162,76,.025)}
.pay-now-button{min-width:260px}
.payment-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:200;backdrop-filter:blur(4px)}
.payment-modal{position:fixed;z-index:201;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 32px));background:#090909;border:1px solid rgba(211,170,75,.45);padding:34px;box-shadow:0 24px 80px #000}
.payment-modal[hidden],.payment-modal-backdrop[hidden]{display:none!important}
.payment-modal .display{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0 14px}
.payment-modal p{color:#aaa195;line-height:1.7}
.payment-modal-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#eee;font-size:1.7rem;cursor:pointer}
.payment-modal-method{border:1px solid var(--line-soft);padding:14px 16px;margin:18px 0;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.09em;font-size:.72rem}
body.payment-open{overflow:hidden}
.form-field{display:grid;gap:6px;color:#8e867c;font-size:.7rem;text-transform:uppercase;letter-spacing:.11em}
.form-field .input{text-transform:none;letter-spacing:normal;font-size:1rem}
.form-status-warning{color:var(--gold-bright)!important;border-left:2px solid var(--gold);padding-left:12px}
@media(max-width:900px){.progress-step strong{display:none}.progress-step{justify-content:center}.payment-modal{padding:26px 20px}}