/**
 * miles-edition-fbx.css — shared stylesheet for the "Clay Break" FBX pages
 * (Miles Edition FBX · Contact · Reserve). Warm-black + blaze-orange system,
 * Anton + Archivo. Everything is scoped to `.me` so it never touches the
 * gold `.ml-land` landing masters that also live in this theme.
 *
 * Enqueued site-wide by functions.php (handle: miles-edition-fbx). Because the
 * rules live HERE, the Divi Code modules for these pages carry MARKUP ONLY —
 * edit this file + purge Cloudflare and every page updates. Re-paste a page
 * only when its HTML/content changes.
 *
 * Divi note: set each page's Section background to #111110 so the frame around
 * the scoped `.me` block matches (this file deliberately does NOT set a global
 * body background, to avoid disturbing the gold `.ml-land` pages).
 */

/* =========================================================
   §00  BASE — tokens, reset, typography
   ========================================================= */
html{scroll-behavior:smooth;overflow-x:clip;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
.me [id]{scroll-margin-top:96px;}
.me{
  --bg:#111110; --panel:#1a1917; --panel2:#211f1c;
  --orange:#ff5a1f; --orange2:#ff8a3d; --white:#f6f3ec; --mute:rgba(246,243,236,.58);
  --line:rgba(246,243,236,.12);
  --disp:'Anton',Impact,sans-serif; --sans:'Archivo','Helvetica Neue',system-ui,sans-serif;
  background:var(--bg); color:var(--white); font-family:var(--sans);
  -webkit-font-smoothing:antialiased; overflow:clip;
}
/* DIVI WRAPPER NEUTRALIZE + FULL-BLEED BREAK-OUT — the definitive layout fix.
   The `.me` block is pasted into a Divi Code module, which Divi wraps in
   section > row > column > module, each with its own max-width (~1080px),
   width:80% and padding that BOXES the full-bleed mock into a narrow centered
   column — the #1 reason the live page never matched the standalone HTML. Zero
   those wrappers so the design owns its full width, then break `.me` out to the
   whole viewport so nav / ticker / stats / orange bands / footer / hero ghost
   span edge-to-edge exactly like the mock. `overflow:visible` also keeps the
   sticky nav from being trapped in a Divi scroll container. */
.et_pb_section:has(.me),.et_pb_row:has(.me),.et_pb_row_inner:has(.me),
.et_pb_column:has(.me),.et_pb_module:has(.me),
.et_pb_code:has(.me),.et_pb_code_inner:has(.me){
  overflow:visible!important;
  width:100%!important;max-width:none!important;
  padding-left:0!important;padding-right:0!important;padding-top:0!important;padding-bottom:0!important;
  margin-top:0!important;margin-bottom:0!important;
}
.me{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
.me *{box-sizing:border-box;}
.me__in{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px);}
.me a{text-decoration:none;color:inherit;}
.me-disp{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.86;}

/* =========================================================
   §01  NAV  (shared)
   ========================================================= */
.me-nav{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(17,17,16,.86);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);}
.me-nav__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;max-width:1560px;}
.me-nav__brands{display:flex;align-items:center;gap:22px;margin-right:clamp(48px,7vw,120px);}
.me-nav__links{margin-left:auto;}
.me-nav__blaser{content:url('me-images/me-blaser.png');height:52px!important;width:270px!important;flex:none;display:block;}
/* Separator between Blaser and the Miles lockup is drawn by CSS (a ::before on
   the lockup), so it's guaranteed present regardless of the pasted markup and
   can't be lost with a stale paste. The old markup <span class="me-nav__div">
   is hidden to avoid a double rule. */
.me-nav__div{display:none;}
/* HEADER MILES LOCKUP — painted from the theme's own bundled asset via CSS
   background, NOT the pasted <img>. This is the definitive end to the
   re-paste saga: the logo now renders correctly after a theme update + cache
   purge with NO page re-paste, REGARDLESS of whatever stale markup is live
   (clean <img>, cropped inline-SVG monogram, or truncated base64 data-URI —
   all are hidden and replaced). url() resolves to the theme root, so it always
   loads once the theme is installed. Ratio 235/206 = the true lockup bounds,
   so the full "M-with-dagger + MILES EDITION" wordmark sits correctly beside
   Blaser at the intended height. */
