@media (max-width:1100px){
  .nav-actions .phone-link{display:none}
  .hero-logo-card{display:none}
  .hero-grid{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .contact-grid,.cta{grid-template-columns:1fr}
  .cta-actions{justify-items:start}
}
@media (max-width:920px){
  .topbar .container{justify-content:center;text-align:center}
  .topbar-links{display:none}
  .menu-toggle{display:grid;place-items:center}
  .nav-menu{position:fixed;left:20px;right:20px;top:112px;display:grid;gap:4px;padding:16px;background:rgba(255,250,240,.98);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-deep);transform:translateY(-14px);opacity:0;visibility:hidden;transition:.28s var(--ease)}
  .nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}
  .nav-menu a{padding:12px 14px}
  .hero{min-height:620px}
  .hero-trust{grid-template-columns:1fr}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .section{padding:64px 0}
  .stat-grid{grid-template-columns:1fr}
  .page-hero{padding:64px 0 56px}
  .form-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-content{padding-top:74px}
  .hero-arrows{display:none}
}
@media (max-width:600px){
  .container{width:min(100% - 28px,1180px)}
  .nav-wrap{height:68px}
  .brand img{width:44px;height:44px}
  .brand-text strong{font-size:.82rem}
  .brand-text span{font-size:.55rem}
  .nav-actions .btn{display:none}
  .hero{min-height:610px}
  .hero-title{font-size:2.35rem;letter-spacing:-.045em}
  .hero-text{font-size:.98rem}
  .hero-actions .btn{width:100%}
  .section-title{font-size:1.9rem}
  .page-title{font-size:2.05rem}
  .grid-4{grid-template-columns:1fr}
  .card,.contact-card{padding:22px;border-radius:22px}
  .program-body{padding:22px}
  .story-panel,.cta{border-radius:26px}
  .timeline-item{padding-left:66px}
  .timeline-item::before{left:18px}
  .quote{font-size:1.78rem}
  .feature-band img{height:390px}
  .fee-table{font-size:.88rem;min-width:0}
  .fee-table thead{display:none}
  .fee-table,.fee-table tbody,.fee-table tr,.fee-table td{display:block;width:100%}
  .fee-table tr{margin-bottom:13px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--white)}
  .fee-table td{border-bottom:1px solid var(--border)}
  .fee-table td::before{content:attr(data-label);display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900;margin-bottom:2px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

@media (max-width:1180px){
  .nav-menu a,.nav-drop-btn{font-size:.8rem;padding:9px 8px}
  .phone-link{display:none}
}
@media (max-width:920px){
  .nav-dropdown{display:block;width:100%}
  .nav-drop-btn{width:100%;justify-content:space-between;padding:12px 14px;background:var(--cream)}
  .nav-drop-menu{position:static;width:100%;box-shadow:none;border-radius:16px;margin-top:8px;opacity:1;visibility:visible;transform:none;background:rgba(255,255,255,.55)}
  .hero-bg{background-size:cover;background-position:center top}
  .hero-overlay{background:linear-gradient(90deg,rgba(58,22,45,.94),rgba(86,35,66,.75))}
  .management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .announcement-card,.career-card{grid-template-columns:1fr}
  .announcement-image,.career-image{min-height:220px}
}
@media (max-width:600px){
  .hero-title{font-size:2rem}
  .section-title{font-size:1.65rem}
  .page-title{font-size:1.85rem}
  .management-grid{grid-template-columns:1fr}
}

@media (max-width:920px){
  .hero-bg{background-size:cover!important;background-position:center top!important;background-color:var(--maroon-dark)!important}
  .hero-overlay{background:linear-gradient(90deg,rgba(58,22,45,.94),rgba(86,35,66,.75))}
  .form-grid-3{grid-template-columns:1fr}
}
@media (max-width:600px){
  .application-card{padding:20px}
  .form-section-title{align-items:flex-start}
}

@media (max-width:1100px){
  .activity-grid,.sports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-card.steam{grid-column:span 2}
}
@media (max-width:650px){
  .activity-grid,.sports-grid{grid-template-columns:1fr}
  .activity-card.steam{grid-column:span 1}
  .home-activity-card{grid-template-columns:1fr}
}

@media (max-width:760px){
  .feedback-strip{display:grid;align-items:start}
  .feedback-strip .btn{width:100%}
}

/* Mobile navigation: true viewport panel with independent touch scrolling */
.nav-apply-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--maroon)!important;
  color:#fff!important;
}
.nav-apply-link:hover,.nav-apply-link.active{
  background:var(--maroon-dark)!important;
  color:#fff!important;
}
.mobile-apply-link,.phone-link{display:none!important}

@media (max-width:920px){
  /* backdrop-filter can make fixed children behave as if fixed to the header on mobile */
  .site-header{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:rgba(255,250,240,.99);
  }
  .nav-menu{
    position:fixed!important;
    z-index:5000!important;
    left:0!important;
    right:0!important;
    top:var(--mobile-nav-top,108px)!important;
    bottom:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-auto-rows:max-content;
    align-content:start;
    gap:5px;
    padding:14px 14px max(28px,env(safe-area-inset-bottom))!important;
    border:0!important;
    border-top:1px solid var(--border)!important;
    border-radius:0!important;
    background:#fffaf0!important;
    box-shadow:0 22px 45px rgba(58,22,45,.22)!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto;
    touch-action:pan-y!important;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
  }
  .nav-menu.open{
    pointer-events:auto;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .nav-menu > a,.nav-drop-btn{
    width:100%;
    min-height:46px;
    padding:12px 14px!important;
    border-radius:13px!important;
    text-align:left;
  }
  .nav-apply-link{
    order:50;
    margin-top:8px;
    text-align:center!important;
  }
  .nav-dropdown{
    display:block;
    width:100%;
  }
  .nav-drop-btn{
    justify-content:space-between;
    background:var(--cream);
  }
  .nav-drop-menu{
    position:static!important;
    display:none;
    width:100%!important;
    margin-top:7px;
    padding:8px;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    box-shadow:none!important;
    border-radius:14px;
    background:rgba(255,255,255,.78);
  }
  .nav-dropdown.open .nav-drop-menu{display:grid}
  .nav-drop-btn i{transition:transform .25s var(--ease)}
  .nav-dropdown.open .nav-drop-btn i{transform:rotate(180deg)}
  body.menu-open{
    overflow:hidden!important;
  }
  body.menu-open .nav-menu{
    touch-action:pan-y!important;
  }
}

/* Keep the full management portrait visible at every screen size */
@media (max-width:920px){
  .management-photo{
    height:390px!important;
    min-height:390px;
  }
}
@media (max-width:600px){
  .management-photo{
    height:440px!important;
    min-height:440px;
    padding:8px;
  }
  .management-photo img{
    border-radius:12px;
  }
}
@media (max-width:390px){
  .management-photo{
    height:400px!important;
    min-height:400px;
  }
}
