@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:light;--ink:#222a20;--moss:#385442;--paper:#faf8f1;--line:#d9d8c9;--serif:"Instrument Serif",Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 "DM Sans",system-ui,sans-serif}a{color:inherit;text-underline-offset:.24em}a:focus-visible{outline:2px solid #9c553e;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:10px;z-index:3}.skip:focus{top:12px}header{border-bottom:1px solid var(--line)}.mast{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px}.brand{font:2.25rem/1 var(--serif);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:10px}.mark{display:inline-block;width:19px;height:25px;border-radius:95% 0 95% 0;border:1px solid var(--moss);transform:rotate(-16deg);position:relative}.mark:after{content:"";width:1px;height:19px;background:var(--moss);position:absolute;left:9px;top:2px;transform:rotate(25deg)}nav{display:flex;align-items:center;gap:clamp(14px,2.7vw,38px)}nav a,.outline{font-size:.86rem;font-weight:600;text-decoration:none}nav a:hover,nav a[aria-current=page]{text-decoration:underline}.outline,.button{display:inline-block;border:1px solid var(--moss);padding:.7em 1.25em;text-decoration:none}.button{background:var(--moss);color:#fff;font-weight:600;font-size:.9rem}.button:hover{background:#263d30}.hero{display:grid;grid-template-columns: .86fr 1.14fr;align-items:stretch;margin-top:36px;background:#edeedf}.hero-copy{padding:clamp(30px,5vw,76px) clamp(25px,4vw,63px)}.hero-visual{margin:0;min-height:435px;background:#a4ab88}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover}.tag{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--moss);margin:0 0 14px}.hero h1,h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;margin:0}.hero h1{font-size:clamp(3.25rem,6.25vw,6.25rem);letter-spacing:-.025em}.hero h1 em{color:#4f6a52}.hero-copy>p:not(.tag){max-width:33ch;margin:20px 0 25px}.section{margin-block:52px 72px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:23px}.section-head h2,.partner h2{font-size:clamp(2.65rem,5vw,4.1rem)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.tile{min-width:0}.tile a{text-decoration:none;display:block}.tile a:hover h3{text-decoration:underline;text-decoration-thickness:1px}.tile h3{font-size:2.05rem}.tile p:last-child{margin:9px 0 0;color:#50574b}.art{display:block;width:100%;aspect-ratio:1.68;object-fit:cover;background:#e9e7da;margin-bottom:16px}.art.maison{object-position:10% 70%}.art.jardin{object-position:54% 43%}.art.decoration{object-position:87% 55%}.partner{background:#e9ecdf;padding:36px;display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:65px}.partner p{margin:10px 0 0}.page{padding-block:48px 72px;min-height:65vh}.trail{margin:0 0 24px;font-size:.84rem;color:#50574b}.page h1{font-size:clamp(3rem,7vw,5.5rem);max-width:18ch}.lede{font-size:1.15rem;max-width:62ch;color:#50574b;margin-bottom:30px}.prose{max-width:70ch}.prose h2{font-size:2.25rem;margin-top:30px}.byline{font-size:.9rem;margin:19px 0 30px}.article-img{width:100%;max-width:800px;max-height:470px;object-fit:cover}.related{margin-top:45px;border-top:1px solid var(--line);padding-top:18px}footer{background:#25372b;color:#f8f5e9;padding:33px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.foot nav{flex-wrap:wrap}.foot .mark{border-color:currentColor}.foot .mark:after{background:currentColor}
@media(max-width:900px){.wrap{width:calc(100% - 52px)}.hero-visual{min-height:380px}.mast{gap:15px}.grid{gap:18px}}
@media(max-width:690px){.wrap{width:calc(100% - 32px)}.mast{flex-wrap:wrap;padding-block:14px;min-height:auto}.mast nav{order:3;width:100%;gap:22px}.brand{font-size:1.85rem}.hero{grid-template-columns:1fr;margin-top:18px}.hero-visual{min-height:0;aspect-ratio:1.5}.hero-copy{padding:30px 24px}.grid{grid-template-columns:1fr;gap:32px}.section{margin-block:38px 45px}.partner{align-items:start;flex-direction:column;padding:23px;margin-bottom:38px}.section-head{align-items:start;flex-direction:column;gap:8px}.page{padding-block:32px 50px}}