.me-nav__miles{position:relative;display:block;flex:none;height:72px;aspect-ratio:235/206;background:url('me-images/miles-edition-full-white.png') left center/contain no-repeat;font-size:0;line-height:0;}
.me-nav__miles::before{content:"";position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:1px;height:50px;background:rgba(246,243,236,.32);}
.me-nav__miles > *{display:none!important;}
.me-nav__links{display:flex;align-items:center;gap:clamp(18px,1.9vw,34px);margin-left:auto;padding-left:clamp(40px,6vw,110px);}
.me-nav__links a{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);transition:color .18s;white-space:nowrap;}
.me-nav__links a:hover,.me-nav__links a:focus{color:var(--orange);}
.me-nav__links a.is-active{color:var(--orange);}
.me-nav__cta{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#150b04;background:var(--orange);padding:12px 18px;margin-left:clamp(14px,2vw,30px);transition:background .18s;white-space:nowrap;}
.me-nav__cta:hover{background:var(--orange2);}
.me-nav__burger{display:none;background:none;border:0;cursor:pointer;padding:8px;}
.me-nav__burger span{display:block;width:24px;height:2px;background:var(--white);margin:5px 0;}

/* =========================================================
   §02  TICKER  (FBX)
   ========================================================= */
.me-ticker{background:var(--orange);color:#150b04;overflow:hidden;white-space:nowrap;border-bottom:3px solid #150b04;}
.me-ticker__track{display:inline-block;padding:11px 0;font-family:var(--disp);font-size:16px;letter-spacing:.04em;text-transform:uppercase;animation:me-scroll 30s linear infinite;}
.me-ticker__track span{margin:0 14px;}
.me-ticker__track b{color:#150b04;opacity:.5;}
@keyframes me-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.me-ticker__track{animation:none;}}

/* =========================================================
   §03  HERO  (FBX)
   ========================================================= */
.me-hero{position:relative;padding:clamp(30px,5vw,64px) 0 0;}
.me-hero__ghost{position:absolute;top:clamp(48px,5vw,64px);left:calc(2% - clamp(16px,4vw,48px));font-family:var(--disp);font-size:clamp(150px,26vw,380px);line-height:.7;color:transparent;-webkit-text-stroke:2.5px rgba(246,243,236,.11);pointer-events:none;z-index:0;white-space:nowrap;}
.me-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,3vw,48px);align-items:center;}
.me-hero__ey{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 18px;}
.me-hero__ey::before{content:"";width:26px;height:3px;background:var(--orange);}
.me-hero__t{font-family:var(--disp);text-transform:uppercase;line-height:.82;margin:0;}
.me-hero__t .l1{display:block;font-size:clamp(52px,11vw,132px);}
.me-hero__t .l2{display:block;font-size:clamp(52px,11vw,132px);}
.me-hero__t .l3{display:block;font-size:clamp(24px,5vw,58px);color:transparent;-webkit-text-stroke:2px var(--orange);}
.me-hero__sub{font-size:clamp(13px,1.6vw,16px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:22px 0 0;}
.me-hero__lede{font-size:clamp(16px,1.9vw,19px);font-weight:500;line-height:1.55;color:rgba(246,243,236,.82);max-width:46ch;margin:16px 0 0;}
.me-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0;}
.me-hero__art{position:relative;min-height:clamp(340px,46vw,560px);}
.me-hero__panel{position:absolute;inset:0;background:linear-gradient(160deg,#232019,#141310);transform:skewX(-5deg);overflow:hidden;border:1px solid var(--line);display:grid;place-items:center;}
.me-hero__eng{transform:skewX(5deg) scale(1.12);width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:contrast(1.06) brightness(1) drop-shadow(0 0 26px rgba(0,0,0,.5));mix-blend-mode:screen;opacity:1;}
.me-hero__badge{position:absolute;left:-14px;bottom:30px;z-index:3;background:var(--orange);color:#150b04;font-family:var(--disp);font-size:clamp(18px,2.2vw,26px);text-transform:uppercase;padding:10px 18px;transform:skewX(-5deg);}
.me-hero__badge span{display:inline-block;transform:skewX(5deg);}

/* =========================================================
   §04  BUTTONS  (FBX)
   ========================================================= */
.me-btn{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:16px 26px;transition:.2s;}
.me .me-btn--fill{background:var(--orange);color:#150b04;}
.me-btn--fill:hover{background:var(--orange2);}
.me .me-btn--line{background:transparent;color:var(--white);border:2px solid rgba(246,243,236,.3);}
.me-btn--line:hover{border-color:var(--orange);color:var(--orange);}
.me-btn__a{transition:transform .2s;}.me-btn:hover .me-btn__a{transform:translateX(5px);}

/* =========================================================
   §05  PLACEHOLDER  (FBX)
   ========================================================= */
.me-ph{position:relative;background:var(--panel2);background-image:repeating-linear-gradient(-45deg,rgba(255,90,31,.10) 0 14px,transparent 14px 28px);background-size:cover;background-position:center;}
.me-ph::after{content:attr(data-cap);position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:16px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,138,61,.6);}
.me-ph.has-img{background-image:none;}.me-ph.has-img::after{display:none;}

/* =========================================================
   §06  DIAGONAL DIVIDER  (FBX)
   ========================================================= */
.me-cut{height:64px;background:var(--panel);clip-path:polygon(0 40%,100% 0,100% 100%,0 100%);margin-top:clamp(32px,5vw,60px);}

/* =========================================================
   §07  STATS  (FBX)
   ========================================================= */
.me-stats{background:var(--panel);}
.me-stats__row{display:grid;grid-template-columns:repeat(4,1fr);}
.me-stat{padding:clamp(20px,3vw,34px) 22px;border-right:1px solid var(--line);}
.me-stat:last-child{border-right:0;}
.me-stat__k{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:0 0 8px;}
.me-stat__v{font-family:var(--disp);font-size:clamp(24px,3.6vw,44px);text-transform:uppercase;margin:0;line-height:.9;}
.me-stat__v em{font-style:normal;color:var(--orange);}

/* =========================================================
   §07b  FILM — full-bleed cinematic video band  (FBX)
   ========================================================= */
.me-film{background:var(--panel2);padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--line);}
.me-film__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 clamp(24px,3.4vw,40px);}
.me-film__k{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 12px;}
.me-film__k::before{content:"";width:26px;height:3px;background:var(--orange);}
.me .me-film__h{font-family:var(--disp);font-size:clamp(30px,5.2vw,64px);text-transform:uppercase;line-height:.9;margin:0;color:var(--white);}
.me-film__h em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--orange);}
.me-film__note{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0;}
.me-film__frame{position:relative;padding:14px;background:var(--panel);border:1px solid var(--line);}
.me-film__frame::before,.me-film__frame::after{content:"";position:absolute;width:30px;height:30px;pointer-events:none;}
.me-film__frame::before{top:-1px;left:-1px;border-top:3px solid var(--orange);border-left:3px solid var(--orange);}
.me-film__frame::after{bottom:-1px;right:-1px;border-bottom:3px solid var(--orange);border-right:3px solid var(--orange);}
.me-film__ratio{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;}
.me-film__ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.me-film__play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:var(--panel) center/cover no-repeat;display:grid;place-items:center;}
.me-film__play::before{content:"";position:absolute;inset:0;background:rgba(17,16,15,.4);transition:background .2s;}
.me-film__play:hover::before,.me-film__play:focus-visible::before{background:rgba(17,16,15,.2);}
.me-film__play:focus-visible{outline:2px solid var(--orange);outline-offset:-4px;}
.me-film__pi{position:relative;width:clamp(60px,7.5vw,92px);height:clamp(60px,7.5vw,92px);border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 12px 34px rgba(0,0,0,.5);transition:transform .2s;}
.me-film__play:hover .me-film__pi,.me-film__play:focus-visible .me-film__pi{transform:scale(1.07);}
.me-film__pi::after{content:"";width:0;height:0;border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent #150b04;margin-left:6px;}
@media (max-width:640px){.me-film__frame{padding:8px;}}

/* =========================================================
   §08  SECTION HEADS  (FBX)
   ========================================================= */
.me-sec{padding:clamp(54px,8vw,104px) 0 0;}
.me-sec__k{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 14px;}
.me-sec__k::before{content:"";width:26px;height:3px;background:var(--orange);}
.me .me-sec__h{font-family:var(--disp);font-size:clamp(34px,6vw,72px);text-transform:uppercase;line-height:.9;margin:0;max-width:18ch;color:var(--white);}
.me-sec__h em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--orange);}
.me-sec__lede{font-size:clamp(16px,1.9vw,19px);font-weight:500;line-height:1.6;color:rgba(246,243,236,.8);max-width:62ch;margin:20px 0 0;}

