/* =========================================================================
   MuscleBash Fit - donker designsysteem
   Architectuur van het portaal (schermvullende fotohero, gecentreerde
   blokletters, donkere secties). Kleur en letter zijn eigen.
   ========================================================================= */

@font-face{
  font-family:'Saira';
  src:url('fonts/saira-var.ttf') format('truetype-variations'),
      url('fonts/saira-var.ttf') format('truetype');
  font-weight:100 900;
  font-stretch:50% 125%;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Inter';
  src:url('fonts/inter-var.ttf') format('truetype-variations'),
      url('fonts/inter-var.ttf') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --void:#0c1013;
  --panel:#131a1f;
  --raise:#1a232a;
  --text:#eef3f6;
  --text-70:rgba(238,243,246,.70);
  --text-52:rgba(238,243,246,.52);
  --text-36:rgba(238,243,246,.36);
  --line:rgba(238,243,246,.12);
  --line-soft:rgba(238,243,246,.07);
  --ice:#35e0f0;
  --ice-dim:#1fb9c8;
  --ice-wash:rgba(53,224,240,.09);
  --wrap:1220px;
  --gutter:30px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--void);
  color:var(--text);
  font-family:Inter,'Helvetica Neue',Arial,sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--ice);color:var(--void)}

.mb-skip{position:absolute;left:-9999px}
.mb-skip:focus{
  left:var(--gutter);top:14px;z-index:200;padding:12px 18px;
  background:var(--ice);color:var(--void);font-weight:700;
}

.mb-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.mb-narrow{max-width:840px}

/* ---------------------------------------------------------------- header */

.mb-head{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(12,16,19,.72);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
  transition:background .2s ease;
}

.mb-head.is-stuck{background:rgba(12,16,19,.96)}

.mb-nav{
  max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);
  min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px;
}

.mb-brand{
  font-family:Saira,Arial,sans-serif;font-weight:800;font-size:21px;
  font-variation-settings:'wdth' 88,'wght' 800;
  letter-spacing:.04em;text-transform:uppercase;
}

.mb-brand i{font-style:normal;color:var(--ice)}

.mb-links{display:flex;align-items:center;gap:26px}

.mb-links a{
  font-family:Saira,Arial,sans-serif;font-weight:500;font-size:13px;
  font-variation-settings:'wdth' 92,'wght' 500;
  letter-spacing:.13em;text-transform:uppercase;color:var(--text-52);
  padding:6px 0;position:relative;
}

.mb-links a:hover{color:var(--text)}
.mb-links a[aria-current]{color:var(--ice)}

.mb-join{
  padding:12px 24px;background:var(--ice);color:var(--void);
  font-family:Saira,Arial,sans-serif;font-weight:700;font-size:13px;
  font-variation-settings:'wdth' 92,'wght' 700;
  letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  transition:background .18s ease,color .18s ease;
}

.mb-join:hover{background:var(--text);color:var(--void)}

.mb-burger{
  display:none;width:42px;height:42px;padding:0;
  border:1px solid var(--line);background:transparent;color:var(--text);
  align-items:center;justify-content:center;cursor:pointer;
}

.mb-burger span{display:flex;flex-direction:column;gap:5px;width:18px}
.mb-burger i{display:block;height:2px;background:currentColor}

.mb-mob{border-top:1px solid var(--line);background:var(--void)}
.mb-mob-in{max-width:var(--wrap);margin:0 auto;padding:12px var(--gutter) 22px;display:flex;flex-direction:column}
.mb-mob-in a{
  padding:14px 0;border-bottom:1px solid var(--line-soft);
  font-family:Saira,Arial,sans-serif;font-weight:500;font-size:15px;
  letter-spacing:.1em;text-transform:uppercase;
}
.mb-mob-cta{margin-top:16px;background:var(--ice);color:var(--void);text-align:center;font-weight:700;border:0}

/* ---------------------------------------------------------------- type */

.mb-eyebrow{
  display:inline-block;margin:0 0 22px;
  font-family:Saira,Arial,sans-serif;font-weight:600;font-size:12px;
  font-variation-settings:'wdth' 95,'wght' 600;
  letter-spacing:.28em;text-transform:uppercase;color:var(--ice);
}

.mb-h{
  margin:0;font-family:Saira,Arial,sans-serif;font-weight:800;
  font-variation-settings:'wdth' 84,'wght' 800;
  line-height:.98;letter-spacing:-.01em;text-transform:uppercase;
}

