/* A tighter product-led rhythm, shared by every page. */
.section-space{padding-block:65px}
.site-header{min-height:96px}
.hero{padding-block:27px 45px;gap:45px}
.hero h1{font-size:clamp(2.9rem,4.8vw,4.2rem)}
.hero .lead{margin-top:21px}
.benefits{gap:40px;padding-block:17px 5px}
.section-heading{margin-bottom:26px}
.product-card{padding:30px 32px;border-radius:10px}
.product-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.product-card-top .label{margin:0;font-size:.9375rem}
.size-display{display:inline-flex;gap:5px;margin:0;font-family:var(--body);font-size:1.0625rem;font-weight:500;letter-spacing:0;line-height:1.5;white-space:nowrap;padding:5px 12px;background:#fff9eea6;border-radius:6px;color:var(--green)}
.size-display span{font-size:inherit;font-family:inherit}
.household .size-display{background:#fff9ee15;color:var(--cream)}
.product-card h3{font-size:clamp(1.65rem,2.4vw,2rem);font-weight:600;letter-spacing:-.04em;max-width:17ch;margin-bottom:14px}
.product-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.product-card>p:not(.label){max-width:39ch}
.card-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:27px 0}
.card-specs dt{font-size:.875rem;opacity:.8}
.card-specs dd{font-size:1rem;font-weight:500;margin:5px 0 0}
.product-card .product-price-note{font-size:.875rem;margin-top:13px;opacity:.8}
.purpose{padding-block:48px}
.purpose h2{font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.22}
.purpose-bottom{margin-top:23px}
.page-heading{padding-block:28px 40px}
.page-heading h1{font-size:clamp(2.65rem,4.2vw,3.7rem)}
.page-heading>p:last-child{margin-top:20px}
.story-grid{padding-bottom:50px;gap:55px}
.material-information{margin-top:30px}
.material-information h3{font-size:1.125rem;font-weight:600;letter-spacing:-.02em}
.material-information p{font-size:.9375rem;margin:12px 0 0}
.order{gap:60px}
.purpose-note{max-width:57ch}
footer{padding-block:28px 23px}
@media(max-width:760px){
  .site-header{min-height:82px}.hero{padding-block:20px 27px;gap:27px}
  .hero h1{font-size:clamp(2.75rem,8.7vw,3.8rem)}
  .benefits{gap:18px;padding-block:18px 5px}
  .section-space{padding-block:43px}.section-heading{margin-bottom:23px}
  .product-card{padding:25px}.product-card-top{gap:13px;margin-bottom:20px}
  .product-card-top .label{font-size:.875rem}.size-display{font-size:.9375rem;padding:4px 9px}
  .product-card h3{font-size:1.75rem;max-width:17ch}
  .card-specs{gap:10px;margin:24px 0}.card-specs dt{font-size:.8125rem}.card-specs dd{font-size:.9375rem}
  .purpose{padding-block:37px}.purpose h2{font-size:clamp(2rem,7vw,2.8rem)}
  .page-heading{padding-block:23px 30px}.page-heading h1{font-size:2.6rem}
  .story-grid{padding-bottom:38px;gap:25px}.order{gap:25px}
  .material-information{margin-top:25px}
}

/* Production mobile refinement: preserve desktop, tighten narrow-screen behavior. */
.nav-toggle{display:none;background:transparent;border:0;color:var(--green);padding:10px;margin:-10px;cursor:pointer}
.nav-toggle-icon,.nav-toggle-icon::before,.nav-toggle-icon::after{display:block;width:24px;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.nav-toggle-icon{position:relative}
.nav-toggle-icon::before,.nav-toggle-icon::after{content:'';position:absolute;left:0}
.nav-toggle-icon::before{top:-7px}.nav-toggle-icon::after{top:7px}
.nav-open .nav-toggle-icon{background:transparent}
.nav-open .nav-toggle-icon::before{transform:translateY(7px) rotate(45deg)}
.nav-open .nav-toggle-icon::after{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:760px){
  .site-header{position:relative;z-index:20;min-height:76px}
  .nav-enhanced .nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .nav-enhanced .site-header nav{position:absolute;top:calc(100% - 3px);right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(230px,calc(100vw - 40px));padding:8px;background:var(--cream);border:1px solid #e7dfd0;border-radius:10px;box-shadow:0 16px 38px rgba(23,61,49,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
  .nav-enhanced .site-header.nav-open nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .nav-enhanced .site-header nav a{display:block;padding:11px 12px;border-radius:7px;font-size:.9375rem}
  .nav-enhanced .site-header nav a:hover,.nav-enhanced .site-header nav a[aria-current]{background:#f3e7d5;color:#bd3b0d}
  .hero{padding-block:14px 22px;gap:22px}
  .hero .lead{margin-top:18px;line-height:1.7}
  .hero-actions{margin-top:20px}
  .hero-note{margin-top:17px}
  .hero .product-photo img{aspect-ratio:3/2;max-height:420px;object-fit:cover;object-position:58% center}
  .benefits{padding-block:14px 2px}
  .section-space{padding-block:36px}
  .product-grid{gap:15px}
  .product-card{padding:23px}
  .card-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:21px 0}
  .card-specs dt{font-size:.75rem}.card-specs dd{font-size:.875rem;overflow-wrap:anywhere}
  .purpose{padding-block:32px}.purpose h2{font-size:clamp(2rem,7vw,2.6rem);overflow-wrap:normal}
  .purpose-bottom{margin-top:18px}
  .order{gap:22px}
  footer{padding-block:26px 22px}
  .footer-top{flex-direction:column;align-items:flex-start;gap:17px}
  .footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}
  .footer-top>a:last-child{width:auto}
  .footer-bottom{flex-direction:column;gap:5px;margin-top:22px}
}
@media(max-width:380px){
  .wrap{width:calc(100% - 32px)}
  .hero h1{font-size:clamp(2.45rem,12vw,3rem)}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:13px}
  .card-specs{grid-template-columns:1fr 1fr;gap:12px 16px}
  .card-specs>div:last-child{grid-column:1/-1}
  .product-card-top{align-items:flex-start}
  .page-heading h1{font-size:2.35rem}
  .alternate{width:calc(100% - 32px)}
}