/* SUNDAY — Next Generation Activewear Commerce · Demo */
:root{
  --ink:#0e0e0d; --ink-2:#2a2a27; --mute:#77736b; --line:#e3ded6; --bone:#f2efea; --paper:#faf8f5; --white:#fff;
  --olive:#4b4a33; --olive-2:#6b6a4c; --sand:#d8d1c5; --ok:#2f5d3a; --warn:#8a5a14; --err:#8e2b22;
  --sans:"Poppins",system-ui,-apple-system,sans-serif; --brand:"Poppins",sans-serif; --serif:"Poppins",sans-serif;
  --ease:cubic-bezier(.22,1,.36,1); --ease-in:cubic-bezier(.64,0,.78,0);
  --pad:clamp(18px,4vw,56px); --radius:2px;
  --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--olive);color:var(--bone)}
.wm{font-family:var(--brand);font-weight:700;letter-spacing:-.04em;text-transform:lowercase;line-height:.8}
.serif{font-family:var(--serif);font-weight:400}
.it{font-style:italic}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.mute{color:var(--mute)}
.wrap{padding-left:var(--pad);padding-right:var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;background:var(--ink);color:var(--bone);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;border-radius:999px;transition:transform .5s var(--ease),background .3s;position:relative;overflow:hidden;white-space:nowrap}
.btn::after{content:"";position:absolute;inset:0;background:var(--olive);transform:translateY(101%);transition:transform .55s var(--ease);border-radius:inherit}
.btn>*{position:relative;z-index:1}
.btn:hover::after{transform:none}
.btn:active{transform:scale(.97)}
.btn.light{background:var(--bone);color:var(--ink)} .btn.light::after{background:var(--white)}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor} .btn.ghost::after{background:var(--ink)} .btn.ghost:hover{color:var(--bone)}
.on-dark .btn.ghost::after{background:var(--bone)} .on-dark .btn.ghost:hover{color:var(--ink)}
.btn.sm{height:40px;padding:0 18px;font-size:11px}
.btn.block{width:100%}
.btn[disabled]{opacity:.35;pointer-events:none}
.link{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px;display:inline-flex;gap:8px;align-items:center}
.link .arr{transition:transform .4s var(--ease)} .link:hover .arr{transform:translateX(5px)}
.ext::after{content:"↗";margin-left:6px;font-size:.95em}

/* ---------- Demo badge ---------- */
.demo-pill{position:fixed;left:14px;bottom:calc(14px + var(--sab));z-index:90;background:rgba(14,14,13,.86);color:var(--bone);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:9px 13px;border-radius:999px;backdrop-filter:blur(8px);display:flex;gap:8px;align-items:center}
.demo-pill i{width:6px;height:6px;border-radius:50%;background:#c9b77a;display:block;animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.25}}
.tag-demo{display:inline-block;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:3px 8px;opacity:.75;vertical-align:middle;white-space:nowrap}
.tbd{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--bone);color:var(--ink-2);border:1px dashed #b9b2a6;white-space:nowrap;font-weight:500}
.on-dark .tbd{background:transparent;color:var(--bone);border-color:rgba(242,239,234,.4)}

/* ---------- Header ---------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:60;padding-top:var(--sat);transition:background .5s var(--ease),color .5s,transform .6s var(--ease);color:var(--ink)}
.hdr.solid{background:rgba(250,248,245,.9);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.hdr.hide{transform:translateY(-100%)}
.hdr.invert:not(.solid){color:var(--bone)}
.hdr-in{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad)}
.hdr nav{display:flex;gap:28px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.hdr nav a{position:relative;padding:6px 0}
.hdr nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.hdr nav a:hover::after,.hdr nav a.act::after{transform:scaleX(1);transform-origin:left}
.logo{font-size:30px;justify-self:center}
.hdr-r{display:flex;justify-content:flex-end;gap:22px;align-items:center;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.bagbtn{display:flex;gap:8px;align-items:center}
.bagbtn b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:currentColor;font-size:10px;letter-spacing:0}
.bagbtn b span{color:var(--paper);mix-blend-mode:normal}
.hdr.invert:not(.solid) .bagbtn b span{color:var(--ink)}
.burger{display:none;width:28px;height:20px;position:relative}
.burger i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:.4s var(--ease)}
.burger i:nth-child(1){top:5px}.burger i:nth-child(2){top:13px}
.mega{position:absolute;top:100%;left:0;right:0;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:30px;padding:34px var(--pad) 40px;box-shadow:0 1px 0 var(--line),0 30px 60px -30px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.45s var(--ease)}
.mega.open{opacity:1;visibility:visible;transform:none}
.mega h6{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);font-weight:500;margin-bottom:16px}
.mega a{display:block;font-family:var(--serif);font-size:22px;line-height:1.35;transition:padding .4s var(--ease),color .3s}
.mega a:hover{padding-left:8px;color:var(--olive)}
.mega .mimg{aspect-ratio:4/5;background-size:cover;background-position:center;position:relative}
.mega .mimg span{position:absolute;left:14px;bottom:12px;color:var(--bone);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:900px){.hdr nav,.hdr-r .hide-m{display:none}.burger{display:block}.logo{font-size:26px}.hdr-in{height:60px}.mega{display:none}}

/* Mobile menu */
.mnav{position:fixed;inset:0;z-index:80;background:var(--ink);color:var(--bone);padding:calc(90px + var(--sat)) var(--pad) 40px;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease);overflow:auto}
.mnav.open{clip-path:inset(0)}
.mnav h6{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin:26px 0 8px;font-weight:500}
.mnav a{display:block;font-family:var(--serif);font-size:34px;line-height:1.2}
.mnav .x{position:absolute;top:calc(20px + var(--sat));right:var(--pad);font-size:11px;letter-spacing:.2em;text-transform:uppercase}

/* ---------- Page transition ---------- */
.curtain{position:fixed;inset:0;z-index:100;background:var(--ink);pointer-events:none;transform:translateY(100%);display:grid;place-items:center;color:var(--bone)}
.curtain .wm{font-size:clamp(60px,14vw,180px);opacity:0;transform:translateY(30px);transition:.6s var(--ease)}
.curtain.in{transition:transform .55s var(--ease-in);transform:translateY(0)}
.curtain.in .wm{opacity:1;transform:none}
.curtain.out{transition:transform .75s var(--ease);transform:translateY(-100%)}
#view{min-height:100vh}
.page{animation:pageIn .9s var(--ease) both}
@keyframes pageIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* Reveal on scroll */
.rv{opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-img{clip-path:inset(12% 0 0 0);transition:clip-path 1.4s var(--ease)}
.rv-img.in{clip-path:inset(0)}
.rv-img img,.rv-img .bg{transform:scale(1.18);transition:transform 1.8s var(--ease)}
.rv-img.in img,.rv-img.in .bg{transform:scale(1)}
.lines>span{display:block;overflow:hidden}
.lines>span>span{display:block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.in .lines>span>span,.lines.in>span>span{transform:none}
.lines>span:nth-child(2)>span{transition-delay:.08s}.lines>span:nth-child(3)>span{transition-delay:.16s}

/* ---------- HERO ---------- */
.hero{height:260vh;position:relative;background:var(--bone)}
.hero-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.hero-photo{position:absolute;inset:0;will-change:clip-path}
.hero-photo .ph{position:absolute;inset:0;background-size:cover;background-position:center 12%;opacity:0;transform:scale(1.08);transition:opacity 1.6s var(--ease),transform 6s linear}
.hero-photo .ph.on{opacity:1;transform:scale(1)}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.62));opacity:var(--shade,0)}
.hero-cta{z-index:3}.hero-cta h2{text-shadow:0 2px 30px rgba(0,0,0,.35)}
.card .pi{display:block}
.hero-wm{position:absolute;left:0;right:0;bottom:-1.2vw;text-align:center;font-size:31vw;color:var(--ink);pointer-events:none;white-space:nowrap}
.hero-wm{z-index:2}.hero-wm.clip{display:none}.hero-photo{z-index:1}
.hero-meta{position:absolute;top:calc(96px + var(--sat));left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.hero-meta .eyebrow{max-width:230px;line-height:1.7}
.hero-tag{font-family:var(--serif);font-size:clamp(22px,2.4vw,34px);line-height:1.05;text-align:right}
.hero-cta{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(36px + var(--sab));display:flex;justify-content:space-between;align-items:flex-end;color:var(--bone);opacity:0;transform:translateY(20px);pointer-events:none}
.hero-cta.on{pointer-events:auto}
.hero-cta h2{font-family:var(--serif);font-size:clamp(46px,8vw,128px);line-height:.9;font-weight:400}
.hero-cta h2 em{font-style:italic}
.scroll-hint{position:absolute;left:50%;top:calc(96px + var(--sat));transform:translateX(-50%);font-size:10px;letter-spacing:.24em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-hint i{width:1px;height:44px;background:currentColor;transform-origin:top;animation:hint 2.2s var(--ease) infinite}
@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:700px){.hero-wm{font-size:33vw;bottom:14vh}.hero-meta .eyebrow{display:none}.hero-tag{text-align:left}.scroll-hint{display:none}.hero-cta{flex-direction:column;align-items:flex-start;gap:20px}}

/* ---------- Sections ---------- */
section{position:relative}
.sec{padding:clamp(80px,12vw,170px) 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(36px,5vw,70px)}
.h-xl{font-family:var(--serif);font-size:clamp(54px,10vw,160px);line-height:.86;font-weight:400;letter-spacing:-.01em}
.h-l{font-family:var(--serif);font-size:clamp(40px,6vw,92px);line-height:.92;font-weight:400}
.h-m{font-family:var(--serif);font-size:clamp(30px,3.6vw,52px);line-height:1;font-weight:400}
.h-s{font-family:var(--serif);font-size:26px;line-height:1.1;font-weight:400}
.lead{font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:520px;color:var(--ink-2)}
.dark{background:var(--ink);color:var(--bone)} .dark .lead{color:#c9c4bb} .dark .mute{color:#8f8a80}
.olivebg{background:var(--olive);color:var(--bone)}
.bonebg{background:var(--bone)}

/* New drop rail */
.rail{display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad) 10px;scrollbar-width:none;cursor:grab}
.rail::-webkit-scrollbar{display:none}
.rail.drag{cursor:grabbing;scroll-snap-type:none}
.rail .card{flex:0 0 clamp(260px,30vw,440px);scroll-snap-align:start}
.rail .card:first-child{flex-basis:clamp(300px,42vw,620px)}
.drop-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}
.drop-count{font-family:var(--serif);font-size:clamp(80px,14vw,220px);line-height:.75;color:var(--olive)}

