.siding-page .build-hero{grid-template-columns:.95fr 1.05fr;gap:48px;padding-block:45px}.siding-page .build-hero h1{font-size:clamp(2.35rem,3.7vw,3.7rem)}.siding-drawing svg{border:1px solid #d5dedc;border-radius:4px 48px 4px 4px;width:100%;height:auto;display:block}.siding-layer-controls{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:17px;display:grid}.siding-layer-controls button{min-height:48px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #cbd8df;border-radius:4px;padding:9px 5px;font-size:.66rem}.siding-layer-controls button[aria-pressed=true]{color:var(--ink);background:#f3f1e8;border-color:#8d7963;font-weight:700}.siding-layer-notes{margin-top:19px}.siding-layer-notes h2{letter-spacing:-.015em;font-size:1.14rem;line-height:1.3}.siding-layer-notes p{color:var(--muted);margin-top:8px;font-size:.75rem}.siding-layer-notes>div+div{margin-top:22px}.siding-page[data-enhanced=true] .siding-layer-notes>div{min-height:125px;margin-top:0}.siding-motion{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;padding:8px 0;font-size:.68rem;text-decoration:underline;display:inline-flex}.siding-page[data-enhanced=true] [data-siding-plane]{opacity:.3;transition:opacity .3s}.siding-page[data-layer=finish] [data-siding-plane=finish],.siding-page[data-layer=drainage] [data-siding-plane=drainage],.siding-page[data-layer=support] [data-siding-plane=support],.siding-page[data-layer=connections] [data-siding-plane=connections]{opacity:1}.siding-materials{background:#f6f4ee}.siding-material-grid{grid-template-columns:1fr 1fr;gap:34px;display:grid}.siding-material-grid article{background:#fff;border:1px solid #d8dcd6;border-radius:5px;overflow:hidden}.siding-swatch{height:145px;position:relative}.siding-swatch--wood{background:repeating-linear-gradient(2deg,#0000 0 5px,#926c4822 6px 7px,#0000 8px 14px),repeating-linear-gradient(0deg,#c29973 0 45px,#8d694a 46px 48px,#e8c7a1 49px 50px)}.siding-swatch--cement{background:repeating-linear-gradient(90deg,#d3dfdf 0 84px,#98b1b4 85px 88px,#ecf0ec 89px 98px,#bacdce 99px 102px)}.siding-swatch span{color:#38444d;letter-spacing:.05em;background:#ffffffed;padding:7px 10px;font-size:.65rem;position:absolute;bottom:15px;left:20px}.siding-material-copy{padding:30px}.siding-material-copy h3{font-size:1.6rem}.siding-material-copy>p:not(.build-kicker){color:var(--muted);margin-top:17px;font-size:.85rem}.siding-material-copy dl{margin:23px 0 0}.siding-material-copy dl>div{border-top:1px solid #d6dfdf;grid-template-columns:80px 1fr;gap:15px;padding-block:15px;font-size:.78rem;display:grid}.siding-material-copy dt{font-weight:700}.siding-material-copy dd{color:var(--muted);margin:0}.siding-reference{color:var(--muted);font-size:.63rem;margin-top:18px!important}.siding-details{grid-template-columns:1fr 1fr;gap:40px 65px;display:grid}.siding-details>div>p:not(.build-kicker){color:var(--muted);max-width:44ch;margin-top:24px;font-size:.88rem}.siding-details .build-button{margin-top:25px}.siding-detail-list article{border-top:1px solid #ccdbe3;padding-block:20px}.siding-detail-list h3{font-size:1.15rem}.siding-detail-list p{color:var(--muted);margin-top:12px;font-size:.84rem}.siding-detail-list article:first-child{border:0;padding-top:0}.siding-source{color:var(--muted);border-top:1px solid #d1dce1;grid-column:1/-1;padding-top:17px;font-size:.69rem}.siding-source a{min-height:44px;color:var(--accent);align-items:center;margin-right:28px;display:inline-flex}.siding-coordination{background:#f0f6f7}.siding-coordination-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.siding-coordination img{aspect-ratio:1.08;object-fit:cover;object-position:58% center;border-radius:42px 4px 4px;width:100%;height:auto;display:block}.siding-coordination p:not(.build-kicker){color:var(--muted);margin-top:20px;font-size:.86rem}.siding-related{margin-top:24px}.siding-related a{min-height:48px;color:var(--accent);border-top:1px solid #cbdce3;justify-content:space-between;align-items:center;gap:20px;font-size:.8rem;text-decoration:none;display:flex}.siding-related a:hover{text-decoration:underline}.siding-proposal{border-top:1px solid #ccdce5;grid-template-columns:.8fr 1.2fr;gap:65px;margin-top:42px;padding-top:34px;display:grid}.siding-proposal p{color:var(--muted);margin-top:20px;font-size:.85rem}.siding-proposal .build-checklist{margin:0}.siding-page .build-contact{background:#eef3ef}@media (width>=761px){.siding-page .build-hero-copy{align-self:start;padding-top:38px}}@media (prefers-reduced-motion:no-preference){.siding-page[data-enhanced=true] .siding-water{animation:4s linear infinite siding-drain}.siding-page[data-motion=paused] .siding-water{animation-play-state:paused}}@keyframes siding-drain{to{stroke-dashoffset:-38px}}@media (width<=1050px){.siding-page .build-hero{gap:28px}.siding-page .build-hero h1{font-size:2.65rem}.siding-details,.siding-coordination-grid,.siding-proposal{gap:35px}.siding-material-copy{padding:24px}.siding-layer-controls{grid-template-columns:1fr 1fr}}@media (width<=760px){.siding-page .build-hero{grid-template-columns:1fr;gap:30px;padding-block:30px}.siding-page .build-hero h1{font-size:clamp(2.05rem,7.2vw,3rem)}.siding-layer-controls button{font-size:.72rem}.siding-page[data-enhanced=true] .siding-layer-notes>div{min-height:135px}.siding-layer-notes h2{font-size:1.2rem}.siding-material-grid,.siding-details,.siding-coordination-grid,.siding-proposal{grid-template-columns:1fr;gap:28px}.siding-material-copy{padding:24px 20px}.siding-material-copy h3{font-size:1.45rem}.siding-material-copy dl>div{grid-template-columns:65px 1fr;gap:12px}.siding-swatch{height:120px}.siding-details .build-button{width:100%}.siding-source a{margin-right:0;display:flex}.siding-proposal{margin-top:32px;padding-top:28px}}@media (scripting:none){.siding-layer-controls{display:none}}@media (scripting:enabled){.siding-page:not([data-enhanced=true]) .siding-layer-notes>div:not(:first-child){display:none}.siding-page:not([data-enhanced=true]) .siding-layer-notes>div{min-height:125px;margin-top:0}}@media (scripting:enabled) and (width<=760px){.siding-page:not([data-enhanced=true]) .siding-layer-notes>div{min-height:135px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.siding-page:not([data-enhanced=true]) .siding-studio:has(>.siding-motion[hidden]):after{content:"";height:44px;display:block}}
