@media (max-width: 1199.98px) {
  .hero-title {
    font-size: clamp(3rem, 8vw, 5.6rem);
  }

  .hero-media {
    max-width: 420px;
  }

  .featured-article {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991.98px) {
  .site-navbar {
    min-height: 76px;
  }

  .site-navbar .navbar-collapse {
    margin-top: 14px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(6, 27, 58, 0.98);
  }

  .site-navbar .nav-link {
    padding: 0.74rem 0 !important;
  }

  .site-navbar .btn-donate {
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }

  .hero-section {
    min-height: auto;
    padding: 118px 0 56px;
  }

  .hero-media {
    max-width: 520px;
    margin: 38px auto 0;
  }

  .hero-badge {
    left: 18px;
    bottom: 18px;
  }

  .portrait-frame img {
    height: 560px;
  }

  .section-padding {
    padding: 78px 0;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 767.98px) {
  body {
    font-size: 0.98rem;
  }

  .brand-mark {
    width: 42px;
    height: 42px;
    font-size: 1.05rem;
  }

  .brand-lockup strong {
    font-size: 0.94rem;
  }

  .brand-lockup small {
    font-size: 0.6rem;
  }

  .hero-section,
  .inner-hero {
    padding-top: 108px;
  }

  .hero-title {
    font-size: clamp(2.85rem, 16vw, 4.5rem);
  }

  .hero-actions .btn {
    width: 100%;
  }

  .portrait-frame img {
    height: 480px;
  }

  .hero-badge {
    position: relative;
    left: auto;
    bottom: auto;
    max-width: none;
    margin-top: 14px;
  }

  .trust-item {
    justify-content: center;
    text-align: center;
  }

  .section-padding {
    padding: 64px 0;
  }

  .section-padding-sm {
    padding: 52px 0;
  }

  .cta-panel {
    padding: 30px 22px;
  }

  .image-panel {
    min-height: 360px;
  }

  .image-panel--feature {
    aspect-ratio: 4 / 5;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .gallery-card {
    margin-bottom: 0;
  }

  .gallery-card img,
  .gallery-card--tall img,
  .gallery-card--poster img,
  .gallery-card--feature img,
  .gallery-card--wide img,
  .gallery-card--medium img {
    height: min(520px, 118vw);
    aspect-ratio: 4 / 5;
  }

  .footer-bottom {
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .site-navbar {
    min-height: 72px;
  }

  .hero-section {
    padding-bottom: 42px;
  }

  .hero-title {
    font-size: clamp(2.65rem, 18vw, 3.8rem);
  }

  .hero-subtitle {
    font-size: 1.02rem;
  }

  .portrait-frame::before {
    inset: 14px;
  }

  .portrait-frame img {
    height: 420px;
  }

  .inner-hero h1,
  .section-title {
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .featured-article {
    padding: 30px 0;
  }

  .featured-article img {
    min-height: 360px;
    max-height: 520px;
  }

  .news-card img {
    height: min(360px, 72vw);
  }

  .newspaper-masthead h2 {
    font-size: clamp(2.2rem, 15vw, 4rem);
  }

  .donate-hero-card,
  .contact-panel,
  .feature-card,
  .value-card,
  .platform-card {
    padding: 24px;
  }
}