@charset "UTF-8";
:root { --paper:#f5f2eb; --ink:#282b26; --muted:#686b62; --line:#dcdcd2; --plum:#614052; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:30px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.7; }
a { color:inherit; text-decoration:none; }
a:focus-visible, summary:focus-visible { outline:3px solid var(--plum); outline-offset:5px; }
img { display:block; max-width:100%; object-fit:cover; }
.wrap { width:min(1320px,90%); margin-inline:auto; }
.skip { position:absolute; left:10px; top:-100px; background:white; padding:10px; z-index:10; }
.skip:focus { top:10px; }
.announcement { padding:9px 5%; background:#30382f; color:#f7f4ee; text-align:center; font-size:11px; letter-spacing:1.2px; }
.announcement a { margin-left:30px; border-bottom:1px solid #a6af9d; }
.header { min-height:104px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.logo { display:flex; align-items:center; gap:13px; font-size:22px; letter-spacing:2px; font-weight:600; }
.logo small { display:block; font-size:8px; letter-spacing:2.7px; font-weight:400; }
.monogram { border:1px solid #9eaa97; width:42px; height:48px; display:grid; place-items:center; font:20px Georgia,serif; letter-spacing:-4px; padding-right:4px; border-radius:22px 22px 0 0; }
nav { display:flex; gap:30px; align-items:center; font-size:12px; }
nav a:hover,.text-link:hover { color:var(--plum); }
.nav-cta { padding:10px 18px; border:1px solid #abb0a5; }
h1,h2,h3,p,figure { margin:0; }
h1,h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; line-height:1.08; letter-spacing:-2px; }
h1 { font-size:clamp(48px,5.1vw,76px); margin:23px 0; }
h2 { font-size:clamp(35px,3.3vw,48px); }
em { font-weight:400; color:var(--plum); }
p { color:var(--muted); }
.eyebrow { font-size:10px; font-weight:600; letter-spacing:2.4px; margin-bottom:20px; }
.hero { display:grid; grid-template-columns:0.86fr 1.14fr; gap:6%; padding-top:30px; padding-bottom:65px; align-items:center; }
.hero-copy>p:not(.eyebrow) { max-width:420px; font-size:14px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; background:var(--ink); color:white; padding:15px 22px; font-size:12px; margin-top:28px; }
.button:hover { background:var(--plum); }
.hero-credit { font-size:9px; letter-spacing:1px; margin-top:42px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.hero-credit strong { font-size:10px; font-weight:400; }
.line { width:28px; height:1px; background:var(--ink); }
.hero-image { position:relative; height:590px; }
.hero-image img { width:100%; height:100%; }
.hero-image figcaption { position:absolute; bottom:20px; left:20px; right:20px; background:#f5f2ebef; padding:17px 20px; display:flex; justify-content:space-between; gap:10px; font-size:10px; }
.hero-image figcaption span:last-child { font:italic 19px Georgia,serif; }
.material-strip { display:flex; justify-content:space-evenly; gap:20px; padding:24px 5%; border-block:1px solid var(--line); font:22px Georgia,serif; }
.material-strip i { color:#989b8c; font-size:14px; }
.section { padding-block:90px; }
.section-heading { display:flex; justify-content:space-between; gap:50px; align-items:end; margin-bottom:42px; }
.section-heading>p { max-width:350px; font-size:14px; }
.collections { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.swatch { height:270px; position:relative; overflow:hidden; transition:filter .2s; }
.collection:hover .swatch { filter:brightness(1.07); }
.swatch>span { position:absolute; top:15px; left:15px; border:1px solid #ffffff80; border-radius:50%; padding:4px 11px; color:#fff; font-size:12px; }
.wallpaper { background-color:#c5bdac; background-image:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 22px,#e6dfd155 23px 25px,transparent 26px 36px); background-size:100px 150px; }
.panel { background:repeating-linear-gradient(90deg,#5f4734 0 4px,#b19575 5px 21px,#c4a485 22px 25px,#6f5540 26px 29px); }
.curtain { background:repeating-linear-gradient(90deg,#cdc9bd 0,#eeeae1 20px,#e8e3d7 35px,#bbb8ad 53px,#e3ded2 70px); }
h3 { font:25px/1.3 Georgia,serif; }
.collection h3 { margin-top:20px; display:flex; justify-content:space-between; }
.collection p { font-size:12px; margin-top:8px; }
.caption { font-size:10px; margin-top:20px; }
.inspiration { background:#e9e9df; padding:65px 0; }
.inspiration-grid { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; }
.inspiration-grid>img { width:100%; height:590px; }
.inspiration h2 { margin-bottom:23px; }
.inspiration p:not(.eyebrow) { font-size:14px; }
.notes { list-style:none; padding:0; margin:25px 0; }
.notes li { display:flex; gap:20px; border-top:1px solid #cdcec2; padding:16px 0; font-size:12px; color:var(--muted); }
.notes b { font-size:11px; font-weight:400; }
.notes strong { display:block; color:var(--ink); font-size:13px; margin-bottom:4px; }
.text-link { font-size:12px; border-bottom:1px solid var(--ink); padding-bottom:6px; }
.guides { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.guides article { border-top:1px solid #9ca494; padding-top:25px; }
.tag { font-size:9px; letter-spacing:2px; color:var(--plum); }
.guides h3 { margin:16px 0; }
.guides p { font-size:13px; margin-top:14px; }
.collaboration { background:#353e34; color:#fff; display:grid; grid-template-columns:1.2fr 1fr; }
.collaboration>div { padding:65px 10%; }
.collaboration p { color:#d1d8cb; font-size:13px; margin-top:22px; }
.collaboration .eyebrow { color:#e1d7dc; font-size:10px; margin-top:0; }
.collaboration img { width:100%; height:100%; min-height:450px; }
.light { background:#f5f2eb; color:#343b31; }
.light:hover { color:white; }
.planning { display:grid; grid-template-columns:1fr 1fr; gap:8%; }
.planning p { margin-top:24px; max-width:340px; font-size:14px; }
.planning ol { margin:0; padding-left:24px; }
.planning li { border-bottom:1px solid var(--line); padding:0 0 18px 15px; margin-bottom:18px; }
.planning strong,.planning span { display:block; }
.planning strong { font-size:14px; }
.planning span { font-size:12px; color:var(--muted); }
.faq { padding:0 0 90px; }
.faq h2 { margin-bottom:35px; }
details { border-top:1px solid var(--line); padding:20px 0; }
details:last-child { border-bottom:1px solid var(--line); }
summary { cursor:pointer; font-size:15px; }
details p { max-width:850px; padding:15px 0 0; font-size:14px; }
.footer { border-top:1px solid var(--line); padding-block:32px; }
.footer-top,.footer-bottom { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.footer-top p { font:italic 20px Georgia,serif; }
.footer-top>a:last-child { font-size:11px; }
.footer-bottom { margin-top:35px; font-size:10px; color:var(--muted); }
@media(max-width:900px) { .hero { gap:30px; } .hero-image { height:520px; } nav { gap:15px; } .hero-credit { margin-top:24px; } .inspiration-grid { gap:35px; } .inspiration-grid>img { height:560px; } .swatch { height:220px; } .hero-image figcaption { flex-direction:column; } }
@media(max-width:650px) { .announcement { font-size:9px; letter-spacing:.4px; } .announcement a { display:block; margin:3px 0 0; border:0; } .header { flex-direction:column; gap:18px; padding-block:22px; } nav { width:100%; justify-content:space-between; font-size:11px; gap:8px; } .nav-cta { padding:7px 10px; } .hero { grid-template-columns:1fr; padding-top:15px; padding-bottom:35px; } h1 { font-size:53px; } .hero-copy>p:not(.eyebrow) { max-width:none; } .hero-image { height:410px; } .hero-image figcaption { flex-direction:row; } .material-strip { font-size:15px; gap:10px; flex-wrap:wrap; } .material-strip i:last-of-type,.material-strip span:last-child { display:none; } .section { padding-block:55px; } .section-heading { display:block; margin-bottom:28px; } .section-heading>p { margin-top:22px; } .collections,.guides { grid-template-columns:1fr; gap:32px; } .swatch { height:280px; } .inspiration { padding-block:40px; } .inspiration-grid,.collaboration,.planning { grid-template-columns:1fr; } .inspiration-grid>img { height:390px; } .inspiration-grid>div { margin-top:10px; } .collaboration>div { padding:40px 7%; } .collaboration img { min-height:0; height:320px; } .planning ol { margin-top:30px; } .faq { padding-bottom:55px; } .faq h2 { font-size:34px; } .footer-top,.footer-bottom { align-items:start; flex-direction:column; gap:14px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }