@media (max-width:359.98px){
  html,
  body{
    overflow-x:hidden;
  }

  .container{
    padding-left:12px;
    padding-right:12px;
  }

  .section{
    padding-top:32px;
    padding-bottom:32px;
  }

  h1,
  .section-title{
    font-size:clamp(1.85rem,9vw,2.1rem);
  }

  h2{
    font-size:clamp(1.55rem,8vw,1.85rem);
  }

  h3{
    font-size:1.3rem;
  }

  .card,
  .card-soft,
  .card-outline{
    padding:16px;
  }

  .btn{
    width:100%;
    padding-left:1rem;
    padding-right:1rem;
    white-space:normal;
    text-align:center;
  }

  .hero-actions,
  .faq-cta-row,
  .reservation-cta .reservation-actions,
  .cta-card-actions,
  .poker-page .poker-cta-row,
  .thank-you-actions{
    width:100%;
  }

  .site-header .container{
    padding-left:12px;
    padding-right:12px;
  }

  .header-inner{
    min-height:60px;
    gap:8px;
  }

  .brand{
    gap:8px;
    min-width:0;
  }

  .brand-mark{
    width:30px;
    height:30px;
  }

  .brand-title{
    font-size:.9rem;
    letter-spacing:.08em;
  }

  .brand-subtitle{
    display:none;
  }

  .nav-drawer{
    inset:60px 0 auto 0;
    padding:12px 0 20px;
  }

  .nav-drawer .container{
    padding-left:20px;
    padding-right:20px;
  }

  .faq-list{
    border-radius:12px;
  }

  .faq-header{
    padding:14px;
    gap:10px;
  }

  .faq-question,
  button.faq-header .faq-question{
    font-size:1rem;
    line-height:1.4;
    overflow-wrap:anywhere;
  }

  .faq-body{
    padding:0 14px 14px;
    overflow-wrap:anywhere;
  }

  .faq-toggle{
    width:22px;
    height:22px;
  }

  .hero-info-card,
  .map-overlay{
    padding:12px;
  }

  .age-modal-backdrop{
    padding:12px;
  }

  .age-modal{
    padding:20px 16px;
  }

  .footer-grid,
  .footer-meta,
  .info-row,
  .footer-bottom{
    gap:12px;
  }

  .footer-meta{
    align-items:flex-start;
  }
}