/* Product card */
.card{position:relative;display:block}
.card .pi{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--bone)}
.card .pi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:opacity .7s var(--ease),transform 1.4s var(--ease)}
.card .pi img.alt{opacity:0}
.card:hover .pi img.alt{opacity:1}
.card:hover .pi img{transform:scale(1.035)}
.card .badge{position:absolute;top:12px;left:12px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;background:var(--paper);padding:5px 9px;border-radius:999px;z-index:2}
.card .badge.so{background:var(--ink);color:var(--bone)}
.card .meta{display:flex;justify-content:space-between;gap:12px;padding-top:14px;font-size:13.5px}
.card .meta .t{font-weight:500}
.card .sw{display:flex;gap:6px;margin-top:8px}
.card .sw i{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.qa{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;background:rgba(250,248,245,.94);backdrop-filter:blur(10px);padding:12px;transform:translateY(calc(100% + 12px));transition:transform .55s var(--ease);border-radius:var(--radius)}
.card:hover .qa,.card:focus-within .qa{transform:none}
.qa .row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.qa small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.sz{min-width:40px;height:34px;padding:0 9px;border:1px solid var(--line);font-size:12px;border-radius:999px;transition:.25s;background:var(--paper)}
.sz:hover{border-color:var(--ink)}
.sz.sel{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.sz.out{color:#bdb8af;text-decoration:line-through;pointer-events:none}
.qv{position:absolute;top:10px;right:10px;z-index:3;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;background:var(--paper);padding:6px 10px;border-radius:999px;opacity:0;transition:.4s var(--ease)}
.card:hover .qv{opacity:1}
@media(hover:none){.qa{display:none}.qv{opacity:1}}

/* Collection grid editorial */
.coll{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(14px,1.6vw,24px)}
.coll .big{grid-row:span 2}
.tile{position:relative;overflow:hidden;display:block;background:var(--bone);min-height:300px}
.tile .bg{position:absolute;inset:0;background-size:cover;background-position:center 28%;transition:transform 1.6s var(--ease)}
.tile:hover .bg{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.45))}
.tile .lab{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:var(--bone);display:flex;justify-content:space-between;align-items:flex-end}
.tile .lab h3{font-family:var(--serif);font-size:clamp(30px,3.4vw,54px);font-weight:400;line-height:.95}
.tile .lab span{font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.coll .big{aspect-ratio:4/5}
@media(max-width:800px){.coll{grid-template-columns:1fr}.coll .big{grid-row:auto}.tile{aspect-ratio:4/5}}

/* Set teaser */
.setx{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.set-stage{position:relative;aspect-ratio:1/1.05}
.set-stage .pc{position:absolute;width:58%;aspect-ratio:4/5;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.35);transition:transform .9s var(--ease)}
.set-stage .pc img{width:100%;height:100%;object-fit:cover;transition:opacity .5s}
.set-stage .pc.a{left:0;top:0;transform:rotate(-3deg)}
.set-stage .pc.b{right:0;bottom:0;transform:rotate(2.5deg)}
.set-stage:hover .pc.a{transform:rotate(-5deg) translate(-8px,-6px)}
.set-stage:hover .pc.b{transform:rotate(4deg) translate(8px,6px)}
.set-stage .plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:64px;height:64px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-family:var(--serif);font-size:30px}
.set-stage .cap{position:absolute;z-index:2;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--paper);padding:6px 10px;border-radius:999px}
@media(max-width:800px){.setx{grid-template-columns:1fr}}

/* Marquee */
.marq{overflow:hidden;white-space:nowrap;border-top:1px solid rgba(242,239,234,.15);border-bottom:1px solid rgba(242,239,234,.15);padding:18px 0}
.marq .tr{display:inline-flex;animation:marq 38s linear infinite}
.marq span{font-family:var(--serif);font-size:clamp(48px,8vw,120px);line-height:1;padding-right:.5em}
.marq span em{font-style:italic;color:var(--sand)}
@keyframes marq{to{transform:translateX(-50%)}}
.mv-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:clamp(20px,4vw,60px);align-items:end}
.mv-grid .ph{aspect-ratio:3/4;overflow:hidden}
.mv-grid .ph.tall{aspect-ratio:3/4.6}
.mv-grid img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.mv-grid{grid-template-columns:1fr 1fr}.mv-grid .txt{grid-column:1/-1;order:-1}}

/* Arianna */
.ari{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,6vw,110px);align-items:center}
.photo-slot{position:relative;aspect-ratio:4/5;background:repeating-linear-gradient(135deg,var(--bone) 0 14px,#ece8e1 14px 15px);display:grid;place-items:center;text-align:center;border:1px solid var(--line);overflow:hidden}
.photo-slot .ps-in{padding:30px}
.photo-slot .mono{font-family:var(--serif);font-size:clamp(90px,12vw,170px);line-height:.8;color:var(--olive);font-style:italic}
.photo-slot .ps-cap{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.photo-slot .corner{position:absolute;width:22px;height:22px;border:1px solid var(--ink)}
.photo-slot .c1{top:12px;left:12px;border-right:0;border-bottom:0}.photo-slot .c2{top:12px;right:12px;border-left:0;border-bottom:0}
.photo-slot .c3{bottom:40px;left:12px;border-right:0;border-top:0}.photo-slot .c4{bottom:40px;right:12px;border-left:0;border-top:0}
.ari-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:34px 0}
.ari-facts div{padding:18px 16px 18px 0;border-right:1px solid var(--line)}
.ari-facts div:last-child{border-right:0;padding-left:16px}
.ari-facts div:nth-child(2){padding-left:16px}
.ari-facts small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.ari-facts b{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.15}
.ari-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.how>div{padding:28px 24px 28px 0;border-right:1px solid var(--line)}
.how>div+div{padding-left:24px}
.how>div:last-child{border-right:0}
.how .n{font-family:var(--serif);font-size:54px;line-height:1;color:var(--olive);font-style:italic}
.how h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin:14px 0 8px}
.how p{font-size:14px;color:var(--ink-2)}
.dark .how,.dark .how>div{border-color:rgba(242,239,234,.15)} .dark .how p{color:#c9c4bb} .dark .how .n{color:var(--sand)}
.note{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.55;padding:14px 16px;background:var(--bone);border-left:2px solid var(--olive);color:var(--ink-2)}
.dark .note{background:rgba(242,239,234,.06);color:#cfcac1;border-color:var(--sand)}
@media(max-width:860px){.ari{grid-template-columns:1fr}.how{grid-template-columns:1fr 1fr}.how>div{border-bottom:1px solid var(--line);padding-left:0!important;padding-right:16px}.how>div:nth-child(2n){border-right:0;padding-left:16px!important}.ari-facts{grid-template-columns:1fr}.ari-facts div{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}}

/* Club home block */
.club-hm{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.tilt{perspective:1200px}
@media(max-width:800px){.club-hm{grid-template-columns:1fr}}

/* Sunday Card */
.scard{width:100%;max-width:420px;aspect-ratio:1.586/1;border-radius:22px;position:relative;overflow:hidden;color:var(--bone);background:radial-gradient(120% 140% at 85% 0%,#6e6d4e 0%,var(--olive) 38%,#2b2a1c 100%);box-shadow:0 40px 80px -40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08);transform-style:preserve-3d;transition:transform .6s var(--ease);padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between}
.scard::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 62%);transform:translateX(var(--shine,-60%));transition:transform .2s}
.scard .top{display:flex;justify-content:space-between;align-items:flex-start;position:relative}
.scard .wm{font-size:34px}
.scard .club{font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;opacity:.8;text-align:right;line-height:1.6}
.scard .bot{display:flex;justify-content:space-between;align-items:flex-end;position:relative;gap:12px}
.scard .nm{font-family:var(--serif);font-size:26px;line-height:1}
.scard .id{font-size:10.5px;letter-spacing:.2em;opacity:.75;margin-top:6px;font-variant-numeric:tabular-nums}
.scard .qrmini{width:62px;height:62px;background:var(--bone);border-radius:8px;padding:6px;flex:none}
.scard .qrmini canvas,.scard .qrmini img{width:100%!important;height:100%!important}
.scard .bdg{display:flex;gap:6px;margin-top:10px}
.scard .bdg i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(242,239,234,.5);display:grid;place-items:center;font-style:normal;font-size:10px;font-family:var(--serif)}
.scard.black{background:radial-gradient(120% 140% at 85% 0%,#3a3a36 0%,#121211 55%,#050505 100%)}

/* Experiences */
.exp{display:grid;grid-template-columns:1.3fr 1fr;min-height:80vh}
.exp .ph{position:relative;overflow:hidden;min-height:420px}
.exp .ph .bg{position:absolute;inset:0;background-size:cover;background-position:center 30%}
.exp .tx{padding:clamp(40px,6vw,90px) var(--pad);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;font-size:14px}
.kv dt{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.6;padding-top:3px}
@media(max-width:800px){.exp{grid-template-columns:1fr}}

/* Story */
.story{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:end}
.story .a{grid-column:1/6;aspect-ratio:3/4;overflow:hidden}
.story .b{grid-column:7/13}
.story img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.story .a,.story .b{grid-column:1/-1}}

/* Newsletter */
.nl{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.field label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:500}
.inp{height:52px;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:0 2px;font-size:16px;outline:none;width:100%;border-radius:0}
.inp:focus{border-color:var(--olive)}
.dark .inp{border-color:rgba(242,239,234,.5)}
textarea.inp{height:96px;padding-top:10px;resize:vertical}
select.inp{appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='none' stroke='%23000'/%3E%3C/svg%3E") no-repeat right 4px center}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5;margin:10px 0;cursor:pointer}
.chk input{appearance:none;width:18px;height:18px;border:1px solid currentColor;border-radius:3px;flex:none;margin-top:1px;display:grid;place-items:center;cursor:pointer}
.chk input:checked{background:var(--ink);border-color:var(--ink)}
.chk input:checked::after{content:"";width:9px;height:5px;border-left:1.5px solid var(--bone);border-bottom:1.5px solid var(--bone);transform:rotate(-45deg) translate(1px,-1px)}
.dark .chk input:checked{background:var(--bone)}.dark .chk input:checked::after{border-color:var(--ink)}
.tgl{appearance:none;width:42px;height:24px;border-radius:999px;background:var(--sand);position:relative;cursor:pointer;flex:none;transition:.3s}
.tgl::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.35s var(--ease)}
.tgl:checked{background:var(--olive)} .tgl:checked::after{transform:translateX(18px)}
@media(max-width:800px){.nl{grid-template-columns:1fr}}

/* Footer */
.ftr{background:var(--ink);color:var(--bone);padding:90px var(--pad) calc(30px + var(--sab));overflow:hidden}
.ftr-g{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px;margin-bottom:70px}
.ftr h6{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.5;font-weight:500;margin-bottom:16px}
.ftr a{display:block;font-size:14px;line-height:2;opacity:.85;transition:opacity .3s}
.ftr a:hover{opacity:1}
.ftr .big{font-size:30.5vw;line-height:.72;text-align:center;margin-bottom:-4vw;color:var(--bone)}
.ftr .legal{display:flex;justify-content:space-between;gap:20px;font-size:11px;opacity:.55;margin-top:40px;flex-wrap:wrap}
@media(max-width:800px){.ftr-g{grid-template-columns:1fr 1fr}.ftr-g>div:first-child{grid-column:1/-1}}

/* ---------- Shop page ---------- */
.pg-top{padding-top:calc(130px + var(--sat))}
.shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:30px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font-size:12px;letter-spacing:.06em;display:inline-flex;align-items:center;gap:8px;transition:.3s;background:var(--paper);white-space:nowrap}
.chip:hover{border-color:var(--ink)} .chip.on{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.toolbar{position:sticky;top:calc(68px + var(--sat));z-index:20;background:rgba(250,248,245,.92);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:30px}
.toolbar .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.toolbar select{height:38px;border:1px solid var(--line);border-radius:999px;padding:0 34px 0 16px;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='none' stroke='%23000'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;font-size:12px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px clamp(12px,1.4vw,22px)}
.grid .wide{grid-column:span 2}
.grid .wide .pi{aspect-ratio:auto;height:100%;min-height:100%}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid{grid-template-columns:1fr 1fr;gap:28px 10px}.grid .wide{grid-column:1/-1}.grid .wide .pi{aspect-ratio:4/5}.toolbar{top:calc(60px + var(--sat))}}
.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.empty{padding:80px 0;text-align:center}

/* ---------- PDP ---------- */
.pdp{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(30px,5vw,80px);padding-top:calc(68px + var(--sat))}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gal .g{aspect-ratio:4/5;overflow:hidden;background:var(--bone);cursor:zoom-in}
.gal .g:first-child{grid-column:1/-1;aspect-ratio:4/4.4}
.gal .g img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform 1.2s var(--ease)}
.gal .g:hover img{transform:scale(1.04)}
.pinfo{position:sticky;top:calc(100px + var(--sat));align-self:start;padding:40px var(--pad) 60px 0}
.pinfo h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5vw,76px);line-height:.92;margin:14px 0 14px}
.price{font-size:18px;font-variant-numeric:tabular-nums}
.opt{margin-top:28px}
.opt-h{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-weight:500}
.swatch{width:34px;height:34px;border-radius:50%;padding:3px;border:1px solid transparent;transition:.3s}
.swatch i{display:block;width:100%;height:100%;border-radius:50%}
.swatch.sel{border-color:var(--ink)}
.acc{border-top:1px solid var(--line);margin-top:34px}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:18px 0;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;display:flex;justify-content:space-between;font-weight:500}
.acc summary::after{content:"+";font-size:16px;transition:transform .4s var(--ease)}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc .ac{padding:0 0 20px;font-size:14px;color:var(--ink-2)}
.cmpl{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:16px;background:var(--bone);margin-top:28px}
.cmpl img{width:90px;aspect-ratio:4/5;object-fit:cover}
@media(max-width:900px){.pdp{grid-template-columns:1fr}.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:4px;scrollbar-width:none}.gal .g{flex:0 0 88%;scroll-snap-align:start;aspect-ratio:4/5!important}.pinfo{position:static;padding:10px var(--pad) 40px}}
.sticky-atb{display:none}
@media(max-width:900px){.sticky-atb{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:12px var(--pad) calc(12px + var(--sab));background:rgba(250,248,245,.95);backdrop-filter:blur(12px);box-shadow:0 -1px 0 var(--line);gap:12px;align-items:center;transform:translateY(110%);transition:transform .5s var(--ease)}.sticky-atb.on{transform:none}}

