.hero{grid-template-columns:.85fr 1.3fr;gap:55px;padding-block:42px}.hero-copy{align-self:center;padding:15px 0}.hero-copy h1{font-size:clamp(42px,4.7vw,70px)}.hero-copy>p:not(.eyebrow){max-width:370px;font-size:15px}.hero-choices{display:grid;gap:9px;margin-top:25px;max-width:340px}.hero-choices a{display:flex;justify-content:space-between;border:1px solid #cdd7ca;background:#f0f3e9;border-radius:6px;padding:12px 16px;font-size:13px;font-weight:650;transition:background .2s,transform .2s}.hero-choices a:hover{background:#e1e9d8;transform:translateX(4px)}.text-cta{display:inline-block;margin-top:20px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.inspiration-mosaic{display:grid;grid-template-columns:1fr .7fr;grid-template-rows:1fr 1fr;gap:14px;height:490px}.inspiration-mosaic>a{position:relative;overflow:hidden;border-radius:10px}.mosaic-main{grid-row:1/3}.inspiration-mosaic img{height:100%;width:100%;transition:transform .5s}.inspiration-mosaic a:hover img{transform:scale(1.035)}.mosaic-main>span{position:absolute;bottom:14px;left:14px;right:14px;background:#fffdf7f2;padding:20px;border-radius:6px}.mosaic-main small{font-size:8px;letter-spacing:.12em}.mosaic-main b{display:block;font:28px/1.1 Georgia,serif;margin:10px 0}.mosaic-main i,.mosaic-note i{font-size:10px;font-style:normal}.mosaic-small span{position:absolute;bottom:10px;left:10px;right:10px;background:#fffdf7eb;padding:10px;font-size:11px;border-radius:5px}.mosaic-note{background:#dfe7d4;padding:22px;display:flex;flex-direction:column;justify-content:center}.mosaic-note>span{font-size:45px;line-height:1;color:#557158}.mosaic-note small{font-size:8px;letter-spacing:.1em;margin:15px 0 10px}.mosaic-note b{font:25px/1.15 Georgia,serif;margin-bottom:15px}.category-card{background:transparent;overflow:visible}.category-picture{position:relative;border-radius:8px;overflow:hidden}.category-picture>b{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;background:#fffdf7;border-radius:50%;width:28px;height:28px;font-size:15px}.category-card>span{padding:14px 0 5px;font-size:16px}.category-card>p{font-size:12px;line-height:1.45;color:#66736c;min-height:35px}.category-card>small{display:block;font-size:10px;margin-top:10px;text-decoration:underline;text-underline-offset:4px}.problem-section{display:grid;grid-template-columns:1fr 1.7fr;gap:45px;padding:35px;border:1px solid #dce2d5;border-radius:12px;background:#edf1e5;margin-bottom:60px}.problem-section h2{font-size:32px}.problem-section>div>p:last-child{font-size:13px;color:#677568;margin-top:15px}.problem-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.problem-options a{display:grid;padding:17px;background:#fffdf7;border-radius:7px;transition:box-shadow .2s}.problem-options a:hover{box-shadow:0 5px 20px #102a4312}.problem-options span{font-size:9px;color:#739078}.problem-options b{font-size:13px;margin:5px 0}.problem-options small{font-size:10px;color:#5f7063}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.preview-card{border:1px solid #e1e4da;border-radius:10px;overflow:hidden;background:#f6f5ef;padding-bottom:23px}.preview-images{display:flex;height:220px;background:#e9e7dc;overflow:hidden}.preview-images img{min-width:0;flex:1;width:50%;object-fit:cover}.preview-card>small,.preview-card>h3,.preview-card>span{display:block;margin-inline:23px}.preview-card>small{margin-top:22px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#587561}.preview-card h3{font:27px/1.15 Georgia,serif;margin-top:10px;min-height:62px}.preview-card>span{margin-top:20px;font-size:11px;text-decoration:underline;text-underline-offset:4px}.category-previews{padding-bottom:0}@media(max-width:1000px){.hero{gap:28px}.inspiration-mosaic{height:440px;grid-template-columns:1fr}.mosaic-small,.mosaic-note{display:none}.mosaic-main{grid-row:1/3}.problem-section{grid-template-columns:1fr;gap:25px}.preview-images{height:170px}.preview-card h3{font-size:22px}}@media(max-width:650px){.hero{grid-template-columns:1fr;gap:25px;padding-block:25px}.hero-copy h1{font-size:48px}.hero-choices{grid-template-columns:1fr;max-width:none}.inspiration-mosaic{height:300px;grid-template-columns:1.1fr .8fr}.mosaic-main{grid-row:1/3}.mosaic-small{display:block;grid-row:1/3}.mosaic-main b{font-size:23px}.mosaic-main>span{padding:14px;left:10px;right:10px;bottom:10px}.category-card>p{min-height:34px}.problem-section{padding:22px;margin-bottom:40px}.problem-options{grid-template-columns:1fr}.problem-options a{padding:14px}.problem-section h2{font-size:28px}.preview-grid{grid-template-columns:1fr}.preview-images{height:220px}.preview-card h3{min-height:0}.category-picture img{height:160px}.category-card>span{font-size:16px}}@media(prefers-reduced-motion:reduce){.hero-choices a,.inspiration-mosaic img,.problem-options a{transition:none}}
/* Readable, thumb-friendly discovery without scaling the whole page. */
.hero-choices a{min-height:48px;font-size:15px}
.hero-choices a:first-child{background:#102a43;color:#fff;border-color:#102a43}
.hero-choices a:first-child:hover{background:#274b68}
.category-card>p{font-size:14px;min-height:42px}
.category-card>small{font-size:12px}
.problem-options b{font-size:16px}
.problem-options small{font-size:13px}
.product-grid article>p:not(.product-tag){font-size:14px}
.detail-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.mosaic-main small{font-size:10px}
.mosaic-main i,.mosaic-note i,.mosaic-small span{font-size:12px}
.preview-card>small{font-size:11px}
.preview-card>span{font-size:14px}
@media(max-width:650px){
 .header-inner{gap:10px;padding-block:13px}
 input{font-size:16px}
 form button{min-width:44px;min-height:44px}
 nav a{min-height:44px;display:flex;align-items:center;font-size:13px}
 .hero{padding-top:18px}
 .hero-copy h1{font-size:clamp(38px,10.6vw,49px)}
 .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.55}
 .hero-choices{gap:10px;margin-top:20px}
 .hero-choices a{padding:13px 16px;min-height:50px}
 .text-cta{font-size:14px;min-height:44px;display:inline-flex;align-items:center;margin-top:10px}
 .inspiration-mosaic{grid-template-columns:1fr;height:285px}
 .mosaic-small{display:none}
 .mosaic-main>span{max-width:240px}
 .category-picture img{height:190px}
 .category-card>span{font-size:19px}
 .category-card>p{font-size:14px;min-height:42px}
 .category-card>small{font-size:12px;min-height:35px;display:flex;align-items:center}
 .principles{font-size:11px}
 .section-head>p,.section-head>span{font-size:14px}
 #filters button{min-height:44px;font-size:13px;padding:9px 15px}
 .tools label,.tools select{font-size:14px;min-height:44px}
 .product-grid h3{font-size:18px}
 .product-grid article>p:not(.product-tag){font-size:14px}
 .product-tag{font-size:10px}
 .product-image span{font-size:11px}
 .problem-options a{padding:18px}
 .problem-section>div>p:last-child{font-size:15px}
 .preview-images{height:245px}
 .approach p:not(.eyebrow),.collection p:not(.eyebrow){font-size:15px}
 .primary{min-height:48px;font-size:15px}
}