/* Kevem Felipe — the tabs' own pieces on top of the ported doc look:
   the HUD tech layer, belts, story timeline with photos, gallery + lightbox,
   sponsors, shop cards. Black and gold. */
:root{ --gold:#d4a95a; --gold-light:#f1d595; --gold-deep:#8c6a2e; --red:#b3261e; --hud-line:rgba(212,169,90,.34); --hud-text:rgba(241,213,149,.6); }
body{ background:var(--ink); }
.mark__word em{ color:var(--gold); }
.btn--solid{ color:#08090b; background:var(--gold); border-color:var(--gold); }
.btn--solid:hover{ color:#08090b; background:var(--gold-light); border-color:var(--gold-light); }
.badge--w{ color:#08090b; }
.red{ color:var(--gold-light); }

/* ------------------------------------------------------------ tech layer */
.tech{ position:fixed; inset:0; z-index:3; pointer-events:none; }
.tech__corner{ position:absolute; width:20px; height:20px; border:0 solid var(--hud-line); }
.tech__corner--tl{ top:78px; left:12px; border-top-width:1px; border-left-width:1px; }
.tech__corner--tr{ top:78px; right:12px; border-top-width:1px; border-right-width:1px; }
.tech__corner--bl{ bottom:14px; left:12px; border-bottom-width:1px; border-left-width:1px; }
.tech__corner--br{ bottom:14px; right:12px; border-bottom-width:1px; border-right-width:1px; }
.tech__read{ position:absolute; top:50%; display:flex; flex-direction:column; gap:6px;
  font-family:var(--label); font-size:.56rem; letter-spacing:.22em; color:var(--hud-text);
  writing-mode:vertical-rl; transform:translateY(-50%) rotate(180deg); }
.tech__read b{ font-weight:500; color:var(--gold-light); }
.tech__read--l{ left:14px; } .tech__read--r{ right:14px; transform:translateY(-50%); }
.tech__scan{ position:absolute; inset:0; opacity:.16; mix-blend-mode:multiply;
  background:repeating-linear-gradient(to bottom, rgba(0,0,0,.6) 0 1px, transparent 1px 3px); }
.tech__scan::after{ content:""; position:absolute; left:0; right:0; height:18vh; top:-20vh;
  background:linear-gradient(to bottom, transparent, rgba(212,169,90,.05), transparent); animation:techSweep 8s linear infinite; }
@keyframes techSweep{ to{ transform:translateY(140vh); } }
.q-lite .tech__scan{ display:none; }
@media (max-width:1100px){ .tech__read{ display:none; } }
@media (max-width:700px){ .tech__corner{ width:12px; height:12px; } .tech__corner--tl, .tech__corner--tr{ top:66px; } }
@media (prefers-reduced-motion: reduce){ .tech__scan::after{ animation:none; } }

/* The shop page skips doc.css: its frame pieces live here. */
.page-shop .backdrop{ position:fixed; inset:0; z-index:0; pointer-events:none; }
.page-shop .backdrop canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.page-shop .kf-mark{ position:fixed; z-index:0; pointer-events:none; width:min(44vw, 66vh); height:auto; right:-3vw; top:16vh; opacity:.07; }
@media (max-width:760px){ .page-shop .kf-mark{ width:86vw; right:-22vw; top:34vh; opacity:.05; } }
.page-shop .grain, .page-shop .vignette{ position:fixed; inset:0; z-index:1; pointer-events:none; }
.page-shop main.shop{ position:relative; z-index:2; }
.page-shop .doc-foot{ border-top:1px solid rgba(242,243,245,.08); margin:0 var(--gut); padding:40px 0 60px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; }
.page-shop .doc-foot p{ margin:0; font-size:.8rem; color:var(--bone-faint); max-width:60ch; line-height:1.6; }
.page-shop .doc-foot nav{ display:flex; gap:22px; flex-wrap:wrap; }
.page-shop .doc-foot a{ font-family:var(--label); letter-spacing:.24em; font-size:.7rem; text-transform:uppercase; color:var(--bone-dim); text-decoration:none; }
.page-shop .doc-foot a[aria-current="page"], .page-shop .doc-foot a:hover{ color:var(--gold-light); }

/* ------------------------------------------------------------- profile */
.hero__photo img{ max-height:calc(100svh - 110px); }
.bio{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(24px,5vw,80px); align-items:center; }
.bio__text p{ font-size:1.05rem; line-height:1.7; color:var(--bone-dim); max-width:60ch; }
.bio__photo img{ width:100%; height:auto; max-height:80vh; object-fit:contain;
  -webkit-mask-image:linear-gradient(#000 75%, transparent); mask-image:linear-gradient(#000 75%, transparent); }
.belts{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,2vw,24px); }
.belt{ display:flex; flex-direction:column; overflow:hidden; }
.belt__img{ height:clamp(260px,34vw,420px); display:flex; align-items:flex-end; justify-content:center;
  background:radial-gradient(60% 60% at 50% 60%, rgba(212,169,90,.28), transparent 70%); }
.belt__img img{ height:100%; width:auto; max-width:100%; object-fit:contain; object-position:bottom; }
.belt__copy{ padding:20px 22px 24px; border-top:1px solid rgba(212,169,90,.25); }
.belt__what{ margin:.35em 0 .3em; font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:clamp(1.6rem,2.4vw,2.2rem); line-height:1; }
.belt__copy p{ margin:0; color:var(--bone-dim); font-size:.92rem; line-height:1.55; }
.ms{ display:grid; grid-template-columns:minmax(120px,240px) minmax(0,1fr); gap:clamp(14px,2.4vw,30px); align-items:start; }
.ms__img{ border-radius:6px; overflow:hidden; aspect-ratio:4/5; background:#111; border:1px solid rgba(212,169,90,.18); }
.ms__img img{ width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.92) contrast(1.04); }
.ms__title{ margin:0; font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:clamp(1.5rem,2.6vw,2.4rem); line-height:1; }
.ms__sub{ margin:.4em 0 .7em; font-family:var(--label); letter-spacing:.18em; text-transform:uppercase; font-size:.78rem; color:var(--gold-light); }
@media (max-width:760px){
  .bio{ grid-template-columns:1fr; }
  .belts{ grid-template-columns:1fr; }
  .ms{ grid-template-columns:96px minmax(0,1fr); }
}

/* -------------------------------------------------------------- record */
.rec-tiles{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px); }
@media (max-width:1100px){ .rec-tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ------------------------------------------------------------- gallery */
.g-hero{ padding-top:clamp(10px,4vh,50px); }
.albums{ list-style:none; margin:clamp(30px,5vh,56px) 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px); }
.album{ position:relative; display:block; aspect-ratio:3/4; overflow:hidden; color:inherit; text-decoration:none; }
.album__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease); filter:saturate(.9); }
.album::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(8,9,11,.95) 8%, rgba(8,9,11,.2) 55%, transparent); }
.album:hover .album__img{ transform:scale(1.05); }
.album__copy{ position:absolute; z-index:1; left:18px; right:18px; bottom:18px; display:flex; flex-direction:column; gap:6px; }
.album__name{ font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:clamp(1.8rem,2.8vw,2.6rem); line-height:1; }
.album__tag{ color:var(--bone-dim); font-size:.86rem; }
.album-sec{ scroll-margin-top:90px; }
.masonry{ list-style:none; margin:0; padding:0; columns:4 220px; column-gap:12px; }
.masonry li{ break-inside:avoid; margin:0 0 12px; }
.shot{ display:block; width:100%; padding:0; border:0; background:#111; cursor:zoom-in; border-radius:4px; overflow:hidden; position:relative; }
.shot img{ display:block; width:100%; height:auto; transition:transform .7s var(--ease), filter .5s; filter:saturate(.9); }
.shot:hover img{ transform:scale(1.04); filter:none; }
.shot::after{ content:""; position:absolute; inset:0; border:1px solid transparent; transition:border-color .3s; border-radius:4px; }
.shot:hover::after, .shot:focus-visible::after{ border-color:var(--gold); }
.lightbox{ width:100vw; height:100svh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:rgba(5,5,6,.96); color:var(--bone); }
.lightbox::backdrop{ background:rgba(0,0,0,.8); }
.lightbox__fig{ margin:0; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:64px 70px 30px; box-sizing:border-box; }
.lightbox__fig img{ max-width:100%; max-height:calc(100% - 40px); width:auto; height:auto; object-fit:contain; }
.lightbox__cap{ display:flex; gap:22px; margin-top:14px; font-family:var(--label); letter-spacing:.24em; font-size:.7rem; color:var(--hud-text); }
.lightbox__cap b{ color:var(--gold-light); font-weight:500; }
.lightbox__btn{ position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; border:1px solid rgba(212,169,90,.45); background:rgba(8,9,11,.6); color:var(--gold-light); font-size:1.6rem; cursor:pointer; }
.lightbox__btn--prev{ left:14px; } .lightbox__btn--next{ right:14px; }
.lightbox__close{ position:absolute; top:16px; right:16px; background:none; border:1px solid rgba(212,169,90,.45); color:var(--gold-light); font-family:var(--label); letter-spacing:.22em; font-size:.66rem; padding:.7em 1.1em; border-radius:999px; cursor:pointer; }
@media (max-width:760px){
  .albums{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .masonry{ columns:2; column-gap:8px; } .masonry li{ margin-bottom:8px; }
  .lightbox__fig{ padding:60px 8px 80px; }
  .lightbox__btn{ top:auto; bottom:14px; transform:none; }
}

/* ------------------------------------------------------------ partners */
.sponsors{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px); }
.sponsor{ display:flex; flex-direction:column; gap:10px; padding:26px 24px; color:inherit; text-decoration:none; min-height:150px; transition:border-color .3s, transform .4s var(--ease); }
.sponsor:hover{ transform:translateY(-3px); border-color:rgba(212,169,90,.6); }
.sponsor__n{ font-size:1rem; color:var(--gold); }
.sponsor__name{ font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:clamp(1.6rem,2.4vw,2.2rem); line-height:1; }
.sponsor__host{ margin-top:auto; font-family:var(--label); letter-spacing:.18em; font-size:.7rem; color:var(--bone-dim); text-transform:uppercase; }
.sec-head--center{ margin-left:auto; margin-right:auto; text-align:center; }
@media (max-width:900px){ .sponsors{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .sponsors{ grid-template-columns:1fr; } }

/* ------------------------------------------------------------- contact */
.contact__photo img{ width:min(100%, 360px); height:auto; margin-top:24px;
  -webkit-mask-image:linear-gradient(#000 70%, transparent); mask-image:linear-gradient(#000 70%, transparent); }
@media (max-width:760px){ .contact__photo{ display:none; } }

/* ---------------------------------------------------------------- shop */
.prod-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.card__media--dark{ background:radial-gradient(80% 70% at 50% 35%, #1b1812, #0b0b0c); border:1px solid rgba(212,169,90,.2); }
.card__media--dark img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; mix-blend-mode:normal; padding:0; }
.card__tag{ position:absolute; z-index:2; left:10px; top:10px; }
.prod__desc{ margin:.6em 0 .8em; color:var(--bone-dim); font-size:.86rem; line-height:1.5; }
.prod__sizes{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
.prod__sizes span{ font-family:var(--label); font-size:.62rem; letter-spacing:.14em; padding:.4em .7em; border:1px solid rgba(242,243,245,.2); border-radius:4px; color:var(--bone-dim); }
.prod__btn{ width:100%; }
.shop-note{ padding:0 var(--gut); margin:34px 0 60px; color:var(--bone-faint); font-size:.85rem; }
.shop-note a{ color:var(--gold-light); }
.wall__tile img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:1100px){ .prod-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Bigger hero photos: PROFILE's mouthguard close-up and WINS' pointing-up back shot fill the right half. */
.hero--profile .hero__photo img{ max-height:none; height:min(100svh, 1150px); width:auto; max-width:none; transform:scale(1.12); transform-origin:60% 100%; }
.hero--record .hero__photo img{ max-height:none; height:min(108svh, 1500px); max-width:none; transform:scale(1.1); transform-origin:50% 100%; }
.hero--profile .hero__photo, .hero--record .hero__photo{ overflow:visible; }
@media (max-width:900px){
  .hero--profile .hero__photo img{ height:auto; width:118%; transform:none; margin-right:-12%; }
  .hero--record .hero__photo img{ height:78vh; width:auto; transform:none; }
}
.bio--text{ grid-template-columns:minmax(0,1fr); }

/* SHOP cards: the same cards as the live store (kevemfelipe-shop src/styles/shop.css), scoped to .live-shop. */
.live-shop{ --bg:#0b0c0e; --bg-2:#15161a; --ink:#eceae6; --muted:#b9b6b0; --gold:#c9a56b; --gold-ink:#0b0c0e; --gold-lo:#8c6a2e; --gold-hi:#f1d595;
  --rule:rgba(236,234,230,.28); --rule-soft:rgba(236,234,230,.14); --gold-soft:rgba(201,165,107,.45); --glow:rgba(201,165,107,.18);
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace; --sans:'Inter',system-ui,sans-serif; --display:'Big Shoulders Display','Barlow Condensed','Arial Narrow',sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --t-fast:200ms; --t:600ms; counter-reset:chapter; }
.live-shop .shop__block{ margin-top:clamp(3rem,8vw,6rem); counter-increment:chapter; }
.live-shop .shop__block:first-child{ margin-top:0; }
.live-shop .subhead{ display:flex; align-items:baseline; gap:.8rem; font:800 clamp(2rem,4vw,3.2rem)/1 var(--display); text-transform:uppercase; color:var(--ink); margin:0; }
.live-shop .subhead::before{ content:counter(chapter, decimal-leading-zero); font:500 .85rem/1 var(--mono); letter-spacing:.14em; color:var(--gold); transform:translateY(-.4em); }
.live-shop .shop__text{ margin-top:1.2rem; font-size:1.1rem; color:var(--ink); opacity:.86; max-width:60ch; }
.live-shop .shop__grid{ list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%,340px),1fr)); gap:clamp(1rem,2.4vw,2rem); margin:2rem 0 0; }
@media (width <= 700px){ .live-shop .shop__grid{ grid-template-columns:minmax(0,1fr); } }
.live-shop .btn{ display:inline-flex; align-items:center; justify-content:center; gap:.6em; min-height:48px; padding:.9em 1.6em; border:1px solid var(--gold); font:500 .8rem/1.2 var(--mono); letter-spacing:.16em; text-transform:uppercase; text-decoration:none; cursor:pointer; transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast); }
.live-shop .product{ position:relative; display:flex; flex-direction:column; gap:.7rem; padding-bottom:1.4rem; background:linear-gradient(180deg,var(--bg-2),var(--bg)); border:1px solid var(--rule-soft); transition:border-color var(--t-fast),transform var(--t) var(--ease),box-shadow var(--t) var(--ease); }
.live-shop .product:hover{ border-color:var(--gold-soft); transform:translateY(-4px); box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px var(--gold-soft); }
.live-shop .product > :not(.product__photos){ margin-inline:1.4rem; }
.live-shop .product__photos{ position:relative; list-style:none; margin:0; padding:0; }
.live-shop .product__photos::after{ content:''; position:absolute; inset:auto 0 0; height:30%; background:linear-gradient(0deg,var(--bg-2),transparent); pointer-events:none; }
.live-shop .product__photo{ display:block; aspect-ratio:4/5; overflow:hidden; }
.live-shop .product__photo img{ width:100%; height:100%; object-fit:cover; transition:transform var(--t) var(--ease); }
.live-shop .product:hover .product__photo img{ transform:scale(1.04); }
.live-shop .product__name{ margin:.2rem 0 0; font:800 clamp(1.6rem,2.4vw,2.1rem)/1 var(--display); letter-spacing:.01em; text-transform:uppercase; color:var(--ink); }
.live-shop .product__desc{ margin:0; font-size:.95rem; line-height:1.55; color:var(--muted); }
.live-shop .product__price{ margin:0; font:500 1.15rem/1 var(--mono); color:var(--gold); }
.live-shop .product:not(.product--lesson) .product__price{ position:absolute; top:1rem; left:0; z-index:1; margin:0; padding:.55rem .8rem; background:var(--gold); color:var(--gold-ink); }
.live-shop .product__sizes{ border:0; padding:0; display:flex; flex-wrap:wrap; gap:.4rem; }
.live-shop .product__legend{ width:100%; margin-bottom:.4rem; padding:0; font:.7rem/1 var(--mono); text-transform:uppercase; letter-spacing:.12em; color:var(--muted); }
.live-shop .size{ position:relative; }
.live-shop .size input{ position:absolute; inset:0; opacity:0; margin:0; cursor:pointer; }
.live-shop .size span{ display:inline-grid; place-content:center; min-width:48px; min-height:44px; padding:0 .6rem; border:1px solid var(--rule); font:.8rem/1 var(--mono); color:var(--ink); transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast); }
.live-shop .size input:checked + span{ background:var(--gold); color:var(--gold-ink); border-color:var(--gold); }
.live-shop .size:hover input + span{ border-color:var(--gold); }
.live-shop .product__add{ margin-top:auto; background:var(--gold); color:var(--gold-ink); }
.live-shop .product__add:hover, .live-shop .product__add:focus-visible{ background:var(--ink); border-color:var(--ink); color:var(--gold-ink); }
.live-shop .product--lesson{ min-height:22rem; padding-top:1.6rem; overflow:hidden; border-color:var(--gold-soft);
  background:radial-gradient(26rem 18rem at 100% 0%, var(--glow), transparent 70%), linear-gradient(160deg,var(--bg-2),var(--bg)); }
.live-shop .product--lesson::before{ content:'LV'; position:absolute; right:-.5rem; bottom:-2.5rem; font:800 12rem/1 var(--display); color:transparent; -webkit-text-stroke:1px var(--rule-soft); pointer-events:none; }
.live-shop .product--lesson::after{ content:''; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi),var(--gold-lo)); }
.live-shop .product--lesson .product__name{ font-size:clamp(1.9rem,3vw,2.6rem); }
.live-shop .product--lesson .product__desc{ max-width:30ch; color:var(--ink); opacity:.8; }
.live-shop .product--lesson .product__price{ order:-1; font:800 clamp(3.2rem,6vw,4.6rem)/.9 var(--display); color:var(--gold); }
.live-shop .product--lesson .product__add{ position:relative; z-index:1; }
.live-shop{ max-width:1320px; margin:0 auto; padding:clamp(48px,8vw,96px) var(--gut, 60px); box-sizing:content-box; }
.live-shop .subhead{ padding-bottom:1.2rem; border-bottom:1px solid var(--rule-soft); }
@media (max-width:700px){ .live-shop{ padding-inline:20px; } }
.live-shop .btn{ border-radius:0; }
.page-shop .backdrop__fallback{ position:absolute; inset:0; background:radial-gradient(60% 50% at 66% 10%, rgba(212,169,90,.16), transparent 70%), #08090b; }

/* Background = the crown + KF picture, animated in src/doc/backdrop.js. The faint watermark stays off
   (the picture already has the crown); without WebGL / with reduced motion the picture shows still. */
.kf-mark, .page-shop .kf-mark{ display:none !important; }
.backdrop{ background:#08090b url('img/site/bg-kf.webp') 100% 50% / cover no-repeat; }
@media (max-aspect-ratio: 4/5){ .backdrop{ background-image:linear-gradient(rgba(8,9,11,.66), rgba(8,9,11,.66)), url('img/site/bg-kf-m.webp'); background-position:center, 60% 40%; background-size:cover, cover; } }
/* The picture 35% darker (the shader's uDim matches: 0.585 desktop, 0.22 portrait). */
.backdrop{ background-image:linear-gradient(rgba(8,9,11,.35), rgba(8,9,11,.35)), url('img/site/bg-kf.webp'); background-size:cover, cover; background-position:center, 100% 50%; }
@media (max-aspect-ratio: 4/5){ .backdrop{ background-image:linear-gradient(rgba(8,9,11,.78), rgba(8,9,11,.78)), url('img/site/bg-kf-m.webp'); background-position:center, 60% 40%; } }
/* Fallback picture smaller too, sitting low on the right like the animated one. */
.backdrop{ background-size:cover, auto 72vh; background-position:center, 96% 85%; background-repeat:no-repeat; }
@media (max-aspect-ratio: 4/5){ .backdrop{ background-size:cover, 70% auto; background-position:center, 75% 82%; } }
/* Fallback (no WebGL / reduced motion): the fighters + crown picture, dimmed; whole height on wide screens. */
.backdrop{ background:linear-gradient(rgba(8,9,11,.58), rgba(8,9,11,.58)), url('img/site/bg-fighters.webp') 50% 50% / auto 100% no-repeat, #08090b; }
@media (max-aspect-ratio: 4/5){ .backdrop{ background:linear-gradient(rgba(8,9,11,.66), rgba(8,9,11,.66)), url('img/site/bg-fighters.webp') 50% 45% / cover no-repeat, #08090b; } }
.backdrop{ background:linear-gradient(rgba(8,9,11,.58), rgba(8,9,11,.58)), url('img/site/bg-fighters-clean.webp') 50% 13% / cover no-repeat, #08090b; }
@media (max-aspect-ratio: 4/5){ .backdrop{ background:linear-gradient(rgba(8,9,11,.66), rgba(8,9,11,.66)), url('img/site/bg-fighters-clean.webp') 50% 45% / cover no-repeat, #08090b; } }

/* PROFILE: the DBX line and the two former titles under it, same style, stacked close. */
.hero__nicks{ margin-bottom:1.1em; }
.hero__nicks .hero__nick{ margin:0 0 .55em; }
.hero__nicks .hero__nick:last-child{ margin-bottom:0; }
@media (max-width:600px){ .hero__nicks .hero__nick{ letter-spacing:.24em; font-size:.78rem; } }

/* The side readouts (coordinates, timecode, chapter / file number) are off, at the owner's request. */
.tech__read{ display:none !important; }

/* PROFILE belts: a full-length photo shown from the waist up (its top half), the cut fading into the card. */
.belt--half .belt__img{ align-items:flex-start; overflow:hidden; }
.belt--half .belt__img img{ height:200%; max-width:none; object-position:top;
  -webkit-mask-image:linear-gradient(#000 38%, transparent 50%); mask-image:linear-gradient(#000 38%, transparent 50%); }

/* PROFILE: the Muay Thai & Kickboxing record above the MMA one. */
.hero__meta--mma{ margin-top:clamp(28px, 4.5vh, 48px); }