.mb-h1{font-size:clamp(44px,7.4vw,110px)}
.mb-h2{font-size:clamp(32px,4.6vw,64px)}
.mb-h3{font-size:clamp(24px,3vw,40px)}
.mb-h em{font-style:normal;color:var(--ice)}

.mb-lede{max-width:640px;margin:24px 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:var(--text-52)}

.mb-rule{height:2px;width:64px;margin:26px 0 0;background:var(--ice)}

/* ---------------------------------------------------------------- buttons */

.mb-btn{
  display:inline-flex;align-items:center;gap:10px;padding:17px 32px;
  border:1px solid transparent;font-family:Saira,Arial,sans-serif;
  font-weight:700;font-size:13px;font-variation-settings:'wdth' 92,'wght' 700;
  letter-spacing:.14em;text-transform:uppercase;cursor:pointer;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  transition:background .18s ease,color .18s ease;
}

.mb-btn-ice{background:var(--ice);color:var(--void)}
.mb-btn-ice:hover{background:var(--text)}
.mb-btn-ghost{background:transparent;border-color:var(--line);color:var(--text);clip-path:none}
.mb-btn-ghost:hover{border-color:var(--ice);color:var(--ice)}
.mb-btn i{font-style:normal;transition:transform .18s ease}
.mb-btn:hover i{transform:translateX(3px)}

/* ---------------------------------------------------------------- hero */

.mb-hero{
  position:relative;min-height:92vh;display:flex;align-items:center;
  padding:150px 0 90px;overflow:hidden;
  background:var(--void) center/cover no-repeat;
}

.mb-hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(12,16,19,.86) 0%,rgba(12,16,19,.62) 45%,rgba(12,16,19,.96) 100%);
}

.mb-hero::after{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,rgba(53,224,240,.045) 0 1px,transparent 1px 4px);
  mix-blend-mode:screen;
}

.mb-hero .mb-wrap{position:relative;z-index:2;text-align:center}
.mb-hero .mb-lede{margin-left:auto;margin-right:auto;text-align:center}
.mb-hero .mb-rule{margin-left:auto;margin-right:auto}

.mb-hero-acts{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}
.mb-hero-meta{margin:20px 0 0;font-family:Saira,Arial,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-36)}

/* ---------------------------------------------------------------- readout */

.mb-readout{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--panel);
}

.mb-readout-grid{display:grid;grid-template-columns:repeat(4,1fr)}

.mb-cell{padding:28px var(--gutter);border-right:1px solid var(--line)}
.mb-cell:last-child{border-right:0}
.mb-cell b{
  display:block;font-family:Saira,Arial,sans-serif;font-weight:800;
  font-variation-settings:'wdth' 84,'wght' 800;
  font-size:clamp(24px,2.6vw,34px);line-height:1;color:var(--ice);
}
.mb-cell span{display:block;margin-top:10px;font-size:14px;line-height:1.5;color:var(--text-52)}

/* ---------------------------------------------------------------- sections */

.mb-sec{padding:clamp(66px,8vw,118px) 0;border-bottom:1px solid var(--line-soft)}
.mb-sec-panel{background:var(--panel)}

.mb-head-block{max-width:780px;margin-bottom:clamp(38px,4.6vw,60px)}

.mb-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,72px);align-items:center}
.mb-split-flip > .mb-media{order:-1}

.mb-media{position:relative;overflow:hidden;border:1px solid var(--line)}
.mb-media img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.mb-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(200deg,rgba(53,224,240,.14),transparent 46%);
}
.mb-media-tag{
  position:absolute;left:0;bottom:0;z-index:2;padding:10px 18px;
  background:var(--ice);color:var(--void);
  font-family:Saira,Arial,sans-serif;font-weight:700;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;
}

/* specificatielijst */

