:root{
  --bg:#0b0b0c; --bg2:#141416; --fg:#f2efe9; --mute:#8d8a84; --line:rgba(242,239,233,.12);
  --red:#e3261c; --display:'Syne',system-ui,sans-serif; --body:'Manrope',system-ui,sans-serif;
  --pad:clamp(16px,4vw,56px); --ease:cubic-bezier(.2,.7,.1,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font:400 15px/1.6 var(--body);-webkit-font-smoothing:antialiased}
body.loading,body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img,video{display:block;max-width:100%}
.red{color:var(--red)}
em{font-style:normal;color:var(--red)}
.out{color:transparent;-webkit-text-stroke:1.2px var(--fg)}
.eyebrow{font:500 11px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.sec-top{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vw,48px)}
.sec-top h2{font:700 clamp(40px,7.5vw,104px)/.92 var(--display);letter-spacing:-.03em;text-transform:uppercase}
.sec-top h2 sup{font-size:.28em;vertical-align:top;margin-left:.3em;color:var(--red);letter-spacing:0}
section{position:relative}

/* grain */
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1s steps(4) infinite}
@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}

/* loader */
.loader{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--pad);transition:transform 1s var(--ease)}
.loader.done{transform:translateY(-100%)}
.ld-name{display:flex;flex-direction:column;font:800 clamp(56px,14vw,200px)/.85 var(--display);letter-spacing:-.04em}
.ld-name span:last-child{color:transparent;-webkit-text-stroke:1.2px var(--fg)}
.ld-count{position:absolute;top:calc(env(safe-area-inset-top) + var(--pad));right:var(--pad);font:600 14px/1 var(--display);color:var(--mute)}
.ld-count b{font-size:clamp(40px,8vw,90px);color:var(--fg);font-weight:700}
.ld-bar{height:2px;background:var(--line);margin-top:28px}
.ld-bar i{display:block;height:100%;width:0;background:var(--red);transition:width .2s}

/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:150;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--red);pointer-events:none;
  display:none;align-items:center;justify-content:center;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .3s}
