:root{font-family:system-ui,sans-serif;color:#20272d;background:#fff}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1280px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eceeed}.brand{font-size:22px;font-weight:750}a{color:inherit;text-decoration:none}nav a{color:#50635e}main{min-height:70vh}.intro{padding:58px 0 40px}h1{font-size:clamp(32px,5vw,52px);margin:0;letter-spacing:-.04em}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eceeed}h2{font-size:22px}form{display:flex;gap:8px}input,button{font:inherit;border:1px solid #ced9d5;border-radius:6px;padding:10px}button{background:#176c5f;color:white;border-color:#176c5f;cursor:pointer}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:28px 0}article img{width:100%;aspect-ratio:1;object-fit:cover;background:#f4f6f5}article h3{font-size:16px;margin:12px 0 4px}article p{color:#62716c;font-size:14px}.product-link{padding:0;border:0;background:none;color:inherit;text-align:left;font-weight:650}.product-link:hover{text-decoration:underline}.back-button,.product-detail{grid-column:1/-1}.back-button{justify-self:start}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.product-detail h3{font-size:28px}.product-detail p{white-space:pre-wrap}footer{border-top:1px solid #eceeed;color:#62716c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){header,main,footer{padding:20px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column;padding-bottom:16px}.intro{padding:36px 0}}
:root{color:var(--ink,#181715);background:var(--canvas,#F5F1E9)}nav a,article p,footer{color:inherit}button:not(.product-link){background:var(--ink,#181715);color:var(--canvas,#F5F1E9);border-color:var(--ink,#181715)}.product-link:hover{color:var(--accent,#B65C46)}