/* FORGED N FITNESS Build 37 — direct WebP artwork + button/layout pass */

/* Never show development build labels to visitors. */
.build-note{display:none!important}

/* Homepage: approved hero artwork is full-bleed and proportional. */
.fnf-home-v37{display:grid;gap:28px;max-width:1320px;margin:0 auto}
.fnf-home-v37 img{display:block;border:0;outline:0;box-shadow:none;background:#070707}
.fnf-home-v37 .v24-hero{position:relative;display:block;min-height:520px;overflow:hidden;border:1px solid #2d2d2d;border-radius:26px;background:#050505}
.fnf-home-v37 .v24-hero-art{position:absolute;inset:0;padding:0;min-height:0;background:#050505;overflow:hidden}
.fnf-home-v37 .v24-hero-art img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center center}
.fnf-home-v37 .v24-hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.99) 0%,rgba(5,5,5,.94) 22%,rgba(5,5,5,.68) 36%,rgba(5,5,5,.22) 51%,transparent 68%)}
.fnf-home-v37 .v24-hero-copy{position:relative;z-index:2;width:min(57%,700px);min-height:520px;padding:clamp(34px,5vw,68px);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.fnf-home-v37 .v24-hero h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(3.4rem,6.4vw,6.5rem);line-height:.87;margin:12px 0 0;letter-spacing:.015em}
.fnf-home-v37 .v24-hero h1 strong{color:#ff6a00;font-weight:inherit}
.fnf-home-v37 .v24-hero p{color:#c8c8c6;line-height:1.62;font-size:1.02rem;max-width:610px;margin:22px 0 0}

/* Clean card artwork: website containers own the corners; images have no extra zoom or white frame. */
.fnf-home-v37 .v24-feature,
.fnf-home-v37 .v24-workout,
.fnf-home-v37 .v24-split,
.fnf-home-v37 .v24-coaching{overflow:hidden;background:#0b0b0b;border-color:#303030}
.fnf-home-v37 .v24-feature-media,
.fnf-home-v37 .v24-split-media,
.fnf-home-v37 .v24-coach-art{overflow:hidden;background:#070707;border-radius:0}
.fnf-home-v37 .v24-feature-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.fnf-home-v37 .v24-workout img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;transform:none}
.fnf-home-v37 .v24-split-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.fnf-home-v37 .v24-coach-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}

/* Dedicated page heroes. */
.image-banner{background:#0b0b0b}
.image-banner .banner-art{min-height:340px;background:#070707;overflow:hidden;display:flex;align-items:center;justify-content:center}
.image-banner .banner-art img.fnf-page-art{width:100%!important;height:100%!important;max-height:520px!important;object-fit:cover!important;object-position:center!important;border:0!important;outline:0!important;box-shadow:none!important;background:#070707!important}

/* Buttons: consistent touch targets and hierarchy everywhere. */
button,.btn,.v24-btn{min-height:44px}
.btn,.v24-btn{white-space:normal;text-align:center}
.v24-btn{border:1px solid #4b4b4b;background:#0b0b0b;color:#fff;border-radius:10px;padding:13px 18px;font-weight:900;text-transform:uppercase}
.v24-btn.v24-primary{background:#ff6a00;border-color:#ff6a00;color:#111}
.v24-heading button,.v24-feature-copy b,.feature-card button{min-height:40px}
.card-actions{align-items:stretch}
.card-actions .btn{min-width:120px}
.desktop-nav button,.header-actions button{min-height:40px}

@media(max-width:1050px){
  .fnf-home-v37 .v24-hero-copy{width:61%}
  .image-banner .banner-art img.fnf-page-art{object-position:center}
}

@media(max-width:760px){
  .fnf-home-v37{gap:20px}
  .fnf-home-v37 .v24-hero{min-height:470px;border-radius:20px}
  .fnf-home-v37 .v24-hero-copy{width:64%;min-height:470px;padding:24px 20px 26px}
  .fnf-home-v37 .v24-hero h1{font-size:clamp(2.7rem,11.8vw,4.7rem)}
  .fnf-home-v37 .v24-hero p{font-size:.88rem;line-height:1.5;margin-top:16px}
  .fnf-home-v37 .v24-hero-art img{object-position:center center}
  .fnf-home-v37 .v24-hero-art:after{background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.91) 28%,rgba(5,5,5,.54) 45%,rgba(5,5,5,.12) 61%,transparent 74%)}
  .fnf-home-v37 .v24-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
  .fnf-home-v37 .v24-actions .v24-primary{grid-column:1/-1}
  .fnf-home-v37 .v24-btn{padding:12px 10px;font-size:.78rem}
  .fnf-home-v37 .v24-proof{font-size:.66rem;gap:6px 10px;margin-top:14px}
  .image-banner{grid-template-columns:1fr!important}
  .image-banner .copy{order:2}
  .image-banner .banner-art{order:1;min-height:0;aspect-ratio:16/9}
  .image-banner .banner-art img.fnf-page-art{max-height:none!important;object-fit:cover!important}
  .card-actions .btn{flex:1 1 150px}
  .section-head{align-items:flex-start}
  .section-head>.btn,.section-head>button{width:100%}
}

@media(max-width:470px){
  .fnf-home-v37 .v24-hero{min-height:500px}
  .fnf-home-v37 .v24-hero-copy{width:72%;min-height:500px}
  .fnf-home-v37 .v24-hero h1{font-size:clamp(2.5rem,12vw,3.7rem)}
  .card-actions{display:grid;grid-template-columns:1fr}
  .card-actions .btn{width:100%;min-width:0}
  .header-actions .btn{padding:9px 10px;font-size:.68rem}
}