.cursor span{font:700 11px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .2s}
.cursor.big{width:84px;height:84px;margin:-42px 0 0 -42px}
.cursor.big span{opacity:1}
@media (pointer:fine){.cursor{display:flex}}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:calc(env(safe-area-inset-top) + 14px) var(--pad) 14px;transition:background .4s,backdrop-filter .4s,transform .5s var(--ease)}
.nav.solid{background:rgba(11,11,12,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav.hide{transform:translateY(-100%)}
.logo{font:800 22px/1 var(--display);letter-spacing:-.04em}
.logo span{color:var(--red)}
.links{display:none;gap:34px;font:500 13px/1 var(--body)}
.links a{position:relative;padding:6px 0}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.links a:hover::after,.links a.on::after{transform:scaleX(1);transform-origin:left}
.talk{display:none;font:600 13px/1 var(--body);padding:12px 18px;border:1px solid var(--line);border-radius:99px;transition:background .3s,color .3s,border-color .3s}
.talk:hover{background:var(--fg);color:var(--bg)}
.burger{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:flex-end}
.burger i{display:block;height:1.5px;width:26px;background:var(--fg);transition:transform .4s var(--ease),width .3s}
.burger i:last-child{width:16px}
.burger.x i:first-child{transform:translateY(4.25px) rotate(45deg)}
.burger.x i:last-child{width:26px;transform:translateY(-4.25px) rotate(-45deg)}
@media (min-width:900px){.links,.talk{display:flex}.burger{display:none}}
.menu{position:fixed;inset:0;z-index:55;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:var(--pad);gap:6px;
  clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease)}
.menu.open{clip-path:inset(0 0 0 0)}
.menu a{font:700 clamp(48px,13vw,80px)/1.05 var(--display);letter-spacing:-.03em;text-transform:uppercase;display:flex;align-items:flex-start;gap:12px}
.menu small{font:500 12px/1 var(--body);color:var(--red);margin-top:10px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 14px/1 var(--body);padding:17px 26px;border-radius:99px;transition:background .3s,color .3s,border-color .3s;will-change:transform}
.btn.red{background:var(--red);color:#fff}
.btn.red:hover{background:#fff;color:var(--bg)}
.btn.ghost{border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--fg)}
.btn.xl{font-size:clamp(15px,1.6vw,18px);padding:22px 34px}

/* hero */
.hero{min-height:100svh;display:grid;grid-template-columns:1fr;gap:28px;align-items:end;
  padding:calc(env(safe-area-inset-top) + 96px) var(--pad) 28px}
.kicker{display:flex;align-items:center;gap:10px;font:500 12px/1.3 var(--body);color:var(--mute);margin-bottom:22px}
.dot{width:8px;height:8px;border-radius:50%;background:#2fd36b;box-shadow:0 0 0 0 rgba(47,211,107,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(47,211,107,0)}100%{box-shadow:0 0 0 0 rgba(47,211,107,0)}}
.hero h1{font:800 64px/.82 var(--display);letter-spacing:-.05em;display:flex;flex-direction:column}
.hero h1 .row{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .ch{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
body.ready .hero h1 .ch{transform:none}
.roles{margin-top:22px;font:500 clamp(15px,1.8vw,22px)/1.3 var(--body)}
.roles i{font-style:normal;color:var(--red);margin:0 .35em}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-card-wrap{perspective:1200px;display:flex;flex-direction:column;align-items:center;gap:12px}
.hero-card{position:relative;width:min(78vw,380px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:var(--bg2);
  transform-style:preserve-3d;transition:transform .5s var(--ease);box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px var(--line);cursor:pointer}
.hero-card video{width:100%;height:100%;object-fit:cover}
.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 22%,transparent 70%,rgba(0,0,0,.6));pointer-events:none}
.hc-meta{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font:600 12px/1.3 var(--body)}
.hc-meta b{font:700 13px/1 var(--display);background:var(--red);padding:7px 10px;border-radius:99px;white-space:nowrap}
.hc-bars{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;gap:4px}
.hc-bars i{flex:1;height:2px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden}
.hc-bars i b{display:block;height:100%;width:0;background:#fff}
.hc-hint{font:500 11px/1 var(--body);color:var(--mute);letter-spacing:.06em}
.hero-foot{display:flex;justify-content:space-between;font:500 11px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);border-top:1px solid var(--line);padding-top:18px}
.hero-foot i{font-style:normal;color:var(--red)}
.scrolly{animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(4px)}}
@media (min-width:900px){
  .hero{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr auto;align-items:center}
  .hero-foot{grid-column:1/-1}
  .hero-card{width:min(30vw,400px)}
}

/* band */
.band{background:var(--red);color:#fff;overflow:hidden;padding:18px 0;transform:rotate(-2deg) scale(1.04);margin:40px 0}
.band-track{display:flex;width:max-content;font:800 clamp(28px,4.4vw,56px)/1 var(--display);letter-spacing:-.02em;text-transform:uppercase;will-change:transform}
.band-track span{padding:0 .6em;display:flex;align-items:center;gap:1.2em}
.band-track span::after{content:"✦";font-size:.5em}

/* about */
.about{display:grid;gap:clamp(32px,5vw,80px);padding:clamp(64px,10vw,140px) var(--pad);max-width:1500px;margin:0 auto}
@media (min-width:900px){.about{grid-template-columns:.9fr 1.1fr;align-items:center}}
.ab-photo{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:18px;background:var(--bg2)}
.ab-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s,transform 1.2s var(--ease)}
.ab-photo .alt{opacity:0}
.ab-photo:hover .alt,.ab-photo.flip .alt{opacity:1}
.ab-photo:hover img{transform:scale(1.04)}
.ab-photo .tag{position:absolute;left:14px;bottom:14px;font:600 11px/1 var(--body);background:rgba(11,11,12,.7);backdrop-filter:blur(8px);padding:9px 12px;border-radius:99px}
.ab-text h2{font:700 clamp(34px,5vw,68px)/1 var(--display);letter-spacing:-.03em;margin:18px 0 24px}
.lead{font:400 clamp(16px,1.4vw,19px)/1.6 var(--body);color:#cfcbc4;max-width:560px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:36px 0}
.stats div{border:1px solid var(--line);border-radius:14px;padding:18px 14px}
.stats b{display:block;font:700 clamp(26px,3.6vw,46px)/1 var(--display);letter-spacing:-.03em}
.stats span{display:block;margin-top:10px;font:500 11px/1.35 var(--body);color:var(--mute)}
.facts div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}
.facts dt{color:var(--mute)}

/* stories */
.stories{padding:clamp(40px,6vw,80px) var(--pad)}
.stories .sec-top h2{font-size:clamp(28px,4vw,48px)}
.bubbles{display:flex;gap:clamp(16px,3vw,36px);overflow-x:auto;scrollbar-width:none;padding:6px 2px}
.bubbles::-webkit-scrollbar{display:none}
.bubble{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;font:600 12px/1 var(--body)}
.bubble .ring{display:block;width:clamp(78px,10vw,120px);height:clamp(78px,10vw,120px);flex:none;border-radius:50%;padding:3px;background:conic-gradient(var(--red),#ff8a3d,var(--red));transition:transform .4s var(--ease)}
.bubble .ring img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg)}
.bubble:hover .ring{transform:scale(1.07) rotate(-4deg)}
.bubble small{color:var(--mute);font-weight:500}

/* work */
.work{padding:clamp(64px,10vw,120px) var(--pad);max-width:1700px;margin:0 auto}
.filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:28px;padding-bottom:4px}
.filters::-webkit-scrollbar{display:none}
.filters button{flex:none;font:600 13px/1 var(--body);padding:12px 18px;border:1px solid var(--line);border-radius:99px;transition:background .3s,color .3s,border-color .3s}
.filters button sup{font-size:10px;margin-left:4px;color:var(--mute)}
.filters button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.filters button.on sup{color:var(--red)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.4vw,20px)}
@media (min-width:760px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{position:relative;cursor:pointer;will-change:transform}
.card.hidden{display:none}
.card .media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:var(--bg2)}
.card .media img,.card .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.card .media video{opacity:0;transition:opacity .5s,transform 1.1s var(--ease)}
.card.playing .media video{opacity:1}
@media (hover:hover){.card:hover .media img,.card:hover .media video{transform:scale(1.06)}}
.card .chip{position:absolute;z-index:2;top:10px;left:10px;font:600 10px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;background:rgba(11,11,12,.65);backdrop-filter:blur(8px);padding:7px 9px;border-radius:99px}
.card .views{position:absolute;z-index:2;top:10px;right:10px;font:700 11px/1 var(--display);background:var(--red);padding:7px 9px;border-radius:99px}
.card .count{position:absolute;z-index:2;bottom:10px;right:10px;font:600 11px/1 var(--body);background:rgba(11,11,12,.65);padding:7px 9px;border-radius:99px}
.card h3{font:700 clamp(15px,1.5vw,20px)/1.15 var(--display);letter-spacing:-.01em;margin-top:12px}
.card p{font:400 12.5px/1.4 var(--body);color:var(--mute);margin-top:4px}
.card.feature{grid-column:span 2}
.card.feature .media{aspect-ratio:8/5}

/* horizontal feature */
.hscroll{height:420vh}
.pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}
.h-title{position:absolute;left:var(--pad);right:var(--pad);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;
  font:800 clamp(90px,24vw,360px)/.8 var(--display);letter-spacing:-.05em;pointer-events:none;opacity:.95}
