/* Screen-size and motion preferences. */
@media (max-width:1020px){
  .offer-grid{grid-template-columns:repeat(2,1fr)}
  .nav{position:fixed;inset:80px 0 auto 0;background:var(--bg);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s}
  .menu-open .nav{opacity:1;visibility:visible;transform:none}
  .menu-open .header{background:var(--bg)}
  .nav a:not(.btn){padding:14px 0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .nav a:not(.btn)::after{display:none}
  .nav .btn{margin-top:18px;padding:1em}
  .menu-toggle{display:flex}
  .steps{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .quotes{grid-template-columns:repeat(2,1fr)}
  .steps li:nth-child(2)::after{display:none}
}
@media (max-width:900px){
  .hero .wrap,.familiar .wrap,.about .wrap,.faq .wrap,.contact .wrap,.approach-head{grid-template-columns:1fr}
  .hero-art{justify-self:center;max-width:420px;margin-top:12px}
  .float-quote{left:-8px}
  .float-badge{right:-6px}
  .familiar-img{aspect-ratio:1/1;order:2}
  .familiar-img .only-wide{display:none}
  .familiar-img .only-narrow{display:block}
  .about-photo{max-width:460px}
  .about-photo .tag{right:12px}
  .pillars,.offer-grid,.pkg-grid{grid-template-columns:1fr}
  .quotes{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(84%,340px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 14px;scrollbar-width:none}
  .quotes::-webkit-scrollbar{display:none}
  .quote{scroll-snap-align:start}
  .js .quotes .reveal{opacity:1;transform:none}
  .pkg-grid{max-width:520px;margin-left:auto;margin-right:auto}
  .faq-head{position:static}
  .footer .top{grid-template-columns:1fr 1fr}
  .footer .top>div:first-child{grid-column:1/-1}
  .book-bar{display:block}
  .inline-book{display:none}
  .pkg ul{margin-bottom:0}
  .footer{padding-bottom:96px}
}
@media (max-width:560px){
  .unsure-options{grid-template-columns:1fr}
  .unsure-option .btn{align-self:stretch}
  body{font-size:16px}
  .brand img{width:160px}
  .steps{grid-template-columns:1fr}
  .steps li::after{display:none}
  .row2{grid-template-columns:1fr}
  .cta-row .btn{flex:1 1 100%}
  .float-quote{max-width:210px;font-size:.92rem;bottom:24px}
  .footer .top{grid-template-columns:1fr}
  dialog.story-dlg{width:calc(100% - 24px);height:90vh;height:90dvh;max-height:90vh;max-height:90dvh}
  .story-nav{padding:.7em .9em}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .js .reveal{opacity:1;transform:none}
}