:root{
  --black:#050505;--paper:#e9e0d2;--ivory:#f5efe6;--gold:#c49a63;--gold2:#e2c08f;
  --oxblood:#3a0f14;--line:rgba(255,255,255,.14);--muted:rgba(255,255,255,.58);
  --pad:clamp(20px,4vw,68px);--serif:"Playfair Display",Georgia,serif;--sans:"Montserrat",sans-serif;
}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}img{display:block;width:100%}a{text-decoration:none;color:inherit}
button,input,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none}
::selection{background:var(--gold);color:#111}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.eyebrow{font-size:9px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}

/* loader */
.intro-loader{position:fixed;z-index:10000;inset:0;background:#030303;display:grid;place-items:center;transition:.65s ease}
.intro-loader.out{opacity:0;visibility:hidden}.intro-loader img{width:min(46vw,420px);max-height:44vh;object-fit:contain;filter:contrast(1.05)}
.loader-line{position:absolute;left:var(--pad);right:var(--pad);bottom:34px;height:1px;background:rgba(255,255,255,.13)}
.loader-line span{display:block;width:0;height:100%;background:var(--gold2);animation:loadbar 1.05s ease forwards}
.intro-loader small{position:absolute;left:var(--pad);bottom:48px;font-size:8px;letter-spacing:.18em}
@keyframes loadbar{to{width:100%}}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:900;height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;transition:.35s ease}
.site-header.scrolled{height:64px;background:rgba(4,4,4,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:baseline;gap:7px}
.brand span{font-family:var(--serif);font-size:19px;letter-spacing:.04em}.brand small{font-size:7px;letter-spacing:.25em}
.desktop-nav{display:flex;gap:26px}.desktop-nav a,.header-actions a,.header-actions button{font-size:8px;letter-spacing:.16em}
.header-actions{display:flex;gap:16px;align-items:center;margin-left:auto}.header-actions button{border:0;background:none;padding:8px}
.preorder-link{border:1px solid rgba(255,255,255,.5);padding:11px 13px}.menu-button{display:none}
.menu-button span{display:block;width:21px;height:1px;background:#fff;margin:5px 0}

/* mobile menu */
.mobile-menu{position:fixed;z-index:950;inset:0;background:#070707;padding:24px;transform:translateY(-110%);transition:.55s cubic-bezier(.76,0,.24,1)}
.mobile-menu.open{transform:translateY(0)}.menu-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em}
.menu-top button{border:0;background:none;font-size:38px}.mobile-menu nav{margin-top:14vh;display:flex;flex-direction:column}
.mobile-menu nav a{font-family:var(--serif);font-size:clamp(48px,12vw,86px);border-bottom:1px solid var(--line);padding:9px 0}
.mobile-menu sup{font-family:var(--sans);font-size:8px;color:var(--gold);vertical-align:top}
.menu-footer{position:absolute;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:var(--muted)}

/* hero */
.home-hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#070503}
.hero-media{position:absolute;inset:0 0 0 43%}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 44%}
.hero-shadow{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.86) 36%,rgba(5,5,5,.08) 76%),linear-gradient(0deg,rgba(5,5,5,.7),transparent 43%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:82px 82px}
.hero-copy{position:absolute;left:var(--pad);bottom:16vh;z-index:2;max-width:820px}
.hero-copy h1{font-family:var(--serif);font-size:clamp(100px,15vw,225px);line-height:.7;font-weight:500;letter-spacing:-.065em;margin:0}
.hero-deck{font-size:10px;letter-spacing:.17em;margin:25px 0;color:rgba(255,255,255,.8)}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}
.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font-size:9px;letter-spacing:.15em;border:1px solid #fff;transition:.25s}
.primary-btn{background:#fff;color:#111}.primary-btn:hover{background:var(--gold2);border-color:var(--gold2)}.ghost-btn:hover{background:#fff;color:#111}.primary-btn.full{width:100%}
.hero-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;z-index:2;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.46)}