.mb-specs{margin:34px 0 0;border-top:1px solid var(--line)}
.mb-spec{display:grid;grid-template-columns:34px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.mb-spec b{
  font-family:Saira,Arial,sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.06em;color:var(--ice);padding-top:3px;
}
.mb-spec h3{
  margin:0 0 5px;font-family:Saira,Arial,sans-serif;font-weight:600;font-size:17px;
  font-variation-settings:'wdth' 95,'wght' 600;letter-spacing:.04em;text-transform:uppercase;
}
.mb-spec p{margin:0;font-size:15px;line-height:1.6;color:var(--text-52)}

/* tegels */

.mb-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.mb-tile{display:flex;flex-direction:column;padding:32px 28px;background:var(--void);transition:background .2s ease}
.mb-sec-panel .mb-tile{background:var(--panel)}
a.mb-tile:hover{background:var(--raise)}
.mb-tile-tag{
  display:block;margin-bottom:18px;font-family:Saira,Arial,sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ice);
}
.mb-tile h3{
  margin:0 0 11px;font-family:Saira,Arial,sans-serif;font-weight:700;font-size:19px;
  font-variation-settings:'wdth' 92,'wght' 700;line-height:1.22;letter-spacing:.02em;text-transform:uppercase;
}
.mb-tile p{margin:0;font-size:15px;line-height:1.65;color:var(--text-52)}
.mb-tile-go{
  margin-top:20px;font-family:Saira,Arial,sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ice);
}

/* protocol */

.mb-proto{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.mb-node{padding:26px 22px;border:1px solid var(--line);background:var(--panel);position:relative}
.mb-sec-panel .mb-node{background:var(--void)}
.mb-node::before{content:"";position:absolute;top:0;left:0;width:34px;height:2px;background:var(--ice)}
.mb-node b{
  display:block;margin-bottom:14px;font-family:Saira,Arial,sans-serif;font-weight:800;
  font-variation-settings:'wdth' 84,'wght' 800;font-size:30px;line-height:1;color:var(--ice);
}
.mb-node h3{
  margin:0 0 8px;font-family:Saira,Arial,sans-serif;font-weight:600;font-size:15px;
  letter-spacing:.05em;text-transform:uppercase;
}
.mb-node p{margin:0;font-size:14px;line-height:1.6;color:var(--text-52)}

/* band */

.mb-band{position:relative;padding:clamp(88px,11vw,150px) 0;background:var(--void) center/cover no-repeat;border-bottom:1px solid var(--line-soft)}
.mb-band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,19,.94),rgba(12,16,19,.55))}
.mb-band .mb-wrap{position:relative;z-index:2}

/* citaat */

.mb-quote{padding:clamp(60px,7vw,104px) 0;text-align:center;border-bottom:1px solid var(--line-soft);background:var(--panel)}
.mb-quote p{
  max-width:940px;margin:0 auto;font-family:Saira,Arial,sans-serif;font-weight:600;
  font-variation-settings:'wdth' 90,'wght' 600;
  font-size:clamp(22px,3.4vw,44px);line-height:1.16;text-transform:uppercase;
}
.mb-quote span{
  display:block;margin-top:20px;font-family:Saira,Arial,sans-serif;font-size:12px;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ice);
}

/* faq */

.mb-faq{border-top:1px solid var(--line)}
.mb-faq-item{border-bottom:1px solid var(--line)}
.mb-faq-item button{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;
  padding:24px 0;border:0;background:transparent;color:var(--text);
  font-family:Saira,Arial,sans-serif;font-weight:600;font-size:18px;
  font-variation-settings:'wdth' 95,'wght' 600;
  letter-spacing:.02em;line-height:1.35;text-align:left;text-transform:uppercase;cursor:pointer;
}
.mb-faq-item button:hover{color:var(--ice)}
.mb-faq-item b{flex:none;width:22px;text-align:right;color:var(--ice);font-size:18px;line-height:1.35}
.mb-faq-item > div{padding:0 60px 26px 0;font-size:16px;line-height:1.75;color:var(--text-52)}

/* prose */

.mb-prose{max-width:800px}
.mb-prose > *:first-child{margin-top:0}
.mb-prose h2{
  margin:52px 0 16px;font-family:Saira,Arial,sans-serif;font-weight:800;
  font-variation-settings:'wdth' 88,'wght' 800;
  font-size:clamp(24px,3.2vw,38px);line-height:1.08;letter-spacing:-.005em;text-transform:uppercase;
}
.mb-prose h3{margin:32px 0 10px;font-family:Saira,Arial,sans-serif;font-weight:600;font-size:17px;letter-spacing:.05em;text-transform:uppercase}
.mb-prose p,.mb-prose li{margin:0 0 17px;font-size:17px;line-height:1.78;color:var(--text-70)}
.mb-prose ul,.mb-prose ol{margin:0 0 17px;padding-left:22px}
.mb-prose li{margin-bottom:9px}
.mb-prose li::marker{color:var(--ice)}
.mb-prose strong{color:var(--text);font-weight:600}
.mb-prose a{color:var(--ice);border-bottom:1px solid rgba(53,224,240,.35)}
.mb-prose a:hover{border-bottom-color:var(--ice)}

