@media (min-width:600px){
  .container{width:min(100% - 56px,1120px)}
  .section-pad{padding:110px 0}
  .hero{padding:92px 0 120px}
  .hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:58px}
  .hero-art{width:90%}
  .featured-grid{grid-template-columns:1.25fr .75fr}
  .featured-card{min-height:360px}
  .collection-toolbar{grid-template-columns:1.1fr 1.5fr auto;align-items:center}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}
  .category-mosaic{grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:repeat(2,170px)}
  .category-card-large{grid-row:1/3;min-height:auto}
  .category-card:not(.category-card-large){min-height:auto}
  .story-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px}
  .brand-values{grid-template-columns:repeat(3,1fr)}
  .care-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .contact-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:64px}
  .form-row{grid-template-columns:repeat(2,1fr)}
  .inquiry-card{padding:32px}
  .footer-wrap{grid-template-columns:1fr auto auto}
  .product-modal{grid-template-columns:.9fr 1.1fr}
  .modal-image,.modal-image img{min-height:470px}
  .modal-content{padding:40px 34px}
}

@media (min-width:900px){
  .menu-toggle{display:none}
  .site-nav{display:flex;position:static;align-items:center;gap:21px;background:transparent;padding:0;border:0;box-shadow:none}
  .site-nav a{padding:7px 0;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
  .nav-cta{margin:0;padding:9px 15px!important}
  .hero{padding:115px 0 145px}
  .hero-grid{gap:90px}
  .hero-copy h1{font-size:78px}
  .hero-art{width:82%}
  .featured-grid{grid-template-columns:1.35fr .65fr;gap:18px}
  .featured-card{min-height:410px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 17px}
  .story-visual{min-height:520px}
  .care-card{min-height:155px}
}

@media (min-width:1200px){
  .container{width:min(100% - 90px,1180px)}
  .hero-grid{gap:110px}
  .hero-art{width:76%}
  .product-grid{gap:24px 20px}
}

@media (max-width:599px){
  .section-heading{align-items:flex-start;flex-direction:column}
  .section-aside{max-width:100%}
  .hero-stats{gap:8px}
  .hero-stats strong{font-size:19px}
  .product-card h3{font-size:18px}
  .product-card-description{display:none}
  .brand-values{grid-template-columns:1fr}
}