/* ==========================================================
   responsive.css — intentional layouts per breakpoint
   ========================================================== */
@media (min-width:1900px){:root{--wrap:1480px}html{font-size:112.5%}}
@media (max-width:1100px){
  .nav ul{gap:1.3rem}.nav-cta{display:none}
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .features{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .info-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .nav-toggle{display:block}
  .nav nav{position:fixed;inset:0;background:var(--forest);display:grid;align-content:center;padding:6rem 2rem 2rem;clip-path:circle(0 at calc(100% - 40px) 40px);transition:clip-path .7s var(--ease);visibility:hidden;z-index:110}
  .nav nav.open{clip-path:circle(150% at calc(100% - 40px) 40px);visibility:visible}
  .nav nav ul{flex-direction:column;align-items:flex-start;gap:1.1rem}
  .nav-link{font-family:var(--ff-display);font-size:1.9rem;font-weight:700;letter-spacing:-.02em;color:#fff}
  .nav-mobile-cta{display:block;margin-top:1.5rem}
  .nav-cta{display:none}
  .site-header.is-scrolled .nav-toggle[aria-expanded="false"]{color:var(--heading)}
  .split,.product-hero,.contact-grid{grid-template-columns:1fr}
  .split__media::after{display:none}
  .split__media img{aspect-ratio:4/3}
  .timeline{grid-template-columns:1fr;gap:2rem;padding-left:0}
  .timeline::before,.timeline::after{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto}
  .timeline::after{height:0;transition:height 2.2s var(--ease)}
  .timeline.in::after{width:2px;height:calc(100% - 56px)}
  .step{display:grid;grid-template-columns:56px 1fr;gap:0 1.3rem;text-align:left;padding:0}
  .step__num{margin:0;grid-row:span 2}
  .step h3{margin:.3rem 0 .2rem}
}
@media (max-width:640px){
  body{font-size:1rem}
  .container{width:min(100% - 2.2rem,var(--wrap))}
  .grid--3,.grid--2,.features,.footer__grid,.form{grid-template-columns:1fr}
  .hero__content{padding-bottom:6rem}
  .hero__actions .btn{width:100%;justify-content:center}
  .hero p.lead{font-size:1.08rem}
  .stats{grid-template-columns:1fr 1fr}
  .process-rows .row{grid-template-columns:1fr;gap:.8rem}
  .filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:-1.1rem;padding:0 1.1rem .5rem;scrollbar-width:none}
  .filter-btn{white-space:nowrap}
  .inquiry-strip{padding:1.6rem}
  .footer__bottom{flex-direction:column}
  .page-hero{padding-top:calc(var(--hdr) + 3rem)}
  .scroll-cue{display:none}
}
@media (max-width:360px){h1{font-size:2.35rem}.btn{padding:.9rem 1.2rem}}

/* Showcase + slider responsiveness */

/* Clean-state blocks */
@media (max-width:1000px){.page-hero__grid,.head-split{grid-template-columns:1fr}.head-split{gap:1.5rem}}
@media (max-width:900px){.process-rows .row,.proc-head{grid-template-columns:1fr;gap:.8rem}.proc-head{display:none}.process-rows .ask{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:.8rem}}

@media (max-width:700px){.hero__arrow{top:auto;bottom:1.3rem;transform:none;width:42px;height:42px}.hero__arrow--prev{left:1.1rem}.hero__arrow--next{left:calc(1.1rem + 50px);right:auto}}


@media (max-width:1100px){.pslider{--pv:4}}
@media (max-width:860px){.pslider{--pv:3}}
@media (max-width:560px){.pslider{--pv:2;padding:0 2.4rem}.pslider .commodity{padding:0 .6rem}.pslider__btn{width:38px;height:38px}.commodity strong{font-size:.76rem;letter-spacing:.12em}.commodity__img{border-width:4px}}

/* Product detail pages */
@media (max-width:900px){.gallery,.pd-band,.pd-overview,.freight,.pd-lists{grid-template-columns:1fr}.pd-band__media{min-height:300px}.freight__img img{min-height:240px;max-height:320px}.cal{grid-template-columns:repeat(6,1fr)}}
@media (max-width:560px){.pd-hero{padding-top:calc(var(--hdr) + 3.5rem)}.pd-band__text,.freight__text{padding:2rem 1.4rem}}