.mb-note{margin:32px 0;padding:22px 24px;border-left:2px solid var(--ice);background:var(--ice-wash)}
.mb-note p{margin:0;font-size:15px;color:var(--text-70)}

.mb-table-wrap{overflow-x:auto}
.mb-table{width:100%;margin:0 0 20px;border-collapse:collapse;font-size:15px}
.mb-table th,.mb-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6;color:var(--text-70)}
.mb-table th{
  border-bottom:1px solid var(--ice);font-family:Saira,Arial,sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ice);
}

.mb-price{display:flex;align-items:baseline;gap:14px;margin:0 0 10px}
.mb-price b{
  font-family:Saira,Arial,sans-serif;font-weight:800;
  font-variation-settings:'wdth' 84,'wght' 800;
  font-size:clamp(44px,6vw,74px);line-height:1;color:var(--ice);
}
.mb-price span{font-family:Saira,Arial,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-36)}

.mb-crumb{margin:0 0 20px;font-family:Saira,Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-36)}
.mb-crumb a:hover{color:var(--ice)}

/* slot */

.mb-final{position:relative;padding:clamp(80px,10vw,132px) 0;text-align:center;background:var(--void) center/cover no-repeat}
.mb-final::before{content:"";position:absolute;inset:0;background:rgba(12,16,19,.88)}
.mb-final .mb-wrap{position:relative;z-index:2}
.mb-final .mb-lede{margin-left:auto;margin-right:auto}
.mb-final-acts{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}
.mb-terms{max-width:600px;margin:30px auto 0;font-size:13px;line-height:1.7;color:var(--text-36)}
.mb-terms a{color:var(--text-52);border-bottom:1px solid var(--line)}
.mb-terms a:hover{color:var(--ice)}

/* footer */

.mb-foot{padding:clamp(56px,7vw,84px) 0 30px;background:var(--panel);border-top:1px solid var(--line)}
.mb-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1.3fr;gap:44px;padding-bottom:38px;border-bottom:1px solid var(--line)}
.mb-foot h4{margin:0 0 16px;font-family:Saira,Arial,sans-serif;font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-36)}
.mb-foot p{margin:0 0 13px;font-size:15px;line-height:1.7;color:var(--text-52);max-width:330px}
.mb-foot-links{display:flex;flex-direction:column;gap:10px}
.mb-foot-links a{font-size:15px;color:var(--text-52);width:fit-content}
.mb-foot a:hover{color:var(--ice)}
.mb-foot-bottom{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;padding-top:24px}
.mb-foot-copy{font-family:Saira,Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-36)}
.mb-foot-legal{display:flex;flex-wrap:wrap;gap:8px 20px}
.mb-foot-legal a{font-size:13px;color:var(--text-36)}

/* reveal */

.mb-rev{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.mb-rev.is-on{opacity:1;transform:none}

/* responsive */

@media (max-width:1000px){
  .mb-links{display:none}
  .mb-burger{display:inline-flex}
  .mb-split{grid-template-columns:1fr}
  .mb-split-flip > .mb-media{order:0}
  .mb-readout-grid,.mb-tiles,.mb-proto{grid-template-columns:repeat(2,1fr)}
  .mb-cell:nth-child(2n){border-right:0}
  .mb-cell{border-bottom:1px solid var(--line)}
  .mb-foot-grid{grid-template-columns:1fr 1fr;gap:32px}
}

@media (max-width:640px){
  :root{--gutter:20px}
  body{font-size:16px}
  .mb-readout-grid,.mb-tiles,.mb-proto,.mb-foot-grid{grid-template-columns:1fr}
  .mb-cell{border-right:0}
  .mb-faq-item > div{padding-right:0}
  .mb-hero{min-height:0;padding:130px 0 76px}
  .mb-join{padding:10px 16px;font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  .mb-rev{opacity:1;transform:none;transition:none}
  .mb-btn i{transition:none}
}

/* ---------- bewegingsspecificaties ---------- */

.mb-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}

.mb-movement{
  display:grid;grid-template-columns:172px 1fr;gap:22px;
  padding:26px;background:var(--void);
}

.mb-sec-panel .mb-movement{background:var(--panel)}

.mb-body{display:flex;gap:8px}
.mb-body figure{margin:0;flex:1}
.mb-body svg{width:100%;height:auto;display:block}
.mb-body figcaption{
  margin-top:7px;text-align:center;font-family:Saira,Arial,sans-serif;font-size:10px;
  font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-36);
}

