/* ============================================
   NO BULL — Page-specific styles
   Only overrides and components unique to this page.
   Shared styles come from base/layouts/components.
   ============================================ */

/* --------------------------------------------
   HERO — white-background override
   -------------------------------------------- */
.section-white.hero p strong {
  color: var(--color-text-dark);
}

/* --------------------------------------------
   ABOUT — pin bull image position on reverse split
   -------------------------------------------- */
#about .section-split__image img {
  left: calc(-157px + 5vw);
  transform: none;
}

/* --------------------------------------------
   TRANSPARENT MODEL — header grid override
   -------------------------------------------- */
.transparent-model-header {
  align-items: end;
  margin-bottom: 60px;
}

.transparent-model-header p {
  color: var(--color-text-light);
  line-height: 1.75;
}

/* --------------------------------------------
   RESPONSIVE — page-specific overrides
   -------------------------------------------- */
@media (max-width: 1024px) {
  .transparent-model-header {
    grid-template-columns: 1fr;
    gap: 24px;
  }

}

@media (max-width: 480px) {
  #about .section-split__image img {
    left: -240px;
    transform: none;
  }
}