:root{color-scheme:light;--ink:#252b2b;--muted:#68706e;--paper:#f4f2ec;--line:#dbdcd6;--accent:#ad6c4e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{border-bottom:1px solid var(--line);background:#faf9f5}.header-inner{height:78px;max-width:1480px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:-.045em}.brand span{color:#8d6653}.site-header nav{display:flex;gap:32px;font-size:13px;letter-spacing:.07em;text-transform:uppercase}.site-header nav a:hover,.back:hover{color:#a56040}.intro{padding:90px max(32px,calc((100vw - 1416px)/2)) 44px;background:#e4e8e5}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:#7f695d}.intro h1,.work h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,104px);font-weight:400;line-height:1.01;letter-spacing:-.06em;margin:12px 0 24px}.intro>p:not(.eyebrow){font-size:18px;color:#5d6766;max-width:620px;line-height:1.6}.intro-rule{height:1px;background:#9aa7a1;margin-top:72px}.catalog,.work{max-width:1480px;margin:auto;padding:55px 32px 110px}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.catalog-head h2,.work-details h2{font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.04em;margin:0}.filters{display:flex;gap:16px}.filters label{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.filters select{padding:10px 34px 10px 13px;border:1px solid #cbd0ca;background:#faf9f5;border-radius:3px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{background:#fff;box-shadow:0 6px 22px #27322d0b}.card[hidden]{display:none}.card img{aspect-ratio:4/3;width:100%;object-fit:cover}.card-copy{display:flex;flex-direction:column;gap:7px;padding:24px 24px 28px}.card small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#986b58}.card strong{font-family:Georgia,serif;font-size:29px;font-weight:400}.card-copy>span{font-size:13px;color:var(--muted)}.card:hover img{filter:brightness(1.04)}.back{font-size:13px;letter-spacing:.05em;color:var(--muted)}.work>.eyebrow{margin-top:72px}.work h1{font-size:clamp(52px,6vw,84px);margin-bottom:12px}.subtitle{font-size:18px;color:var(--muted);margin-bottom:45px}.hero-image{background:#e8e6df}.hero-image figure{margin:0}.hero-image img{width:100%;max-height:850px;object-fit:cover}.hero-image figcaption,.view-grid figcaption{text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:var(--muted);padding:15px 4px}.view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px}.view-grid figure{margin:0}.view-grid img{width:100%;aspect-ratio:3/2;object-fit:cover}.work-details{margin-top:70px;border-top:1px solid var(--line);padding-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.work-details p{line-height:1.65;max-width:530px}.work-details h2{margin-top:12px}.swatches{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.swatch{display:flex;align-items:center;gap:8px;font-size:13px}.swatch i{display:block;width:26px;height:26px;background:var(--swatch);border:1px solid #aeb4ad}.swatch small{color:var(--muted)}.fineprint{font-size:12px;color:var(--muted)}.site-footer{background:#222d2e;color:#edf0ea;padding:56px 32px}.footer-inner{max-width:1416px;margin:auto;display:flex;align-items:center;gap:50px}.footer-inner strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.footer-inner p{color:#bdc8c6;font-size:13px;flex:1}.footer-inner a{font-size:12px;letter-spacing:.09em;text-transform:uppercase}@media(max-width:920px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding-left:32px;padding-right:32px}.work-details{gap:35px}}@media(max-width:640px){.header-inner{padding:0 18px;height:68px}.site-header nav{gap:15px;font-size:11px}.brand{font-size:22px}.intro{padding:65px 18px 35px}.catalog,.work{padding:35px 18px 70px}.catalog-head{display:block}.filters{margin-top:20px}.grid{grid-template-columns:1fr;gap:18px}.view-grid,.work-details{grid-template-columns:1fr;gap:18px}.work>.eyebrow{margin-top:48px}.footer-inner{display:block}.footer-inner p{line-height:1.6}}