/* ---------- Drawer / modal ---------- */
.scrim{position:fixed;inset:0;background:rgba(14,14,13,.42);z-index:70;opacity:0;visibility:hidden;transition:.5s var(--ease);backdrop-filter:blur(2px)}
.scrim.on{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--paper);z-index:75;transform:translateX(100%);transition:transform .7s var(--ease);display:flex;flex-direction:column;padding-top:var(--sat)}
.drawer.on{transform:none}
.dr-h{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}
.dr-b{flex:1;overflow:auto;padding:10px 26px}
.dr-f{padding:20px 26px calc(22px + var(--sab));border-top:1px solid var(--line)}
.li{display:grid;grid-template-columns:84px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);animation:liIn .6s var(--ease) both}
@keyframes liIn{from{opacity:0;transform:translateX(30px)}}
.li img{width:84px;aspect-ratio:4/5;object-fit:cover;background:var(--bone)}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;height:32px}
.qty button{width:32px;height:32px}
.qty span{min-width:22px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.row-b{display:flex;justify-content:space-between;align-items:center;gap:10px}
.modal{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:20px;pointer-events:none}
.modal .mbox{background:var(--paper);width:min(560px,100%);max-height:88vh;overflow:auto;padding:34px;opacity:0;transform:translateY(30px) scale(.98);transition:.55s var(--ease);pointer-events:auto;position:relative;border-radius:var(--radius)}
.modal.wide .mbox{width:min(980px,100%);padding:0}
.modal.on .mbox{opacity:1;transform:none}
.mx{position:absolute;top:14px;right:16px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;z-index:3;background:var(--paper);padding:6px 10px;border-radius:999px}
.qvw{display:grid;grid-template-columns:1fr 1fr}
.qvw .im{aspect-ratio:4/5;background:var(--bone)} .qvw .im img{width:100%;height:100%;object-fit:cover}
.qvw .tx{padding:44px 34px}
@media(max-width:700px){.qvw{grid-template-columns:1fr}.qvw .im{aspect-ratio:1}}
.toast{position:fixed;left:50%;bottom:calc(26px + var(--sab));z-index:95;transform:translate(-50%,40px);opacity:0;background:var(--ink);color:var(--bone);padding:14px 22px;border-radius:999px;font-size:13px;transition:.5s var(--ease);pointer-events:none;max-width:calc(100vw - 40px);text-align:center}
.toast.on{transform:translate(-50%,0);opacity:1}
table.t{width:100%;border-collapse:collapse;font-size:13px}
table.t th,table.t td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
table.t th{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-weight:500}

/* ---------- Set builder ---------- */
.builder{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,80px);padding-top:calc(110px + var(--sat))}
.b-stage{position:sticky;top:calc(90px + var(--sat));align-self:start;background:var(--bone);aspect-ratio:1/1.08;overflow:hidden}
.b-stage .pc{position:absolute;width:52%;aspect-ratio:4/5;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.4);transition:transform 1s var(--ease)}
.b-stage .pc img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.b-stage .pc.a{left:7%;top:7%;transform:rotate(-2.5deg)}
.b-stage .pc.b{right:7%;bottom:9%;transform:rotate(2deg)}
.b-stage .pc.swap{animation:swap .8s var(--ease)}
@keyframes swap{0%{clip-path:inset(0 0 100% 0)}100%{clip-path:inset(0)}}
.b-stage .lbl{position:absolute;z-index:4;background:var(--paper);padding:8px 12px;font-size:11px;letter-spacing:.06em;border-radius:999px;transition:.6s var(--ease)}
.b-stage .setname{position:absolute;left:24px;bottom:18px;z-index:3;font-family:var(--serif);font-size:clamp(28px,3vw,44px);line-height:1}
.b-step{border-top:1px solid var(--line);padding:26px 0}
.b-step h3{display:flex;gap:14px;align-items:baseline;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:18px}
.b-step h3 em{font-family:var(--serif);font-style:italic;font-size:30px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--olive)}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.optc{text-align:left;border:1px solid transparent;padding:6px;transition:.3s;border-radius:var(--radius)}
.optc img{aspect-ratio:4/5;object-fit:cover;width:100%;background:var(--bone);margin-bottom:8px}
.optc small{display:block;font-size:12px;font-weight:500}
.optc span{font-size:11.5px;color:var(--mute)}
.optc.sel{border-color:var(--ink)}
.optc.dis{opacity:.4}
@media(max-width:900px){.builder{grid-template-columns:1fr}.b-stage{position:relative;top:0}.opts{grid-template-columns:repeat(3,1fr)}}

