body{--bg:#D6D8D2;--ink:#242A27;--accent:#2458C6;--soft:#C2C7BE;--body:StudioSans,sans-serif;--display:StudioSans,sans-serif}.brand{font-size:32px;font-weight:600;letter-spacing:-.04em}.mast{padding-bottom:20px;border-bottom:2px solid #242A27}.room-hero{padding-top:40px}.room-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.room-heading h1{font-size:clamp(42px,4.5vw,64px);font-weight:300;line-height:1.35}.room-heading .lead{padding-bottom:10px;font-size:17px}.room-stage{display:grid;grid-template-columns:1fr 300px;gap:25px;align-items:center;margin-top:10px;padding-bottom:65px}.room-stage figure{margin-left:-35px}.room-stage figcaption{font-size:13px;margin-left:35px}.material-console{padding-top:30px}.material-console h2{font-family:StudioBatang,serif;font-size:46px}.material-note{margin-top:20px;min-height:90px}.materials{display:flex;gap:12px;margin-top:25px}.materials button{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:transparent;padding:5px 4px 10px;font-size:15px;border-bottom:2px solid transparent;min-width:68px}.materials button[aria-pressed=true]{border-color:#242A27}.materials i{display:block;width:48px;height:48px}.plaster-chip{background:#BDBEAF}.oak-chip{background:#B38151}.brick-chip{background:#A25E47}.material-console .action{margin-top:35px;font-size:15px;background:#2458C6;color:#fff}.project-section{background:#242A27;color:#D6D8D2;padding:75px 0}.project-section h2{font-weight:300}.project-spread{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:80px}.project-spread svg{width:100%;background:#D6D8D2;color:#242A27}.project-spread figcaption{font-size:14px;margin-top:20px}.project-spread h3{font-weight:600;font-size:25px;margin-bottom:18px}.project-spread h3:nth-of-type(2){margin-top:45px}.room-visit{display:grid;grid-template-columns:1fr 1fr;gap:55px 80px}.room-visit h2{font-weight:300;line-height:1.45}.room-visit .foot-name{grid-column:1/-1;font-size:clamp(44px,7.7vw,110px);font-weight:600}.sample-strip{background:#2458C6;color:#fff}@media(max-width:767px){.room-hero{padding-top:30px}.brand{font-size:28px}.room-heading{display:block}.room-heading h1{font-size:44px}.room-heading .lead{margin-top:20px;font-size:16px;padding:0}.room-stage{grid-template-columns:1fr;gap:28px;margin-top:10px;padding-bottom:50px}.room-stage figure{margin-inline:-14px}.room-stage figcaption{font-size:12px;margin-left:14px}.material-console{padding:0;display:grid;grid-template-columns:100px 1fr;gap:15px 20px;align-items:start}.material-console h2{font-size:36px}.material-note{margin:0;min-height:70px}.materials{grid-column:1/-1;gap:20px;margin:0}.materials button{flex-direction:row;gap:12px;min-width:0}.materials i{width:30px;height:30px}.material-console .action{grid-column:1/-1;margin-top:10px;justify-self:start}.project-section{padding:50px 0}.project-spread{grid-template-columns:1fr;gap:35px}.project-spread h3:nth-of-type(2){margin-top:28px}.room-visit{grid-template-columns:1fr;gap:30px}.room-visit .foot-name{font-size:10.5vw}}
.room-stage{grid-template-columns:1fr 280px}.room-stage svg{min-height:480px}.room-heading{align-items:start}.room-heading h1{font-size:clamp(45px,4.5vw,65px)}.joinery-note{padding-block:65px 75px;display:grid;grid-template-columns:.7fr 1.5fr;gap:50px;align-items:center}.joinery-note h2{font-size:35px;font-weight:300}.joinery-note svg{width:100%}.joinery-note figcaption{display:flex;justify-content:space-around;font-size:14px;margin-top:15px}.room-visit{border-top:2px solid #242A27;padding-bottom:65px}.room-visit .channel-buttons button{border-color:#242A27}.room-visit .channel-response{min-height:135px}@media(max-width:767px){.room-stage{grid-template-columns:1fr}.room-stage svg{min-height:0}.joinery-note{grid-template-columns:1fr;padding-block:45px;gap:28px}.joinery-note h2{font-size:29px}.joinery-note figcaption{font-size:12px}.room-visit{padding-bottom:40px}}.room-stage .action svg{min-height:0;height:20px;width:20px}.material-console .action{align-self:start;justify-self:start;min-height:48px;height:auto}
