:root{--ivory:#f6f3ec;--ink:#201f1b;--line:#d8d3c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:5px}.brand span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.5px;margin-top:10px;text-align:center}nav{display:flex;gap:32px;font-size:11px;letter-spacing:1px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.intro{padding:95px 10% 50px}.eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.7}h1,h2,h3{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(60px,6.5vw,100px);line-height:1.04;margin:38px 0 28px;letter-spacing:-4px}em{font-weight:normal}p{line-height:1.8}.intro>p:not(.eyebrow){color:#716b61;font-size:13px}.button{display:flex;justify-content:space-between;max-width:290px;background:var(--ink);color:var(--ivory);padding:20px 22px;font-size:9px;letter-spacing:1.8px;margin:35px 0 65px}.intro small{font-size:8px;letter-spacing:2px;color:#81796e}.hero-art{position:relative;background:#c9bcaa;overflow:hidden}.hero-art svg{width:100%;height:100%;object-fit:cover;position:absolute}.art-note{position:absolute;right:24px;top:32px;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl}.selection{padding:85px 5%}.section-head{display:flex;justify-content:space-between;align-items:end}h2{font-size:44px;letter-spacing:-1px;margin:15px 0 25px}.section-head>p{color:#7a7266;font-size:12px}.filters{display:flex;gap:28px;margin:28px 0}.filters button{border:0;border-bottom:1px solid transparent;background:none;padding:10px 0;font-size:11px;color:#777063}.filters .active{border-color:var(--ink);color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.illustration{background:#e8e2d7;aspect-ratio:4/4.5;display:grid;place-items:center}.illustration svg{width:88%;height:88%}.coat{background:#e2ded5}.scarf{background:#eae6df}.cards h3{font-size:25px;margin:8px 0}.cards article>p:last-child{font-size:12px;color:#7a7266;margin:0}.cards .eyebrow{margin:24px 0 0}.caption{font-size:10px;color:#81786b;margin-top:30px}.maison{background:#25251f;color:#eee8dc;padding:80px 10%;display:grid;grid-template-columns:1.2fr 1fr;gap:0 10%}.maison .eyebrow{grid-column:1/-1;color:#c1b7a4}.maison h2{font-size:53px;line-height:1.15}.maison div{align-self:center;color:#c5bfb2;font-size:13px}.letter{text-align:center;padding:95px 20px}.letter h2{font-size:54px}.letter>p:not(.eyebrow){color:#777063;font-size:13px}.status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:430px;padding:23px;margin:30px auto;font-size:12px}.letter small{font-size:10px;color:#81796e}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:18px;letter-spacing:3px}footer span{font-size:8px;letter-spacing:2px}footer button{font-size:10px;border:0;background:none}dialog{border:1px solid var(--line);background:var(--ivory);max-width:540px;padding:40px;line-height:1.8}dialog::backdrop{background:#0008}#close-dialog{float:right;border:0;background:none;font-size:25px}a:focus-visible,button:focus-visible{outline:2px solid #8d7958;outline-offset:6px}[hidden]{display:none!important}@media(max-width:700px){header{padding:24px 6%;align-items:start}.brand{font-size:19px;letter-spacing:3px}.brand span{font-size:6px}nav{gap:13px;font-size:9px;flex-wrap:wrap;justify-content:end;max-width:145px}.hero{grid-template-columns:1fr}.intro{padding:55px 7% 35px}.intro small{display:none}h1{letter-spacing:-2px;margin:25px 0}.button{margin-bottom:10px}.hero-art{height:480px}.section-head{display:block}.selection{padding:55px 6%}h2{font-size:35px}.filters{gap:18px;flex-wrap:wrap}.cards{grid-template-columns:1fr;gap:35px}.illustration{aspect-ratio:1.1}.maison{padding:55px 7%;display:block}.maison h2{font-size:43px}.letter{padding:65px 7%}.letter h2{font-size:44px}footer{gap:25px;flex-wrap:wrap}footer span{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.illustration{overflow:hidden}.illustration img{display:block;width:100%;height:100%;object-fit:cover}.art-note{background:#f6f3ecbd;padding:12px 8px}