/* Tablet retains the approved two-column compositions. */
@media(max-width:1100px){
  :root{--font-size-nav:14px;--font-size-header-cta:14px;--font-size-contact-label:15px;--font-size-contact-value:15px;--font-size-footer-nav:13px;--font-size-copyright:11px}
  html{--header-height:83px}
  .header-inner{gap:20px;min-height:82px}
  .site-brand{flex-basis:245px;min-width:160px}
  .site-nav .menu{gap:24px}
  .button-outline{padding:10px 14px;gap:9px}
  .hero{min-height:360px}
  .hero-content{padding-block:38px}
  .benefit-item{grid-template-columns:62px 1fr;gap:20px}
  .icon-circle{width:62px;height:62px}
  .icon-circle .icon{width:32px;height:32px}
  .benefit-list{gap:17px;margin-top:24px}
  .contact-grid{gap:24px;grid-template-columns:1.5fr 1fr auto}
  .contact-details a{gap:16px}
  .footer-inner{gap:20px}
  .footer-nav .menu{gap:20px}
  .footer-brand{flex-basis:210px}
  .copyright{max-width:190px}
}
@media(min-width:768px) and (max-width:900px){
  :root{--font-size-lead:16px;--font-size-button:16px;--font-size-nav:12px;--font-size-header-cta:12px;--font-size-home-copy:14px;--font-size-compact-h3:17px;--font-size-pricing-h3:17px;--font-size-contact-h2:28px;--font-size-contact-label:13px;--font-size-contact-value:13px;--font-size-contact-cta:14px;--font-size-footer-nav:12px;--font-size-footer-copy:10px;--font-size-copyright:9px}
  html{--header-height:67px}
  .header-inner{min-height:66px;gap:16px}
  .site-brand{flex-basis:200px}
  .site-nav .menu{gap:22px}
  .header-contact .icon{width:18px;height:18px}
  .hero{min-height:330px}
  .hero-content{padding-block:32px;padding-right:20px}
  .hero .rich-text{margin:14px 0 22px}
  .button{min-height:42px;padding:10px 20px;gap:14px}
  .header-contact{min-height:32px;padding:7px 12px;gap:9px}
  .eyebrow{margin-bottom:10px}
  .benefits{padding:28px 0}
  .benefits-grid{grid-template-columns:49% 42%;gap:9%}
  .benefit-item{grid-template-columns:56px 1fr;gap:17px}
  .icon-circle{width:56px;height:56px}
  .benefit-list{margin-top:20px;gap:16px}
  .benefit-item h3{margin-bottom:4px}
  .gallery{padding:20px 0}
  .gallery .rich-text{margin:18px 0}
  .gallery-images{gap:7px}
  .services{padding:28px 0}
  .services .rich-text{margin:14px 0 12px}
  .pricing{padding:20px 0}
  .pricing-grid{margin:14px 0 18px}
  .pricing-item{padding-inline:20px}
  .pricing-item .icon-circle{width:48px;height:48px;margin-bottom:10px}
  .pricing-item .icon{width:27px;height:27px}
  .contact{padding:20px 0}
  .contact-grid{gap:20px;grid-template-columns:1.7fr 1fr auto}
  .contact-details{gap:12px}
  .contact-details a{gap:14px}
  .contact-details .icon{width:26px;height:26px}
  .contact-action .button{padding:10px 14px;gap:12px}
  .site-footer{padding:20px 0}
  .footer-inner{gap:16px}
  .footer-brand{min-width:160px;flex-basis:180px}
  .footer-nav .menu{gap:18px}
  .copyright{max-width:165px}
}
/* Mobile uses comfortable spacing, reordered image flow, and a native button menu. */
@media(max-width:767px){
  :root{--font-size-body:17px;--font-size-hero:clamp(34px,8.6vw,61px);--font-size-lead:18px;--home-hero-accent-scale:1.25;--font-size-label:17px;--font-size-h2:34px;--font-size-h3:21px;--font-size-button:17px;--font-size-header-cta:17px;--font-size-secondary:17px;--font-size-home-copy:17px;--font-size-benefit-copy:16px;--font-size-compact-h3:21px;--font-size-pricing-h3:22px;--font-size-pricing-h2:33px;--font-size-gallery-display:48px;--font-size-contact-h2:34px;--font-size-contact-label:16px;--font-size-contact-value:18px;--font-size-contact-cta:17px;--font-size-nav:18px;--font-size-footer-nav:16px;--font-size-footer-copy:13px;--font-size-copyright:12px;--font-size-filter:14px;--font-size-step-number:19px}
  html{--header-height:85px;--anchor-gap:16px}
  .container{width:calc(100% - 40px)}
  body{}
  .header-inner{flex-wrap:wrap;gap:0;padding-block:20px;min-height:80px}
  .site-brand{flex:0 1 235px;min-width:0;max-width:calc(100% - 68px)}
  .header-contact{display:none}
  .site-nav{width:100%;margin-top:20px;border-top:1px solid var(--line)}
  .site-nav .menu{flex-direction:column;align-items:stretch;gap:0;padding-top:8px}
  .site-nav .menu>li>a{padding:12px 0}
  .site-nav .menu>li>a::after{right:auto;width:38px;bottom:5px}
  .site-nav .sub-menu{position:static;opacity:1;visibility:visible;box-shadow:none;padding:0 0 0 18px}
  .nav-ready .site-nav:not(.is-open){display:none}
  .nav-ready .site-nav{position:absolute;top:100%;left:0;width:100%;max-height:calc(100vh - var(--header-height) - var(--sticky-top,0px));max-height:calc(100dvh - var(--header-height) - var(--sticky-top,0px));margin-top:0;padding:0 20px 16px;overflow-y:auto;overscroll-behavior:contain;background:var(--cream);box-shadow:0 6px 12px #0000000d}
  .nav-ready .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto;width:44px;height:44px;border:1px solid #b8aa96;background:transparent;color:var(--ink)}
  .menu-toggle span{display:block;width:20px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
  .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero-content{padding:44px 20px 38px;width:100%}
  .eyebrow{margin-bottom:12px}
  .hero .rich-text{max-width:480px;margin:20px 0 26px}
  .hero-image{height:auto;aspect-ratio:4/3}
  .hero-image img{height:100%;object-position:50% 48%}
  h2{}
  h3{}
  .button{min-height:50px;padding:13px 22px;gap:20px}
  .benefits{padding:42px 0}
  .benefits-grid,.gallery-grid,.services-grid{display:flex;flex-direction:column;gap:30px;align-items:stretch}
  .benefits-image{order:2}
  .benefits-image img{aspect-ratio:336/310;max-height:520px}
  .benefit-list{gap:24px;margin-top:26px}
  .benefit-item{grid-template-columns:60px 1fr;gap:18px}
  .icon-circle{width:60px;height:60px}
  .gallery{padding:42px 0}
  .gallery .rich-text{margin:20px 0 24px;max-width:560px}
  .gallery-images{gap:8px}
  .services{padding:40px 0}
  .services-content{order:-1}
  .services .rich-text{margin:20px 0 24px}
  .services-image img{aspect-ratio:374/217}
  .pricing{padding:42px 0}
  .pricing>.container>.rich-text{margin-top:16px}
  .pricing-grid{display:grid;gap:24px;margin:30px 0}
  .pricing-item{display:flex;flex-direction:column;align-items:center;max-width:100%;padding:0 20px 24px}
  .pricing-item+.pricing-item::before{display:none}
  .pricing-item:not(:last-child){border-bottom:1px solid var(--line)}
  .pricing-item h3{max-width:320px}
  .pricing-item p{max-width:320px}
  .pricing-item .icon-circle{margin-bottom:14px}
  .contact{padding:36px 0}
  .contact-grid{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
  .contact .rich-text{margin-top:16px}
  .contact-details{gap:18px}
  .contact-details .icon{width:30px;height:30px}
  .site-footer{padding:30px 0}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:24px}
  .footer-brand{flex:auto;width:225px}
  .footer-nav .menu{gap:16px 22px;justify-content:flex-start}
  .copyright{text-align:left;max-width:100%}
  .document-main{padding:40px 20px}
  .entry-content .alignwide{width:calc(100vw - 40px)}
  .lightbox{padding:76px 12px 92px;padding-top:max(76px,env(safe-area-inset-top))}
  .lightbox-caption{gap:16px}
  .lightbox-prev,.lightbox-next{top:auto;bottom:max(20px,env(safe-area-inset-bottom));transform:none}
  .lightbox-prev{left:calc(50% - 60px)}
  .lightbox-next{right:calc(50% - 60px)}
  .lightbox-status{bottom:74px}
}
@media(min-width:601px) and (max-width:782px){.admin-bar .site-header{top:var(--sticky-top,46px)}}
@media(max-width:600px){.admin-bar .site-header{top:var(--sticky-top,0px)}}