.door-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:22px 0 32px}.door-intro{font-size:17px;line-height:1.8;color:#65717b;margin:24px 0 28px;max-width:610px}.door-hero-note{display:flex;align-items:center;gap:14px;margin-top:32px;max-width:390px;font-size:12px;line-height:1.7;color:#65717b}.door-hero-note>span{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #cbd3ce;border-radius:50%;color:#c51b29;font-size:21px}.door-scene{position:relative;border-radius:26px;overflow:hidden;min-height:450px;padding:30px 28px 25px;background:linear-gradient(120deg,#e4e7df 0%,#f0ede3 55%,#d5ded6 100%);isolation:isolate}.door-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(112deg,transparent 40%,#ffffff70 40%,#ffffff70 56%,transparent 56%);z-index:-1}.door-scene-index{font-size:10px;letter-spacing:.19em;color:#64726a}.door-scene-object{width:100%;max-width:470px;margin:0 auto;filter:drop-shadow(12px 16px 12px #35443620)}.door-scene-object svg{width:100%;height:auto;display:block}.door-scene>p{font-size:17px;font-weight:600;line-height:1.4;max-width:310px;margin:0}.doors--sliding .door-scene{background:linear-gradient(120deg,#d5e3df,#f1eadc)}.doors--aluminium .door-scene{background:linear-gradient(120deg,#dce1e3,#c1cfcd)}.doors--armoured .door-scene{background:linear-gradient(120deg,#e6ded2,#d4c4ad)}.door-nav{display:flex;gap:9px;flex-wrap:wrap;padding:12px 0 0}.door-nav>a{display:flex;align-items:center;gap:16px;border:1px solid #d4dbd8;border-radius:30px;padding:12px 18px;min-height:44px;font-size:12px;line-height:1.5}.door-nav>a[aria-current]{background:#263632;border-color:#263632;color:#fff}.door-nav>a:hover{border-color:#c51b29}.door-nav span{color:#b62432}.ol-doors .c-shape-art{height:260px;background:#e9ece6}.ol-doors .c-shapes article:nth-child(2) .c-shape-art{background:#e4e9e8}.ol-doors .c-shapes article:nth-child(3) .c-shape-art{background:#eae4d9}.door-card-number{color:#a6aca6;font-size:11px;display:block;margin-bottom:12px}.door-spec{padding:40px;border-radius:24px;background:#243731;color:white;display:grid;grid-template-columns:.9fr 1.2fr;gap:55px}.door-spec .d-eyebrow{color:#cfb087}.door-spec p{font-size:14px;line-height:1.8;color:#c4d0ca;margin-top:20px}.door-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.door-spec-grid>div{border-top:1px solid #607269;padding-top:17px}.door-spec-grid span{color:#c8ad89;font-size:12px}.door-spec-grid h3{margin-top:16px;font-size:18px}.door-spec-grid p{margin:10px 0 0;font-size:13px}.door-legacy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.door-legacy figure{margin:0;padding:22px;border-radius:18px;background:#fff;border:1px solid #dce2dc;display:grid;place-items:center}.door-legacy img{display:block;width:100%;height:260px;object-fit:contain}.door-legacy--single{grid-template-columns:1fr;max-width:620px}.door-legacy--single img{height:330px}.ol-doors #door-variants,.ol-doors #door-request{scroll-margin-top:165px}.ol-doors .c-shape-copy>button{min-height:44px}.ol-doors .d-request a{display:inline-block}.ol-doors .d-request .d-phone{display:block}.ol-doors .d-request .formcard textarea{min-height:115px}
@media(max-width:1000px){.door-hero{gap:25px}.door-scene{min-height:390px}.door-spec{gap:28px;padding:30px}.door-hero .c-actions{align-items:stretch;flex-direction:column}.door-hero .c-actions>*{text-align:center}.door-legacy img{height:200px}}
@media(max-width:760px){.door-hero{grid-template-columns:1fr;padding-top:14px;gap:28px}.door-hero-copy{max-width:620px}.door-hero .c-actions{flex-direction:row}.door-scene{min-height:0;padding:24px}.door-scene-object{max-width:390px}.door-spec{grid-template-columns:1fr}.ol-doors .c-shapes{grid-template-columns:1fr}.ol-doors .c-shape-art{height:260px}.door-legacy{grid-template-columns:1fr}.door-legacy img{height:280px}.door-hero-note{margin-top:22px}}
@media(max-width:460px){.door-intro{font-size:15px;margin:20px 0}.door-hero .c-actions{flex-direction:column}.door-scene>p{font-size:16px}.door-nav{gap:7px}.door-nav>a{font-size:11px;padding:11px 13px;gap:10px}.door-spec{padding:28px 23px}.door-spec-grid{grid-template-columns:1fr;gap:22px}.door-legacy img,.door-legacy--single img{height:240px}.ol-doors #door-variants,.ol-doors #door-request{scroll-margin-top:110px}}