:root{--ink:#173833;--green:#285448;--paper:#faf9f5;--muted:#68746c;--line:#dde1d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b88b37;outline-offset:4px}header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:900;letter-spacing:-1.5px;font-size:28px;display:inline-flex;align-items:center}.wordmark span{font-weight:400}.wordmark i{height:7px;width:7px;border-radius:50%;background:#c89146;margin:14px 0 0 5px}nav{display:flex;gap:35px;font-size:14px}.store{font-size:13px;border:1px solid var(--ink);padding:13px 19px;border-radius:3px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:610px;padding:65px 6% 60px;gap:6%}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;margin:0 0 25px}h1{font-family:Georgia,serif;font-size:clamp(40px,4.4vw,68px);font-weight:400;line-height:1.09;letter-spacing:-2px;margin:30px 0 24px}h1 em{font-weight:400;color:#718679}p{line-height:1.7}.lead{font-size:16px;max-width:440px;color:#5b6a61}.button{display:inline-flex;gap:42px;background:var(--green);color:white;padding:18px 24px;font-size:14px;margin:20px 0 25px;border-radius:3px}.small{font-size:9px;letter-spacing:1.1px}.small b{padding:0 8px;color:#b08b49}.hero-art{background:#e8ece3;position:relative;border-radius:140px 140px 5px 5px;overflow:hidden;min-height:455px}.orbit{width:310px;height:310px;border:1px solid #c8d1c3;border-radius:50%;position:absolute;left:50%;top:20px;transform:translateX(-50%)}#hero-product{position:absolute;width:65%;left:18%;top:55px;transform:rotate(-7deg);mix-blend-mode:multiply}.art-label{position:absolute;left:30px;bottom:93px;font-size:9px;letter-spacing:2px}.art-title{position:absolute;left:30px;bottom:27px;font:28px/1.1 Georgia,serif}.brandline{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:27px 6%;gap:20px;flex-wrap:wrap}.brandline span{font-size:9px;letter-spacing:1px;color:var(--muted)}.brandline strong{font-family:Georgia,serif;font-size:22px;color:#627065}.collection{padding:80px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font:400 40px/1.13 Georgia,serif;letter-spacing:-.9px;margin:0}.section-head p:last-child{color:var(--muted);font-size:13px}.section-head .eyebrow{margin-bottom:16px}.controls{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}#filters{display:flex;gap:8px;flex-wrap:wrap}#filters button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:30px;padding:12px 18px;font-size:12px;cursor:pointer}#filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.search{display:flex;align-items:center;border-bottom:1px solid #9ca99e;gap:12px;min-width:250px}.search span{font-size:25px}.search input{border:0;background:transparent;padding:12px 0;width:100%;font-size:12px;color:var(--ink)}#count{font-size:11px;color:var(--muted);margin:26px 0 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px}.product{min-width:0}.product-photo{background:white;height:285px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid #edf0e9}.product-photo .crop{height:240px;width:auto;max-width:90%}.crop{overflow:hidden;position:relative;background:white}.crop img{position:absolute;max-width:none;height:auto}.product .category{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin:20px 0 8px}.product h3{font-size:17px;font-weight:500;line-height:1.35;margin:0 0 8px}.product .size{font-size:12px;color:var(--muted);margin:0 0 15px}.product button{border:0;background:none;color:var(--ink);padding:0 0 7px;border-bottom:1px solid #aab5a9;font-size:12px;cursor:pointer}.about{margin:0 6%;padding:55px;background:#e9ede5;display:grid;grid-template-columns:1fr 2fr;gap:35px}.about h2{margin-bottom:25px}.about p:not(.eyebrow){max-width:600px;font-size:15px;color:#5b6a61}.about a{display:inline-block;border-bottom:1px solid var(--ink);font-size:13px;padding:12px 0 6px}.contact{padding:75px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{font-size:34px}.contact p:not(.eyebrow){font-size:13px;color:var(--muted)}.contact>a{font-size:20px;border-bottom:1px solid var(--ink);padding-bottom:10px}footer{padding:30px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:10px;color:var(--muted)}dialog{border:0;border-radius:6px;padding:40px;max-width:780px;width:90%;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#102b25aa}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px;cursor:pointer;color:var(--ink)}#detail-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}#detail-content .crop{width:100%}#detail-content h2{font-size:30px}#detail-content p{font-size:13px;color:var(--muted)}#detail-content .button{margin:10px 0;font-size:12px;gap:15px}#empty{padding:50px;text-align:center}@media(max-width:850px){header{height:80px}nav{gap:18px}.hero{padding-top:40px;gap:25px;min-height:520px}.hero-art{min-height:400px}.grid{grid-template-columns:repeat(2,1fr)}.brandline strong{font-size:18px}.about{grid-template-columns:1fr}.contact{align-items:start;flex-direction:column}}@media(max-width:560px){header{padding:20px 5%;height:auto;flex-wrap:wrap;gap:20px}.wordmark{font-size:24px}nav{order:3;width:100%;font-size:12px;justify-content:center}.store{font-size:11px;padding:9px 12px}.hero{grid-template-columns:1fr;padding:35px 5%;gap:25px}.hero-art{min-height:365px;margin:0 15px}.hero-art #hero-product{width:55%;left:25%;top:30px}h1{font-size:43px}.small{font-size:8px}.brandline{justify-content:center}.brandline span{width:100%;text-align:center}.brandline strong{font-size:16px}.collection{padding:50px 5%}.section-head{display:block}h2{font-size:33px}.grid{gap:30px 15px}.product-photo{height:190px}.product-photo .crop{height:155px;max-width:90%}.product h3{font-size:14px}.product .category{font-size:8px}.about{padding:30px;margin:0 5%}.contact{padding:45px 5%}.contact>a{font-size:18px}footer{flex-wrap:wrap}footer p:last-child{width:100%;margin:0}#detail-content{grid-template-columns:1fr}#detail-content .crop{max-height:260px;width:auto;margin:auto}dialog{padding:35px 25px}.search{width:100%}}
