:root{--ink:#282420;--muted:#605951;--paper:#fdfbf8;--line:#e8e0d7;--gold:#846a50;--serif:Georgia,'Times New Roman',serif;--sans:Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.6}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
img{display:block;width:100%;height:auto}
.wrap{width:min(1232px,calc(100% - 96px));margin-inline:auto}
.skip{position:absolute;left:1rem;top:-6rem;background:white;padding:12px;z-index:5}
.skip:focus{top:1rem}
.header{min-height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}
.brand{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:bold;letter-spacing:.15em;line-height:1.3}
.mark{width:64px;height:64px;border-radius:50%;flex-shrink:0}
.brand-sub{display:block;font-size:9px;letter-spacing:.24em;margin-top:4px;color:var(--gold)}
nav,.footer-inner>div{display:flex;gap:28px}
nav a,.shop-link,.text-link,.footer a{font-size:13px}
nav a:hover,.footer a:hover{color:var(--gold)}
.shop-link,.text-link{border-bottom:1px solid #aa8e72;padding-bottom:4px}
.shop-link span,.text-link span{margin-left:6px}
.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:60px;padding-block:48px 62px}
.hero-copy{padding:20px 0 35px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:11px;font-weight:bold;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.eyebrow span{width:22px;height:1px;background:currentColor}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.02}
h1{font-size:clamp(52px,6.1vw,96px)}
h1 em{color:var(--gold);font-weight:normal}
h2{font-size:clamp(39px,5vw,66px)}
.intro{max-width:380px;color:var(--muted);margin-top:26px}
.intro p+p{margin-top:12px}
.button{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:white;padding:14px 20px;margin-top:30px;font-size:13px}
.button:hover{background:#56493f}
.hero-photo img{aspect-ratio:1;object-fit:cover;background:#e9e2db}
.hero-photo figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:12px;color:var(--muted);font-size:12px}
.hero-photo figcaption span:first-child{letter-spacing:.13em;font-weight:bold;color:var(--ink)}
.collection{background:#f6f1eb;padding:72px 0 64px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:31px}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
.product a{display:block}
.product img{aspect-ratio:3/2;object-fit:cover;object-position:center var(--crop-y, 50%);background:#ebe2d9}
.product-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid #ddd0c3}
.product h3{font-size:12px;letter-spacing:.11em}
.product p,.shop-note{font-size:13px;color:var(--muted)}
.product a:hover h3{text-decoration:underline;text-underline-offset:4px}
.shop-note{margin-top:26px}
.about{display:grid;grid-template-columns:.78fr 1fr;gap:clamp(40px,8vw,115px);align-items:center;padding-block:86px}
.about img{aspect-ratio:1.16;object-fit:cover;background:#f4ece4}
.about p:not(.eyebrow){color:var(--muted);max-width:475px;margin-top:20px}
.about .text-link{display:inline-block;margin-top:24px}
.footer{border-top:1px solid var(--line);padding:24px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:13px}
.footer-inner .brand{color:var(--ink);font-size:11px}
@media(max-width:950px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}h1{font-size:clamp(43px,6.3vw,65px)}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;min-height:0;padding:15px 0;gap:12px}.header nav{order:3;width:100%;gap:22px}.hero,.about{grid-template-columns:1fr;gap:23px;padding-block:33px 45px}.hero-copy{padding:0}.intro{margin-top:19px}.button{margin-top:21px}.collection{padding-block:44px}.section-head{align-items:start;flex-direction:column}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.product-caption{align-items:start}.product h3{font-size:11px}.product p{font-size:12px}.about img{order:2}.footer-inner{flex-wrap:wrap}.footer-inner>div{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