/* =========================================================
   §09  FEATURE BLOCKS  (FBX)
   ========================================================= */
.me-feats{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(28px,4vw,46px);}
.me-feat{background:var(--bg);padding:28px 26px 34px;position:relative;overflow:hidden;transition:background .2s;}
.me-feat:hover{background:var(--panel);}
.me-feat__no{font-family:var(--disp);font-size:clamp(42px,5vw,64px);color:transparent;-webkit-text-stroke:1.5px rgba(255,90,31,.5);line-height:.8;margin:0 0 16px;}
.me-feat__t{font-family:var(--disp);font-size:clamp(19px,2.2vw,25px);text-transform:uppercase;line-height:1.12;letter-spacing:.4px;color:#fff;margin:0;}
.me-feat__x{font-size:15px;font-weight:500;line-height:1.5;color:var(--mute);margin:10px 0 0;}

/* =========================================================
   §10  DETAIL ALTERNATING  (FBX)
   ========================================================= */
.me-det{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,44px);align-items:center;margin-top:clamp(28px,3vw,48px);}
.me-det:nth-of-type(even) .me-det__imgw{order:2;}
.me-det__imgw{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);}
.me-det__imgw .me-ph{position:absolute;inset:0;}
.me-det__no{font-family:var(--disp);font-size:clamp(30px,4vw,48px);color:var(--orange);line-height:.8;margin:0 0 12px;}
.me-det__t{font-family:var(--disp);font-size:clamp(26px,3.6vw,44px);text-transform:uppercase;line-height:.92;margin:0;}
.me-det__x{font-size:clamp(15px,1.8vw,18px);font-weight:500;line-height:1.6;color:var(--mute);margin:14px 0 0;max-width:46ch;}
.me-det__list{list-style:none!important;padding:0;margin:18px 0 0;}
.me-det__list li{list-style:none!important;position:relative;padding:0 0 0 22px;margin:0 0 9px;font-size:15px;font-weight:600;color:rgba(246,243,236,.86);line-height:1.4;}
.me-det__list li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:var(--orange);transform:skewX(-8deg);}

/* =========================================================
   §11  VERSUS  (FBX)
   ========================================================= */
