@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--ink:#1f3a30;--paper:#f4ebdf;--cream:#faf6ee;--sage:#a8b7a5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #b66b58;outline-offset:3px}header{height:94px;display:flex;align-items:center;padding:0 6%;gap:5rem;border-bottom:1px solid #d8dfd4;background:var(--cream)}.brand{font-family:'Playfair Display',serif;font-size:28px;letter-spacing:.15em;line-height:1;display:inline-block}.brand span{display:block;font:8px Inter,sans-serif;letter-spacing:.17em;margin-top:7px}nav{display:flex;gap:2rem;font-size:14px}.bag{margin-left:auto;border:0;background:none;color:inherit;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;background:var(--paper)}.hero-copy{padding:clamp(50px,8vw,120px) 6vw}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;margin:0 0 24px}h1,h2{font:400 clamp(44px,5.8vw,78px)/1.12 'Playfair Display',serif;letter-spacing:-.035em;margin:0}h1 em,h2 em{font-weight:400}.hero-copy>p:not(.eyebrow){max-width:410px;margin:28px 0 36px;color:#42584d}.button{background:var(--ink);color:var(--cream);display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:16px 20px;min-height:52px;font-size:14px}.hero-art{position:relative;overflow:hidden;background:#879d89;display:grid;place-items:center;color:#e9eee2}.arc{position:absolute;width:65%;aspect-ratio:1;border:1px solid #d9e2d4;border-radius:50%;box-shadow:0 0 0 35px #879d89,0 0 0 36px #d9e2d4,0 0 0 70px #879d89,0 0 0 71px #d9e2d4}.art-word{font:italic 300px/1 'Playfair Display',serif;opacity:.32}.art-caption{position:absolute;bottom:35px;right:35px;font-size:10px;letter-spacing:.2em}.intro{padding:100px 8%;display:grid;grid-template-columns:1fr 2fr;gap:30px}.intro h2{font-size:clamp(40px,4vw,58px)}.intro div>p{max-width:490px;margin:25px 0}.text-link{display:inline-block;border-bottom:1px solid;padding:5px 0;font-size:14px}.strip{background:var(--ink);color:var(--cream);padding:32px 8%;display:flex;justify-content:space-between;align-items:center}.strip p{font:28px 'Playfair Display',serif}.strip a{font-size:14px;border-bottom:1px solid}footer{background:var(--paper);padding:65px 8% 25px;display:grid;grid-template-columns:2fr 1fr;gap:30px}footer p,footer a:not(.brand){font-size:13px}footer div:nth-child(2) a{display:block;margin:12px 0}footer small{grid-column:1/-1;border-top:1px solid #c9d1c4;padding-top:25px}.shop-head{background:var(--paper);padding:75px 8%}.shop-head h1{font-size:clamp(48px,6vw,76px)}.catalog{padding:55px 8% 100px;min-height:350px}.catalog-bar{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #cdd6ca;padding-bottom:22px}.catalog-bar label{font-size:12px;display:grid;gap:8px}input,select{border:1px solid #a8b7a5;background:#fffdf8;padding:10px;min-height:44px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}.tile img,.placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;background:#e4e9dc}.tile h2{font:22px 'Playfair Display',serif;margin:14px 0 4px}.tile p{margin:0;font-size:14px}.outline{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:12px 20px;margin-top:30px}.product{padding:70px 8%;min-height:55vh}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.product img{width:100%;background:#e4e9dc}.product h1{font-size:clamp(42px,5vw,66px)}.product .price{font-size:20px}.product fieldset{border:0;padding:0;margin:25px 0}.product fieldset button{margin:5px;border:1px solid var(--sage);padding:10px;background:none}.product fieldset button[aria-pressed=true]{background:var(--ink);color:white}.product button[data-add]{border:0}.overlay{position:fixed;inset:0;background:#10221999;z-index:20}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:var(--cream);padding:30px;overflow:auto}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer h2{font-size:36px}.drawer button:not(.button){border:0;background:none;color:inherit;padding:10px}.cart-line{border-bottom:1px solid #ccd4c9;padding:20px 0}.cart-line p{margin:4px 0}.drawer .button{border:0;width:100%;margin-top:20px}.drawer-total{display:flex;justify-content:space-between;margin-top:25px}@media(max-width:700px){header{height:78px;padding:0 5%;gap:1rem}header nav{gap:1rem;font-size:12px}.brand{font-size:22px}.brand span{font-size:7px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 7%}.hero-art{min-height:330px}.art-word{font-size:200px}.intro{grid-template-columns:1fr;padding:70px 7%}.strip{padding:24px 7%;gap:20px}.strip p{font-size:22px}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.catalog{padding:35px 6% 70px}.catalog-bar{flex-wrap:wrap}.product-layout{grid-template-columns:1fr;gap:30px}footer{padding:45px 7% 25px}}

.hero-art img{display:block;width:100%;height:100%;max-height:720px;object-fit:cover}.hero-copy{align-self:center}.eyebrow{letter-spacing:.04em;font-size:13px}.button{border-radius:8px}.text-link:hover,nav a:hover{text-decoration:underline}.hero h1{font-size:clamp(44px,4.8vw,68px)}

.hero-art img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}@media(max-width:700px){.hero-art{min-height:420px}}