.origin-promo{background:#1b303c;color:#f7f5ef;padding:65px 0}.origin-promo>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.origin-promo h2{font-size:clamp(38px,4vw,58px)}.origin-promo p{color:#c9d2d4;font-size:13px;max-width:350px;margin:22px 0 28px}.origin-promo figure{height:350px;position:relative}.origin-promo img{height:100%;width:100%;object-fit:cover}.origin-promo figcaption{position:absolute;bottom:9px;right:10px;color:#fff;font-size:8px;font-weight:400;line-height:1.35;background:#15283780;padding:2px 5px;width:fit-content;max-width:calc(100% - 20px)}.designer-hub{display:grid;grid-template-columns:1fr 1fr;gap:30px}.designer-hub-card{border:1px solid #dedfd6;background:#fff}.designer-hub-card figure{height:320px;overflow:hidden}.designer-hub-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.designer-hub-card:hover img{transform:scale(1.025)}.designer-hub-card .hub-belm{background:#e5dfd2}.designer-hub-card .hub-belm img{object-fit:contain;padding:30px}.designer-hub-card>div{padding:28px}.designer-hub-card h2{font-size:33px}.designer-hub-card p{margin:15px 0 22px;font-size:13px}
.origin-scene{height:490px}.origin-wordmark{position:absolute;left:24px;top:24px;font-size:17px;letter-spacing:.25em;font-weight:750;z-index:2}.origin-scene[data-wall=brick] .origin-wordmark{color:#fff}#origin-render{position:absolute;inset:0;padding:0 14px;display:grid;place-items:center}.origin-elevation{display:block;width:100%;height:100%}.origin-key{font-size:9px;color:#6a7975;line-height:1.7;margin-top:8px}.origin-scene #origin-photo{height:100%;width:100%;object-fit:cover}.origin-scene:has(#origin-photo:not([hidden])) .scene-footer{background:#152837b3;color:#fff;padding:9px}.origin-scene:has(#origin-photo:not([hidden])) .origin-wordmark{color:white;text-shadow:0 1px 6px #152837}.origin-scene:has(#origin-photo.panel-photo:not([hidden])){background:#e5dfd2}.origin-scene #origin-photo.panel-photo{object-fit:contain;padding:45px}.origin-scene:has(#origin-photo.panel-photo:not([hidden])) .origin-wordmark{color:#152837;text-shadow:none}.origin-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.origin-product-choice{border:1px solid #dde1d8;background:#f7f8f3;color:#243b46;position:relative;padding:10px 6px;text-align:center;min-width:0}.origin-product-choice .origin-elevation{height:75px}.origin-product-choice strong{font-size:13px;display:block;margin:4px 0}.origin-product-choice small{font-size:8px;line-height:1.5;display:block;min-height:25px;color:#6a7776}.origin-product-choice[aria-pressed=true]{background:#f4efe4;border-color:#a58a55;box-shadow:inset 0 0 0 1px #a58a55}.origin-product-choice[aria-pressed=true] .model-check{display:block}.origin-product-grid:has([data-product=front]:not([hidden])),.origin-product-grid:has([data-product=oi30]:not([hidden])){grid-template-columns:1fr}.origin-product-grid:has([data-product=front]:not([hidden])) .origin-product-choice,.origin-product-grid:has([data-product=oi30]:not([hidden])) .origin-product-choice{display:grid;grid-template-columns:110px 1fr;text-align:left;align-items:center;padding:8px 15px;column-gap:15px}.origin-product-grid:has([data-product=front]:not([hidden])) svg,.origin-product-grid:has([data-product=oi30]:not([hidden])) svg{grid-row:span 2}.origin-product-grid:has([data-product=front]:not([hidden])) small,.origin-product-grid:has([data-product=oi30]:not([hidden])) small{align-self:start}.origin-families{gap:6px}.origin-families button{font-size:9px;padding:7px 10px}.origin-panel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:15px 0 22px}.origin-panel-grid .model-choice img{height:100px}.origin-panel-grid .model-choice strong{font-size:9px}.origin-panel-grid .model-choice small{font-size:6px}.origin-layouts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.origin-layouts button{display:flex;align-items:center;gap:10px;min-height:58px;background:#f7f8f3;border:1px solid #dde1d8;color:#2f4651;text-align:left;padding:9px;font-size:10px;line-height:1.45}.origin-layouts button[aria-pressed=true],.origin-style-options button[aria-pressed=true]{background:#f4efe4;border-color:#a58a55;box-shadow:inset 0 0 0 1px #a58a55}.origin-layout-icon{width:50px;height:32px;display:flex;flex-shrink:0;border:2px solid #40535b}.origin-layout-icon i{flex:1;background:#c4d0cd;border-right:2px solid #40535b}.origin-layout-icon i:last-child{border:0}.origin-designer .designer-next{margin-top:23px}.origin-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.origin-style-options button{background:#f7f8f3;border:1px solid #dde1d8;color:#2f4651;padding:14px 7px}.origin-style-options strong{font-size:11px;display:block}.origin-style-options small{font-size:8px;display:block;line-height:1.6;margin-top:6px}.origin-hardware{margin-top:25px}.origin-hardware label{font-size:12px}.origin-hardware select{font-size:12px}.origin-sides{gap:6px}.origin-sides button{padding:10px 5px;font-size:10px}.origin-designer [hidden]{display:none!important}.origin-designer .model-description{margin:17px 0}.origin-designer .preview-bottom h2{font-size:28px}.origin-designer .designer-swatches{gap:10px 8px}
.origin-entrance-link{display:flex;gap:25px;justify-content:center;align-items:center;padding:24px 0;border-bottom:1px solid #dedfd6;font-size:12px}.origin-entrance-link .text-link{font-size:11px}
@media(min-width:1450px){.origin-scene{height:540px}}
@media(max-width:1150px){.origin-scene{height:440px}.origin-layouts button{font-size:9px;gap:7px}.origin-layout-icon{width:42px}.origin-panel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.origin-panel-grid .model-choice img{height:85px}}
@media(max-width:900px){.origin-scene{height:370px}.origin-product-grid{gap:6px}.origin-product-choice strong{font-size:11px}.origin-product-choice small{font-size:7px}.origin-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.origin-panel-grid .model-choice img{height:100px}.origin-panel-grid .model-choice small{font-size:8px}.origin-layouts{grid-template-columns:1fr}.origin-promo>.wrap{gap:30px}.origin-promo figure{height:300px}}
@media(max-width:640px){.origin-promo{padding:45px 0}.origin-promo>.wrap,.designer-hub{grid-template-columns:1fr}.origin-promo figure{height:270px}.designer-hub-card figure{height:280px}.designer-hub-card h2{font-size:32px}.origin-scene{height:235px}.origin-wordmark{top:13px;left:15px;font-size:13px}.origin-designer .preview-bottom h2{font-size:22px}.origin-designer .preview-caption{font-size:8px}.origin-key{font-size:8px;margin-top:4px}.origin-designer .designer-visual{padding-bottom:8px}.origin-designer .scene-footer span:last-child{font-size:7px}.origin-product-choice .origin-elevation{height:72px}.origin-product-choice strong{font-size:12px}.origin-product-choice small{font-size:8px}.origin-panel-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.origin-panel-grid .model-choice img{height:85px}.origin-panel-grid .model-choice strong{font-size:7px}.origin-panel-grid .model-choice small{font-size:5.8px}.origin-layouts{grid-template-columns:1fr 1fr}.origin-layouts button{font-size:9px;gap:7px}.origin-layout-icon{width:38px;height:29px}.origin-families button{font-size:9px}.origin-style-options small{font-size:8px}body:has(#origin-designer) .floating-contact{display:none}body:has(#origin-designer) footer{padding-bottom:25px}}
@media(max-width:640px) and (max-height:740px){.origin-scene{height:180px}.origin-key{display:none}}
/* Proportional elevations and real opening-layout choices. */
.origin-size-field{padding-top:18px;border-top:1px solid #e0e4db}.origin-size-field .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.origin-size-field .field{min-width:0;margin-bottom:0}.origin-size-field label{font-size:11px}.origin-size-field input{font-size:13px;padding:11px;width:100%}.origin-size-field .quiet-button{font-size:10px}.origin-layouts button{display:block;padding:10px 8px;text-align:center}.origin-layout-icon{display:block;border:0;background:#e8e8df;width:100%;height:90px;margin-bottom:7px}.origin-layout-icon svg{height:100%;width:100%;display:block}.origin-layouts button>span:last-child{font-size:10px;display:block}.origin-view-controls{display:flex;gap:8px;margin-top:13px}.origin-view-controls button{flex:1;border:1px solid #cbd3c7;background:#f7f5ef;color:#39505a;font-size:11px;min-height:40px;padding:8px 10px}.origin-view-controls button[aria-pressed=true]{background:#203743;color:#fff;border-color:#203743}.origin-view-controls button:disabled{opacity:.35;cursor:default}.origin-operation{background:#eeeee5;border:1px solid #dbe0d3;padding:8px 15px 12px;margin-top:12px}.origin-opening-drawing{height:125px}.origin-opening-drawing svg{width:100%;height:100%;display:block}.origin-operation label{display:flex;justify-content:space-between;font-size:10px;color:#506459;margin:5px 0}.origin-operation input{display:block;width:100%;accent-color:#796037;min-height:25px}.origin-operation p{font-size:9px;line-height:1.65;margin-top:4px}.origin-designer .preview-caption{margin-top:10px}.origin-designer:has(#origin-operation:not([hidden])) .origin-scene{height:340px}.origin-designer .designer-visual{top:100px}
@media(max-width:900px){.origin-layouts{grid-template-columns:1fr 1fr}.origin-layout-icon{height:72px}.origin-designer:has(#origin-operation:not([hidden])) .origin-scene{height:290px}.origin-opening-drawing{height:105px}}
@media(max-width:640px){.origin-view-controls{margin-top:8px;gap:7px}.origin-view-controls button{min-height:34px;font-size:9px;padding:5px}.origin-designer .designer-visual{top:75px}.origin-designer:has(#origin-operation:not([hidden])) .origin-scene{height:160px}.origin-operation{margin-top:6px;padding:3px 9px 6px}.origin-opening-drawing{height:80px}.origin-operation p{font-size:8px;line-height:1.4}.origin-operation label{font-size:8px;margin-top:0}.origin-designer .preview-caption{font-size:8px;margin-top:6px}.origin-designer:has(#origin-operation:not([hidden])) .preview-caption,.origin-designer:has(#origin-operation:not([hidden])) .origin-key{display:none}.origin-layout-icon{height:85px}.origin-layouts button>span:last-child{font-size:9px}.origin-size-field .field-grid{grid-template-columns:1fr 1fr;gap:12px}.origin-entrance-link{flex-wrap:wrap;padding-left:20px;padding-right:20px;gap:8px}}
@media(max-width:640px) and (max-height:740px){.origin-designer:has(#origin-operation:not([hidden])) .origin-scene{height:125px}.origin-designer .origin-operation p{display:none}.origin-opening-drawing{height:65px}}