.me-vs{margin-top:clamp(28px,4vw,46px);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.me-vs__c{background:var(--bg);padding:26px 22px;text-align:center;}
.me-vs__n{font-family:var(--disp);font-size:clamp(20px,2.4vw,28px);text-transform:uppercase;margin:0;line-height:1;}
.me-vs__l{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:8px 0 0;}
.me-vs__c--me{background:var(--orange);}
.me-vs__c--me .me-vs__n{color:#150b04;}
.me-vs__c--me .me-vs__l{color:#150b04;opacity:.7;}

/* =========================================================
   §12  CHAMPIONS  (FBX)
   ========================================================= */
.me-champ{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(28px,4vw,46px);}
.me-champ__c{background:var(--bg);padding:0;}
.me-champ__imgw{position:relative;aspect-ratio:3/2;overflow:hidden;}
.me-champ__imgw .me-ph{position:absolute;inset:0;}
.me-imgfill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;display:block;}
.me-champ__body{padding:28px 26px 34px;}
.me-champ__name{font-family:var(--disp);font-size:clamp(28px,3.4vw,42px);text-transform:uppercase;line-height:.9;margin:0;}
.me-champ__role{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin:8px 0 0;}
.me-champ__x{font-size:15px;font-weight:500;line-height:1.55;color:var(--mute);margin:14px 0 0;}
.me-champ__list{list-style:none!important;padding:0;margin:16px 0 0;}
.me-champ__list li{list-style:none!important;position:relative;padding:0 0 0 20px;margin:0 0 8px;font-size:14px;font-weight:600;color:rgba(246,243,236,.84);}
.me-champ__list li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;background:var(--orange);transform:skewX(-8deg);}

/* =========================================================
   §12b  CHAMPIONSHIP RECORD  (FBX)  — palmarès under the champion cards
   ========================================================= */
.me-rec{background:var(--line);border:1px solid var(--line);border-top:0;}
.me-rec__grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);}
.me-rec__col{background:var(--bg);padding:26px 26px 28px;}
.me-rec__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.me-rec__name{font-family:var(--disp);font-size:clamp(22px,2.6vw,30px);text-transform:uppercase;line-height:.9;margin:0;color:var(--white);}
.me .me-rec__site{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);display:inline-flex;align-items:center;gap:6px;transition:color .18s;}
.me-rec__site:hover,.me-rec__site:focus{color:var(--orange2);}
.me-rec__site span{transition:transform .2s;}
.me-rec__site:hover span,.me-rec__site:focus span{transform:translateX(4px);}
.me-rec__honors{margin-top:16px;border-top:3px solid var(--orange);padding-top:14px;}
.me-rec__hk{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:0 0 10px;}
.me-rec__hl{list-style:none!important;padding:0;margin:0;}
.me-rec__hl li{list-style:none!important;font-size:13.5px;font-weight:700;line-height:1.4;color:rgba(246,243,236,.9);margin:0 0 8px;}
.me-rec__hl li:last-child{margin-bottom:0;}
.me-rec__more{margin-top:16px;border-top:1px solid var(--line);}
.me-rec__sum{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 2px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);transition:color .18s;}
.me-rec__sum::-webkit-details-marker{display:none;}
.me-rec__sum:hover,.me-rec__sum:focus{color:var(--orange2);}
.me-rec__chev{display:inline-block;transition:transform .25s;font-size:14px;}
.me-rec__more[open] .me-rec__chev{transform:rotate(180deg);}
.me-rec__years{margin-top:6px;}
.me-rec__yr{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line);}
.me-rec__yr:first-child{border-top:0;}
.me-rec__y{font-family:var(--disp);font-size:19px;color:var(--orange);line-height:1;padding-top:2px;}
.me-rec__yr ul{list-style:none!important;padding:0;margin:0;}
.me-rec__yr li{list-style:none!important;font-size:13.5px;font-weight:600;line-height:1.45;color:rgba(246,243,236,.84);margin:0 0 5px;}
.me-rec__yr li:last-child{margin-bottom:0;}
@media (max-width:820px){.me-rec__grid{grid-template-columns:1fr;}}

/* =========================================================
   §12c  COMING SOON  (milesedition.com homepage)  — full-bleed video
   hero with a black vignette scrim + transparent lockup / text overlay
   and an ENTER button to the FBX page. Paste-in Divi Code module.
   ========================================================= */
.me-cs{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0d0b0a;}
.me-cs__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.me-cs__scrim{position:absolute;inset:0;z-index:1;background:
  radial-gradient(120% 92% at 50% 44%, rgba(13,11,10,.28), rgba(13,11,10,.70) 60%, rgba(6,5,4,.94) 100%),
  linear-gradient(180deg, rgba(10,9,8,.55), rgba(10,9,8,.28) 42%, rgba(6,5,4,.86));}
