:root{color-scheme:light;--paper:#f8f4ea;--ink:#252a22;--pine:#24372e;--line:#d8d1c2;--muted:#59594d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}header,main,footer{width:min(1320px,calc(100% - 96px));margin:auto}header,footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}header>a{text-decoration:none}header>a:last-child{font-size:.84rem}.brand,h1,h2,.art-label strong{font-family:Georgia,serif;font-weight:normal}.brand{font-size:1.5rem}.brand i,h1 em{color:#79613d}.hero{display:grid;grid-template-columns: .9fr 1.4fr;gap:44px;align-items:center;padding:54px 0 60px;border-bottom:1px solid var(--line)}.eyebrow,figcaption,small{font-size:.69rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:650}h1,h2,p{margin:0}h1{font-size:clamp(2.8rem,5vw,5.6rem);line-height:1;letter-spacing:-.058em;margin:13px 0 19px}.hero-copy>p:not(.eyebrow){max-width:340px;color:var(--muted)}.button{display:inline-flex;gap:22px;align-items:center;margin-top:24px;padding:11px 17px;background:var(--pine);color:#fff;text-decoration:none;font-size:.86rem}.button:hover{background:#395345}figure{margin:0}img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#ded6c7}figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:8px}#collection{padding:43px 0 64px;scroll-margin-top:20px}.collection-title{display:flex;align-items:end;justify-content:space-between;gap:12px}.collection-title>p{font-size:.8rem;color:var(--muted)}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.07;letter-spacing:-.04em}#filters{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}#filters button{background:transparent;border:1px solid var(--line);padding:5px 13px;border-radius:20px;font-size:.8rem}#filters button[aria-pressed=true]{color:white;background:var(--pine);border-color:var(--pine)}#grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.art{display:block;width:100%;border:1px solid var(--line);padding:0;background:#fcf8ef;text-align:left}.art:hover{border-color:#736850}.art-label{display:flex;justify-content:space-between;align-items:center;padding:10px 13px}.art-label strong,.art-label small{display:block}.art-label strong{font-size:1.3rem}footer{border-bottom:0;border-top:1px solid var(--line)}footer>span:last-child{color:var(--muted);font-size:.8rem}dialog{width:min(760px,calc(100% - 28px));max-height:calc(100% - 28px);padding:0;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#151c17c9}.close{position:absolute;right:9px;top:9px;border:0;border-radius:50%;width:40px;height:40px;background:var(--paper);font-size:1.4rem}.detail-copy{padding:20px 24px}.detail-copy h2{margin:5px 0 8px}.checkout{margin-top:12px;color:var(--muted)}.checkout .button{margin:0}:focus-visible{outline:3px solid #987030;outline-offset:3px}@media(max-width:850px){header,main,footer{width:calc(100% - 44px)}.hero{gap:22px}#grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){header,main,footer{width:calc(100% - 28px)}.hero{grid-template-columns:1fr;padding:35px 0}#grid{grid-template-columns:1fr}.collection-title{align-items:start;flex-direction:column}}
