:root{--ink:#4c0925;--cream:#fff9ef;--gold:#aa6c20;--border:#e2c8aa}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}header,nav,.services,footer{display:flex;align-items:center;justify-content:space-around;gap:1rem;background:#f8efe3}header{padding:.4rem 3%;justify-content:space-between}button{background:none;border:0}nav a,.brand{text-decoration:none}.brand{font-size:clamp(1.8rem,3vw,3rem);font-weight:bold;white-space:nowrap}.brand b,h2 b{color:var(--gold);font-size:.67em}.actions{display:flex;align-items:center;white-space:nowrap}.actions button+button{border-left:1px solid #a46d51}.actions button{padding:0 clamp(.45rem,1.3vw,1.2rem);font-size:clamp(.9rem,1.4vw,1.28rem)}#search{display:flex;align-items:center;gap:.55rem;border:1px solid #997b77;border-radius:.65rem;background:#fff9ef;flex:1;max-width:700px;padding:.4rem .8rem;font-size:clamp(1rem,1.5vw,1.35rem)}#query{width:100%;background:none;border:0;color:inherit}nav,.services,footer{padding:.74rem 2%;border-top:1px solid var(--border);font-size:clamp(.92rem,1.45vw,1.34rem)}.hero{position:relative;aspect-ratio:1536/360;background:url(assets/hero.webp) center/cover no-repeat}.hero-copy{position:absolute;left:20%;top:11%;width:45%}.hero-copy h1,.hero-copy p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-copy .cta{position:absolute;top:12.15vw;left:1vw;width:17vw;height:3vw;opacity:0}.hero-copy .cta:focus-visible{opacity:1}.cta{display:inline-block;background:#590829;color:white;border-radius:7px;border:none;padding:.48rem 1rem;text-decoration:none;text-align:center}.services{font-weight:bold}.services>*{flex:1;text-align:center}.services>*+*{border-left:1px solid #a46d51}#collection{padding:0 3.2% 1.1rem}#collection h2{text-align:center;font-size:clamp(1.5rem,2.8vw,2.8rem);margin:.48em 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.45vw}article{border:1px solid var(--border);border-radius:8px;overflow:hidden}article img{display:block;width:100%;aspect-ratio:1.77;object-fit:cover}.card{padding:.7rem 1rem;position:relative}.card h3{margin:0 1.15rem 0 0;font-size:clamp(.98rem,1.38vw,1.3rem)}.card p{margin:.4rem 0 .8rem;color:#29211c}.card .cta{display:block;width:82%;margin:.8rem auto .45rem}.heart{position:absolute;right:.4rem;top:.45rem;font-size:1.55rem}footer{justify-content:center;gap:clamp(1rem,8vw,8rem);background:var(--ink);color:white}dialog{border:1px solid var(--border);border-radius:12px;width:min(90vw,30rem);background:var(--cream);color:var(--ink);padding:1.4rem}dialog::backdrop{background:#21111899}.close{float:right;font-size:1.6rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:2px solid #a45d1c;outline-offset:2px}[hidden]{display:none!important}
@media(max-width:740px){header{flex-wrap:wrap;gap:.55rem}#search{order:3;flex-basis:100%;max-width:none}nav{justify-content:flex-start;overflow:auto;white-space:nowrap;gap:1.1rem}nav button{white-space:nowrap}.hero{aspect-ratio:auto;padding-top:47%;background:#f0d6bb url(assets/mobile.webp) center top/100% auto no-repeat}.hero-copy{position:static;width:auto;padding:1rem;text-align:center}.hero-copy h1,.hero-copy p{position:static;width:auto;height:auto;clip-path:none;margin:.3rem 0 .7rem}.hero-copy .cta{position:static;width:auto;height:auto;opacity:1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.card{padding:.55rem}.card .cta{width:100%;font-size:.9rem}.services{gap:.2rem}.services button{padding:.15rem}footer{gap:.3rem}}