/* price band */
.price-signal{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);color:#111}
.price-card{padding:60px var(--pad);border-right:1px solid rgba(0,0,0,.15)}.price-card.dark{background:var(--oxblood);color:#fff}.price-kicker{font-size:8px;letter-spacing:.16em}
.price-card strong{display:block;font-family:var(--serif);font-size:clamp(72px,9vw,135px);font-weight:500;line-height:.8;margin:22px 0}.price-card p{font-size:9px;letter-spacing:.12em}

/* statement */
.statement-section{padding:120px var(--pad);display:grid;grid-template-columns:.2fr 1.1fr .7fr;gap:50px;background:#090909}
.statement-number{font-family:var(--serif);font-size:34px;color:var(--gold)}.statement-copy h2{font-family:var(--serif);font-size:clamp(60px,7.5vw,112px);line-height:.82;font-weight:500;letter-spacing:-.045em;margin:0}
.statement-copy em{color:var(--gold2)}.statement-text{align-self:end}.statement-text p{font-size:12px;line-height:1.8;color:var(--muted)}

/* gallero imagery */
.gallero-triptych{padding:14px;display:grid;grid-template-columns:1.15fr .85fr;gap:14px;background:#050505}
.gallero-triptych figure{margin:0;position:relative;overflow:hidden;background:#1b120c}.gallero-triptych .wide{grid-row:span 2;min-height:1100px}
.gallero-triptych figure:not(.wide){min-height:543px}.gallero-triptych img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.gallero-triptych figure:hover img{transform:scale(1.018)}.gallero-triptych figcaption{position:absolute;left:13px;bottom:13px;background:rgba(0,0,0,.6);padding:8px 10px;font-size:8px;letter-spacing:.13em}

/* coming preview */
.coming-preview{display:grid;grid-template-columns:.8fr 1.2fr;min-height:860px;background:#d5c4aa;color:#111}
.coming-title{padding:110px var(--pad);align-self:center}.coming-title h2{font-family:var(--serif);font-size:clamp(58px,7.5vw,110px);line-height:.82;font-weight:500;letter-spacing:-.045em;margin:0 0 34px}
.text-link{font-size:9px;letter-spacing:.14em;border-bottom:1px solid currentColor;padding-bottom:5px}
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#111}.preview-grid img{width:100%;height:100%;object-fit:cover}.preview-grid img:first-child{grid-row:span 2}

/* drop page */
.drop-hero{min-height:100svh;display:grid;grid-template-columns:1.1fr .9fr;background:#090807}.drop-image img{height:100%;object-fit:cover}
.drop-copy{padding:150px clamp(35px,7vw,100px) 80px;align-self:center}.drop-copy h1{font-family:var(--serif);font-size:clamp(90px,11vw,170px);font-weight:500;line-height:.7;letter-spacing:-.06em;margin:0 0 30px}
.drop-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;font-size:8px;letter-spacing:.13em}
.drop-copy>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin-top:28px}
.drop-gallery{padding:14px;background:#0b0a09}.gallery-main{height:80svh;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:contain;background:#160f0a}
.gallery-thumbs{display:flex;gap:8px;padding-top:8px}.gallery-thumbs button{width:85px;height:105px;padding:0;border:1px solid transparent;background:none;opacity:.55}
.gallery-thumbs button.active{opacity:1;border-color:var(--gold)}.gallery-thumbs img{height:100%;object-fit:cover}

/* preorder */
.preorder-section{padding:120px var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:#d8c7ac;color:#111}
.preorder-left h2{font-family:var(--serif);font-size:clamp(78px,11vw,160px);line-height:.72;font-weight:500;letter-spacing:-.06em;margin:0 0 25px}
.preorder-left h2 em{color:#6f2f26}.preorder-left>p:last-child{font-size:12px;line-height:1.85;max-width:520px}.preorder-retail{font-size:9px;letter-spacing:.15em}
.preorder-card{background:#080808;color:#fff;padding:32px}.preorder-card-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}
.preorder-card-head span{font-size:8px;letter-spacing:.14em;color:var(--gold)}.preorder-card-head h3{font-family:var(--serif);font-size:35px;font-weight:500;margin:7px 0 0}.preorder-card-head b{font-size:8px;letter-spacing:.14em}
.size-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:22px 0}.size-row button{height:42px;background:transparent;border:1px solid var(--line);font-size:9px}
.size-row button.active{background:var(--gold2);color:#111;border-color:var(--gold2)}
.price-breakdown{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px}
.price-breakdown>div{padding:18px 0}.price-breakdown>div:first-child{border-right:1px solid var(--line);padding-right:18px}.price-breakdown>div:last-child{padding-left:18px}
.price-breakdown span{display:block;font-size:8px;letter-spacing:.13em;color:var(--muted)}.price-breakdown strong{font-family:var(--serif);font-size:45px;font-weight:500}
.preorder-card form{display:grid;gap:20px}.preorder-card label{display:grid;gap:7px}.preorder-card label span{font-size:8px;letter-spacing:.14em;color:var(--muted)}
.preorder-card input,.preorder-card select{border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;border-radius:0;outline:none;padding:12px 0}
.preorder-card select{background:#080808}.form-note{font-size:8px;line-height:1.6;color:var(--muted);margin:0}
.shopify-slot{margin-top:25px;padding:20px;border:1px dashed rgba(196,154,99,.45)}.shopify-slot span{font-size:8px;letter-spacing:.14em;color:var(--gold)}
.shopify-slot p{font-size:9px;line-height:1.6;color:var(--muted)}

/* coming */
.coming-hero{padding:170px var(--pad) 90px;background:var(--oxblood)}.coming-hero h1{font-family:var(--serif);font-size:clamp(90px,15vw,220px);font-weight:500;line-height:.72;letter-spacing:-.06em;margin:0}
.coming-hero>p:last-child{font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.7)}
.future-grid{display:grid;grid-template-columns:1fr 1fr;background:#111;gap:2px}.future-grid article{position:relative;min-height:75svh;overflow:hidden}
.future-grid img{height:100%;object-fit:cover}.future-grid article>div{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(5,5,5,.74);backdrop-filter:blur(10px);padding:15px}
.future-grid span{font-size:8px;color:var(--gold)}.future-grid h2{font-family:var(--serif);font-size:35px;font-weight:500;margin:7px 0}.future-grid p{font-size:8px;letter-spacing:.14em}

/* club */
.club-hero{min-height:100svh;display:grid;grid-template-columns:.7fr 1.3fr;background:#050505;padding:130px var(--pad) 80px;gap:7vw;align-items:center}
.club-logo-wrap{background:#000;padding:40px}.club-logo-wrap img{max-height:62vh;object-fit:contain}
.club-copy h1{font-family:var(--serif);font-size:clamp(65px,8.5vw,130px);font-weight:500;line-height:.78;letter-spacing:-.05em;margin:0 0 30px}
.club-copy h1 em{color:var(--gold2)}.club-copy>p:last-child{font-size:12px;line-height:1.85;color:var(--muted);max-width:620px}
.club-values{display:grid;grid-template-columns:repeat(3,1fr);background:#d5c4aa;color:#111}.club-values>div{padding:80px var(--pad);border-right:1px solid rgba(0,0,0,.15)}
.club-values span{font-size:8px;color:#704d2e}.club-values h2{font-family:var(--serif);font-size:clamp(45px,5vw,76px);font-weight:500;margin:18px 0 0}

/* footer */
.site-footer{padding:95px var(--pad) 28px;background:#040404;border-top:1px solid var(--line)}.footer-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:75px}
.footer-head h2{font-family:var(--serif);font-size:clamp(55px,7vw,105px);font-weight:500;line-height:.8;margin:0}.footer-head h2 em{color:var(--gold2)}

.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:30px;gap:30px}.footer-columns>div{display:flex;flex-direction:column;gap:8px;font-size:9px}
.footer-columns b{font-size:8px;letter-spacing:.14em;color:var(--muted)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:55px;padding-top:18px;font-size:8px;letter-spacing:.1em;color:rgba(255,255,255,.4)}

@media(max-width:980px){
  .desktop-nav{display:none}.menu-button{display:block}.preorder-link{display:none}
  .home-hero{min-height:760px}.hero-media{inset:14% 0 18% 0}.hero-shadow{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.1) 60%),linear-gradient(90deg,rgba(5,5,5,.55),transparent)}
  .hero-copy{left:20px;right:20px;bottom:9vh}.hero-copy h1{font-size:24vw}.hero-meta{left:20px;right:20px}
  .price-signal{grid-template-columns:1fr}.price-card{border-right:0;border-bottom:1px solid rgba(0,0,0,.15)}
  .statement-section{grid-template-columns:1fr;padding:90px 20px}.statement-number{display:none}
  .gallero-triptych{grid-template-columns:1fr}.gallero-triptych .wide{grid-row:auto;min-height:0}.gallero-triptych figure:not(.wide){min-height:0}.gallero-triptych img{aspect-ratio:4/5}
  .coming-preview{grid-template-columns:1fr}.coming-title{padding:90px 20px}.preview-grid{min-height:900px}
  .drop-hero{grid-template-columns:1fr}.drop-copy{padding:80px 20px}.drop-image img{aspect-ratio:4/5}.gallery-main{height:auto}.gallery-main img{aspect-ratio:4/5}
  .preorder-section{grid-template-columns:1fr;padding:90px 20px;gap:55px}.size-row{grid-template-columns:repeat(4,1fr)}
  .future-grid{grid-template-columns:1fr}.future-grid article{min-height:0}.future-grid img{aspect-ratio:4/5}
  .club-hero{grid-template-columns:1fr;padding:120px 20px 80px}.club-logo-wrap img{max-height:45vh}.club-values{grid-template-columns:1fr}
  .footer-columns{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .site-header{height:66px;padding:0 20px}.site-header.scrolled{height:58px}.brand span{font-size:16px}.header-actions{gap:9px}
  .hero-copy h1{font-size:27vw}.hero-deck{font-size:8px;line-height:1.6}.hero-buttons{display:grid}.primary-btn,.ghost-btn{width:100%}
  .coming-title h2,.statement-copy h2{font-size:16vw}.preview-grid{grid-template-columns:1fr;min-height:0}.preview-grid img:first-child{grid-row:auto}.preview-grid img{aspect-ratio:4/5}
  .drop-copy h1{font-size:24vw}.preorder-left h2{font-size:22vw}.preorder-card{padding:24px 18px}.size-row{grid-template-columns:repeat(3,1fr)}
  .club-copy h1{font-size:19vw}.club-values>div{padding:60px 20px}.footer-head{flex-direction:column;align-items:flex-start}.footer-columns{grid-template-columns:1fr}.footer-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none}}


/* Mobile deployment polish */
@media(max-width:640px){
  .site-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom));}
  .footer-head{margin-bottom:48px;}
  .footer-columns{gap:26px;}
  .footer-bottom{margin-top:38px;padding-bottom:8px;}
  .preorder-section{overflow:hidden;}
  .preorder-card{width:100%;max-width:100%;}
  .price-breakdown strong{font-size:clamp(42px,15vw,62px);}
}


/* V2 — clearer luxury typography */
.hero-copy h1,
.statement-copy h2,
.coming-title h2,
.drop-copy h1,
.preorder-left h2,
.coming-hero h1,
.club-copy h1,
.club-values h2,
.footer-head h2,
.mobile-menu nav a,
.brand span,
.preorder-card-head h3{
  letter-spacing:-.025em;
  line-height:.9;
}

.hero-copy h1,
.drop-copy h1,
.coming-hero h1{
  font-weight:600;
}

.price-card strong,
.price-breakdown strong{
  font-family:var(--sans);
  font-weight:600;
  letter-spacing:-.04em;
  line-height:1;
}

.price-card strong{
  font-size:clamp(64px,8vw,118px);
}

.price-breakdown strong{
  font-size:clamp(40px,7vw,58px);
}

.statement-copy h2,
.coming-title h2,
.club-copy h1,
.footer-head h2{
  font-weight:600;
}

.eyebrow,
.hero-deck,
.price-kicker,
.price-card p,
.drop-meta,
.preorder-retail,
.footer-columns,
.footer-bottom{
  letter-spacing:.12em;
}

/* Official logo as Instagram button */
.social-logo-link{
  width:132px;
  min-width:132px;
  text-align:center;
  display:grid;
  gap:9px;
  justify-items:center;
}
.social-logo-link .social-logo-frame{
  width:112px;
  height:112px;
  border:1px solid rgba(255,255,255,.22);
  background:#000;
  padding:11px;
  display:grid;
  place-items:center;
  transition:.25s ease;
}
.social-logo-link img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.social-logo-link span{
  font-size:7px;
  letter-spacing:.11em;
  color:rgba(255,255,255,.58);
  overflow-wrap:anywhere;
}
.social-logo-link:hover .social-logo-frame{
  border-color:var(--gold2);
  transform:translateY(-3px);
}

@media(max-width:640px){
  .social-logo-link{
    width:118px;
    min-width:118px;
  }
  .social-logo-link .social-logo-frame{
    width:100px;
    height:100px;
  }
  .hero-copy h1,
  .drop-copy h1,
  .coming-hero h1{
    line-height:.88;
  }
  .statement-copy h2,
  .coming-title h2,
  .club-copy h1{
    line-height:.94;
  }
}