.h-title span:first-child{color:var(--red)}
.h-track{position:relative;display:flex;gap:clamp(16px,3vw,40px);padding:0 50vw 0 60vw;will-change:transform}
.h-track figure{flex:none;width:clamp(240px,30vw,440px);aspect-ratio:2/3;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.h-track figure:nth-child(even){transform:translateY(8vh)}
.h-track figure:nth-child(odd){transform:translateY(-6vh)}
.h-track img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
@media (hover:hover){.h-track figure:hover img{transform:scale(1.06)}}
.h-progress{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(env(safe-area-inset-bottom) + 28px);height:2px;background:var(--line)}
.h-progress i{display:block;height:100%;width:0;background:var(--red)}
.h-cap{position:absolute;left:var(--pad);top:calc(env(safe-area-inset-top) + 90px);font:500 11px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}

/* reels coverflow */
.reels{padding:clamp(64px,10vw,120px) var(--pad);overflow:hidden}
.flow{position:relative;height:min(78svh,720px);perspective:1400px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.flow .rc{position:absolute;left:50%;top:0;height:100%;aspect-ratio:9/16;margin-left:calc(min(78svh,720px) * -9 / 32);border-radius:20px;overflow:hidden;background:var(--bg2);
  transition:transform .8s var(--ease),opacity .6s,filter .6s;cursor:pointer;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.flow .rc img,.flow .rc video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.flow .rc video{opacity:0;transition:opacity .4s}
.flow .rc.cur video{opacity:1}
.flow .rc .rbar{position:absolute;z-index:2;left:12px;right:12px;top:12px;height:2px;background:rgba(255,255,255,.25);border-radius:2px;overflow:hidden}
.flow .rc .rbar i{display:block;height:100%;width:0;background:#fff}
@media (max-width:600px){.flow{height:66svh}.flow .rc{margin-left:calc(66svh * -9 / 32)}}
.flow-ui{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px}
.circ{min-width:52px;height:52px;padding:0 16px;border:1px solid var(--line);border-radius:99px;font:600 14px/1 var(--body);transition:background .3s,color .3s}
.circ:hover{background:var(--fg);color:var(--bg)}
.circ.on{background:var(--red);border-color:var(--red);color:#fff}
.flow-info{min-width:min(44vw,260px);text-align:center}
.flow-info b{display:block;font:700 clamp(15px,1.6vw,20px)/1.2 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-info span{font:500 12px/1 var(--body);color:var(--mute)}

/* brands */
.brands{padding:clamp(64px,10vw,120px) var(--pad);max-width:1700px;margin:0 auto}
.blist{list-style:none;border-top:1px solid var(--line)}
.blist li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px 20px;padding:clamp(18px,2.6vw,30px) 0;border-bottom:1px solid var(--line);cursor:pointer;transition:padding .5s var(--ease),color .3s}
.blist .n{font:500 12px/1 var(--body);color:var(--mute)}
.blist b{font:700 clamp(24px,4.4vw,64px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase}
.blist .k{grid-column:2;font:500 12px/1 var(--body);color:var(--mute);order:3}
.blist .arrow{grid-row:1;grid-column:3;font-size:clamp(20px,2.6vw,36px);transition:transform .5s var(--ease),color .3s}
@media (min-width:900px){.blist li{grid-template-columns:60px 1fr 260px 60px}.blist .k{grid-column:3;order:0}.blist .arrow{grid-column:4}}
@media (hover:hover){.blist li:hover{padding-left:20px;color:var(--red)}.blist li:hover .arrow{transform:rotate(45deg)}}
.bfloat{position:fixed;left:0;top:0;z-index:40;width:220px;aspect-ratio:4/5;border-radius:12px;overflow:hidden;pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s var(--ease)}
.bfloat.show{opacity:1;transform:scale(1)}
.bfloat img{width:100%;height:100%;object-fit:cover}
@media (hover:none){.bfloat{display:none}}

/* contact */
.contact{padding:clamp(80px,12vw,180px) var(--pad) 28px;border-top:1px solid var(--line)}
.big{display:flex;flex-direction:column;font:800 clamp(80px,21vw,320px)/.82 var(--display);letter-spacing:-.05em;margin:24px 0 clamp(36px,5vw,64px)}
.big span:first-child{color:var(--fg)}
.ct-row{display:flex;flex-wrap:wrap;gap:12px}
.ct-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:clamp(80px,10vw,140px);padding-top:20px;border-top:1px solid var(--line);font:500 12px/1 var(--body);color:var(--mute)}
.ct-foot b{color:var(--fg);font-weight:600}
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);z-index:120;transform:translate(-50%,calc(100% + 60px));opacity:0;background:var(--fg);color:var(--bg);font:600 13px/1 var(--body);padding:14px 20px;border-radius:99px;transition:transform .5s var(--ease),opacity .4s}
.toast.show{transform:translate(-50%,0);opacity:1}

/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* viewer */
.viewer{position:fixed;inset:0;z-index:100;background:#080809;display:flex;flex-direction:column}
.viewer[hidden]{display:none}
.v-bars{position:absolute;z-index:4;top:calc(env(safe-area-inset-top) + 10px);left:12px;right:12px;display:flex;gap:3px}
.v-bars i{flex:1;height:2px;background:rgba(255,255,255,.22);border-radius:2px;overflow:hidden}
.v-bars i b{display:block;height:100%;width:0;background:#fff}
.v-top{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:calc(env(safe-area-inset-top) + 24px) var(--pad) 12px}
.v-top small{display:block;font:600 10px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.v-top b{font:700 clamp(16px,2vw,22px)/1.1 var(--display)}
.v-top span{font:500 12px/1 var(--body);color:var(--mute);margin-left:auto}
.v-top button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:15px}
.v-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px var(--pad)}
.v-stage img,.v-stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;animation:vin .5s var(--ease)}
@keyframes vin{from{opacity:0;transform:scale(.97)}}
.v-nav{position:absolute;z-index:3;top:90px;bottom:110px;width:35%;display:flex;align-items:center}
.v-nav.prev{left:0;justify-content:flex-start;padding-left:var(--pad)}
.v-nav.next{right:0;justify-content:flex-end;padding-right:var(--pad)}
.v-nav span{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:none;align-items:center;justify-content:center;background:rgba(11,11,12,.5);transition:background .3s}
.v-nav:hover span{background:var(--fg);color:var(--bg)}
@media (hover:hover){.v-nav span{display:flex}}
.v-thumbs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:12px var(--pad) calc(env(safe-area-inset-bottom) + 14px);flex:none}
.v-thumbs::-webkit-scrollbar{display:none}
.v-thumbs button{flex:none;width:52px;height:68px;border-radius:8px;overflow:hidden;opacity:.4;transition:opacity .3s,outline-color .3s;outline:2px solid transparent;outline-offset:2px}
.v-thumbs button.on{opacity:1;outline-color:var(--red)}
.v-thumbs img{width:100%;height:100%;object-fit:cover}
.viewer.story .v-thumbs{display:none}
.viewer:not(.story) .v-bars{display:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.hero-type{min-width:0;width:100%}.hero h1{width:100%}.hero-card-wrap{min-width:0}
html,body{overflow-x:clip}
.circ{white-space:nowrap}

/* measurements */
.measure{padding:clamp(48px,7vw,100px) var(--pad);max-width:1500px;margin:0 auto}
.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
.sizes div{background:var(--red);color:#fff;border-radius:16px;padding:clamp(16px,2vw,26px);display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:clamp(110px,14vw,170px)}
.sizes span{font:600 11px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.sizes b{font:800 clamp(40px,7vw,96px)/.85 var(--display);letter-spacing:-.04em}
.mgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:900px){.mgrid{grid-template-columns:repeat(3,1fr)}}
.mgrid div{border:1px solid var(--line);border-radius:16px;padding:clamp(16px,2vw,26px);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:16px 6px;align-items:end;transition:border-color .3s,background .3s}
.mgrid span{grid-column:1/-1;font:500 11px/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.mgrid b{font:700 clamp(38px,5.4vw,72px)/.85 var(--display);letter-spacing:-.04em}
.mgrid i{font:600 13px/1 var(--body);font-style:normal;color:var(--red);padding-bottom:6px;justify-self:start}
.mgrid div{grid-template-columns:auto 1fr}
@media (hover:hover){.mgrid div:hover{border-color:var(--red);background:rgba(227,38,28,.06)}}
.measure .sec-top h2{font-size:clamp(30px,7vw,104px)}
.sizes{grid-template-columns:repeat(3,minmax(0,1fr))}.sizes b{font-size:clamp(32px,7vw,96px)}.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:900px){.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}