/* STOFEX V28 — Independent Edition. Editorial redesign, accessible and responsive. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--v28-ink:#0e100e;--v28-paper:#f2f1ea;--v28-cream:#e9e7dc;--v28-lime:#c6f45d;--v28-muted:#7e837a;--v28-border:#d7d8cf;--acid:#c6f45d;--green:#c6f45d;--paper:#f2f1ea;--black:#0e100e;--ink:#0e100e}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{background:var(--v28-paper);color:var(--v28-ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.5}
button,input,select,textarea{font-family:inherit}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #78a52a!important;outline-offset:4px}
::selection{background:var(--v28-lime);color:var(--v28-ink)}
.announce{background:var(--v28-lime)!important;color:var(--v28-ink)!important;padding:9px 18px!important;letter-spacing:.19em!important;font-size:9px!important;font-weight:900!important}
.topbar{height:86px;min-height:86px!important;display:flex!important;align-items:center!important;gap:clamp(15px,2.1vw,35px)!important;padding:0 clamp(20px,4vw,76px)!important;background:rgba(244,243,237,.96)!important;border-bottom:1px solid #d7d8ce!important;box-shadow:none!important;backdrop-filter:blur(24px);z-index:80!important}
.topbar .brand{flex:0 0 auto!important;max-width:none!important;min-width:0!important;width:clamp(135px,12vw,183px)!important;display:flex!important;align-items:center!important}
.topbar .brand img{width:100%!important;max-height:45px!important;filter:none!important}
.v28-desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(11px,1.5vw,29px);flex:1;white-space:nowrap}
.v28-desktop-nav a{font-size:10px;font-weight:900;letter-spacing:.09em;position:relative;padding:13px 0;text-decoration:none!important;color:#242622!important}
.v28-desktop-nav a:after{content:'';position:absolute;bottom:6px;left:0;right:100%;height:2px;background:#252925;transition:right .25s}
.v28-desktop-nav a:hover:after,.v28-desktop-nav a[aria-current=page]:after{right:0}
.topbar .tools{gap:clamp(4px,.8vw,13px)!important;margin-left:auto!important;align-items:center}
.topbar .tools .iconbtn{font-size:10px!important;letter-spacing:.04em!important;font-weight:900!important;white-space:nowrap;padding:9px 5px!important}
.topbar .tools .shop-nav{display:none!important}
.topbar .hamburger{width:40px!important;height:40px!important;border:1px solid #cccfc4!important;border-radius:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;order:2;margin-left:2px;background:transparent!important}
.topbar .hamburger span{width:17px!important;height:2px!important;background:#111!important;display:block!important;position:static!important;transform:none!important}
.topbar .hamburger span:nth-child(2){width:12px!important;align-self:center}
.topbar .nav-drawer{z-index:90!important;background:#f5f4ed!important;color:#111!important}
.topbar .menu-scrim{z-index:85!important}
.footer{background:#121512!important;color:#f5f4ec!important;border-top:1px solid #33372d!important;padding:48px clamp(24px,5vw,86px)!important;min-height:145px;letter-spacing:.1em!important}
.footer strong{font-size:clamp(22px,2.4vw,35px)!important;font-weight:1000!important;letter-spacing:-.085em!important}
.footer a{color:#f5f4ec!important}.footer a:hover{color:var(--v28-lime)!important}.footer span{color:#adb1a6!important}
.btn,.btn-lime,.v28-primary{transition:transform .25s ease,background .25s ease,box-shadow .25s ease;cursor:pointer}
.btn:hover,.btn-lime:hover,.v28-primary:hover{transform:translateY(-3px)}
.btn-lime,.btn:not(.secondary){background:var(--v28-lime)!important;color:#111!important;border-color:var(--v28-lime)!important}
.btn.secondary{background:transparent!important;color:#161916!important;border:1px solid #aeb1a6!important}
/* New flagship editorial hero */
.stofex-landing{max-width:none!important;margin:0!important}
.v28-hero{min-height:min(790px,80vw);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);background:#111411;color:#f7f5ed;position:relative;overflow:hidden}
.v28-hero-copy{padding:clamp(45px,6vw,110px) clamp(28px,5.2vw,100px) 32px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.v28-hero-eyebrow{display:flex;align-items:center;gap:12px;color:#bec7b5;font-size:10px;font-weight:900;letter-spacing:.19em}
.v28-dot{width:9px;height:9px;background:var(--v28-lime);border-radius:50%;box-shadow:0 0 0 5px #c6f45d18;flex:0 0 auto}
.v28-hero-year{margin-left:auto;color:#9ba197}
.v28-hero h1{font-family:'Space Grotesk',Arial,sans-serif;color:#f6f4e9;font-weight:700;font-size:clamp(66px,8.8vw,158px);line-height:.81;letter-spacing:-.092em;margin:clamp(38px,4vw,66px) 0 27px;white-space:nowrap}
.v28-hero h1 em{font-style:normal;color:var(--v28-lime)}
.v28-hero h1 .v28-period{color:var(--v28-lime)}
.v28-hero-copy>p{color:#aeb7ab;font-size:clamp(13px,1.18vw,17px);max-width:410px;line-height:1.7;margin:8px 0 30px}
.v28-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.v28-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:58px;background:var(--v28-lime);color:#111!important;font-size:11px;font-weight:900;letter-spacing:.1em;text-decoration:none!important;padding:18px 23px}
.v28-primary span{font-size:20px;line-height:1}
.v28-hero-secondary{display:inline-flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.1em;font-weight:900;text-decoration:none!important;color:#e6e7df!important;border-bottom:1px solid #707a70;padding:12px 0}
.v28-hero-secondary:hover{color:var(--v28-lime)!important}
.v28-hero-meta{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:55px;color:#7e8a7e;font-size:9px;letter-spacing:.11em;font-weight:800}
.v28-hero-visual{position:relative;overflow:hidden;min-height:660px;background:#323630}
.v28-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:contrast(1.08) saturate(.82);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.v28-hero-visual:hover .v28-hero-image{transform:scale(1.045)}
.v28-hero-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002 0%,transparent 45%,#0009 100%)}
.v28-vertical-label{position:absolute;right:22px;top:35px;writing-mode:vertical-rl;letter-spacing:.18em;font-size:10px;font-weight:900;color:#f6f6ee}
.v28-image-sticker{position:absolute;top:12%;left:-15px;background:var(--v28-lime);color:#111;padding:20px 25px;transform:rotate(-7deg);font-size:clamp(18px,2vw,30px);font-weight:1000;line-height:.92;letter-spacing:-.075em;box-shadow:0 12px 30px #0003}
.v28-image-sticker span{font-size:10px;vertical-align:top;margin-left:6px}
.v28-hero-counter{position:absolute;left:35px;right:35px;bottom:28px;border-top:1px solid #ffffff66;display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:15px;color:#f6f4e9;font-size:10px;font-weight:900;letter-spacing:.13em}
.v28-hero-counter span:first-child{font-size:24px;letter-spacing:-.05em}
.v28-marquee{height:53px;display:flex;align-items:center;overflow:hidden;background:var(--v28-lime);color:#121612;border-bottom:1px solid #9fc741}
.v28-marquee-track{white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;letter-spacing:.11em;animation:v28-slide 34s linear infinite}
@keyframes v28-slide{to{transform:translateX(-50%)}}
/* Preserve campaign carousel but give it a dedicated section instead of overriding the new hero */
#v20Editorial:not(:empty){background:#191e19!important;padding:0!important;margin:0!important}
#v20Editorial:empty{display:none!important}
/* Home sections: spacious editorial cards */
.stofex-landing .quick-shop{background:#f4f3ed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;border-bottom:1px solid #d2d5ca!important;padding:0 clamp(18px,4vw,74px)!important}
.stofex-landing .quick-shop a{padding:24px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;border-right:1px solid #d8dacd!important;color:#151815!important;font-size:11px!important;font-weight:900!important;letter-spacing:.09em!important;transition:background .2s}
.stofex-landing .quick-shop a:first-child{border-left:1px solid #d8dacd!important}
.stofex-landing .quick-shop a:hover{background:var(--v28-lime)!important}
.stofex-landing .landing-social,.stofex-landing .collection-section,.stofex-landing .featured-section,.stofex-landing .fit-finder-section,.stofex-landing .new-drop-section,.stofex-landing .notify-section{max-width:1480px;margin-left:auto!important;margin-right:auto!important}
.stofex-landing .landing-social{padding:clamp(55px,7vw,115px) clamp(20px,4.5vw,72px)!important}
.stofex-landing .section-heading h2,.menu-page .section-heading h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(47px,6vw,94px)!important;font-weight:700!important;line-height:.89!important;letter-spacing:-.085em!important}
.stofex-landing .eyebrow,.landing-section-kicker,.section-heading .eyebrow{color:#6d746a!important;font-size:10px!important;font-weight:900!important;letter-spacing:.18em!important}
.stofex-landing .social-grid{gap:12px!important}
.stofex-landing .social-logo-grid>a{background:#181d18!important;color:#f7f5eb!important;border:1px solid #323a30!important;min-height:250px!important;padding:28px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;position:relative!important;overflow:hidden;transition:background .25s,transform .25s}
.stofex-landing .social-logo-grid>a:hover{background:#2a3427!important;transform:translateY(-4px)}
.social-logo-grid .social-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:59px!important;height:59px!important;border-radius:16px!important;background:#f2f1ea!important;color:#111!important;font-size:0!important;margin-bottom:auto!important}
.social-logo-grid .social-logo img{width:31px!important;height:31px!important;display:block!important;object-fit:contain!important}
.social-logo-grid strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(17px,2vw,26px)!important;letter-spacing:-.045em!important;margin-top:24px!important}
.social-logo-grid small{color:#aeb7a8!important;font-size:11px!important;margin-top:5px!important}
.social-logo-grid a>b{position:absolute!important;top:24px!important;right:24px!important;color:var(--v28-lime)!important;font-size:22px!important}
.stofex-landing .collection-section,.stofex-landing .featured-section{padding:65px clamp(20px,4.5vw,72px)!important}
.stofex-landing .collection-tile{border-radius:0!important;min-height:500px;transition:transform .3s,box-shadow .3s}
.stofex-landing .collection-tile:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f140e14}
.stofex-landing .collection-tile.adults-tile{background:#e4e4db!important}
.stofex-landing .collection-tile.kids-tile{background:#c7ed76!important}
.stofex-landing .tile-model{height:clamp(280px,34vw,500px)!important}
.stofex-landing .tile-model img{max-width:none!important;width:100%!important;height:100%!important;object-fit:cover!important;mix-blend-mode:normal!important;transform:none!important}
.stofex-landing .tile-bottom{background:linear-gradient(transparent,#ffffff77);padding:25px 6px!important}
.stofex-landing .tile-bottom h3{font-family:'Space Grotesk',sans-serif;font-weight:700!important}
.stofex-landing .featured-grid .cardvisual{background:#e4e4da!important}
.card{transition:transform .3s ease!important}
.card:hover{transform:translateY(-5px)!important}
.cardvisual{background:#e4e5dc!important;border-radius:0!important}
.cardvisual .visual{background:#e4e5dc!important;border-radius:0!important}
.cardvisual .visual img{object-fit:contain!important}
.productmeta{font-family:'DM Sans',sans-serif}
.productmeta>div{font-weight:800!important}
.productmeta small{font-weight:500!important}
.productmeta .price{font-weight:900!important}
/* World page: completely new hero and social tiles */
.menu-page{background:var(--v28-paper)!important}
.v28-world-hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;background:#191d19;color:#f4f3e9}
.v28-world-copy{padding:clamp(50px,7vw,120px) clamp(25px,5.5vw,105px);display:flex;flex-direction:column;justify-content:center}
.v28-world-issue{font-size:11px;letter-spacing:.2em;color:var(--v28-lime);font-weight:900;margin-top:70px}
.v28-world-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(60px,7vw,132px);letter-spacing:-.095em;line-height:.87;font-weight:700;margin:20px 0 24px;white-space:nowrap}
.v28-world-hero h1 em{color:var(--v28-lime);font-style:normal}
.v28-world-copy>p{max-width:390px;font-size:15px;color:#b6bcb1;line-height:1.8;margin-bottom:30px}
.v28-world-image{position:relative;overflow:hidden;background:#484c42}
.v28-world-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute;inset:0;filter:saturate(.75)}
.v28-world-image-label{position:absolute;bottom:30px;left:30px;background:var(--v28-lime);color:#121612;padding:16px 20px;font-size:12px;font-weight:900;letter-spacing:.1em}
.menu-page .story-grid,.menu-page .social-world,.menu-page .recommended-block{max-width:1480px;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(20px,4.5vw,72px)!important;padding-right:clamp(20px,4.5vw,72px)!important}
.menu-page .story-grid{padding-top:75px!important;padding-bottom:50px!important}
.menu-page .story-card{min-height:400px!important;overflow:hidden;border-radius:0!important}
.menu-page .story-card img{filter:saturate(.8);transition:transform .5s ease}
.menu-page .story-card:hover img{transform:scale(1.06)}
.menu-page .social-world{margin-top:25px!important;padding-top:75px!important;padding-bottom:75px!important}
.menu-page .social-world .social-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.menu-page .social-world .social-grid>a{background:#1a1e19!important;color:#f4f3e9!important;border:1px solid #323830!important;display:grid!important;grid-template-columns:55px 1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:0 14px!important;min-height:130px!important;padding:24px!important;transition:transform .25s,background .25s}
.menu-page .social-world .social-grid>a:hover{transform:translateY(-3px);background:#2a3428!important}
.menu-page .v28-social-brand{grid-row:1/3;grid-column:1;width:44px;height:44px;object-fit:contain;background:#f5f4ee;padding:9px;border-radius:12px}
.menu-page .social-world .social-grid strong{font-size:20px!important;letter-spacing:-.035em!important;grid-column:2;grid-row:1}
.menu-page .social-world .social-grid a>span{grid-column:3;grid-row:1;color:var(--v28-lime);font-size:20px}
.menu-page .social-world .social-grid small{grid-column:2;grid-row:2;color:#aeb4aa;font-size:11px}
/* Account flows: fresh split-screen treatment, keep actual forms/handlers */
body[data-page="signin"],body[data-page="signup"]{background:#111611}
body[data-page="signin"] .v28-auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.94fr);min-height:calc(100vh - 86px)}
.v28-auth-editorial{position:relative;min-height:650px;overflow:hidden;background:#232921;color:#f7f5ee;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(35px,5vw,85px)}
.v28-auth-editorial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.75)}
.v28-auth-editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#0b100dd9 100%)}
.v28-auth-editorial>*:not(img){position:relative;z-index:2}
.v28-auth-editorial .v28-auth-kicker{font-size:11px;letter-spacing:.2em;font-weight:900;color:var(--v28-lime)}
.v28-auth-editorial h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(65px,6vw,110px);line-height:.86;letter-spacing:-.09em;margin:24px 0;font-weight:700}
.v28-auth-editorial h2 em{font-style:normal;color:var(--v28-lime)}
.v28-auth-editorial p{color:#c7cdc3;font-size:14px;max-width:340px}
body[data-page="signin"] .v28-auth-content{padding:clamp(35px,5vw,85px);background:#f5f4ed;display:flex;flex-direction:column;justify-content:center;min-width:0}
body[data-page="signin"] .v28-auth-content h1,body[data-page="signup"] .auth-panel h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(43px,4vw,66px)!important;letter-spacing:-.085em!important;line-height:1!important}
body[data-page="signin"] .v28-auth-content .form{width:100%;max-width:550px}
body[data-page="signin"] .v28-auth-content .field input,body[data-page="signup"] .auth-panel .field input{background:white!important;border:1px solid #cdd0c4!important;min-height:50px!important;border-radius:0!important}
body[data-page="signin"] .v28-auth-content .social-auth,body[data-page="signup"] .social-auth{width:100%;max-width:550px}
.social-auth{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
.social-auth .social-divider,.social-auth #providerStatus{grid-column:1/-1}
.social-auth .social-btn{min-width:0!important;min-height:68px!important;background:#fff!important;color:#151815!important;border:1px solid #cfd2c7!important;border-radius:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:9px 7px!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;text-align:center!important;transition:transform .2s,border-color .2s}
.social-auth .social-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#7fa039!important}
.social-auth .social-btn:disabled{opacity:.45!important;cursor:not-allowed}
.social-auth .social-mark{display:flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;font-size:0!important;line-height:1!important;background:none!important;border-radius:0!important;padding:0!important}
.social-auth .social-mark img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important}
body[data-page="signup"] .auth-layout{background:#f5f4ed!important;max-width:none!important;margin:0!important;min-height:calc(100vh - 86px)!important;gap:0!important;display:grid!important;grid-template-columns:1fr 1fr!important}
body[data-page="signup"] .auth-photo{min-height:700px!important;background:#161a15 url('https://images.unsplash.com/photo-1503342217505-b0a15ec3261c?auto=format&fit=crop&w=1100&q=85') center/cover!important;position:relative}
body[data-page="signup"] .auth-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(#0c130c33,#0c130cc4)}
body[data-page="signup"] .auth-photo-copy{position:relative;z-index:1;padding:clamp(35px,5vw,85px)!important}
body[data-page="signup"] .auth-panel{padding:clamp(30px,5vw,85px)!important;max-width:none!important;min-width:0!important}
/* Other pages and shopping: typography, spacing, product panels */
body:not([data-page="home"]):not([data-page="menu"]):not([data-page="signin"]):not([data-page="signup"]) main.wrap{max-width:1480px!important;padding:clamp(40px,5vw,80px) clamp(20px,5vw,80px) clamp(60px,7vw,120px)!important}
body main.wrap>h1,.shop-wrap>h1,.stofex-info-page>h1{font-family:'Space Grotesk',sans-serif!important;font-size:clamp(52px,6vw,98px)!important;line-height:.92!important;letter-spacing:-.09em!important;font-weight:700!important}
.v25-discovery{background:#e9e9df!important;border:1px solid #d2d4c8!important;border-radius:0!important}
.v25-shop .audience-switch a.active,.v25-shop .category-tabs .btn:not(.secondary){background:#121612!important;color:#f8f7f0!important}
.v25-shop .shop-fullscreen-btn{background:var(--v28-lime)!important}
.v25-shop .cardvisual{aspect-ratio:3/3.6!important}
.v25-shop .cardvisual .visual{height:100%!important}
.v25-shop #productGrid{gap:clamp(14px,2vw,30px)!important}
/* Premium utility interactions, no external service required */
.v28-search-open{background:none;border:1px solid #b9beb2;padding:9px 11px;min-height:39px;min-width:39px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111}
.v28-search-open svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.v28-search-overlay{position:fixed;inset:0;background:#0c120de8;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:clamp(35px,8vw,120px) 20px 20px;backdrop-filter:blur(16px)}
.v28-search-overlay[hidden]{display:none!important}
.v28-search-box{width:min(100%,780px);background:#f4f3ed;padding:clamp(25px,5vw,58px);box-shadow:0 30px 90px #0006;position:relative}
.v28-search-box h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(35px,5vw,62px);letter-spacing:-.075em;margin:12px 0 22px}
.v28-search-box>span{font-size:10px;letter-spacing:.15em;font-weight:900;color:#777c70}
.v28-search-box form{display:flex;gap:9px}
.v28-search-box input{flex:1;min-width:0;min-height:56px;background:white;border:1px solid #bbc1b4;padding:15px;font-size:15px}
.v28-search-box form button{min-width:90px;background:var(--v28-lime);border:0;padding:10px 17px;font-weight:900;font-size:11px;cursor:pointer}
.v28-search-close{position:absolute;top:18px;right:18px;border:0;background:transparent;font-size:28px;cursor:pointer}
.v28-search-box p{font-size:12px;color:#6b7167;margin-top:16px}
.v28-scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#a4e33d;z-index:300;pointer-events:none}
.v28-backtop{position:fixed;bottom:22px;right:22px;z-index:70;width:46px;height:46px;background:#151a15;color:var(--v28-lime);border:1px solid #c6f45d55;cursor:pointer;font-size:19px;display:grid;place-items:center;box-shadow:0 8px 30px #0003;transition:opacity .2s,transform .2s}
.v28-backtop[hidden]{display:none!important}.v28-backtop:hover{transform:translateY(-4px)}
.v28-preview-flag{font-size:9px;letter-spacing:.12em;font-weight:800;color:#747c6f}
@media(max-width:1200px){.v28-desktop-nav{gap:13px}.v28-desktop-nav a{font-size:9px}.topbar{gap:15px!important}.topbar .brand{width:135px!important}.v28-hero h1{font-size:clamp(64px,8vw,112px)}.v28-hero-copy{padding-left:35px;padding-right:30px}.v28-hero-visual{min-height:600px}}
@media(max-width:990px){.v28-desktop-nav{display:none}.topbar .tools{margin-left:auto!important}.topbar .tools .shop-nav{display:inline-flex!important}.v28-hero{grid-template-columns:1fr 1fr;min-height:620px}.v28-hero h1{font-size:clamp(58px,8vw,88px)}.v28-hero-visual{min-height:620px}.v28-hero-copy{padding:48px 24px}.v28-hero-meta{flex-wrap:wrap}.v28-world-hero{min-height:590px}.v28-world-hero h1{font-size:clamp(56px,7.5vw,83px)}.v28-world-copy{padding:50px 28px}.menu-page .social-world .social-grid{grid-template-columns:1fr!important}.stofex-landing .social-logo-grid>a{min-height:210px!important}}
@media(max-width:720px){.topbar{height:68px;min-height:68px!important;padding:0 14px!important;gap:10px!important}.topbar .brand{width:116px!important}.topbar .tools .iconbtn{font-size:9px!important;padding:8px 3px!important}.topbar .tools .shop-nav{display:none!important}.topbar .hamburger{width:36px!important;height:36px!important}.v28-search-open{min-width:34px;min-height:34px;padding:7px}.v28-hero{grid-template-columns:1fr;min-height:0}.v28-hero-copy{padding:46px 23px 30px}.v28-hero h1{font-size:clamp(65px,14vw,104px);margin:36px 0 18px}.v28-hero-copy>p{font-size:14px;max-width:440px}.v28-hero-actions{gap:13px}.v28-hero-secondary{font-size:9px}.v28-hero-meta{margin-top:28px;padding-top:18px}.v28-hero-visual{min-height:470px;height:62vh;max-height:650px}.v28-hero-image{object-position:center 28%}.v28-image-sticker{left:15px;top:10%;font-size:25px}.v28-marquee{height:46px}.v28-marquee-track{font-size:11px}.stofex-landing .quick-shop{display:flex!important;overflow-x:auto;scrollbar-width:thin;padding:0 15px!important}.stofex-landing .quick-shop a{flex:0 0 auto;min-width:155px;padding:20px 13px!important;font-size:10px!important}.stofex-landing .landing-social{padding:60px 20px!important}.stofex-landing .social-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stofex-landing .social-logo-grid>a{min-height:205px!important;padding:20px!important}.social-logo-grid .social-logo{width:50px!important;height:50px!important}.social-logo-grid .social-logo img{width:27px!important;height:27px!important}.social-logo-grid strong{font-size:16px!important}.social-logo-grid small{font-size:10px!important}.stofex-landing .collection-section,.stofex-landing .featured-section{padding:45px 18px!important}.stofex-landing .collection-tiles{grid-template-columns:1fr!important}.stofex-landing .collection-tile{min-height:400px}.stofex-landing .tile-model{height:350px!important}.v28-world-hero{grid-template-columns:1fr}.v28-world-copy{padding:45px 22px}.v28-world-issue{margin-top:38px}.v28-world-hero h1{font-size:clamp(56px,11.5vw,90px)}.v28-world-image{min-height:400px}.menu-page .story-grid{grid-template-columns:1fr!important}.menu-page .social-world .social-grid{grid-template-columns:1fr!important}.menu-page .social-world .social-grid>a{min-height:112px!important}.menu-page .social-world .social-grid strong{font-size:18px!important}body[data-page="signin"] .v28-auth-shell{grid-template-columns:1fr}body[data-page="signin"] .v28-auth-editorial{min-height:320px;padding:35px 22px}body[data-page="signin"] .v28-auth-editorial h2{font-size:clamp(52px,10vw,75px)}body[data-page="signin"] .v28-auth-content{padding:38px 20px 60px}body[data-page="signup"] .auth-layout{grid-template-columns:1fr!important}body[data-page="signup"] .auth-photo{min-height:300px!important}body[data-page="signup"] .auth-panel{padding:35px 20px 60px!important}.footer{padding:35px 20px!important}.v28-search-box form{flex-direction:column}.v28-search-box form button{min-height:50px}}
@media(max-width:420px){.topbar .tools .iconbtn{font-size:8px!important}.topbar .tools .iconbtn[aria-label="Favorites"]{display:none!important}.v28-hero h1{font-size:clamp(56px,14.5vw,70px)}.v28-hero-visual{min-height:390px}.v28-hero-meta{font-size:8px}.v28-world-hero h1{font-size:clamp(52px,12vw,64px)}.stofex-landing .social-logo-grid{gap:8px!important}.stofex-landing .social-logo-grid>a{min-height:185px!important;padding:16px!important}.social-logo-grid strong{font-size:14px!important}.social-auth{gap:6px!important}.social-auth .social-btn{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v28-marquee-track{animation:none!important}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.v28-wallet-strip{padding:15px 0 21px;margin:10px 0 15px;border-top:1px solid #d1d4c8;border-bottom:1px solid #d1d4c8}.v28-wallet-strip>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:11px}.v28-wallet-strip>div{display:flex;flex-wrap:wrap;gap:9px}.v28-wallet-badge{height:42px;min-width:80px;display:flex;align-items:center;justify-content:center;padding:7px 14px;background:#fff;border:1px solid #d4d8cd}.v28-wallet-badge img{max-height:26px;max-width:83px;object-fit:contain}.v28-wallet-text{font-size:11px;font-weight:900;letter-spacing:.07em}.v28-wallet-strip small{display:block;color:#666c61;font-size:11px;margin-top:10px}