.porch-stock{margin:0 0 22px;line-height:1.6}.porch-stock input{flex:none}#porch-controls>.field-label{margin-top:17px}#porch-controls>.dimension-grid{margin-top:22px}#porch-controls>.joint-field{margin-top:18px}.porch-insights{padding:40px 45px 35px;background:#f4f4ed;border-top:1px solid #dce3d6}.porch-explanation{display:grid;grid-template-columns:1fr 1fr;gap:50px}.porch-explanation>div{min-width:0}.porch-explanation .section-index{font-size:8px;margin-bottom:15px}.porch-explanation h3{font-size:23px;font-weight:400;letter-spacing:-.6px;margin:0 0 12px}.porch-explanation p{font-size:11px;color:#758272;line-height:1.85;min-height:65px;margin:0}.porch-explanation small{display:block;color:#82907d;font-size:9px;line-height:1.8}.porch-explanation svg{display:block;width:100%;height:260px;margin:12px 0}.porch-explanation svg text{font-family:Arial,sans-serif;font-size:11px;fill:#27493b}.porch-explanation svg .section-small{font-size:9px}.porch-explanation svg .cut-offcut{font-size:9px}.porch-explanation .text-link{font-size:9px}.porch-kit-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 20px;padding-top:27px;border-top:1px solid #d9e1d2}.porch-kit-heading h3{font-size:19px;font-weight:400;margin:0}.porch-kit-heading a{font-size:10px;flex:none}.porch-kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:13px}.porch-kit-item{display:flex;align-items:flex-start;gap:12px;text-align:left;background:#fbfbf6;padding:15px;border:1px solid #e0e5d9;position:relative;min-width:0}.porch-kit-item>img,.kit-no-photo{width:75px;height:75px;object-fit:contain;flex:none;mix-blend-mode:multiply}.kit-no-photo{display:grid;place-items:center;font-size:8px;text-align:center;color:#8c9685;background:#eeefe8}.porch-kit-item>span:not(.kit-no-photo){min-width:0}.porch-kit-item small{display:block;font-size:8px;color:#7a8b77;line-height:1.6;margin-bottom:7px}.porch-kit-item b{display:block;font-size:11px;font-weight:500;line-height:1.5}.porch-kit-item em{display:block;font-style:normal;font-size:9px;color:#7f8b7a;margin:8px 0}.porch-kit-item span>span{display:block;font-size:9px;line-height:1.7}.porch-kit-item>i{position:absolute;right:8px;top:9px;font-style:normal;font-size:11px;color:#84937d}.porch-kit-item:hover{border-color:#789074}.porch-kit-item .availability{margin:7px 0 0}.stock-shortage{color:#986638!important}.project-references{padding-top:45px;padding-bottom:28px}.reference-heading .section-index{font-size:8px;margin-bottom:15px}.reference-heading h3{font-weight:400;font-size:28px;letter-spacing:-1px;margin:0 0 25px}.reference-strip{display:grid;grid-auto-columns:minmax(240px,30%);grid-auto-flow:column;overflow:auto;gap:18px;padding-bottom:20px;scrollbar-width:thin;scroll-snap-type:x proximity}.reference-strip>a{display:block;scroll-snap-align:start}.reference-strip img{aspect-ratio:1.5;width:100%;object-fit:cover}.reference-strip>a>span{display:flex;justify-content:space-between;font-size:16px;margin-top:14px}.reference-strip i{font-style:normal}.reference-strip small{display:block;font-size:10px;color:#7d8975;line-height:1.7;margin-top:9px}.calculation-details td>small{display:block;font-size:9px;line-height:1.7;color:#87917f;margin-top:5px}.calculation-details td{vertical-align:top}.cart-project td>small{display:block;font-size:9px;line-height:1.7;color:#82917e;margin-top:4px}#porch-step-help{margin-top:14px}#porch-stock-note{margin-bottom:0}.porch-insights+ .calculation-details{border-top:1px solid #d9e1d2}
@media(min-width:1101px){.studio-body:has(#porch-controls:not([hidden])){align-items:start}.studio-body:has(#porch-controls:not([hidden])) .model-wrap{position:sticky;top:0;height:860px}.studio-body:has(#porch-controls:not([hidden])) .controls{max-height:none}.porch-kit-item>span:not(.kit-no-photo){padding-right:3px}}
@media(max-width:1100px){.porch-insights{padding:32px 28px}.porch-explanation{gap:25px}.porch-kit{grid-template-columns:1fr}.porch-kit-item{padding:15px;align-items:center}.porch-kit-item>img{width:85px;height:85px}.porch-kit-item small{margin-bottom:4px}.porch-kit-item em{margin:5px 0}.porch-kit-item .availability{margin-top:4px}.reference-strip{grid-auto-columns:45%}}
@media(max-width:760px){.porch-insights{padding:28px 20px}.porch-explanation{grid-template-columns:1fr;gap:35px}.porch-explanation h3{font-size:22px}.porch-explanation p{min-height:0;font-size:11px}.porch-explanation svg{height:auto;max-height:290px}.porch-explanation>div+div{padding-top:28px;border-top:1px solid #dce2d5}.porch-kit-heading{display:block;margin-top:28px}.porch-kit-heading h3{font-size:20px;line-height:1.4}.porch-kit-heading a{display:inline-block;margin-top:12px}.reference-heading h3{font-size:24px;line-height:1.2}.reference-strip{grid-auto-columns:85%;gap:14px}.reference-strip small{font-size:9px}.project-references{padding-top:34px;padding-bottom:16px}.porch-kit-item>img{width:72px;height:72px}.model-inspector{right:16px;left:16px}.model-inspector button{font-size:8px}.model-label #model-detail-count{max-width:235px}.porch-stock{font-size:11px}.porch-stock input{width:17px;height:17px}#porch-controls>.dimension-grid label{line-height:1.6}}

#zoom-level{font-size:9px;color:#526b5c;text-align:center;padding:5px 0;min-width:32px;font-variant-numeric:tabular-nums}.drag-hint{line-height:1.7;max-width:290px}.drag-hint small{font-size:8px;color:#7c8b80}@media(max-width:760px){.drag-hint{max-width:150px;font-size:8px}.drag-hint small{display:none}}

/* Original bitmap diagrams, clipped above the baked-in captions. */
.porch-rules-heading{margin-bottom:25px}.porch-rules-heading h3{font-size:28px;font-weight:400;letter-spacing:-.7px;margin:0;line-height:1.3}.porch-image-filter{position:absolute;overflow:hidden;pointer-events:none}
.porch-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px;background:#fff;border:1px solid #e1e3dc}
.porch-rule{margin:0;min-width:0}.porch-rule-clip{position:relative;overflow:hidden;width:100%;max-width:250px;aspect-ratio:225/172;margin:0 auto 18px}.porch-rule-clip img{position:absolute;display:block;width:400%;max-width:none;height:auto;left:calc(var(--rule) * -100%);top:0;filter:url(#porch-original-sharpen)}
.porch-rule figcaption{font-family:inherit;font-size:13px;font-weight:400;line-height:1.65;color:#384c46;margin:0}
@media(max-width:1000px){.porch-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:520px){.porch-rule-grid{grid-template-columns:1fr;padding:22px}.porch-rule{max-width:300px;width:100%;margin:auto}.porch-rules-heading h3{font-size:23px}.porch-rule figcaption{font-size:14px}}

.porch-rule:nth-child(3) .porch-rule-clip img{width:391.304348%;left:-195.652174%}
.porch-rule:nth-child(4) .porch-rule-clip img{left:-306.666667%}