.me-cs__in{position:relative;z-index:2;text-align:center;padding:7vh 24px;max-width:960px;}
.me-cs__lockup{width:clamp(210px,26vw,360px);height:auto;display:block;margin:0 auto clamp(30px,4.4vw,46px);}
.me-cs__kick{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,26px);font-family:var(--sans);font-size:clamp(18px,2.4vw,34px);font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--orange);margin:0;padding-left:.28em;line-height:1;}
.me-cs__kick span{opacity:.9;font-weight:700;}
.me-cs__rule{display:block;width:clamp(90px,10vw,132px);height:3px;background:var(--orange);margin:clamp(18px,3vw,30px) auto;}
.me-cs__sub{font-family:var(--sans);font-size:clamp(13px,1.9vw,25px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(246,243,236,.72);margin:0;padding-left:.2em;line-height:1.35;}
.me-cs__soon{font-family:var(--sans);font-size:clamp(18px,2.4vw,32px);font-weight:800;letter-spacing:.4em;text-transform:uppercase;color:var(--white);margin:clamp(16px,2.6vw,28px) 0 0;padding-left:.4em;line-height:1;}
.me .me-cs__enter{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(32px,5vw,52px);font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#150b04;background:var(--orange);padding:16px 34px;transition:background .2s;}
.me-cs__enter:hover,.me-cs__enter:focus{background:var(--orange2);color:#150b04;}
.me-cs__enter span{transition:transform .2s;}
.me-cs__enter:hover span,.me-cs__enter:focus span{transform:translateX(5px);}
@media (max-width:560px){.me-cs__kick{font-size:19px;letter-spacing:.18em;gap:12px;}.me-cs__soon{font-size:20px;letter-spacing:.32em;}}

/* =========================================================
   §13  SPEC  (FBX)
   ========================================================= */
.me-spec{margin-top:clamp(28px,4vw,46px);border-top:3px solid var(--orange);}
.me-spec__row{display:grid;grid-template-columns:minmax(150px,.34fr) 1fr;gap:16px;padding:15px 4px;border-bottom:1px solid var(--line);}
.me-spec__k{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin:2px 0 0;}
.me-spec__v{font-size:clamp(15px,1.9vw,19px);font-weight:600;margin:0;line-height:1.35;}

/* =========================================================
   §14  RESERVE / PRE-ORDER — full-orange CTA band  (FBX)
   ========================================================= */
.me-reserve{margin-top:clamp(58px,8vw,108px);background:var(--orange);color:#150b04;padding:clamp(48px,8vw,104px) 0;text-align:center;}
.me-reserve__k{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0 0 14px;}
.me-reserve__h{font-family:var(--disp);font-size:clamp(38px,8vw,108px);text-transform:uppercase;line-height:.84;margin:0 auto;max-width:16ch;}
.me-reserve__p{font-size:clamp(16px,2vw,20px);font-weight:600;line-height:1.5;max-width:56ch;margin:20px auto 0;}
.me-reserve__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:30px 0 0;}
.me-rbtn{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:16px 28px;transition:.2s;}
.me .me-rbtn--dark{background:#150b04;color:var(--orange);}
.me-rbtn--dark:hover{background:#000;}
.me .me-rbtn--line{background:transparent;color:#150b04;border:2px solid rgba(21,11,4,.4);}
.me-rbtn--line:hover{border-color:#150b04;}

/* =========================================================
   §15  CONTACT PAGE — hero + layout  (Contact)
   ========================================================= */
.me-chero{position:relative;max-width:1240px;margin:0 auto;padding:clamp(40px,7vw,88px) 0 clamp(30px,4vw,44px);overflow:hidden;}
.me-chero__ghost{position:absolute;top:clamp(48px,5vw,64px);left:2%;font-family:var(--disp);font-size:clamp(150px,26vw,380px);line-height:.7;color:transparent;-webkit-text-stroke:2.5px rgba(246,243,236,.11);pointer-events:none;z-index:0;white-space:nowrap;}
.me-chero__in{position:relative;z-index:2;}
.me-chero__ey{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 18px;}
.me-chero__ey::before{content:"";width:26px;height:3px;background:var(--orange);}
.me-chero__t{font-family:var(--disp);text-transform:uppercase;line-height:.84;margin:0;font-size:clamp(48px,10vw,120px);}
.me-chero__t em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--orange);}
.me-chero__lede{font-size:clamp(16px,1.9vw,19px);font-weight:500;line-height:1.55;color:rgba(246,243,236,.82);max-width:52ch;margin:20px 0 0;}

.me-cwrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:clamp(20px,3vw,40px) 0 clamp(58px,8vw,96px);box-shadow:0 40px 120px -60px rgba(0,0,0,.9);}
.me-cwrap__side,.me-cwrap__main{background:var(--bg);padding:clamp(30px,4vw,52px);}
.me-cwrap__side{position:relative;overflow:hidden;background:#100f0d;display:flex;flex-direction:column;}
.me-cwrap__side::before{content:"";position:absolute;inset:0;background:url('me-images/fbx-eng-M.jpg') center 32% / cover no-repeat;opacity:.5;filter:contrast(1.05) brightness(.85);mix-blend-mode:screen;}
.me-cwrap__side::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,13,.72) 0%,rgba(16,15,13,.86) 46%,rgba(16,15,13,.97) 100%);}
.me-cside__in{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;}
.me-cside__k{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 16px;}
.me-cside__k::before{content:"";width:22px;height:3px;background:var(--orange);}
.me-cside__h{font-family:var(--disp);font-size:clamp(30px,3.8vw,46px);text-transform:uppercase;line-height:.9;margin:0 0 auto;max-width:12ch;}
.me-cside__h em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--orange);}
.me-cinfo{list-style:none!important;padding:0;margin:clamp(34px,5vw,56px) 0 0;}
.me-cinfo li{list-style:none!important;padding:18px 0;border-top:1px solid rgba(246,243,236,.14);}
.me-cinfo li:last-child{border-bottom:1px solid rgba(246,243,236,.14);}
.me-cinfo__k{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin:0 0 7px;}
.me-cinfo__v{font-size:clamp(17px,2vw,22px);font-weight:700;margin:0;line-height:1.25;}
.me-cinfo__v a{transition:color .18s;}
.me-cinfo__v a:hover{color:var(--orange);}
.me-cinfo__s{font-size:13px;font-weight:500;color:var(--mute);margin:6px 0 0;line-height:1.5;letter-spacing:.02em;}
.me-cwrap__main{border-top:3px solid var(--orange);}
.me-formhead{font-family:var(--disp);font-size:clamp(26px,3.4vw,40px);text-transform:uppercase;line-height:.92;margin:0 0 8px;}
.me-formsub{font-size:15px;font-weight:500;color:var(--mute);margin:0 0 28px;line-height:1.5;}

/* =========================================================
   §16  RESERVE PAGE — hero + layout  (Reserve)
   ========================================================= */
.me-rhero{position:relative;max-width:1240px;margin:0 auto;padding:clamp(40px,7vw,88px) 0 clamp(28px,4vw,40px);overflow:hidden;}
.me-rhero__ghost{position:absolute;top:clamp(48px,5vw,64px);left:2%;font-family:var(--disp);font-size:clamp(150px,26vw,380px);line-height:.7;color:transparent;-webkit-text-stroke:2.5px rgba(246,243,236,.11);pointer-events:none;z-index:0;white-space:nowrap;}
.me-rhero__in{position:relative;z-index:2;}
.me-rhero__ey{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 18px;}
.me-rhero__ey::before{content:"";width:26px;height:3px;background:var(--orange);}
.me-rhero__t{font-family:var(--disp);text-transform:uppercase;line-height:.82;margin:0;}
.me-rhero__t .l1{display:block;font-size:clamp(44px,8.6vw,104px);}
.me-rhero__t .l2{display:block;font-size:clamp(30px,6vw,70px);color:transparent;-webkit-text-stroke:2px var(--orange);}
.me-rhero__sub{font-family:var(--disp);font-size:clamp(20px,3vw,34px);text-transform:uppercase;letter-spacing:.01em;color:var(--white);margin:16px 0 0;line-height:1;}
.me-rhero__t em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--orange);}
.me-rhero__lede{font-size:clamp(16px,1.9vw,19px);font-weight:500;line-height:1.55;color:rgba(246,243,236,.82);max-width:60ch;margin:20px 0 0;}

