*{box-sizing:border-box}body{margin:0;background:#fff;color:#252525;font:16px system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.nav{height:clamp(95px,8vw,148px);display:flex;align-items:center;padding:0 8%;position:relative;border-bottom:1px solid #e5e5e5}.nav div{display:flex;gap:clamp(15px,3vw,50px);font-weight:750}.brand{position:absolute;left:50%;transform:translateX(-50%);font-size:36px;font-weight:850;letter-spacing:-.07em}.brand small{font-size:11px;letter-spacing:.15em;margin-left:6px}.landing{display:grid;grid-template-columns:29% 71%}.menu{padding:50px 20px 50px 8vw}.menu p,.muted{color:#666}.menu a{display:block;font-size:clamp(17px,1.45vw,25px);font-weight:800;margin:24px 0}.panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.panel{position:relative;isolation:isolate;aspect-ratio:.87;display:flex;align-items:end;padding:8%;background:radial-gradient(at 65% 35%,#f7faf6,#9aaea2);color:white;font-size:clamp(19px,2.2vw,40px);font-weight:850}.panel:nth-child(2){background:radial-gradient(at 65% 35%,#f8faf9,#9cabb5)}.panel:nth-child(3){background:radial-gradient(at 65% 35%,#faf7f0,#b9aa97)}.panel img{position:absolute;inset:8% 8% 16%;width:84%;height:76%;object-fit:contain;mix-blend-mode:multiply;z-index:-2}.panel:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#18282099);z-index:-1}.catalog{width:min(83%,1560px);margin:40px auto 90px}.catalog h1{font-size:clamp(32px,4vw,56px);letter-spacing:-.045em;margin:15px 0 8px}.listing{display:grid;grid-template-columns:minmax(190px,22%) 1fr;gap:4%;margin-top:35px}.filters details,.stock{border-bottom:1px solid #ddd;padding:18px 0}.filters summary{cursor:pointer;font-weight:800;display:flex;justify-content:space-between;list-style:none}.filters summary:after{content:'⌄';display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#eee}.filters details[open] summary:after{content:'⌃';background:#252525;color:white}.filters label{display:flex;align-items:center;gap:10px;margin:12px 0;color:#666}.filters input{accent-color:#253d32}.filters .stock{justify-content:space-between;color:#252525;font-weight:800;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 24px}.card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fafafa}.card h2{font-size:17px;margin:14px 0 4px}.card p{margin:0;color:#666}button{font:inherit;cursor:pointer}.reset{margin-top:18px;background:white;border:1px solid #ccc;padding:8px 12px}@media(max-width:760px){.nav{align-items:end;justify-content:center;padding-bottom:14px}.brand{top:10px;font-size:29px}.landing,.listing{grid-template-columns:1fr}.menu{padding:12px 5%}.menu a{display:inline-block;margin:6px 15px 8px 0}.panels{margin:0 5%}.panel{aspect-ratio:.73}.catalog{width:90%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.listing{gap:25px}}

/* Keep the Shop footer at the viewport edge when content is short. */
.shop-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.shop-page>.h-footer{margin-top:auto}