:root{--ink:#292c27;--paper:#f7f5ef;--green:#58654b;--line:#d7d9ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #92673d;outline-offset:5px}.preview{padding:9px 20px;background:var(--green);color:white;text-align:center;font-size:11px;letter-spacing:.08em}.preview a{text-decoration:underline;margin-left:16px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:20px}.logo{width:145px;height:auto}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:var(--green)}.contact{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.menu{display:none;border:0;background:none}.hero{display:grid;grid-template-columns:44% 56%;min-height:640px}.hero-copy{padding:85px 10% 70px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--green);margin:0 0 25px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(45px,4.8vw,74px);line-height:1.04;letter-spacing:-.04em;margin:0 0 27px}h1 em{color:var(--green);font-weight:400}p{font-size:15px;line-height:1.7}.intro{max-width:330px;color:#60645c;margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 23px;background:var(--ink);color:white;font-size:13px;transition:background .2s}.button:hover{background:var(--green)}.hero-art{background:#e8e8df;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art>img{width:100%;mix-blend-mode:multiply;object-fit:contain}.caption{position:absolute;bottom:29px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.caption strong{display:block;font-size:17px;font-family:Georgia,serif;font-weight:400;margin-bottom:7px}.caption a{width:43px;height:43px;display:grid;place-items:center;border:1px solid #979d8d;border-radius:50%;font-size:20px}.strip{padding:23px 5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.07em}.section{padding:85px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:25px}h2{font-size:clamp(34px,3.4vw,49px);letter-spacing:-.025em;line-height:1.12;margin:0}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:7px;white-space:nowrap}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.filter{padding:10px 19px;border:1px solid var(--line);background:transparent;border-radius:24px;font-size:12px}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product[hidden]{display:none}.product .photo{aspect-ratio:1;background:#eeeee7;overflow:hidden;position:relative}.product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}.product:hover img{transform:scale(1.045)}.product .arrow{position:absolute;bottom:15px;right:17px;font-size:24px}.product small{font-size:10px;letter-spacing:.1em;color:#686f61}.product h3{font-size:26px;margin:10px 0 8px}.product p{font-size:13px;margin:0;color:#676c60}.details{display:flex;justify-content:space-between;align-items:flex-start;padding-top:19px}.swatches{display:flex;gap:5px;margin-top:13px}.swatches i{width:11px;height:11px;border-radius:50%;border:1px solid #ccc;background:#fff}.swatches i:nth-child(2){background:#42443f}.swatches i:nth-child(3){background:#b9a083}.story{display:grid;grid-template-columns:1fr 1fr;background:#e7e9de}.story-image{min-height:520px;background:#ebe9e1;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.story-copy{padding:75px 13%;align-self:center}.story-copy p{color:#626857;margin:24px 0 30px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.value{border-top:1px solid var(--line);padding-top:22px}.value span{font-size:11px;color:var(--green)}.value h3{font-size:25px;margin:21px 0 14px}.value p{font-size:14px;color:#686c60}.help{margin:0 5% 70px;padding:48px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line)}.help p{color:#666b60;max-width:500px}footer{background:var(--ink);color:#f6f4eb;padding:45px 5% 22px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-brand{font-size:32px;letter-spacing:.14em}.footer-brand small{display:block;font-size:10px;letter-spacing:.28em;margin-top:8px}.footer-links{display:flex;gap:30px;font-size:13px}.footnote{border-top:1px solid #505348;padding-top:20px;font-size:11px;color:#bbc0b3;display:flex;justify-content:space-between;gap:20px}.mobile-nav{display:none}@media(max-width:760px){header{padding:20px 6%}nav,.contact{display:none}.menu{display:block}.mobile-nav.open{display:flex;flex-direction:column;padding:20px 6%;gap:22px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 7% 45px}.hero-art{min-height:360px}.hero-art>img{padding-bottom:50px}h1{max-width:500px;font-size:53px}.strip{gap:15px;flex-wrap:wrap;justify-content:center;font-size:9px}.section{padding:55px 6%}.section-heading{align-items:flex-start;flex-direction:column}.products{grid-template-columns:1fr;gap:35px}.story{grid-template-columns:1fr}.story-image{min-height:0;aspect-ratio:1}.story-copy{padding:45px 7%}.values{grid-template-columns:1fr;gap:25px}.help{margin:0 6% 50px;flex-direction:column;align-items:flex-start;padding:30px}.footer-top,.footer-links,.footnote{flex-direction:column}.footer-links{gap:18px}.preview{font-size:9px}.caption{left:22px;right:22px;bottom:20px}}