@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{padding:0 6vw}
  .brand{display:flex;align-items:center;width:155px;height:64px;overflow:hidden}
  .brand img{width:150px;height:62px;object-fit:contain;object-position:left center}
  .menu-button{position:absolute;right:6vw;top:14px;z-index:3;display:flex!important;width:auto;height:44px;padding:0 .75rem;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);background:var(--acid);border:0}
  .menu-button span{display:none}
  .menu-button{font:700 .68rem "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase}
  .site-header nav{z-index:2;box-shadow:0 18px 30px rgba(16,37,30,.12)}
  .hero{height:880px}
  .hero-copy{top:auto;right:auto;bottom:2.5rem;width:calc(100vw - 60px);transform:none;max-width:calc(100vw - 60px)}
  .hero-copy.visible{transform:none}
  .hero h1{font-size:2.55rem;line-height:.9}
  .hero-intro{width:300px;max-width:100%;font-size:.88rem;line-height:1.5;margin:1.25rem 0;overflow-wrap:anywhere}
  .hero-actions{gap:.9rem}
  .record-card,.photo-credit{display:none}
  .field-image{min-height:430px}
  .field-note blockquote{padding:4rem 8vw}
  .visitor-strip{gap:0}
  .visitor-strip p{font-size:.7rem}
  .heritage-photo figcaption{gap:1rem;flex-direction:column}
  .timeline div{min-height:125px;padding:1.2rem .8rem}
  .season-photo{height:420px}
  .contact>a{max-width:100%;overflow-wrap:anywhere}
  .events-hero{height:720px}
  .events-header .brand img{display:none}
  .events-header .brand:after{content:"WISCOMBE PARK";font:1rem "Archivo Black",sans-serif;letter-spacing:-.03em;color:var(--ink)}
  .events-hero-copy{left:30px;right:auto;top:50%;width:calc(100vw - 60px);max-width:calc(100vw - 60px);transform:translateY(-50%)}
  .events-hero-copy.visible{transform:translateY(-50%)}
  .events-hero h1{font-size:2.75rem;line-height:.9}
  .events-hero-copy>p:last-child{width:100%;font-size:.92rem;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
  .season-stamp{display:none}
  .event-rows article{grid-template-columns:70px minmax(0,1fr);align-items:start}
  .event-rows h4{font-size:1rem;overflow-wrap:anywhere}
  .event-rows article>a{justify-self:start}
  .championship-card:after{font-size:8rem}
  .championship-card h3{font-size:clamp(2.7rem,12vw,4.5rem)}
  .ticket-facts article{padding:1.25rem .75rem 2rem 0}
  .ticket-facts article+article{padding-left:.75rem}
  .ticket-facts b{font-size:1.5rem}
}
@media (max-width:430px){
  .hero h1{font-size:2.55rem}
  .intro h2,.visit h2,.heritage-copy h2,.season h2,.essentials h2,.contact h2{font-size:3.35rem}
  .calendar-intro h2,.events-final h2,.ticket-info h2{font-size:3.25rem}
  .events-hero h1{font-size:3.1rem}
  .button{padding:1rem 1.1rem}
}