:root{--ink:#402218;--paper:#faf7f0;--muted:#796157;--line:#40221826}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.announcement{text-align:center;background:var(--ink);color:var(--paper);padding:10px 16px;font-size:11px;letter-spacing:1.7px}header{height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4%;border-bottom:1px solid var(--line);background:var(--paper)}nav{display:flex;gap:27px}nav a,.instagram{font-size:12px;letter-spacing:1.1px}.active{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:42px;font-weight:400;letter-spacing:-1.4px;color:var(--ink)}.instagram{justify-self:end}.instagram span{margin-left:12px}.collection{padding:0 4% 70px}.collection-title{display:flex;justify-content:space-between;align-items:center;padding:37px 0 29px}.collection-title h1{font-size:20px;font-weight:400;letter-spacing:2px;margin:0}.collection-title>span{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{padding:0;border:0;background:var(--paper);width:100%;display:block}.product-photo,.campaign-photo{height:clamp(470px,49vw,740px);position:relative;overflow:hidden;background:var(--paper)}.product-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.66);transform-origin:53% 66%;transition:transform .7s}.product:hover .product-photo img{transform:scale(1.72)}.product-action{position:absolute;bottom:0;left:0;right:0;background:#faf7f0ed;text-align:left;padding:17px 21px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.5px;opacity:0;transform:translateY(100%);transition:opacity .25s,transform .25s}.product:hover .product-action,.product:focus-visible .product-action{opacity:1;transform:translateY(0)}.product-action span{font-size:20px}.product-caption{padding:21px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font-size:14px}.product-caption button{border:0;padding:0;background:none;font-size:14px}.product-caption p{font-size:12px;color:var(--muted);margin:10px 0 0}.swatch{display:inline-block;width:10px;height:10px;background:#a5b9c5;border-radius:50%;margin-left:7px}.campaign{margin:0}.campaign-photo img{width:100%;height:100%;object-fit:cover}.campaign figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:10px;letter-spacing:1.15px;color:var(--muted)}.brand-story{border-top:1px solid var(--line);padding:65px 4% 75px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;background:var(--paper)}.section-label{font-size:11px;letter-spacing:1.5px;line-height:1.6}.brand-story h2{font-size:24px;line-height:1.5;font-weight:400;letter-spacing:1px;margin:0 0 22px}.brand-story p{font-size:15px;line-height:1.8;color:var(--muted)}.brand-story a{display:inline-block;font-size:11px;letter-spacing:1.3px;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-top:20px}.brand-story a span{margin-left:28px}.birth{justify-self:end;font:24px/1.4 Georgia,serif;color:var(--ink)}footer{padding:42px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wordmark{font-size:29px}footer p{font-size:10px;letter-spacing:1px;color:var(--muted)}.demo-note{max-width:260px;line-height:1.7}dialog{padding:0;border:0;width:940px;max-width:94vw;max-height:92vh;color:var(--ink)}dialog::backdrop{background:#402218a8}.modal{display:grid;grid-template-columns:1fr 1fr}.modal-photo{overflow:hidden;background:var(--paper)}.modal-photo img{width:100%;height:610px;object-fit:cover;transform:scale(1.45);transform-origin:53% 65%}.details{padding:65px 40px 40px;position:relative}.close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:28px;font-weight:300}.details h2{font-size:23px;font-weight:400;line-height:1.4;margin:23px 0 12px}#productPrice{font-size:16px;margin:0 0 32px}#productDescription{font-size:14px;line-height:1.8;color:var(--muted)}.size-label{margin-top:30px;font-size:11px;letter-spacing:1px}.sizes{display:flex;gap:8px;margin:14px 0 28px}.sizes button{width:47px;height:43px;border:1px solid var(--line);background:var(--paper);font-size:12px}.sizes button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary{display:block;background:var(--ink);color:var(--paper);text-align:center;padding:18px 10px;font-size:11px;letter-spacing:1px}.sample{font-size:11px;color:var(--muted);line-height:1.6;margin-top:19px}body:has(dialog[open]){overflow:hidden}@media(hover:none){.product-action{opacity:1;transform:none}}@media(max-width:760px){header{height:82px;padding:0 5%;grid-template-columns:1fr auto}.wordmark{font-size:32px}.instagram{display:none}nav{gap:16px}nav a{font-size:10px;letter-spacing:.6px}.collection{padding:0 5% 35px}.collection-title{padding:28px 0 22px}.collection-title h1{font-size:17px}.collection-grid{gap:30px;grid-template-columns:1fr}.product-photo,.campaign-photo{height:auto;aspect-ratio:4/5}.product-action{opacity:1;transform:none;padding:13px 17px}.product-caption{padding:17px 0 0}.campaign figcaption{padding-top:16px;font-size:9px}.brand-story{padding:40px 5%;grid-template-columns:1fr;gap:25px}.brand-story h2{font-size:22px}.birth{display:none}footer{flex-wrap:wrap;padding:30px 5%;gap:18px}.demo-note{flex-basis:100%;max-width:none;margin:0}.modal{grid-template-columns:1fr}.modal-photo{height:280px}.modal-photo img{height:380px;transform:scale(1.3);transform-origin:50% 80%}.details{padding:35px 25px}.details h2{margin-top:14px}#productPrice{margin-bottom:20px}.announcement{font-size:10px}.close{background:var(--paper);width:35px;height:35px;top:10px;right:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


dialog{background:var(--paper)}
