/* BlackBar Gaming v3.41.0.67 — homepage desktop / ultrawide responsive repair
   Scope: homepage only. Mobile and tablet behavior remain inherited from v3.41.0.58. */

/*
 * v3.41.0.57 aligned the hero copy with a 1240px content shell by calculating
 * left padding from 100vw. Once the viewport became wider than the hero's old
 * 1440px max-width, that padding kept growing even though the hero stopped
 * growing. On ultrawide displays the padding could consume most of the copy
 * column and force the headline / body copy into a word-wide strip.
 *
 * Cap that legacy alignment behavior across ordinary desktop widths first.
 */
@media (min-width:1081px){
  .bb-hero-copy{
    padding-left:clamp(42px,calc((100vw - 1240px)/2),100px);
  }
}

/*
 * Large desktop: let the approved Apple-style composition use substantially
 * more of the available canvas without allowing text lines or image cards to
 * become uncomfortably wide.
 */
@media (min-width:1441px){
  .bb-home{--bb-max:2200px}

  .bb-home .nav-shell{
    width:min(2280px,calc(100% - 64px));
  }

  .bb-hero-inner{
    width:min(2400px,calc(100% - 64px));
    grid-template-columns:minmax(600px,.82fr) minmax(760px,1.18fr);
  }

  .bb-hero-copy{
    max-width:980px;
    padding-top:94px;
    padding-right:48px;
    padding-bottom:92px;
    padding-left:clamp(64px,4vw,140px);
  }

  .bb-hero h1{
    max-width:820px;
    font-size:clamp(4.3rem,3.4vw,5.8rem);
  }

  .bb-hero-copy>p{
    max-width:620px;
    font-size:clamp(1rem,.9vw,1.12rem);
  }

  .bb-intent-card small{max-width:220px}
  .bb-feature-copy p{max-width:390px}
}

/* Scale the vertical rhythm slightly once there is enough physical desktop
   space for the wider composition. This intentionally stops growing after the
   2200/2400px content caps above. */
@media (min-width:2200px){
  .bb-hero-inner,.bb-hero-art{min-height:720px}
  .bb-season-lockup{top:70px;right:6%}

  .bb-intent{padding-top:44px;padding-bottom:28px}
  .bb-intent-grid{gap:16px}
  .bb-intent-card{min-height:202px;padding:25px 20px 19px}
  .bb-intent-card strong{font-size:1rem}
  .bb-intent-card small{font-size:.8rem;line-height:1.48}

  .bb-feature-grid{gap:16px}
  .bb-feature-wide{min-height:300px}
  .bb-feature-third{min-height:278px}
  .bb-feature-copy{padding:26px 28px}
  .bb-feature-copy h3{font-size:clamp(1.5rem,1.25vw,2rem)}
  .bb-feature-copy p{font-size:.86rem}

  .bb-find{padding-top:16px;padding-bottom:82px}
  .bb-find-card{padding:38px;gap:42px}
}