@media (max-width: 1180px) {
  .header-shell { width: 100%; padding-inline: clamp(1rem, 2.4vw, 2rem); }
  .menu-toggle { display: block; }
  .nav-panel { position: fixed; inset: var(--site-header-compact-height) 0 0; display: block; height: auto; padding: 24px 20px 40px; color: var(--ink); background: var(--white); overflow-y: auto; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: .2s; }
  .menu-active .nav-panel { opacity: 1; visibility: visible; transform: none; }
  .primary-nav { display: block; height: auto; }
  .nav-item { display: block; height: auto; }
  .has-dropdown::after { display: none; }
  .nav-link { width: 100%; justify-content: space-between; padding: 1rem .25rem; border-bottom: 1px solid var(--line); font-size: 1rem; }
  .nav-link::after { display: none; }
  .dropdown-menu { position: static; display: none; min-width: 0; padding: .45rem 0 .75rem 1rem; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .has-dropdown.is-hovered .dropdown-menu { display: none; }
  .has-dropdown.is-open .dropdown-menu { display: block; }
  .dropdown-menu a { font-size: .9rem; }
  .colour-family-menu { width: 100%; margin: 0; padding: .8rem 0 .9rem; transform: none; }
  .has-dropdown.is-open .colour-family-menu,
  .has-dropdown.is-hovered .colour-family-menu { transform: none; }
  .colour-family-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dropdown-menu .colour-family-link { padding: .55rem; font-size: .8rem; }
  .dropdown-menu .colour-family-menu__all { margin-top: .2rem; padding: .75rem; }
  .header-actions { align-items: stretch; flex-direction: column; margin-top: 1.5rem; }
  .header-cart { justify-content: space-between; padding: .75rem 0; border-bottom: 1px solid var(--line); font-size: 1rem; }
  .text-action { padding: .75rem 0; }
}

@media (max-width: 900px) {
  .about-home-grid { grid-template-columns: 1fr; gap: 3rem; }
  .about-home-media { width: min(100%, 620px); }
  .about-home-media video,
  .about-home-media > img { aspect-ratio: 6 / 5; }
  .product-showcase { grid-template-columns: 1fr; gap: 2.5rem; }
  .product-showcase__media { width: min(100%, 720px); }
  .service-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-card:last-child { grid-column: 1 / -1; width: calc(50% - .625rem); }
  .featured-transformation { grid-template-columns: 1fr; }
  .project-card__image { height: auto; min-height: 0; aspect-ratio: 16 / 10; }
  .decorative-showcase__heading { grid-template-columns: 1fr; }
  .finish-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  .section { padding: 78px 0; }
  .hero { min-height: 680px; }
  .hero h1, .hero h2 { font-size: clamp(2.75rem, 10.5vw, 4.6rem); }
  .hero .hero-headline-solid {
    max-width: 650px;
    font-size: clamp(2.75rem, 8vw, 4.1rem);
    line-height: 1.1;
  }
  .hero-content { padding-top: 48px; }
  .hero-scroll, .slide-category { display: none; }
  .hero-controls { bottom: 28px; }
  .split-feature, .why-grid, .quote-inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .about-values { grid-template-columns: 1fr; margin-top: 52px; }
  .about-values article,
  .about-values article + article { padding: 24px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .about-values h3 { margin-top: 1rem; }
  .section-heading { align-items: start; flex-direction: column; }
  .product-preview { grid-template-columns: 1fr; }
  .product-preview article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .product-preview h3 { margin-top: 30px; }
  .feature-visual { min-height: 480px; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .process-grid li:nth-child(3) { border-top: 1px solid var(--line); }
  .process-grid li:nth-child(4) { border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
  .quote-inner { gap: 1.3rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 540px) {
  .container { width: min(100% - 30px, 1180px); }
  .site-header { height: var(--site-header-compact-height); }
  .brand-mark,
  .is-scrolled .brand-mark,
  .menu-active .brand-mark {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
  .brand-copy strong { font-size: 1rem; }
  .brand-copy small { font-size: .53rem; }
  .colour-family-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero { min-height: 650px; }
  .hero-content { justify-content: center; padding: 42px 0 85px; }
  .eyebrow { font-size: .62rem; line-height: 1.5; }
  .eyebrow::before { width: 20px; }
  .hero h1, .hero h2 { font-size: clamp(2.45rem, 12vw, 3.6rem); }
  .hero h1 span,
  .hero h2 span {
    color: var(--white);
    -webkit-text-stroke: 0;
  }
  .hero .hero-headline-solid {
    max-width: 100%;
    font-size: clamp(2.35rem, 11vw, 3.15rem);
    line-height: 1.12;
    letter-spacing: -.035em;
  }
  .hero-lead { margin: 1.35rem 0 1.6rem; font-size: .94rem; }
  .hero-actions { width: 100%; }
  .hero-actions .button { flex: 1 1 100%; }
  .about-actions { align-items: stretch; flex-direction: column; }
  .about-actions .button { width: 100%; }
  .about-home-media { padding: 0 0 16px 16px; }
  .about-home-media::before { inset: 16px 16px 0 0; }
  .about-home-media figcaption { bottom: 16px; }
  .service-card-grid { grid-template-columns: 1fr; }
  .service-card:last-child { grid-column: auto; width: 100%; }
  .finish-card-grid { grid-template-columns: 1fr; }
  .hero-arrow { display: none; }
  .hero-controls { width: calc(100% - 30px); justify-content: center; }
  .feature-visual { min-height: 390px; }
  .paint-arc { width: 340px; height: 340px; left: -105px; border-width: 60px; }
  .paint-card { width: 57%; }
  .project-placeholders { grid-template-columns: 1fr; }
  .project-placeholders article:nth-child(2) { margin-top: 25px; }
  .project-image, .project-two { height: 290px; }
  .before-after-grid { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr; }
  .process-grid li { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .process-grid h3 { margin-top: 1.7rem; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer-grid > div:first-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; gap: .35rem; }
  .whatsapp-float {
    right: 16px;
    bottom: 16px;
    width: 58px;
    min-height: 58px;
    padding: 10px;
    justify-content: center;
  }
  .whatsapp-float__icon {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
  .whatsapp-float__label { display: none; }
}

@media (max-width: 420px) {
  .brand-copy small { display: none; }
  .brand { gap: .5rem; }
  .header-shell { padding-inline: .8rem; }
  .menu-toggle { width: 40px; }
  .product-showcase__actions { align-items: stretch; flex-direction: column; }
  .product-showcase__actions .button { width: 100%; }
  .transformation-label { left: 12px; bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hero-media { transform: none !important; }
}