/* ---------- CLUB ---------- */
.club-shell{background:var(--paper);min-height:100vh;padding-bottom:110px}
.club-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 var(--pad);margin-bottom:34px}
.club-nav a{height:38px;padding:0 16px;display:inline-flex;align-items:center;border-radius:999px;font-size:12px;white-space:nowrap;border:1px solid var(--line)}
.club-nav a.on{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.tabbar{display:none}
@media(max-width:800px){.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(250,248,245,.94);backdrop-filter:blur(16px);box-shadow:0 -1px 0 var(--line);padding:8px 6px calc(8px + var(--sab))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 0;color:var(--mute)}.tabbar a.on{color:var(--ink)}.tabbar svg{width:20px;height:20px}.tabbar a.card-t{color:var(--bone)}.tabbar a.card-t span{background:var(--olive);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin-top:-20px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}.club-shell .demo-pill,.has-tabbar .demo-pill{bottom:calc(84px + var(--sab))}.club-nav{display:none}}
.dash{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.panel{background:var(--white);border:1px solid var(--line);padding:26px;position:relative;border-radius:var(--radius)}
.panel h5{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:500;margin-bottom:16px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}
@media(max-width:900px){.dash>*{grid-column:1/-1!important}}
.welcome{background:var(--ink);color:var(--bone);border:0;overflow:hidden;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}
.welcome .bg{position:absolute;right:0;top:0;bottom:0;width:46%;background-size:cover;background-position:center 25%;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%)}
.welcome>*{position:relative}
.big-num{font-family:var(--serif);font-size:clamp(56px,6vw,88px);line-height:.85;font-variant-numeric:tabular-nums}
.ring{width:150px;height:150px;position:relative;flex:none}
.ring svg{transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:5}
.ring .bgc{stroke:var(--bone)} .ring .fg{stroke:var(--olive);stroke-linecap:round;transition:stroke-dashoffset 1.6s var(--ease)}
.ring .c{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.ring .c b{font-family:var(--serif);font-weight:400;font-size:44px;line-height:.9;display:block}
.ring .c small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.badges{display:flex;flex-wrap:wrap;gap:14px}
.bdg{width:72px;text-align:center;font-size:10px;letter-spacing:.08em;line-height:1.3}
.bdg .m{width:62px;height:62px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:26px;background:var(--olive);color:var(--bone);position:relative}
.bdg .m::after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(242,239,234,.4)}
.bdg.lock .m{background:var(--bone);color:#b3ad a2;color:#b3ada2}
.bdg.lock .m::after{border-color:#d6d0c6;border-style:dashed}
.act-l li{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;align-items:center}
.act-l li:last-child{border-bottom:0}
.dot{width:8px;height:8px;border-radius:50%;background:var(--olive)}
.dot.p{background:#c9b77a}.dot.e{background:var(--err)}
.bar{height:4px;background:var(--bone);border-radius:999px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--olive);border-radius:999px;transition:width 1.4s var(--ease);width:0}
.chl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.chc{background:var(--white);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;border-radius:var(--radius)}
.chc .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.chc h4{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1}
.chc .st{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--bone);white-space:nowrap}
.chc .st.done{background:var(--olive);color:var(--bone)}
.chc.done{background:linear-gradient(160deg,#fff 40%,#f0eee4)}
.chc .stamp{position:absolute;right:-10px;bottom:-10px;width:120px;height:120px;border-radius:50%;border:1px solid var(--olive);display:grid;place-items:center;color:var(--olive);font-family:var(--serif);font-style:italic;font-size:20px;transform:rotate(-14deg);opacity:.16}
.chc.celebrate{animation:cel 1.2s var(--ease)}
@keyframes cel{30%{transform:scale(1.03);box-shadow:0 30px 60px -30px rgba(75,74,51,.6)}}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:96}
.feed{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:start}
.post{background:var(--white);border:1px solid var(--line);margin-bottom:16px;border-radius:var(--radius)}
.post .ph{padding:18px 22px;display:flex;gap:12px;align-items:center}
.av{width:40px;height:40px;border-radius:50%;background:var(--olive);color:var(--bone);display:grid;place-items:center;font-family:var(--serif);font-size:18px;flex:none}
.av.lt{background:var(--bone);color:var(--ink)}
.post .pb{padding:0 22px 18px;font-size:14.5px}
.post .pimg{aspect-ratio:16/10;overflow:hidden} .post .pimg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.post .pf{display:flex;gap:8px;padding:14px 22px;border-top:1px solid var(--line);align-items:center;flex-wrap:wrap}
.react{height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;display:inline-flex;gap:6px;align-items:center;transition:.3s}
.react.on{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.kind{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
@media(max-width:900px){.feed{grid-template-columns:1fr}}
.hof{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.hofc{aspect-ratio:3/4;background:var(--ink);color:var(--bone);padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.hofc::before{content:"U";position:absolute;right:-20px;bottom:-60px;font-family:var(--serif);font-style:italic;font-size:260px;line-height:1;color:rgba(242,239,234,.06)}
.hofc .av{width:58px;height:58px;font-size:24px;background:var(--bone);color:var(--ink)}

/* Full-screen card */
.fs-card{position:fixed;inset:0;z-index:99;background:var(--ink);color:var(--bone);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:calc(30px + var(--sat)) 24px calc(30px + var(--sab));opacity:0;visibility:hidden;transition:.5s var(--ease)}
.fs-card.on{opacity:1;visibility:visible}
.fs-card .qrbig{background:#fff;padding:22px;border-radius:24px;width:min(78vw,330px);aspect-ratio:1;transform:scale(.9);transition:transform .7s var(--ease)}
.fs-card.on .qrbig{transform:none}
.fs-card .qrbig canvas,.fs-card .qrbig img{width:100%!important;height:100%!important}

/* ---------- STAFF (visually separated) ---------- */
.staff{--s-bg:#16171a;--s-pn:#1f2024;--s-ln:#2d2e33;--s-tx:#e9e7e2;--s-mu:#8c8a85;--s-ac:#c9d18a;background:var(--s-bg);color:var(--s-tx);min-height:100vh;display:grid;grid-template-columns:240px 1fr;font-size:14px}
.staff .side{border-right:1px solid var(--s-ln);padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:4px}
.staff .side .brand{display:flex;align-items:baseline;gap:8px;padding:6px 10px 22px}
.staff .side .brand .wm{font-size:24px}
.staff .side .brand span{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--s-ac);border:1px solid var(--s-ac);border-radius:4px;padding:2px 6px}
.staff .side a{padding:9px 12px;border-radius:8px;color:var(--s-mu);font-size:13.5px;display:flex;justify-content:space-between}
.staff .side a:hover{color:var(--s-tx);background:var(--s-pn)}
.staff .side a.on{background:var(--s-pn);color:var(--s-tx)}
.staff .side .sep{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#5c5b58;padding:16px 12px 6px}
.staff .side .cnt{background:var(--s-ac);color:#16171a;border-radius:999px;font-size:10.5px;padding:0 7px;font-weight:600}
.staff main{padding:26px clamp(18px,3vw,40px) 80px;min-width:0}
.staff .s-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.staff h1{font-size:26px;font-weight:600;letter-spacing:-.02em}
.staff .warnbar{background:rgba(201,209,138,.08);border:1px solid rgba(201,209,138,.25);color:#d9dcb4;padding:10px 14px;border-radius:10px;font-size:12.5px;margin-bottom:22px;line-height:1.5}
.staff .sp{background:var(--s-pn);border:1px solid var(--s-ln);border-radius:14px;padding:20px}
.staff .sp h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--s-mu);font-weight:500;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.staff .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.staff .kpi b{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;margin-top:6px}
.staff .sg{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.staff table.t th{color:var(--s-mu)} .staff table.t td,.staff table.t th{border-color:var(--s-ln)}
.staff .sbtn{height:38px;padding:0 16px;border-radius:9px;background:var(--s-ac);color:#16171a;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px}
.staff .sbtn.ghost{background:transparent;color:var(--s-tx);box-shadow:inset 0 0 0 1px var(--s-ln)}
.staff .sbtn.red{background:#e0806f;color:#1b0c09}
.staff .sbtn[disabled]{opacity:.4;pointer-events:none}
.staff .sin{height:40px;border-radius:9px;border:1px solid var(--s-ln);background:#121316;padding:0 12px;color:var(--s-tx);width:100%;outline:none}
.staff .sin:focus{border-color:var(--s-ac)}
.staff .pill{font-size:11px;padding:3px 9px;border-radius:999px;background:#2b2c31;color:var(--s-mu);white-space:nowrap}
.staff .pill.ok{background:rgba(120,190,130,.15);color:#9fd6a7}.staff .pill.wa{background:rgba(230,180,90,.15);color:#e8c27a}.staff .pill.er{background:rgba(224,128,111,.15);color:#ec9a8b}
.staff .tbd{background:transparent;color:#d9dcb4;border-color:rgba(201,209,138,.45)}
.staff .mute{color:var(--s-mu)}
.scanner{position:relative;aspect-ratio:3/4;max-height:480px;margin:0 auto;background:#0b0b0c;border-radius:20px;overflow:hidden;display:grid;place-items:center}
.scanner .frame{width:62%;aspect-ratio:1;position:relative}
.scanner .frame i{position:absolute;width:34px;height:34px;border:3px solid var(--s-ac)}
.scanner .frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:10px 0 0 0}.scanner .frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 10px 0 0}.scanner .frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 10px}.scanner .frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 10px 0}
.scanner .line{position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--s-ac),transparent);top:10%;animation:scan 2.2s ease-in-out infinite alternate;box-shadow:0 0 18px var(--s-ac)}
@keyframes scan{to{top:88%}}
.scanner .msg{position:absolute;left:16px;right:16px;bottom:16px;text-align:center;font-size:12px;color:var(--s-mu)}
.scanner.res{animation:flash .6s}
@keyframes flash{0%{box-shadow:inset 0 0 0 0 var(--s-ac)}30%{box-shadow:inset 0 0 0 8px var(--s-ac)}}
.result{border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center;animation:pageIn .5s var(--ease)}
.result.ok{background:rgba(120,190,130,.12);border:1px solid rgba(120,190,130,.35)}
.result.wa{background:rgba(230,180,90,.1);border:1px solid rgba(230,180,90,.35)}
.result.er{background:rgba(224,128,111,.1);border:1px solid rgba(224,128,111,.35)}
.staff .av{background:#2b2c31;color:var(--s-tx);font-family:var(--sans);font-size:14px;font-weight:600}
.staff .email-prev{background:#f6f3ee;color:#111;border-radius:12px;overflow:hidden}
.staff .email-prev .eh{background:#0e0e0d;color:#f2efea;padding:26px;text-align:center}
.staff .email-prev .eb{padding:26px;font-size:14px;line-height:1.6}
.staff .email-prev .ef{padding:16px 26px;font-size:11px;color:#77736b;border-top:1px solid #e3ded6}
.staff .li-s{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--s-ln)}
.staff .li-s:last-child{border-bottom:0}
@media(max-width:900px){.staff{grid-template-columns:1fr}.staff .side{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:12px;border-right:0;border-bottom:1px solid var(--s-ln)}.staff .side .sep,.staff .side .brand span{display:none}.staff .side .brand{padding:6px 10px}.staff .side a{white-space:nowrap}.staff .kpis{grid-template-columns:1fr 1fr}.staff .sg>*{grid-column:1/-1!important}}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}

/* ---- Minimal type system: Poppins everywhere ---- */
body{font-weight:300;font-size:14.5px}
b,strong,.card .meta .t{font-weight:500}
.serif,.h-xl,.h-l,.h-m,.h-s,.hero-cta h2,.pinfo h1,.mega a,.mnav a,.tile .lab h3,.marq span,.ring .c b,.big-num,.chc h4,.scard .nm,.how .n,.drop-count,.photo-slot .mono,.ari-facts b{font-weight:500!important;letter-spacing:-.035em}
.it,em.it,.h-xl em,.h-l em,.hero-cta h2 em,.photo-slot .mono{font-style:normal!important;font-weight:300!important}
.h-xl{font-size:clamp(42px,7vw,112px);line-height:.95}
.h-l{font-size:clamp(34px,4.6vw,72px);line-height:1}
.h-m{font-size:clamp(24px,2.6vw,38px);line-height:1.1}
.h-s{font-size:21px}
.pinfo h1{font-size:clamp(34px,3.6vw,54px);line-height:1}
.lead{font-weight:300}
.mnav a{font-size:28px}

/* ---- Home: opening + menu ---- */
.hero{height:210vh;background:var(--paper)}
.hero-wm{font-size:24vw;bottom:auto;top:50%;transform:translateY(-50%);line-height:.8}
.home-menu{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad);opacity:0;pointer-events:none}
.home-menu.on{pointer-events:auto}
.home-menu a{display:flex;align-items:baseline;gap:22px;font-size:clamp(38px,7vw,104px);font-weight:400;letter-spacing:-.04em;line-height:1.08;width:max-content;max-width:100%}
.home-menu a small{font-size:12px;letter-spacing:.14em;font-weight:400;color:var(--mute);min-width:28px}
.home-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(26px + var(--sab));display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--mute);letter-spacing:.06em}
.scroll-hint{top:auto;bottom:calc(34px + var(--sab))}
@media(max-width:700px){.hero-wm{font-size:25vw}.scroll-hint{display:flex}.home-menu a{gap:14px}}

/* ---- v3: minimal header, intro, club landing ---- */
#view{transition:opacity .26s ease}
.hdr-in{grid-template-columns:1fr auto 1fr;height:64px}
.h-link{font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;padding:6px 0}
.hdr .logo{font-size:24px}
.hdr-r{gap:22px;font-size:13px;letter-spacing:0;text-transform:none;font-weight:400}
.hdr{transition:opacity 1s var(--ease),background .5s,transform .6s var(--ease)}
.hdr.ghost{opacity:0;pointer-events:none}
.hdr.solid{background:rgba(250,248,245,.94);box-shadow:none;border-bottom:1px solid var(--line)}
@media(max-width:520px){.hide-xs{display:none}}
.home{height:100vh;height:100svh;position:relative;overflow:hidden;background:var(--paper)}
.intro{position:absolute;top:50%;left:0;right:0;text-align:center;font-size:22vw;transform:translateY(-50%);opacity:0;cursor:pointer;line-height:.8}
.intro.play{animation:intro 3.1s cubic-bezier(.45,0,.2,1) forwards}
@keyframes intro{0%{opacity:0;filter:blur(10px);transform:translateY(-48%) scale(.98)}35%{opacity:1;filter:blur(0);transform:translateY(-50%) scale(1)}70%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(8px);transform:translateY(-50%) scale(1.02)}}
.home-menu{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;opacity:1;pointer-events:none}
.home-menu a{display:flex;align-items:baseline;gap:18px;font-size:clamp(48px,9vw,140px);font-weight:400;letter-spacing:-.045em;line-height:1.05;opacity:0;transform:translateY(24px);transition:color .4s}
.home-menu a small{font-size:12px;letter-spacing:.12em;color:var(--mute);font-weight:400}
.home-menu a:hover{color:var(--olive)}
.home-menu.show{pointer-events:auto}
.home-menu.show a{animation:up 1.1s var(--ease) forwards}
.home-menu.show a:nth-child(2){animation-delay:.12s}
@keyframes up{to{opacity:1;transform:none}}
.home-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(24px + var(--sab));display:flex;justify-content:space-between;font-size:11.5px;color:var(--mute)}
.mnav{background:var(--paper);color:var(--ink);padding:calc(14px + var(--sat)) var(--pad) 40px;display:flex;flex-direction:column}
.mn-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:50px;margin-bottom:auto}
.mn-top .logo{font-size:24px}
.mn-g{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:60px 0}
.mnav .mn-g a{font-family:var(--sans);font-size:15px;line-height:2.1;color:var(--ink-2);font-weight:300}
.mnav .mn-g a.mn-big{font-size:clamp(40px,6vw,84px);font-weight:400;letter-spacing:-.045em;line-height:1.1;color:var(--ink);display:flex;gap:14px;align-items:baseline;margin-bottom:14px}
.mn-big small{font-size:11px;color:var(--mute);letter-spacing:.12em}
.mn-f{display:flex;gap:26px;margin-top:auto}
.mnav .mn-f a{font-size:13px;font-family:var(--sans);color:var(--mute)}
@media(max-width:700px){.mn-g{grid-template-columns:1fr;gap:34px;margin:40px 0}}
.ftr2{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:50px;padding-bottom:calc(50px + var(--sab));border-top:1px solid var(--line);margin-top:60px;font-size:12px;flex-wrap:wrap}
.xlink{font-size:clamp(22px,2.4vw,32px);font-weight:400;letter-spacing:-.03em}
.xlink span{display:inline-block;transition:transform .4s var(--ease)}.xlink:hover span{transform:translateX(6px)}
.bag-inv{font-size:12.5px;color:var(--ink-2);margin-bottom:14px;line-height:1.5}
.bag-inv a{text-decoration:underline}
.club-land{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:start;min-height:70vh}
.club-list{border-top:1px solid var(--line)}
.club-list a{display:grid;grid-template-columns:40px 1fr auto;align-items:baseline;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease)}
.club-list a:hover{padding-left:8px}
.club-list small{font-size:11px;color:var(--mute);letter-spacing:.12em}
.club-list span{font-size:clamp(22px,2.2vw,30px);font-weight:400;letter-spacing:-.03em}
.club-list em{font-style:normal;font-size:12.5px;color:var(--mute)}
@media(max-width:800px){.club-land{grid-template-columns:1fr}}
#menuBtn,.mn-top .h-link{justify-self:start}.hdr-r{justify-self:end}.home-foot{padding-left:190px}@media(max-width:700px){.home-foot{padding-left:0;bottom:calc(70px + var(--sab))}}
/* v4 fixes: quick add inside image; centered home menu */
.card .pw{position:relative;overflow:hidden}
.qa{transform:translateY(calc(100% + 14px))}
.home-menu a{position:relative;justify-content:center}
.home-menu a small{position:absolute;right:100%;margin-right:16px;top:.9em}
.sched{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.sched:hover{color:var(--olive)}
/* v5: modal no bloquea clics cuando está cerrado; candado tienda */
.modal .mbox{pointer-events:none;visibility:hidden}
.modal.on .mbox{pointer-events:auto;visibility:visible}
.lock{min-height:calc(100vh - 140px);display:grid;place-items:center;text-align:center;padding:calc(110px + var(--sat)) var(--pad) 60px}
.lock form{width:min(360px,100%);margin:34px auto 0}
.lock .inp{text-align:center}
.lock .err{color:var(--err);font-size:12.5px;min-height:18px;margin-top:10px}
.home-menu a .lk{font-size:13px;color:var(--mute);letter-spacing:.06em;margin-left:14px;font-weight:300}
.home-menu a{justify-content:center;text-align:center}
.home-menu a .lk{position:absolute;left:100%;top:.9em;margin-left:12px}
.home{touch-action:none}
.intro{display:flex;justify-content:center;opacity:0}
.intro span{display:inline-block}

/* v6: QR grande para escanear */
.fs-card .qrbig{width:min(88vw,68vh,520px);padding:18px;border-radius:20px}
.fs-card{gap:16px;overflow:auto}
.fs-card .qrbig{width:min(84vw,52vh,460px)}
.fs-card .wm{font-size:clamp(28px,5vh,42px)!important}

/* v7: Show my card = tarjeta grande (pase vertical) */
.pass{width:min(88vw,calc(100svh - 300px),420px);border-radius:26px;padding:22px;display:flex;flex-direction:column;gap:18px;color:var(--bone);
  background:radial-gradient(120% 120% at 85% 0%,#6e6d4e 0%,var(--olive) 40%,#2b2a1c 100%);box-shadow:0 40px 80px -30px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08);
  transform:scale(.92);opacity:0;transition:transform .7s var(--ease),opacity .5s}
.fs-card.on .pass{transform:none;opacity:1}
.pass-top{display:flex;justify-content:space-between;align-items:flex-start}
.pass-top .wm{font-size:32px!important}
.pass-top .club{font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;opacity:.8;text-align:right;line-height:1.6}
.pass-qr{background:#fff;border-radius:16px;padding:14px;aspect-ratio:1}
.pass-qr canvas,.pass-qr img{width:100%!important;height:100%!important;display:block}
.pass-bot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.pass-bot .nm{font-size:24px;font-weight:500;letter-spacing:-.03em;line-height:1}
.pass-bot .id{font-size:10.5px;letter-spacing:.2em;opacity:.75;margin-top:6px}
.pass-bot .pts{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;text-align:right}
.mn-out{display:block;font-size:15px;line-height:2.1;font-weight:300;color:var(--mute);text-align:left;margin-top:6px}.mn-out:hover{color:var(--ink)}
/* v29: check-in más visible */
.ck-flash{position:fixed;inset:0;z-index:200;pointer-events:none;animation:ckf .65s ease forwards}
@keyframes ckf{from{opacity:1}to{opacity:0}}
.ck-who{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.ck-name{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.staff .ck-ok{display:block;width:100%;height:60px;border-radius:14px;background:#9fd6a7;color:#0d1a10;font-size:17px;font-weight:700;letter-spacing:.01em}
.staff .ck-ok:active{transform:scale(.98)}
.staff .ck-no{display:block;width:100%;height:44px;margin-top:8px;color:var(--s-mu);font-size:14px}
@media(max-width:900px){
  .staff #cRes.sheet{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--sab));z-index:150;background:#1f2024;border:1px solid #3a3b40;border-radius:20px;padding:18px;box-shadow:0 -20px 60px rgba(0,0,0,.6);animation:sheetUp .35s var(--ease)}
}
@keyframes sheetUp{from{transform:translateY(40px);opacity:0}}
/* v31: destellos más fuertes */
.ck-flash{animation:ckf .9s cubic-bezier(.2,.7,.2,1) forwards}
.scanner.hit .frame i{border-color:#6ed282!important;box-shadow:0 0 24px #6ed282}
.scanner.hit{box-shadow:inset 0 0 0 4px #6ed282}
/* v32: checkmark grande en la cámara */
.ck-big{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none;background:rgba(10,30,15,.35);animation:ckbg 1.5s ease forwards}
.ck-big svg{width:58%;max-width:240px;animation:ckpop .55s cubic-bezier(.2,1.6,.4,1) both}
.ck-big circle{fill:#6ed282;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}
.ck-big path{fill:none;stroke:#0d1a10;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:90;stroke-dashoffset:90;animation:ckdraw .45s .2s ease forwards}
@keyframes ckpop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes ckdraw{to{stroke-dashoffset:0}}
@keyframes ckbg{0%,75%{opacity:1}100%{opacity:0}}
/* v33: check centrado en toda la pantalla */
.ck-big{position:fixed!important;inset:0;z-index:250}
/* v34: resultado entre la cámara y "Detener cámara" */
@media(max-width:900px){.staff #cRes.sheet{position:static;left:auto;right:auto;bottom:auto;box-shadow:none}}
.staff #cRes.sheet{background:#1f2024;border:1px solid #3a3b40;border-radius:18px;padding:16px;animation:sheetUp .3s var(--ease)}
.staff #cRes:empty{display:none}
.home-menu.instant a{animation:none!important;opacity:1;transform:none}
.demo-pill{z-index:65}
.home-foot{flex-wrap:wrap;gap:6px 20px}
/* Workout Program */
.wk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.wk-v{aspect-ratio:4/3;background:var(--bone);border:1px solid var(--line);display:grid;place-items:center;position:relative;border-radius:var(--radius)}
.wk-play{font-size:34px;font-weight:300;color:var(--olive)}
.wk-tag{position:absolute;left:12px;bottom:10px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.wk-price{display:flex;align-items:baseline;gap:8px}
.wk-amt{font-size:clamp(44px,5vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1}
.club-list a:not([href]){cursor:default}
.club-list a:not([href]):hover{padding-left:0}
/* ======================= INVITATION ======================= */
.inv{text-align:center;padding:calc(18px + var(--sat)) 0 70px;max-width:520px;margin:0 auto;background:#fff}
body:has(.inv){background:#fff}
body:has(.inv) #hdrMount{display:none}
.inv-hero{padding:22px var(--pad) 0}
.inv-logo{font-size:clamp(76px,22vw,128px);line-height:.8;animation:invIn 1.4s var(--ease) both}
.inv-sub{font-size:13px;letter-spacing:.42em;text-transform:uppercase;font-weight:500;margin:16px 0 0 .42em;animation:invIn 1.4s .15s var(--ease) both}
.inv-hello{font-size:13px;font-weight:600;line-height:1.6;max-width:330px;margin:44px auto 34px;letter-spacing:-.005em;animation:invIn 1.4s .25s var(--ease) both}
@keyframes invIn{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
.inv-tagwrap{margin:0 var(--pad) 40px;animation:invIn 1.4s .45s var(--ease) both}
.ivs-stage{position:relative;aspect-ratio:5/8;overflow:hidden;perspective:1300px;background:transparent}
.strap{position:absolute;left:50%;width:22px;transform:translateX(-50%);background:linear-gradient(90deg,#0c0c0b,#24241f 45%,#0c0c0b);z-index:3}
.strap.top{top:0;height:21%}
.strap.bottom{bottom:0;height:21%}
.clip{position:absolute;left:50%;width:30px;height:22px;transform:translateX(-50%);border-radius:5px;background:linear-gradient(180deg,#d9d7d1,#8e8b84 55%,#c9c6bf);box-shadow:0 2px 4px rgba(0,0,0,.45)}
.clip::after{content:"";position:absolute;left:50%;top:5px;width:12px;height:12px;transform:translateX(-50%);border-radius:50%;background:#5a5852;box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.strap.top .clip{bottom:-12px}
.strap.bottom .clip{top:-12px}
.ivs{position:absolute;left:50%;top:50%;width:66%;aspect-ratio:3/4.3;transform:translate(-50%,-50%);z-index:2}
.ivs-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:ivsTurn 11s cubic-bezier(.65,0,.35,1) infinite}
.inv-tagwrap:hover .ivs-in{animation-play-state:paused}
@keyframes ivsTurn{0%,32%{transform:rotateY(-8deg)}50%,82%{transform:rotateY(172deg)}100%{transform:rotateY(352deg)}}
.slab{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(160deg,#1d1d1b 0%,#121211 60%,#0a0a09 100%);background-size:180px,cover;
  box-shadow:0 30px 50px -20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.06),inset -6px -6px 14px rgba(0,0,0,.08)}
.slab.back{transform:rotateY(180deg)}
.pp{width:100%;padding:0 9%;color:#d9d7d1;text-transform:uppercase;line-height:.86;font-weight:800;letter-spacing:-.045em}
.pp p,.pp h2{margin:0;transform:scaleY(1.22);transform-origin:center}
.pp-a{font-size:clamp(12px,3vw,16px);letter-spacing:.02em;margin-bottom:14px!important}
.pp-b{font-size:clamp(38px,10.5vw,58px);font-weight:800;margin-bottom:14px!important}
.pp-c{font-size:clamp(26px,7vw,36px);margin-bottom:22px!important}
.pp-d{font-size:clamp(20px,5.4vw,28px)}
.pp-e{font-size:clamp(9px,2.3vw,12px);letter-spacing:0;margin-top:8px!important}
.pp-g{font-size:clamp(8px,1.9vw,10px);letter-spacing:.12em;font-weight:500;margin-top:26px!important;opacity:.6}
.slab.back .wm{font-size:clamp(34px,9vw,48px);color:#151514;text-shadow:-1px -1px 0 rgba(0,0,0,.8),1px 1px 0 rgba(255,255,255,.16)}
.inv-mood{display:grid;grid-template-columns:repeat(6,1fr);margin:0 var(--pad);gap:0}
.inv-mood img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center 30%;filter:grayscale(.25) contrast(1.04);display:block}
.ivs-3d{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;z-index:4;cursor:grab}
.ivs-3d:active{cursor:grabbing}
.ivs-stage.is-3d .ivs,.ivs-stage.is-3d .strap{visibility:hidden}
.inv-dc{padding:6px var(--pad) 0}
.inv-dc-a{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:#6b6b68;margin-left:.32em}
.inv-dc-b{font-size:22px;font-weight:600;letter-spacing:-.03em;margin-top:10px}
.inv-dc-c{font-size:14px;color:#4a4a47;margin-top:6px}
.inv-rsvp{padding:40px var(--pad) 0}
.inv-btn{appearance:none;border:0;background:#a8a8a6;color:#0d0d0c;font-family:inherit;font-weight:600;font-size:12.5px;line-height:1;padding:13px 16px;border-radius:2px;cursor:pointer;transition:background .3s}
.inv-btn:hover{background:#949492}
.inv-form{max-width:330px;margin:0 auto;display:flex;flex-direction:column;gap:10px;text-align:left;animation:invIn .8s var(--ease) both}
.inv-form[hidden]{display:none}
.inv-form .inp{height:44px;font-size:14px;border:0;border-bottom:1px solid #cfcfcc;border-radius:0;background:transparent;padding:0 2px}
.inv-form .chk{font-size:11.5px;margin:6px 0 8px}
.inv-form .inv-btn{align-self:center;margin-top:4px}
.inv-small{font-size:11.5px;color:#6b6b68;text-align:center;margin-top:10px}
.inv-small a{text-decoration:underline;text-underline-offset:3px}
.inv-done{font-size:15px;font-weight:600}
.inv-note{font-size:10.5px;font-style:italic;color:#2a2a28;margin:40px var(--pad) 0}
.inv-note b{font-weight:700}
.inv-map{color:inherit;text-decoration:none}
.inv-map:hover{text-decoration:underline;text-underline-offset:3px}
.inv-bye{font-size:13px;font-weight:500;margin-top:22px}
@media (prefers-reduced-motion:reduce){.ivs-in{animation:none}}
.inv-map{border-bottom:1px solid transparent;transition:border-color .3s}.inv-map:hover{border-color:currentColor}
@font-face{font-family:"Bebas Neue";src:url(fonts/bebas-neue.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"League Gothic";src:url(fonts/league-gothic.woff2) format("woff2");font-weight:400;font-display:swap}

.mega-wm{display:flex;justify-content:center;align-items:flex-start;overflow:hidden;padding:0 1vw;margin-top:-10px;padding-bottom:calc(10px + var(--sab));font-family:var(--brand);font-weight:700;color:var(--ink);user-select:none;line-height:.8}
.mega-wm span{font-size:25.6vw;letter-spacing:-.055em;line-height:.8;padding-bottom:6.8vw}
.mega-wm sup{font-size:3.6vw;font-weight:600;line-height:1;margin:2.2vw 0 0 .4vw;top:0;position:relative}

a.inv-btn{display:inline-block;text-decoration:none}
.join-inv{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);padding:14px 16px;margin-bottom:28px;font-size:13px}
.join-inv span{color:var(--mute)}

.soon{min-height:58vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:40px 0}
.soon-tag{font-size:11px;letter-spacing:.3em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:6px 14px}
.soon-d{max-width:420px;font-size:14.5px}
.soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:6px}
.soon-grid a{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--paper);border:1px solid var(--line)}
.soon-grid span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.ev1{padding:30px 0 60px;max-width:560px}.ev1 .h-xl{margin:12px 0 30px}.ev-kv{margin-bottom:30px}
.panel.span-12{grid-column:span 12}
.btn > span:last-child{margin-right:-.18em}

.demo-pill{display:none!important}
body.is-staff .demo-pill{display:flex!important}

.ivs-stage:not(.no3d) .ivs,.ivs-stage:not(.no3d) .strap{visibility:hidden}
.ivs-3d{animation:ivsFade .8s ease both}@keyframes ivsFade{from{opacity:0}to{opacity:1}}

.hdr-l{display:flex;align-items:center;gap:6px}
.h-ic{width:40px;height:40px;display:inline-grid;place-items:center;position:relative;color:inherit;background:none;border:0;cursor:pointer}
.h-ic svg{width:22px;height:22px}
.hdr-r{gap:6px!important}
.h-bag .bag-n{position:absolute;top:5px;right:3px;min-width:16px;height:16px;border-radius:999px;background:currentColor;font-size:9.5px;letter-spacing:0;line-height:16px;text-align:center;font-weight:600}
.h-bag .bag-n{color:var(--bone)}.hdr.invert:not(.solid) .h-bag .bag-n{color:var(--ink)}
.hdr.invert:not(.solid) .h-bag .bag-n{background:var(--bone)}
.vhero{position:relative;height:min(78vh,56.25vw);min-height:420px;overflow:hidden;background:#1c1c1a}
@media(max-width:800px){.vhero{height:auto;min-height:0;aspect-ratio:4/5}}
.vhero{display:grid;grid-template-columns:repeat(3,1fr)}
.vhero video{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}
@media(max-width:800px){.vhero{display:block}.vhero video{position:absolute;inset:0;object-position:center 68%}.vhero .vh-1,.vhero .vh-2{display:none}}
.vhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 70%,rgba(0,0,0,.3) 100%);pointer-events:none}
.vhero-tx{position:absolute;left:36px;bottom:36px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:2;color:#fff;text-align:left}
.vh-title{font-size:15px;font-weight:400;letter-spacing:.03em;line-height:1.3}
.vh-title span{display:block;font-size:11px;font-weight:300;letter-spacing:.32em;text-transform:uppercase;margin-bottom:6px;opacity:.9}
.vh-title b{display:block;font-weight:700;letter-spacing:.06em}
.vh-btn{display:inline-block;padding:0 0 3px;border-bottom:1px solid #fff;color:#fff;font-size:15px;font-weight:600;letter-spacing:.03em;text-decoration:none;transition:opacity .3s}
.vh-btn:hover{opacity:.7}
@media(max-width:800px){.vhero-tx{left:18px;bottom:20px;gap:8px}.vh-title{font-size:14px}.vh-btn{font-size:14px}}
.srch{padding-top:8px}.srch .inp{font-size:20px;height:56px}
.srch-r{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
#mnav .mn-f button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;opacity:.7}

.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:22px;background:#fff}
.cat{position:relative;display:block;aspect-ratio:327/216;background:#f9f7f3;color:#272727;text-decoration:none;overflow:hidden}
.cat-im{position:absolute;left:0;top:0;bottom:0;width:55%}
.cat-im img{position:absolute;left:50%;top:50%;height:68%;width:auto;max-width:52%;object-fit:contain;transform:translate(-50%,-50%);transition:transform .7s var(--ease)}
.cat:hover .cat-im img{transform:translate(-50%,-50%) scale(1.05)}
.cat-t{position:absolute;left:55%;right:6%;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;letter-spacing:.018em;line-height:1.2;text-align:center}
@media(max-width:800px){.cats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:0 0 78%;scroll-snap-align:start}.cat-t{font-size:18px}}

.ig{margin-top:70px}
.ig-h{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;margin-bottom:22px;color:var(--ink)}
.ig-h svg{width:18px;height:18px}
.ig-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;margin:0 auto;padding:0 var(--pad)}
.ig-p{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--bone);border-radius:18px}
.ig-p img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform 1s var(--ease)}
.ig-o{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.28);color:#fff;opacity:0;transition:opacity .35s}
.ig-o svg{width:30px;height:30px}
.ig-p:hover .ig-o{opacity:1}.ig-p:hover img{transform:scale(1.04)}
@media(max-width:800px){.ig-g{grid-template-columns:repeat(2,1fr);gap:10px}.ig-p{border-radius:14px}}
.ig + .mega-wm{margin-top:36px}
.mega-wm + .ftr2{margin-top:0;border-top:0;padding-top:18px}
.mega-wm{padding-bottom:0}

.mega-club{display:flex;justify-content:center;margin-top:56px}
.mega-club + .mega-wm{margin-top:18px}
.ftr2:has(> span + span:last-child){}

/* ---- Tiers: Member (perla + plata) · Content Creator y Brand Ambassador (black card + plata) ---- */
.scard.t-member,.pass.t-member{background:linear-gradient(145deg,#faf8f4 0%,#eeeae2 45%,#e2ddd2 100%);box-shadow:0 40px 80px -40px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.05)}
.scard.t-creator,.pass.t-creator{background:radial-gradient(130% 120% at 85% -10%,#262626 0%,#131313 50%,#0a0a0a 100%);box-shadow:0 40px 80px -40px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08)}
.scard.t-ambassador,.pass.t-ambassador{background:#121212;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 7px),radial-gradient(130% 120% at 85% -10%,#2b2b2b 0%,#141414 50%,#0a0a0a 100%);box-shadow:0 40px 80px -40px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08)}
.t-member .wm,.t-member .club,.t-member .nm,.t-member .id,.t-member .pts,.t-member .bot > div > div:last-child{background:linear-gradient(100deg,#4a4a47 0%,#8c8c88 22%,#3f3f3c 40%,#9d9d99 58%,#555552 76%,#8e8e8a 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;opacity:1}
.t-creator .wm,.t-creator .club,.t-creator .nm,.t-creator .id,.t-creator .pts,.t-creator .bot > div > div:last-child,.t-ambassador .wm,.t-ambassador .club,.t-ambassador .nm,.t-ambassador .id,.t-ambassador .pts,.t-ambassador .bot > div > div:last-child{background:linear-gradient(100deg,#8e8e8a 0%,#ededea 22%,#9a9a96 40%,#ffffff 58%,#a3a39f 76%,#e2e2df 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;opacity:1}
.scard .club,.pass .club{letter-spacing:.38em;font-size:9px}
.scard .nm,.pass .pass-bot .nm{font-family:inherit;font-size:17px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.scard .bdg{display:none}
.t-member .qrmini{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.scard.t-member::before{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 48%,transparent 62%)}
.tier-pill{display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;font-size:9.5px;letter-spacing:.34em;text-transform:uppercase;font-weight:500;margin-top:10px}
.tier-pill span{-webkit-background-clip:text;background-clip:text;color:transparent}
.tier-pill.creator{background:#141414}.tier-pill.creator span{background-image:linear-gradient(100deg,#8e8e8a,#f2f2ef 35%,#9a9a96 60%,#e2e2df)}
.tier-pill.ambassador{background:#0d0d0c}.tier-pill.ambassador span{background-image:linear-gradient(100deg,#8e8e8a,#f2f2ef 35%,#9a9a96 60%,#e2e2df)}
.scard .bot > div{text-align:left}

body.gated #hdrMount,body.gated .demo-pill,body.gated #mnav{display:none!important}
.gate{min-height:100svh;display:grid;place-items:center;background:#1c1c1a;position:relative;overflow:hidden}
.gate-v{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:0}
.gate-in{position:relative;z-index:1;width:min(360px,88vw);text-align:center;padding:40px 30px 32px;border-radius:28px;background:rgba(250,248,245,.58);-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);border:1px solid rgba(255,255,255,.35);box-shadow:0 30px 80px -30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.6);color:var(--ink)}
.gate-in .wm{color:var(--ink)}
.gate .gate-sub{color:rgba(20,20,18,.62)}
.gate .inp{color:var(--ink);border-bottom-color:rgba(20,20,18,.45);background:transparent}
.gate .inp::placeholder{color:rgba(20,20,18,.5)}
.gate .btn{background:var(--ink);color:#fff}
.gate .err{color:#b3261e}
.gate-wm{font-size:clamp(52px,15vw,76px);line-height:.8}
.gate-sub{font-size:10.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--mute);margin:18px 0 34px}
.gate form .inp{text-align:center}

.gate form{display:flex;flex-direction:column;gap:6px}
.gate-wait{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px}
.gate-dot{width:10px;height:10px;border-radius:50%;background:var(--ink);animation:pulse 1.6s infinite;margin-bottom:6px}
.idle{position:fixed;inset:0;z-index:200;background:rgba(14,14,13,.55);backdrop-filter:blur(6px);display:grid;place-items:center;animation:invIn .4s var(--ease) both}
.idle-in{background:var(--paper);width:min(340px,86vw);padding:30px 26px;border-radius:18px;text-align:center}
.idle-t{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
.idle-d{font-size:14px;color:var(--ink-2);margin-bottom:20px}
.idle-d b{font-variant-numeric:tabular-nums}
.gate form[hidden],.gate-wait[hidden]{display:none}

/* home: intro sunday en blanco como antes; al abrirse aparece Shop / Club sobre el video */
.home{background:#1c1c1a}
.home-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:0}
.home-veil{position:absolute;inset:0;z-index:0;background:rgba(250,248,245,.28)}
.home-paper{position:absolute;inset:0;z-index:1;background:var(--paper)}
.home-glass{position:absolute;inset:0;z-index:2}
.home .home-foot{z-index:3}
.home .home-foot,.home .home-foot a{color:rgba(255,255,255,.92)}
.home .home-menu a{transition:color .35s}.home .home-menu a:hover,.home .home-menu a:focus-visible{color:#fff}
/* shop: un solo video a pantalla completa, como la intro */
.vhero{display:block;height:100vh;height:100svh;min-height:0;aspect-ratio:auto}
.vhero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
/* shop: el mismo video OUTFIT 2 tres veces lado a lado, cada uno empezando en otra parte; en celular uno solo */
.vhero.vh3{display:grid;grid-template-columns:repeat(3,1fr)}
.vhero.vh3 .vh-v{position:relative;inset:auto;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
@media(max-width:800px){.vhero.vh3{display:block}.vhero.vh3 .vh-v{position:absolute;inset:0}}
/* categorías con las piezas negras (New, Pants, Top, Sleeves) */
.cats{grid-template-columns:repeat(4,1fr);gap:14px;padding:14px}
.cat{background:#f2f2f2}
.cat-im img{height:72%;max-width:70%}
.cat-t{text-transform:uppercase;letter-spacing:.14em;font-size:15px;font-weight:500}
@media(max-width:800px){.cat{flex:0 0 72%}}
.vhero.vh3{gap:0;background:#cfcac3}.vhero.vh3 .vh-v{width:calc(100% + 2px);margin-left:-1px;display:block}.vhero.vh3 .vh-0{margin-left:0}
.cat-im img{max-width:none}
/* shop: editorial (Olive · First Edit · Organic) en vez de la grilla, estilo CSB */
.eds{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 14px 14px;background:#fff}
.ed{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;background:#e9e6e1}
.ed img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ed:hover img{transform:scale(1.03)}
.ed-s{aspect-ratio:4/5}.ed-s img{object-position:50% 35%}
.ed-w{grid-column:1/-1;aspect-ratio:16/9}.ed-w img{object-position:50% 60%}
.ed::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.28));pointer-events:none}
.ed-tx{position:absolute;left:32px;bottom:30px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ed-tx b{font-size:clamp(18px,1.9vw,28px);font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.ed-shop{font-size:15px;font-weight:600;padding-bottom:3px;border-bottom:1.5px solid currentColor}
@media(max-width:800px){.eds{gap:10px;padding:0 10px 10px}.ed-w{aspect-ratio:4/3}.ed-tx{left:16px;bottom:16px;gap:7px}.ed-tx b{font-size:15px}.ed-shop{font-size:13px}}
/* olive: subir a la modelo para que quede a la altura de la de First Edit */
.ed-s:first-child img{object-position:50% 100%;transform:scale(1.06);transform-origin:50% 100%}
.ed-s:first-child:hover img{transform:scale(1.09)}
/* respaldo sin 3D: etiqueta blanca */
.slab{background:#f7f6f3!important;border-radius:10px}.pp{color:#111110}.slab.back .wm{color:#111110;text-shadow:none}

/* la etiqueta gira siempre, también con "reducir movimiento" */

.ivs-in{animation:none}@keyframes ivsSpin{to{transform:rotateY(360deg)}}
.pts-val{font-size:13px;margin-top:6px;letter-spacing:.02em;opacity:.75}
.inv-val{display:block;margin-top:4px;opacity:.75}
.ivs-stage{aspect-ratio:5/4}
/* que la "y" de sunday no se corte en las tarjetas con letras plateadas */
.scard .wm,.pass .wm{display:inline-block;line-height:1;padding:.06em .04em .24em 0;margin:-.06em 0 -.24em}
/* invitación: la tarjeta queda fija en el centro mientras haces scroll y va girando */

.inv-tagwrap .ivs-stage{aspect-ratio:1.6/1}
/* Member con los colores de la primera tarjeta (olivo oscuro y letras hueso); Creator y Ambassador siguen negras */
.scard.t-member,.pass.t-member{background:radial-gradient(120% 140% at 85% 0%,#6e6d4e 0%,#4b4a33 38%,#2b2a1c 100%);box-shadow:0 40px 80px -40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08)}
.t-member .wm,.t-member .club,.t-member .nm,.t-member .id,.t-member .pts,.t-member .bot > div > div:last-child{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#f2efea!important}
.t-member .club,.t-member .id{opacity:.8}
.scard.t-member::before{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 62%)}
.t-member .qrmini{background:#f2efea;box-shadow:none}
/* letras con brillo metálico sobre el olivo (como la primera tarjeta) */
.t-member .wm,.t-member .club,.t-member .nm,.t-member .id,.t-member .pts,.t-member .bot > div > div:last-child{background:linear-gradient(100deg,#d9d3c4 0%,#fffdf8 18%,#b9b2a1 38%,#f4efe4 56%,#a8a190 76%,#ece6d9 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:metalShine 6s ease-in-out infinite}
@keyframes metalShine{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
/* Member: bronce oscuro (opción 18) */
.scard.t-member,.pass.t-member{background:radial-gradient(120% 140% at 85% 0%,#8f7350 0%,#5e4a30 40%,#2e2416 100%);box-shadow:0 40px 80px -40px rgba(30,20,10,.6),inset 0 0 0 1px rgba(255,235,210,.1)}

/* texto debajo de la tarjeta para voltearla */
.ivs-hint{display:block;margin:14px auto 0;appearance:none;border:0;background:none;font-family:inherit;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:#7a776f;cursor:pointer;padding:8px 12px;animation:hintPulse 2.6s ease-in-out infinite}
.ivs-hint::after{content:" ↻";letter-spacing:0}
@keyframes hintPulse{0%,100%{opacity:.55}50%{opacity:1}}
.ivs-stage.no3d ~ .ivs-hint{display:none}

/* con rotación constante no hace falta el texto para voltear */
.ivs-hint{display:none!important}

/* elegir hora en la invitación */
.inv-times{margin:4px auto 22px;text-align:center}
.inv-tbtns{display:flex;gap:10px;justify-content:center;margin-top:12px}
.inv-tbtn{appearance:none;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;padding:12px 22px;border-radius:2px;border:1px solid #0d0d0c;background:#fff;color:#0d0d0c;cursor:pointer;min-width:96px;transition:.25s}
.inv-tbtn.on{background:#0d0d0c;color:#fff}
.inv-tbtn[hidden]{display:none}
.inv-mytime{font-weight:700;font-size:22px;letter-spacing:-.02em;margin:6px 0 10px}

/* Shop cerrado con password: video desenfocado detrás */
.gate-shop .gate-v{filter:blur(18px) brightness(.85);transform:scale(1.12)}
.gate-alt{display:inline-block;margin-top:22px;font-size:12px;letter-spacing:.06em;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* Shop cerrado: menú muestra "Coming soon" y no deja entrar */
body.shop-locked .mn-g > div:first-child a:not(.mn-big){display:none}
body.shop-locked .mn-g > div:first-child .mn-big::after{content:"Coming soon";display:block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin-top:10px}
body.shop-locked a.is-soon{cursor:default}
.soon-ov{position:fixed;inset:0;z-index:400;display:grid;place-items:center;background:rgba(20,20,18,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.soon-in{position:relative}
.soon-ov .gate-sub{color:rgba(20,20,18,.62)}
.soon-ov .inp{color:var(--ink);border-bottom-color:rgba(20,20,18,.45);background:transparent;text-align:center}
.soon-ov .btn{background:var(--ink);color:#fff}
.soon-ov .err{color:#b3261e}
.soon-ov form{display:flex;flex-direction:column;gap:6px}
.soon-x{position:absolute;top:12px;right:16px;font-size:22px;line-height:1;color:var(--ink);opacity:.6}
body.shop-locked #homeMenu a[href="#shop"]{position:relative}
body.shop-locked #homeMenu a[href="#shop"]::after{content:"Coming soon";position:absolute;left:100%;bottom:.32em;margin-left:16px;white-space:nowrap;font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:400;opacity:.6;color:currentColor}
@media(max-width:700px){body.shop-locked #homeMenu a[href="#shop"]::after{font-size:9px;letter-spacing:.2em;margin-left:10px}}
.soon-ov form .inp + .inp{margin-top:4px}
.soon-ov .gate-wait,.gate-shop .gate-wait{padding:10px 0 4px}
.soon-ov [hidden]{display:none!important}
/* Tarjeta del Club en la portada del Club y en Join (fija, sin girar) */
.club-card{margin-top:34px;max-width:380px}
.club-card .scard{max-width:380px;cursor:pointer}
.club-card .scard::before{display:none}
.club-cardlink{display:block}
.club-card .nm{text-transform:uppercase;letter-spacing:.12em}
.qr-ph{opacity:.25}
.join-card{margin:0 0 30px;max-width:340px}
@media(max-width:700px){.club-card{max-width:100%}.club-card .scard{max-width:100%}}
.demo-pill{display:none!important}
/* Foto de perfil */
.av-img{overflow:hidden;background:#e9e5dc;padding:0}
.av-img img{width:100%;height:100%;object-fit:cover;display:block}
.pf-photo{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.pf-av .av{font-family:var(--serif)}
.pf-av.busy{opacity:.45}
.wl-av{display:inline-block;margin-bottom:14px}
.staff .av-img{background:#2b2c31}
.mem-th{display:flex;gap:10px;align-items:center}
.cam-box{aspect-ratio:1;border-radius:16px;overflow:hidden;background:#111}.cam-box video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
/* Foto de perfil · diseño */
.pf-photo{display:flex;gap:32px;align-items:center;padding:30px 32px}
.pf-av-wrap{position:relative;flex:none}
.pf-av .av{box-shadow:0 0 0 4px var(--bg,#faf8f5),0 0 0 5px rgba(20,20,18,.12)}
.pf-cam{position:absolute;right:-2px;bottom:-2px;width:36px;height:36px;border-radius:50%;background:var(--ink,#141413);color:#fff;display:grid;place-items:center;border:3px solid #fff;cursor:pointer;transition:transform .2s}
.pf-cam:hover{transform:scale(1.07)}
.pf-cam svg{width:17px;height:17px}
.pf-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:20;min-width:170px;background:#fff;border-radius:14px;box-shadow:0 18px 40px -14px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.05);padding:6px;display:flex;flex-direction:column}
.pf-menu[hidden]{display:none}
.pf-menu button{text-align:left;padding:11px 14px;font-size:13.5px;border-radius:9px;color:var(--ink,#141413)}
.pf-menu button:hover{background:#f3f1ec}
.pf-menu .pf-del{color:#a3362a}
.pf-nm{font-size:30px;line-height:1.05;margin-bottom:14px}
.pf-ig{display:flex;align-items:center;gap:2px;max-width:280px;border-bottom:1px solid rgba(20,20,18,.25);padding:6px 0;font-size:15px}
.pf-ig span{color:var(--mute,#8a8579)}
.pf-ig input{border:0;outline:0;background:transparent;font:inherit;flex:1;padding:0}
.pf-note{font-size:12px;margin-top:12px;max-width:380px}
@media(max-width:700px){.pf-photo{flex-direction:column;text-align:center;gap:20px;padding:28px 20px}.pf-menu{left:50%;transform:translateX(-50%)}.pf-ig{margin:0 auto}.pf-note{margin-left:auto;margin-right:auto}}
.bd-sel{display:flex;gap:10px}.bd-sel select{flex:1;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:1px solid rgba(20,20,18,.25);border-radius:0;padding:10px 0;font:inherit}
.pf-bd{margin-top:16px;font-size:14px}.pf-bdadd{margin-top:18px;padding-top:16px;border-top:1px solid rgba(20,20,18,.1);max-width:380px}.pf-bdadd p{font-size:13.5px;margin-bottom:6px}.pf-bdadd .btn{margin-top:12px}

/* ojito contraseña */
.pw-wrap{position:relative;display:block;width:100%}
.pw-wrap>input{width:100%;padding-right:44px!important}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;background:none;border:0;padding:0;color:currentColor;opacity:.55;cursor:pointer}
.pw-eye:hover{opacity:.9}
.inv-form .pw-wrap,.field .pw-wrap{margin:0}

/* instagram en sign up */
.ig-in{position:relative;display:block;width:100%}
.ig-in>span{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:.5;pointer-events:none;font-size:16px}
.ig-in>input{width:100%;padding-left:18px!important}
.inv-form .ig-in>span{left:2px;font-size:14px}.inv-form .ig-in>input{padding-left:18px!important}

/* ajustar foto de perfil */
.crop-st{position:relative;width:min(300px,78vw);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:50%;background:#111;touch-action:none;cursor:grab;user-select:none}
.crop-st:active{cursor:grabbing}
.crop-st img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none;user-select:none}
.crop-ring{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);pointer-events:none}
.crop-zm{display:flex;align-items:center;gap:12px;max-width:300px;margin:18px auto 0}
.crop-zm span{opacity:.55;font-size:18px;width:14px;text-align:center}
.crop-zm input{flex:1;accent-color:currentColor}

/* X para salir de la invitación y volver al Club */
.inv-x{position:fixed;top:calc(14px + var(--sat));right:16px;z-index:60;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0d0d0c;box-shadow:0 1px 0 rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.08);transition:transform .2s}
.inv-x:active{transform:scale(.92)}

/* teléfono: aviso en el Club si falta */
.ph-nudge{display:flex;align-items:center;gap:14px;background:#fbf7ee;border:1px solid #eadfc6}
.ph-nudge .ph-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0d0d0c;color:#fff;position:relative}
.ph-nudge .ph-ic::after{content:"";position:absolute;top:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#d6452f;box-shadow:0 0 0 2px #fbf7ee}
.ph-nudge .ph-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.ph-nudge .ph-tx span{font-size:12.5px;opacity:.65}
.ph-nudge .btn{flex:none}
.pf-ph{margin-top:10px}
.pf-ph>span{display:grid;place-items:center}
.pf-ph.need{border-bottom-color:#d6452f}
.tabbar.need-ph a[href="#profile"]{position:relative}
.tabbar.need-ph a[href="#profile"]::after{content:"";position:absolute;top:6px;left:calc(50% + 8px);width:8px;height:8px;border-radius:50%;background:#d6452f}
@media (max-width:520px){.ph-nudge{flex-wrap:wrap}.ph-nudge .btn{width:100%}}

/* reglas del Club */
.chk a[data-rules]{text-decoration:underline;text-underline-offset:3px;color:inherit}
.rules-list{max-height:52vh;overflow:auto;padding-right:6px;font-size:13.5px;line-height:1.55}
.rules-list h5{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:16px 0 6px;opacity:.7}
.rules-list h5:first-child{margin-top:0}
.rules-list ul{margin:0;padding-left:18px}
.rules-list li{margin:4px 0}

/* cerrar cuenta */
.acct-del{display:flex;justify-content:center;padding:6px 0 4px}
.acct-del #delAcct{background:none;border:0;padding:6px 8px;font:inherit;font-size:11.5px;letter-spacing:.04em;color:currentColor;opacity:.38;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.acct-del #delAcct:hover{opacity:.7}
.del-btn{color:#b3261e!important;border-color:#e3b5b0!important}
.btn.block.del-btn:not(.ghost){background:#b3261e!important;color:#fff!important;border-color:#b3261e!important}
.btn.del-btn[disabled]{opacity:.4}

/* ===== Pool pass · pulsera ===== */
.pool{text-align:center;padding:calc(18px + var(--sat)) 0 80px;max-width:560px;margin:0 auto;background:#fff;position:relative}
body:has(.pool){background:#fff}
body:has(.pool) #hdrMount{display:none}
.pool-hero{padding:22px var(--pad) 0}
.pool-logo{font-size:clamp(64px,18vw,104px);line-height:.8;animation:invIn 1.4s var(--ease) both}
.pool-kick{font-size:12px;letter-spacing:.42em;text-transform:uppercase;font-weight:500;margin:16px 0 0 .42em;animation:invIn 1.4s .15s var(--ease) both}
.pool-h{font-size:clamp(44px,13vw,76px);font-weight:400;letter-spacing:-.03em;line-height:1;margin:26px 0 12px;animation:invIn 1.4s .25s var(--ease) both}
.pool-sub{font-size:13px;color:var(--mute);max-width:300px;margin:22px auto 0;line-height:1.55;animation:invIn 1.4s .3s var(--ease) both}
.pool-mount{padding:34px var(--pad) 0;min-height:150px;animation:invIn 1.4s .4s var(--ease) both}
.pool-load{font-size:13px}
.pool-count{font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}
.pool-count b{font-weight:600;letter-spacing:0;font-size:15px}
.pool-cta{min-width:230px}
.pool-cta[disabled]{opacity:.55;cursor:default}
.pool-note{font-size:12px;color:var(--mute);margin-top:12px}
.pool-ok{font-size:13px;font-weight:600;margin-top:22px}
.pool-bring{list-style:none;margin:46px var(--pad) 0;padding:0;border-top:1px solid var(--line);text-align:left}
.pool-bring li{display:flex;gap:16px;padding:14px 2px;border-bottom:1px solid var(--line);font-size:14px}
.pool-bring li span{flex:0 0 92px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);padding-top:2px}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
.pb-wrap{padding:10px 0 0}
.ipass{--w:min(310px,82vw);--p:calc(var(--w)*.66);width:var(--w);height:calc(var(--p)*2);margin:0 auto;position:relative;perspective:1500px;cursor:pointer}
.fd{position:absolute;inset:0;transform:translateY(calc(var(--p)*-.5));transition:transform 1.2s cubic-bezier(.5,0,.2,1)}
.ipass.open .fd{transform:none}
.fd-bottom,.fd-top{position:absolute;left:0;width:100%;height:var(--p)}
.fd-bottom{top:var(--p);background:linear-gradient(180deg,#f1f1ef 0%,#f7f7f5 18%,#fafaf9 100%);border-radius:0 0 16px 16px;box-shadow:0 34px 40px -22px rgba(30,30,28,.3),0 3px 8px rgba(30,30,28,.07);overflow:hidden}
.fd-card{position:absolute;left:13%;right:13%;top:20%;bottom:16%;background:#fdfdfc;border-radius:10px;box-shadow:0 1px 4px rgba(30,30,28,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--w)*.012);color:#1a1916}
.fd-slit{position:absolute;width:calc(var(--w)*.14);height:calc(var(--w)*.14);background:linear-gradient(135deg,#f8f8f6 50%,transparent 50%)}
.fd-slit::after{content:"";position:absolute;left:0;top:0;width:141%;height:1px;background:rgba(0,0,0,.14);transform-origin:0 0;transform:translateY(calc(var(--w)*.14)) rotate(-45deg)}
.fd-slit.s1{left:calc(13% - 1px);top:calc(20% - 1px)}
.fd-slit.s2{right:calc(13% - 1px);bottom:calc(16% - 1px);transform:rotate(180deg)}
.fd-top{top:0;transform-origin:50% 100%;transform-style:preserve-3d;transform:rotateX(-180deg);transition:transform 1.2s cubic-bezier(.5,0,.2,1)}
.ipass.open .fd-top{transform:rotateX(-8deg)}
.fd-in,.fd-out{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fd-in{border-radius:16px 16px 0 0;background:linear-gradient(0deg,#efefed 0%,#f8f8f6 16%,#fcfcfb 100%);text-align:center;color:#1a1916;padding-top:calc(var(--w)*.15);box-shadow:0 -6px 18px -12px rgba(30,30,28,.25)}
.fd-out{transform:rotateX(180deg);border-radius:0 0 16px 16px;background:radial-gradient(120% 100% at 30% 0%,#ffffff 0%,#f9f9f8 60%,#f2f2f0 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 30px 40px -22px rgba(30,30,28,.28),0 3px 8px rgba(30,30,28,.08)}
.ipass.open{cursor:default}
.ip-wm{font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.04em;font-size:calc(var(--w)*.1);line-height:1}
.ip-title{font-family:"Cormorant",Georgia,serif;font-weight:500;letter-spacing:.08em;font-size:calc(var(--w)*.11);line-height:1;margin-top:calc(var(--w)*.045)}
.ip-inc{font-family:Poppins,sans-serif;font-size:calc(var(--w)*.025);letter-spacing:.2em;margin-top:calc(var(--w)*.035)}
.ip-rule{display:block;width:16%;height:1px;background:#1a1916;opacity:.45;margin:calc(var(--w)*.045) auto}
.ip-name{font-family:"Cormorant",Georgia,serif;font-size:calc(var(--w)*.075);letter-spacing:.01em;margin-bottom:calc(var(--w)*.03)}
.ip-place{font-family:Poppins,sans-serif;font-size:calc(var(--w)*.023);letter-spacing:.26em;color:#3a3833;margin-top:calc(var(--w)*.018)}
.ip-emboss{position:relative;font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.04em;font-size:calc(var(--w)*.12);color:#f0f0ee;text-shadow:0 -1px 1px rgba(0,0,0,.22),0 1.5px 0 #fff,0 0 1px rgba(0,0,0,.05)}
.ip-tap{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute);margin-top:18px;transition:opacity .5s}
.ip-dc{font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-top:6px;color:var(--ink)}
.ip-tap{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute);margin-top:18px;transition:opacity .5s}

/* beach pass option E */
.ip-title.sm2{font-size:calc(var(--w)*.085);margin:0}.fd-in .ip-wm+.ip-inc{margin-top:calc(var(--w)*.05)}.ip-club{font-family:Poppins,sans-serif;font-weight:500;font-size:calc(var(--w)*.032);letter-spacing:.42em;margin:calc(var(--w)*.02) 0 0 .42em}

/* ===== Tienda estilo CSB (v157) ===== */
.card .pi{aspect-ratio:3/4}
.card .meta{display:block;padding-top:12px;font-size:13.5px;line-height:1.35}
.card .meta .t{display:block;font-weight:400;font-size:15px;margin-top:10px;color:var(--ink)}
.card .meta .pr{margin-top:4px;font-size:14px;color:var(--ink)}
.card .sw{display:flex;gap:7px;margin:0;align-items:center}
.card .sw a{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s}
.card .sw a.on{box-shadow:inset 0 0 0 1px var(--ink)}
.card .sw i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.card .badge{top:12px;left:12px;background:rgba(255,255,255,.92);color:var(--ink);font-size:10px;letter-spacing:.06em;text-transform:none;padding:6px 11px}
.card .badge.cs{background:var(--ink);color:#fff;letter-spacing:.08em}
.card .badge.so{background:rgba(255,255,255,.92);color:var(--mute)}
.card .wish{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;display:grid;place-items:center;color:var(--ink);background:none;border:0;cursor:pointer}
.card .wish svg{width:20px;height:20px;transition:transform .2s}
.card .wish:hover svg{transform:scale(1.1)}
.card .wish.on svg{fill:var(--ink)}
.card .qv{display:none}
@media(max-width:760px){.card .meta .t{font-size:13.5px}.card .sw a{width:18px;height:18px}.card .sw i{width:12px;height:12px}.card .wish{top:6px;right:6px}}
/* Cuenta regresiva del Shop */
.cd{display:flex;justify-content:center;gap:clamp(14px,3vw,26px);margin:22px 0 6px}
.cd span{display:flex;flex-direction:column;align-items:center;min-width:52px}
.cd b{font-weight:500;font-size:clamp(30px,6vw,44px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.cd i{font-style:normal;font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.7;margin-top:8px}
.cd-when{font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin:6px 0 22px}
/* Grid de colección más pegado a los bordes, como CSB */
#grid.grid{column-gap:6px;row-gap:44px;padding-left:22px;padding-right:22px;max-width:none}
@media(max-width:760px){#grid.grid{column-gap:4px;row-gap:30px;padding-left:0;padding-right:0}#grid .card .meta{padding-left:10px;padding-right:10px}}

.card .sw span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ink)}

/* Barra de filtros: sube cuando se esconde el header (sin hueco arriba) */
.toolbar{transition:top .35s var(--ease)}
.toolbar .chips{min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);padding-right:30px}
.toolbar>div:last-child{flex:0 0 auto}

/* Barra de categorías: pegada exactamente debajo del header, fondo sólido (v161) */
.toolbar{top:var(--hdrH,calc(68px + var(--sat)));background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;margin-top:-1px}
@media(max-width:760px){.toolbar{top:var(--hdrH,calc(60px + var(--sat)))}}
body.in-store .hdr.solid{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-bottom:0}
@media(max-width:760px){.toolbar{flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}.toolbar .chips{flex:1 0 100%;margin-right:calc(-1 * var(--pad))}.toolbar>div:last-child{margin-left:auto}.toolbar .chip,.toolbar select{height:34px}}

/* Tienda cerrada: invitación al Club + password discreto */
.gate-h{font-weight:500;font-size:clamp(26px,4.4vw,40px);line-height:1.08;letter-spacing:-.02em;margin:18px 0 12px}
.gate-p{font-size:14px;line-height:1.6;opacity:.85;max-width:380px;margin:0 auto 24px}
.gate-join{max-width:320px;margin:0 auto}
.gate-sign{display:block;margin-top:14px;font-size:12px;letter-spacing:.04em;opacity:.75;text-decoration:underline;text-underline-offset:3px}
.gate-on{display:flex;flex-direction:column;gap:6px;align-items:center;margin:4px 0 6px}
.gate-on b{font-weight:500;font-size:15px}.gate-on span{font-size:12.5px;opacity:.75}
.gate-pw{display:block;margin:34px auto 0;background:none;border:0;color:inherit;font:inherit;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.28;cursor:pointer;padding:6px 10px}
.gate-pw:hover{opacity:.55}
.gate-pwbox{max-width:320px;margin:26px auto 0}
.gate-pw[hidden],.gate-pwbox[hidden]{display:none}
/* La tarjeta de la tienda cerrada nunca queda debajo del header */
.gate-shop{padding:calc(var(--hdrH,64px) + 24px) 0 32px;box-sizing:border-box}
.gate-shop .gate-in,.soon-in{max-height:none}
.gate-in .gate-h+.gate-p{margin-top:0}
/* Combinado: "sunday" grande como en computadora, título chico como en el celular, lo demás como en computadora */
.gate-h{font-size:26px;line-height:1.12;margin:16px 0 12px}
.soon-ov{overflow-y:auto}

.sg-t td,.sg-t th{text-align:left;font-variant-numeric:tabular-nums}.sg-t td:first-child{width:56px}
/* logo del menú = mismo wordmark bold del header */
.mnav .mn-top a.wm{font-family:var(--brand)!important;font-weight:700!important;letter-spacing:-.04em!important;font-size:24px;line-height:.8}