.me-rwrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:clamp(20px,3vw,40px) 0 clamp(58px,8vw,96px);box-shadow:0 40px 120px -60px rgba(0,0,0,.9);align-items:stretch;}
.me-rwrap__side,.me-rwrap__main{background:var(--bg);}
.me-rwrap__main{padding:clamp(30px,4vw,52px);border-top:3px solid var(--orange);}
.me-rwrap__side{position:relative;background:#100f0d;}
.me-rside__bg{position:absolute;inset:0;background:url('me-images/fbx-eng-M.jpg') center bottom / contain no-repeat;opacity:.24;filter:contrast(1.04) brightness(.95) grayscale(.12);mix-blend-mode:screen;}
.me-rside__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,13,.94) 0%,rgba(16,15,13,.7) 46%,rgba(16,15,13,.4) 100%);}
.me-rside__in{position:sticky;top:24px;z-index:2;padding:clamp(30px,4vw,48px);display:flex;flex-direction:column;}
.me-rside__k{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin:0 0 16px;}
.me-rside__k::before{content:"";width:22px;height:3px;background:var(--orange);}
.me-rside__h{font-family:var(--disp);font-size:clamp(28px,3.4vw,42px);text-transform:uppercase;line-height:.9;margin:0 0 20px;max-width:13ch;}
.me-rside__h em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--orange);}
.me-rside__p{font-size:14.5px;font-weight:500;line-height:1.6;color:rgba(246,243,236,.8);margin:0 0 26px;max-width:36ch;}
.me-rlist{list-style:none!important;padding:0;margin:0;}
.me-rlist li{list-style:none!important;position:relative;padding:11px 0 11px 26px;font-size:14px;font-weight:600;color:rgba(246,243,236,.9);border-top:1px solid rgba(246,243,236,.12);}
.me-rlist li:first-child{border-top:0;}
.me-rlist li::before{content:"";position:absolute;left:0;top:16px;width:12px;height:2px;background:var(--orange);}
.me-rside__call{margin-top:28px;padding-top:22px;border-top:1px solid rgba(246,243,236,.14);}
.me-rside__call .k{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin:0 0 6px;}
.me-rside__call .v{font-size:clamp(19px,2vw,24px);font-weight:700;margin:0;}
.me-rside__call .v a{transition:color .18s;}
.me-rside__call .v a:hover{color:var(--orange);}
.me-rhead{font-family:var(--disp);font-size:clamp(26px,3.4vw,40px);text-transform:uppercase;line-height:.92;margin:0 0 8px;}
.me-rsub{font-size:15px;font-weight:500;color:var(--mute);margin:0 0 30px;line-height:1.55;max-width:56ch;}

/* =========================================================
   §17  GRAVITY FORMS SKIN — real GF 2.5+ markup + preview mirror
   (superset covering both Contact and Reserve forms)
   ========================================================= */
