@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800;900&family=Playfair+Display:wght@600;700;800&display=swap";
:root{--ink:#16110d;--paper:#f3eadc;--clay:#b76b43;--olive:#62684a;--line:#dacbb8;--muted:#766b60}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Archivo,sans-serif}button,input,select,textarea{font:inherit}.mag-cover{border-bottom:1px solid var(--line);grid-template-columns:240px 1fr 42vw;min-height:100vh;display:grid}.issue-tag{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;padding:34px;display:flex}.issue-tag span{color:#e8b290;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:900}.issue-tag b{letter-spacing:-.05em;font-size:28px;line-height:1}.cover-title{align-self:center;padding:120px 40px}.cover-title p{color:var(--clay);text-transform:uppercase;letter-spacing:.14em;font-weight:900}.cover-title h1{letter-spacing:-.055em;margin-top:16px;font-family:Playfair Display,serif;font-size:clamp(4rem,8vw,8.8rem);line-height:.88}.before-after{grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative}.before,.after{background:linear-gradient(135deg,#72513b,#d0b08f);align-items:flex-end;padding:30px;display:flex}.before{filter:saturate(.35);background:repeating-linear-gradient(45deg,#6a5747 0 18px,#796554 18px 36px)}.after{background:linear-gradient(135deg,#f0d9bf,#8e9a73)}.before span,.after span{background:#fff;border-radius:999px;padding:10px 14px;font-weight:900}.slider{background:#fff;border-radius:50%;place-items:center;width:70px;height:70px;font-size:30px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0003}.room-index,.case-study,.estimate{grid-template-columns:1fr 1fr;gap:70px;padding:100px 34px;display:grid}.room-index span,.case-study span,.journal span,.estimate span{color:var(--clay);text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900}.room-index h2,.case-study h2,.journal h2,.estimate h2{letter-spacing:-.045em;margin-top:12px;font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,6rem);line-height:.9}.room-tabs{flex-wrap:wrap;align-content:center;gap:12px;display:flex}.room-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:18px 24px;font-weight:900}.case-study{background:#fff}.case-study p,.estimate p{color:var(--muted);margin-top:22px;font-size:20px;line-height:1.75}.material-board{background:var(--paper);border-radius:34px;grid-template-columns:1fr 1fr;gap:14px;height:430px;padding:18px;display:grid}.material-board i{background:linear-gradient(135deg,var(--clay),#e5c3a4);border-radius:24px}.material-board i:nth-child(2){background:linear-gradient(135deg,var(--olive),#c9c0a7)}.material-board i:nth-child(3){background:repeating-linear-gradient(90deg,#efe3d2 0 8px,#cdbda9 8px 16px)}.material-board i:nth-child(4){background:#2f2a25}.specs{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.specs b{background:var(--paper);border-radius:18px;padding:16px}.journal{background:var(--ink);color:#fff;padding:100px 34px}.journal-head{max-width:850px;margin-bottom:40px}.journal article{border-top:1px solid #fff2;grid-template-columns:180px 1fr;padding:28px 0;display:grid}.journal strong{color:#e8b290;font-size:28px}.journal p{color:#ddd0c2;font-size:24px}.testimony{background:var(--olive);color:#fff;padding:100px 34px}.testimony blockquote{max-width:1050px;font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,6rem);line-height:.95}.review-cards{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.review-cards p{background:#ffffff18;border:1px solid #fff2;border-radius:999px;padding:14px 18px;font-weight:900}.estimate form{border:1px solid var(--line);background:#fff;border-radius:34px;gap:12px;padding:24px;display:grid}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px}textarea{min-height:120px}.estimate button{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:16px;font-weight:900}@media (max-width:950px){.mag-cover,.room-index,.case-study,.estimate{grid-template-columns:1fr}.issue-tag{display:block}.before-after{min-height:520px}.journal article{grid-template-columns:1fr;gap:10px}}@media (max-width:600px){.cover-title h1{font-size:4rem}.cover-title,.room-index,.case-study,.journal,.testimony,.estimate{padding:70px 20px}.mag-cover{display:block}.before-after{min-height:420px}}