.mb-movement-id{
  display:flex;align-items:baseline;gap:10px;margin-bottom:8px;
  font-family:Saira,Arial,sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ice);
}

.mb-movement h3{
  margin:0 0 14px;font-family:Saira,Arial,sans-serif;font-weight:800;
  font-variation-settings:'wdth' 88,'wght' 800;
  font-size:23px;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;
}

.mb-datasheet{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}
.mb-datasheet th,.mb-datasheet td{
  padding:7px 0;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top;
  line-height:1.5;
}
.mb-datasheet th{
  width:88px;font-family:Saira,Arial,sans-serif;font-weight:600;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--text-36);padding-right:12px;
}
.mb-datasheet td{color:var(--text-70)}
.mb-datasheet td b{color:var(--ice);font-weight:600}

.mb-cuelist{margin:0;padding-left:16px}
.mb-cuelist li{margin:0 0 5px;font-size:13px;line-height:1.55;color:var(--text-52)}
.mb-cuelist li::marker{color:var(--ice)}

/* ---------- blokplanning ---------- */

.mb-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.mb-phase{padding:26px 22px;background:var(--panel);position:relative}
.mb-sec-panel .mb-phase{background:var(--void)}
.mb-phase-bar{height:4px;margin-bottom:20px;background:var(--line);position:relative;overflow:hidden}
.mb-phase-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--ice);display:block}
.mb-phase b{
  display:block;margin-bottom:6px;font-family:Saira,Arial,sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ice);
}
.mb-phase h3{
  margin:0 0 8px;font-family:Saira,Arial,sans-serif;font-weight:700;font-size:17px;
  letter-spacing:.03em;text-transform:uppercase;
}
.mb-phase p{margin:0;font-size:13px;line-height:1.6;color:var(--text-52)}

/* ---------- splitkeuze ---------- */

.mb-splits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
.mb-splitcard{padding:24px 20px;border:1px solid var(--line);background:var(--panel)}
.mb-sec-panel .mb-splitcard{background:var(--void)}
.mb-splitcard b{
  display:block;font-family:Saira,Arial,sans-serif;font-weight:800;
  font-variation-settings:'wdth' 84,'wght' 800;font-size:36px;line-height:1;color:var(--ice);
}
.mb-splitcard span{display:block;margin:4px 0 14px;font-family:Saira,Arial,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-36)}
.mb-splitcard p{margin:0;font-size:14px;line-height:1.6;color:var(--text-52)}

/* ---------- brandstofkaarten ---------- */

.mb-fuel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mb-fuelcard{border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}
.mb-fuelcard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.mb-fuelcard-in{padding:22px;display:flex;flex-direction:column;flex:1}
.mb-fuelcard-tag{display:block;margin-bottom:10px;font-family:Saira,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ice)}
.mb-fuelcard h3{
  margin:0 0 8px;font-family:Saira,Arial,sans-serif;font-weight:700;font-size:18px;
  letter-spacing:.02em;text-transform:uppercase;line-height:1.2;
}
.mb-fuelcard p{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--text-52)}
.mb-readbar{display:flex;gap:1px;margin-top:auto;background:var(--line);border:1px solid var(--line)}
.mb-readbar div{flex:1;padding:12px 10px;background:var(--void);text-align:center}
.mb-sec-panel .mb-readbar div{background:var(--panel)}
.mb-readbar b{display:block;font-family:Saira,Arial,sans-serif;font-weight:800;font-variation-settings:'wdth' 88,'wght' 800;font-size:17px;line-height:1;color:var(--ice)}
.mb-readbar span{display:block;margin-top:4px;font-family:Saira,Arial,sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-36)}

@media (max-width:1000px){
  .mb-spec-grid,.mb-fuel{grid-template-columns:1fr}
  .mb-timeline,.mb-splits{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:640px){
  .mb-movement{grid-template-columns:1fr;gap:18px}
  .mb-body{max-width:200px;margin:0 auto}
  .mb-timeline,.mb-splits{grid-template-columns:1fr}
}