/* Responsive layer: tablet and mobile */
.nav{height:94px}
.tabs.tabs-static{position:relative;top:auto}
.hero:before,.about-hero:before{background-image:url('../images/hero-original.webp')}.logo{background-image:url('../images/logo-site-nova.webp')}.map{background-image:linear-gradient(#0e283744,#0e283744),url('../images/pickup-detail.webp')}
.footer-bottom a,.bottom a{display:inline}.review:not(.featured) .review-source a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.menu-toggle{display:none;border:0;background:var(--ink);color:#fff;border-radius:8px;padding:11px 14px;font:800 13px 'DM Sans',Arial,sans-serif;cursor:pointer;align-items:center;gap:9px}
.menu-toggle-icon,.menu-toggle-icon::before,.menu-toggle-icon::after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.menu-toggle-icon{position:relative}.menu-toggle-icon::before,.menu-toggle-icon::after{content:'';position:absolute;left:0}.menu-toggle-icon::before{top:-6px}.menu-toggle-icon::after{top:6px}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon{background:transparent}.menu-toggle[aria-expanded="true"] .menu-toggle-icon::before{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle-icon::after{transform:translateY(-6px) rotate(-45deg)}
.matrix-scroll{margin-top:30px;overflow-x:auto;border-radius:12px;-webkit-overflow-scrolling:touch}.matrix-scroll .matrix{margin-top:0}

@media (max-width:1024px){
  .wrap{width:min(calc(100% - 40px),920px)}
  section{padding:72px 0}
  .hero{min-height:620px}.hero-copy{width:min(62%,520px)}.hero h1{font-size:48px;letter-spacing:-1.8px}.hero p{font-size:16px}
  .section-head,.reviews-head{align-items:flex-start;gap:22px;flex-direction:column}
  .section-head h2{font-size:36px}
  .steps,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards .card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);width:100%;justify-self:center}
  .addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid{grid-template-columns:1fr;gap:42px}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,220px)}
  .gallery-grid img:first-child{grid-row:span 2}
  .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .review.featured{grid-column:1/-1}
  .contact-grid{grid-template-columns:1fr}.contact-copy{padding:64px max(32px,calc((100vw - 920px)/2))}
  .map{min-height:430px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
  .page-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .package{grid-template-columns:.8fr 1.2fr}.package-copy{padding:28px}.package ul{columns:1}
  .placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-grid{grid-template-columns:1fr}
  .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);width:100%;justify-self:center}
  .values-grid{grid-template-columns:1fr;gap:40px}
  .contact-wrap{grid-template-columns:1fr!important;gap:35px!important}.contact-info{padding-top:0!important}
}

