/* Video = Fit Truk 'Workout May #1' (FFE Drive folder, 9:16, 23.75s, re-encoded 720/540 H.264).
   Cover = IMG_3146 from the same folder. */
/* Fit Truck feature block — homepage, /texas, /michigan (2026-11-10).
   Media box: the photo is IN FLOW and gives the box its height (iOS Safari collapses
   aspect-ratio-only wrappers, see the Olympics tile bug); the video sits on top of it. */
.ft{background:var(--cream,#f7f3ea);padding:clamp(52px,7vw,96px) 1.25rem;color:var(--ink,#1c2a20);scroll-margin-top:72px}
.ft.ft-white{background:#fff}
.ft-wrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,400px) 1fr;gap:clamp(28px,4.5vw,64px);align-items:center}
.ft-media{position:relative;border-radius:22px;overflow:hidden;background:#0d0f0e;box-shadow:0 24px 60px -24px rgba(12,24,16,.55)}
.ft-media img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:50% 60%}
.ft-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.ft-media.is-playing video{opacity:1}
.ft-new{position:absolute;top:14px;left:14px;z-index:2;background:#e3a34d;color:#1a1408;font:700 .74rem/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:999px;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.ft-sound{position:absolute;right:12px;bottom:12px;z-index:2;display:none;align-items:center;gap:7px;border:0;cursor:pointer;background:rgba(10,14,12,.72);color:#fff;font:600 .82rem/1 system-ui,sans-serif;padding:9px 13px;border-radius:999px;backdrop-filter:blur(4px)}
.ft-media.has-video .ft-sound{display:inline-flex}
.ft-sound svg{width:16px;height:16px}
.ft-eyebrow{display:inline-block;font:700 .78rem/1.2 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b5761f;margin:0 0 12px}
.ft-h{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(2rem,4.4vw,3.15rem);line-height:1.05;margin:0 0 16px;letter-spacing:-.01em}
.ft-h em{font-style:italic;color:#b5761f}
.ft-p{font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.6;margin:0 0 20px;color:#34443a}
.ft-stat{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:14px 18px;border-radius:16px;background:#12291c;color:#f4f1e8}
.ft.ft-white .ft-stat{background:#12291c}
.ft-stat b{font-family:Fraunces,Georgia,serif;font-size:2.6rem;line-height:1;color:#f4c579}
.ft-stat span{font-size:.98rem;line-height:1.35}
.ft-gear{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 22px;padding:0}
.ft-gear li{font-size:.86rem;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e2dccd;color:#2c3a31}
.ft.ft-white .ft-gear li{background:var(--cream,#f7f3ea)}
.ft-where{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.ft-where span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid #e2dccd}
.ft-where i{width:9px;height:9px;border-radius:50%;flex:none}
.ft-where .tx i{background:#e3a34d}.ft-where .mi i{background:#3d7fb0}
.ft .btn-row{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:860px){
  .ft-wrap{grid-template-columns:1fr}
  .ft-media{border-radius:18px;margin:0 -4px}
  .ft-media img{aspect-ratio:3/4;object-position:50% 68%}
  .ft-media video{object-position:50% 50%}
  .ft-stat b{font-size:2.2rem}
}

/* Homepage hero link to the section (sits under the Greger + Kip pill) */
.hero-ft{display:inline-flex;align-items:center;gap:10px;margin:-12px 0 24px;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(12,18,14,.6);border:1px solid rgba(227,163,77,.7);color:#fff;text-decoration:none;font-size:.92rem;line-height:1.3;box-shadow:0 2px 16px rgba(0,0,0,.25)}
.hero-ft .hft-tag{flex:none;background:#e3a34d;color:#1a1408;font-weight:800;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:999px}
.hero-ft b{color:#f4c579;font-weight:700}
@media (max-width:640px){.hero-ft{font-size:.84rem;margin:-10px 0 20px}}