.sys-hero__title[data-v-1124a9af]{--sys-hero-title-lh:.88}@media (width<=768px){.sys-hero__title[data-v-1124a9af]{--sys-hero-title-lh:initial}}.sys-hero[data-v-1124a9af]{--nav-overlap:155px;--hero-h:calc(84vh + 100px);--hero-max-h:1000px;margin-top:calc(var(--nav-overlap)*-1);z-index:auto!important}.door-compat[data-v-79e70c26]{padding:80px 0}.door-compat__title[data-v-79e70c26]{letter-spacing:-.4px;color:var(--optima-graphite,#403c45);margin:0 0 40px;font-family:Poppins,sans-serif;font-size:40px;font-weight:500;line-height:1.2}.door-compat__cards[data-v-79e70c26]{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}@media (width<=1024px){.door-compat[data-v-79e70c26]{padding-top:40px}.door-compat__title[data-v-79e70c26]{font-size:28px}.door-compat__cards[data-v-79e70c26]{grid-template-columns:1fr}}@media (width<=768px){.door-compat[data-v-79e70c26]{padding:40px 0 56px}.door-compat__title[data-v-79e70c26]{margin-bottom:28px}.door-compat__cards[data-v-79e70c26]{gap:20px}}@media (width>=769px) and (width<=1024px){.door-compat__cards[data-v-79e70c26]{--edge:15px;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:none;margin-left:calc(var(--edge)*-1);margin-right:calc(var(--edge)*-1);padding-left:var(--edge);padding-right:var(--edge);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--edge),#000 calc(100% - var(--edge)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--edge),#000 calc(100% - var(--edge)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--edge),#000 calc(100% - var(--edge)),transparent 100%);flex-wrap:nowrap;display:flex;overflow-x:auto}.door-compat__cards[data-v-79e70c26]::-webkit-scrollbar{display:none}.door-compat__cards[data-v-79e70c26]>*{flex:0 0 360px}}.door-overview__scroll-content[data-v-918719ee]{z-index:2;position:relative}.door-overview__wave[data-v-918719ee]{z-index:2;width:100%;height:122px;display:block;position:absolute;top:-120px;left:0}@media (width<=768px){.door-overview__wave[data-v-918719ee]{height:96px;top:-94px}}.door-overview__bg-tint[data-v-918719ee]{z-index:3;background-color:#f7f7f7;position:relative;overflow:visible}.door-overview__bg-chladni[data-v-918719ee]{--chladni-anchor:25px;--chladni-overscan:4.2;--chladni-straddle:.3;--chladni-shift:-50vw;z-index:-1;opacity:0;will-change:opacity}.door-overview__intro[data-v-918719ee]{z-index:99;background:0 0;padding:60px 0 80px;position:relative}.door-overview__intro-inner[data-v-918719ee]{justify-content:flex-start;align-items:flex-start;gap:40px;display:flex}.door-overview__intro-heading[data-v-918719ee]{margin:0 0 16px;font-size:26px;font-weight:600;line-height:1.35}.door-overview__intro-heading[data-v-918719ee],.door-overview__intro-text p[data-v-918719ee]{color:var(--optima-graphite,#403c45);max-width:860px;font-family:Poppins,sans-serif}.door-overview__intro-text p[data-v-918719ee]{flex-wrap:wrap;margin:0;font-size:22px;font-weight:400;line-height:38px;display:flex}.door-overview__intro-badges[data-v-918719ee]{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:32px;display:flex}.door-overview__intro-badges[data-v-918719ee] .acoustic-rating-badge{border:1px solid var(--optima-graphite,#403c45);width:auto}.door-overview__intro-buttons[data-v-918719ee]{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.door-overview__btn[data-v-918719ee]{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.door-overview__btn[data-v-918719ee]:hover{opacity:.85;transform:translateY(-1px)}.door-overview__btn--graphite[data-v-918719ee]{background:var(--optima-graphite,#403c45);color:#fff}.door-overview__footer-spacer[data-v-918719ee]{height:1px}@media (width<=1024px){.door-overview__intro[data-v-918719ee]{padding-bottom:40px}.door-overview__intro-inner[data-v-918719ee]{flex-direction:column;align-items:flex-start}}@media (width<=768px){.door-overview__intro-badges[data-v-918719ee]{flex-direction:column}.door-overview__intro-heading[data-v-918719ee]{font-size:21px}.door-overview__intro-text p[data-v-918719ee]{font-size:18px;line-height:30px}}.page-layout:has(.sys-page--door)>.site-header-wrapper .site-header--light{background:#fff}