@media (max-width:900px){
  .nav{height:auto!important;min-height:88px;position:relative;padding:8px 0}
  .site-logo,.nav>.logo{width:92px;height:68px}
  .menu-toggle{display:inline-flex;margin-left:auto}
  .menu{position:absolute;top:100%;left:0;right:0;z-index:20;display:flex;flex-direction:column;align-items:stretch!important;gap:0!important;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 18px 36px #06192526;padding:8px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease,visibility .2s ease}
  .menu.is-open{max-height:620px;opacity:1;visibility:visible;transform:translateY(0)}
  .menu>a:not(.btn){display:block;padding:13px 14px;border-radius:7px}.menu>a:not(.btn):hover,.menu>a:not(.btn):focus-visible{background:var(--mist)}
  .menu>a:not(.btn)::after{bottom:5px;left:14px;right:14px}
  .menu .btn{margin:8px 0 0;text-align:center}
  .tabs{position:relative}.tabs .wrap{overflow-x:auto;white-space:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .page-hero h1{font-size:43px}
  .package{grid-template-columns:1fr}.package img{min-height:300px;max-height:390px}.package ul{columns:2}
  .about-hero:before{inset:0 0 0 38%}.about-hero:after{background:linear-gradient(90deg,#092438 0%,#092438 38%,rgba(9,36,56,.85) 58%,rgba(9,36,56,.2) 86%)}.about-hero h1{font-size:44px}.about-hero-copy{max-width:500px}
}

@media (max-width:680px){
  body{overflow-x:hidden}
  .wrap{width:calc(100% - 32px)}
  .top .wrap{height:auto;min-height:54px;padding:8px 0;flex-direction:column;justify-content:center;gap:3px;text-align:center;font-size:11px}
  section{padding:56px 0}
  .section-head,.reviews-head{margin-bottom:28px}.section-head h2,.reviews-head h2[style]{font-size:31px!important;letter-spacing:-.8px}.section-head p{font-size:14px}
  .hero{min-height:760px;align-items:flex-start}.hero:before{inset:0;background-position:66% 50%;background-size:auto 120%}.hero:after{background:linear-gradient(180deg,rgba(8,39,59,.98) 0%,rgba(8,39,59,.94) 42%,rgba(8,39,59,.48) 64%,rgba(8,39,59,.16) 100%)}.hero-copy{width:100%;padding:54px 0 245px}.hero h1{font-size:39px;letter-spacing:-1.4px}.hero p{font-size:16px}.hero-actions{display:grid;gap:10px}.hero-actions .btn{width:100%;text-align:center}.btn.ghost{margin-left:0}.trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:28px}.trust div{padding:3px 4px 3px 9px;font-size:10px}.trust strong{font-size:12px}
  .steps,.cards,.addon-grid,.facts,.gallery-grid,.reviews-grid,.page-strip,.placeholder-grid,.value-list{grid-template-columns:1fr}
  .cards .card:last-child,.review.featured,.story-card:last-child{grid-column:auto;max-width:none}
  .card img{height:225px}.card ul{min-height:0}.card .btn{width:100%;text-align:center}
  .matrix-scroll{margin-left:-16px;margin-right:-16px;border-radius:0;padding:0 16px}.matrix{min-width:650px}.matrix th,.matrix td{padding:15px 18px}
  .booking-fee{align-items:flex-start;flex-direction:column;gap:8px}.booking-fee strong{font-size:19px}
  .about h2{font-size:34px}.fact strong{font-size:17px}
  .gallery-grid{grid-template-rows:none}.gallery-grid img,.gallery-grid img:first-child,.gallery-tile{grid-row:auto;height:230px}.gallery-tile{min-height:180px}
  .review{min-height:0}.review.featured{padding:25px}.review-google-button{width:100%}
  .contact h2{font-size:34px}.contact-copy{padding:56px 24px}.form{grid-template-columns:1fr}.form textarea,.form button{grid-column:1}.map{min-height:330px}.location{height:360px}
  .footer{padding-top:48px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom,.bottom{align-items:flex-start;flex-direction:column;gap:10px}
  .email-button,.to-top{right:14px;width:50px;height:50px}.email-button{bottom:14px}.to-top{bottom:76px}.email-button img{width:25px;height:25px}
  .page-hero{padding:58px 0}.page-hero h1{font-size:37px}.page-hero p{font-size:14px}.tabs{padding:16px 0}
  .package img{min-height:240px;max-height:300px}.package-copy{padding:24px}.package h3{font-size:25px}.package ul{columns:1}.prices{grid-template-columns:1fr}.package .btn{width:100%;text-align:center}
  .placeholder{height:220px}.post{grid-template-columns:1fr}.thumb{min-height:190px}.post-copy{padding:22px}
  .about-hero{min-height:680px;align-items:flex-start}.about-hero:before{inset:0;background-position:58% center}.about-hero:after{background:linear-gradient(180deg,rgba(9,36,56,.98) 0%,rgba(9,36,56,.96) 52%,rgba(9,36,56,.58) 78%,rgba(9,36,56,.3) 100%)}.about-hero-copy{max-width:none;padding:54px 0 250px}.about-hero h1{font-size:38px}.story-grid{grid-template-columns:1fr}.story-copy{padding:23px}.service-list{columns:1}.values h2{font-size:33px}
  .contact-panel{padding:24px!important}.contact-info h1{font-size:38px!important}.contact-panel .form{grid-template-columns:1fr!important}.contact-panel .field.full{grid-column:1!important}.contact-panel .field.message{height:130px}.map-wide{height:340px!important}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.menu,.menu-toggle-icon,.menu-toggle-icon::before,.menu-toggle-icon::after{transition:none!important}}
