@media(max-width:1050px){
  .nav-menu{gap:16px;font-size:.92rem}
  .featured-event{grid-template-columns:1fr 1fr}
  .featured-content{padding:34px}
  .process-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:860px){
  .menu-toggle{display:block}
  .nav-menu{
    position:absolute;
    top:100%;
    left:16px;
    right:16px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#fffdf8;
    border:1px solid var(--border);
    border-radius:16px;
    padding:12px;
    box-shadow:0 18px 45px rgba(54,12,4,.18);
  }
  .nav-menu.open{display:flex}
  .nav-menu a{padding:12px}
  .nav-cta{text-align:center;margin-top:5px}
  .featured-event{grid-template-columns:1fr}
  .featured-poster{min-height:auto}
  .featured-poster img{height:auto}
  .event-card-grid{grid-template-columns:repeat(2,1fr)}
  .event-card:last-child{grid-column:1/-1}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:650px){
  .section{padding:65px 0}
  .top-strip-inner{font-size:.75rem;flex-wrap:wrap;padding:8px 0}
  .navbar{min-height:68px}
  .brand-logo{width:46px;height:46px}
  .hero-section{min-height:650px}
  .hero-symbol{font-size:4.2rem}
  .hero-kicker{font-size:.72rem;letter-spacing:.13em}
  .hero-trust{grid-template-columns:1fr}
  .hero-decoration{display:none}
  .featured-content{padding:25px 20px}
  .featured-content h3{font-size:2rem}
  .event-details-grid{grid-template-columns:1fr}
  .upcoming-title{align-items:flex-start;flex-direction:column}
  .event-card-grid,.benefit-grid,.process-grid,.footer-grid{grid-template-columns:1fr}
  .event-card:last-child{grid-column:auto}
  .event-card-body p{min-height:auto}
  .contact-panel{padding:34px 24px;flex-direction:column;align-items:flex-start}
  .contact-symbol{font-size:6rem;align-self:center}
  .footer-bottom{flex-direction:column;text-align:center}
}

@media(max-width:430px){
  .container{width:min(100% - 22px,1180px)}
  .hero-section h1{font-size:2.75rem}
  .hero-actions,.event-actions,.contact-actions{flex-direction:column}
  .hero-actions .btn,.event-actions .btn,.contact-actions .btn{width:100%}
  .featured-content{padding:22px 16px}
  .event-card-body{padding:20px}
  .modal-card{padding:27px 20px}
}