@charset "utf-8";
/* CSS Document */
    /* HERO / CAROUSEL */
    .hero { position: relative; color: #fff; }
    .hero .carousel-item {
      min-height: clamp(420px, 56vh, 720px);
      position: relative;
      background: var(--grind-black);
    }

    .hero-media {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: contrast(1.05) saturate(1.05);
      object-position: 50% 50%;
    }

    /* Focal point classes */
    .focal-center { object-position: 50% 50%; }
    .focal-top { object-position: 50% 20%; }
    .focal-bottom { object-position: 50% 80%; }
    .focal-left { object-position: 20% 50%; }
    .focal-right { object-position: 80% 50%; }
    .focal-top-left { object-position: 20% 20%; }
    .focal-top-right { object-position: 80% 20%; }
    .focal-bottom-left { object-position: 20% 80%; }
    .focal-bottom-right { object-position: 80% 80%; }
    .focal-coach { object-position: 55% 25%; }
    .focal-sprint { object-position: 65% 45%; }
    .focal-group { object-position: 50% 45%; }

    @media (max-width: 767.98px) {
      .focal-coach { object-position: 50% 18%; }
      .focal-sprint { object-position: 60% 35%; }
      .focal-group { object-position: 50% 30%; }
    }

    .hero-overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background: linear-gradient(90deg, rgba(10,10,10,.85), rgba(10,10,10,.35) 55%, rgba(10,10,10,.15));
    }

    .hero-caption {
      position: relative;
      z-index: 2;
      max-width: 44rem;
      padding: clamp(1.25rem, 3vw, 2.5rem);
    }
    .hero h1, .hero h2 { font-weight: 800; letter-spacing: -0.02em; }
    .hero .lead { color: rgba(255,255,255,.92); }

    .hero .slide-center {
      min-height: clamp(420px, 56vh, 720px);
      display: flex;
      align-items: center;
      position: relative;
      z-index: 2;
    }
    .hero .slide-center > .container { width: 100%; }

    #ghsHero .carousel-control-prev,
    #ghsHero .carousel-control-next,
    #ghsHero .carousel-indicators { z-index: 10; }