.me .gform_wrapper,.me-gf{max-width:none;}
.me .gform_wrapper .gform_fields,.me-gf__fields{display:grid;grid-template-columns:repeat(12,1fr);gap:20px 18px;list-style:none;margin:0;padding:0;}
.me .gform_wrapper .gfield,.me-gf__f{grid-column:span 12;margin:0;min-width:0;}
.me .gform_wrapper .gfield--width-half,.me-gf__f--half{grid-column:span 6;}
.me .gform_wrapper .gfield--width-third,.me-gf__f--third{grid-column:span 4;}
@media (max-width:560px){
  .me .gform_wrapper .gfield--width-half,.me-gf__f--half,
  .me .gform_wrapper .gfield--width-third,.me-gf__f--third{grid-column:span 12;}
}
.me .gform_wrapper .gfield_label,.me-gf__l{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 9px;}
.me .gform_wrapper .gfield_required,.me-gf__req{color:var(--orange);margin-left:4px;}
.me .gform_wrapper input[type=text],
.me .gform_wrapper input[type=email],
.me .gform_wrapper input[type=tel],
.me .gform_wrapper textarea,
.me .gform_wrapper select,
.me-gf__in{width:100%;background:#16150f;border:1px solid var(--line);border-radius:0;color:var(--white);font-family:var(--sans);font-size:16px;font-weight:500;padding:15px 16px;transition:border-color .18s,background .18s,box-shadow .18s;-webkit-appearance:none;appearance:none;}
.me-gf__in--sel{background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px;}
.me .gform_wrapper input:focus,
.me .gform_wrapper textarea:focus,
.me .gform_wrapper select:focus,
.me-gf__in:focus{outline:none;border-color:var(--orange);background:#1c1a13;box-shadow:0 0 0 3px rgba(255,90,31,.18);}
.me .gform_wrapper textarea,.me-gf__in--area{min-height:140px;resize:vertical;line-height:1.5;}
.me .gform_wrapper ::placeholder,.me-gf__in::placeholder{color:rgba(246,243,236,.38);}
.me-gf__desc{font-size:12px;font-weight:600;color:rgba(246,243,236,.42);margin:7px 0 0;letter-spacing:.02em;}

/* section breaks (multi-section forms) */
.me .gform_wrapper .gsection,.me-gf__sec{grid-column:span 12;margin:14px 0 0;padding:0 0 4px;border-bottom:1px solid var(--line);}
.me-gf__sec:first-child{margin-top:0;}
.me .gform_wrapper .gsection_title,.me-gf__sec h3{font-family:var(--disp);font-size:clamp(19px,2.2vw,24px);text-transform:uppercase;letter-spacing:.01em;line-height:1;color:var(--white);margin:0 0 8px;}
.me-gf__sec p{font-size:13.5px;font-weight:500;color:var(--mute);line-height:1.55;margin:0 0 14px;max-width:64ch;}

/* radio / checkbox choices */
.me .gform_wrapper .gfield_radio,.me .gform_wrapper .gfield_checkbox,.me-gf__choices{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px;}
.me-gf__choices--col{flex-direction:column;gap:8px;}
.me .gform_wrapper .gfield_radio label,
.me .gform_wrapper .gfield_checkbox label,
.me-gf__chip{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:rgba(246,243,236,.9);background:#16150f;border:1px solid var(--line);padding:11px 15px;cursor:pointer;transition:border-color .16s,background .16s,color .16s;user-select:none;}
.me-gf__chip:hover{border-color:rgba(255,90,31,.5);color:var(--white);}
.me-gf__chip input{appearance:none;-webkit-appearance:none;width:15px;height:15px;border:1.5px solid var(--mute);border-radius:50%;background:transparent;margin:0;flex:none;transition:border-color .16s;position:relative;}
.me-gf__chip input[type=checkbox]{border-radius:0;}
.me-gf__chip input:checked{border-color:var(--orange);}
.me-gf__chip input:checked::after{content:"";position:absolute;inset:2px;background:var(--orange);border-radius:inherit;}
.me-gf__chip:has(input:checked){border-color:var(--orange);background:#1c1a13;color:var(--white);}

.me .gform_wrapper .gform_footer,.me-gf__foot{grid-column:span 12;margin:26px 0 0;padding:0;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.me-gf__note{font-size:12.5px;font-weight:500;color:var(--mute);line-height:1.5;}
.me-gf__btn span{display:inline-block;transition:transform .2s;}
.me-gf__btn:hover span{transform:translateX(5px);}
/* GF progress / step chrome (multi-step forms) */
.me .gform_wrapper .gf_progressbar_wrapper{margin:0 0 24px;}
.me .gform_wrapper .gf_progressbar{background:var(--panel2);border-radius:0;height:6px;overflow:hidden;}
.me .gform_wrapper .gf_progressbar_percentage{background:var(--orange);border-radius:0;height:6px;color:transparent;}
.me .gform_wrapper .gf_step{color:var(--mute);}
.me .gform_wrapper .gf_step_active{color:var(--orange);}
.me .gform_wrapper .gfield_description,.me .gform_wrapper .validation_message{font-size:13px;font-weight:600;color:var(--orange2);margin-top:7px;}
.me .gform_confirmation_message{font-size:17px;font-weight:600;line-height:1.55;color:var(--white);padding:22px;border:1px solid var(--line);border-left:3px solid var(--orange);background:var(--panel);}

/* LIVE GF SUBMIT / NEXT / PREV — force brand orange over WP/Divi/GF default blue */
.me .gform_wrapper .gform_button,
.me-gf__btn,
.me .gform_wrapper input[type=submit],
.me .gform_wrapper input.gform_button,
.me .gform_wrapper .gform_button.button,
.me .gform_wrapper .gform_footer input[type=submit],
.me .gform_wrapper .gform-theme-button{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--sans)!important;font-size:12px!important;font-weight:800!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;line-height:1!important;
  color:#150b04!important;background:var(--orange)!important;background-image:none!important;
  border:0!important;border-radius:0!important;text-shadow:none!important;
  padding:18px 34px!important;width:auto!important;cursor:pointer;
  box-shadow:0 14px 34px -14px rgba(255,90,31,.6)!important;
  transition:background .2s,box-shadow .2s;
}
.me .gform_wrapper .gform_button:hover,
.me-gf__btn:hover,
.me .gform_wrapper input[type=submit]:hover,
.me .gform_wrapper .gform_button.button:hover,
.me .gform_wrapper .gform-theme-button:hover,
.me .gform_wrapper input[type=submit]:focus,
.me .gform_wrapper .gform_button.button:focus,
.me .gform_wrapper .gform-theme-button:focus{
  background:var(--orange2)!important;color:#150b04!important;
  box-shadow:0 18px 40px -14px rgba(255,138,61,.7)!important;outline:none;
}
.me .gform_wrapper .gform_next_button,
.me .gform_wrapper .gform_previous_button{
  background:var(--orange)!important;color:#150b04!important;border:0!important;border-radius:0!important;
  font-weight:800!important;text-transform:uppercase!important;letter-spacing:.14em!important;padding:16px 28px!important;
}
.me .gform_wrapper .gform_previous_button{background:transparent!important;color:var(--white)!important;border:1px solid var(--line)!important;}

/* =========================================================
   §18  FOOTER  (shared)
   ========================================================= */
.me-foot{padding:clamp(44px,6vw,76px) 0 clamp(30px,4vw,44px);text-align:center;border-top:1px solid var(--line);}
.me-foot__brands{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 26px;}
.me-foot__blaser{content:url('me-images/me-blaser.png');height:58px!important;width:auto!important;opacity:.8;display:block;}
.me-foot__div{width:1px;height:48px;background:var(--line);}
/* FOOTER MILES LOCKUP — same CSS-painted approach as the header (§01), so the
   footer wordmark is also re-paste-independent and can never be mangled by a
   truncated base64 data-URI in the pasted markup. */
.me-foot__miles{display:block;flex:none;height:70px;aspect-ratio:235/206;background:url('me-images/miles-edition-full-white.png') center/contain no-repeat;opacity:.92;font-size:0;line-height:0;}
.me-foot__miles > *{display:none!important;}
.me-foot__wm{font-family:var(--disp);font-size:clamp(40px,10vw,130px);text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px rgba(246,243,236,.18);line-height:.8;margin:0;}
.me-foot__n{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:18px 0 0;line-height:1.7;}
.me-foot__tel{color:inherit;text-decoration:none;border-bottom:1px solid rgba(246,243,236,.28);transition:color .18s,border-color .18s;}
.me-foot__tel:hover,.me-foot__tel:focus{color:var(--orange);border-color:var(--orange);}

/* =========================================================
   §19  RESPONSIVE
   ========================================================= */
@media (max-width:980px){
  .me-nav__in{position:relative;}
  .me-nav__links{display:none;}
  .me-nav__burger{display:block;}
  /* Opened via the burger's inline display:flex. Render it as a real dropdown:
     a SOLID opaque panel anchored under the header. The solid fill is the fix
     for the "fuzzy" text the owner flagged — the sticky nav carries a
     backdrop-blur + translucent fill, and without its own opaque background the
     open menu let that soft, low-contrast ground show through behind the type.
     A solid panel + crisp brand sans makes every link sharp and high-contrast. */
  .me-nav__in .me-nav__links[style*="flex"]{
    position:absolute;top:calc(100% + 1px);right:0;
    min-width:256px;
    flex-direction:column;
    background:#161513;
    border:1px solid var(--line);
    border-top:2px solid var(--orange);
    box-shadow:0 24px 54px rgba(0,0,0,.55);
    padding:6px 6px 8px;
    isolation:isolate;
    z-index:40;
  }
  /* Match the desktop nav's type voice (Archivo · 700 · uppercase · tracked),
     just larger and bone-white — consistent and intentional, not thin/fuzzy. */
  .me-nav__links a{
    font-family:var(--sans);
    font-size:15px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
    color:var(--white);
    padding:13px 16px;
    line-height:1.15;
    min-height:46px;
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(246,243,236,.08);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  .me-nav__links a:last-child{border-bottom:0;}
  .me-nav__links a:hover,.me-nav__links a:focus{color:var(--orange);}
  /* Nav links are hidden behind the burger now, so the big right-margin on the
     brand lockup only wastes space and crowds the CTA — drop it. */
  .me-nav__brands{margin-right:0;}
}
@media (max-width:860px){
  .me-hero__grid{grid-template-columns:1fr;}
  .me-hero__art{min-height:340px;order:-1;}
  /* Tablet: shrink the nav lockup so it doesn't crowd the CTA/burger, keeping
     the desktop Blaser→M proportion (~0.72). Width scales with height
     (927/179 = 5.179) so the wordmark keeps its true proportions. */
  .me-nav__blaser{height:40px!important;width:207px!important;}
  .me-nav__miles{height:56px;}
  .me-nav__miles::before{height:40px;}
  .me-det{grid-template-columns:1fr;}
  .me-det:nth-of-type(even) .me-det__imgw{order:-1;}
  .me-champ{grid-template-columns:1fr;}
  .me-rwrap{grid-template-columns:1fr;}
}
@media (max-width:820px){
  .me-cwrap{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .me-stats__row{grid-template-columns:repeat(2,1fr);}
  .me-stat:nth-child(2){border-right:0;}
  .me-stat:nth-child(1),.me-stat:nth-child(2){border-bottom:1px solid var(--line);}
  /* Phone: keep the lockup compact AND balanced — the Blaser held the desktop
     Blaser→M proportion (~0.72) so it no longer overpowers the small M crest
     in the narrow header (was 44px/228 = too dominant). Width tracks the
     height (34 × 927/179 ≈ 176). */
  .me-nav__miles{height:48px;}
  .me-nav__blaser{height:34px!important;width:176px!important;}
  .me-nav__miles::before{height:34px;left:-9px;}
  .me-nav__brands{gap:13px;}
}

/* =========================================================
   §20  TITLE COLOR LOCK — force display headings bone-white
   over Divi's default heading color (h1–h3 leak as gray on
   the live site otherwise). Accent words + dark-on-orange
   are re-asserted so the lock never flattens them.
   ========================================================= */
.me .me-hero__t,.me .me-sec__h,.me .me-det__t,.me .me-champ__name,
.me .me-vs__n,.me .me-feat__t,.me .me-formhead,.me .me-rhead,
.me .me-rhero__t,.me .me-chero__t,.me .me-rside__h,.me .me-cside__h,.me .me-spec__v,
.me .me-stat__v,.me .gform_wrapper .gsection_title,.me .me-gf__sec h3{
  color:var(--white)!important;
}
/* orange-outlined accent words stay transparent-with-stroke */
.me .me-hero__t .l3,.me .me-sec__h em,
.me .me-rhero__t em,.me .me-chero__t em,.me .me-rside__h em,.me .me-cside__h em{color:transparent!important;}
/* dark ink on the orange pre-order CTA band */
.me .me-reserve__h{color:#150b04!important;}
.me .me-stat__v em{color:var(--orange)!important;}
/* dark ink text on the orange "Miles Edition" vs card */
.me .me-vs__c--me .me-vs__n{color:#150b04!important;}