/* /isolation (EN) — verbatim port of Codex dealer-site app/insulation/insulation.css (2026-09-21).
   Scope: .dealer-page.insulation-page. Shim adaptations for the PHP/vanilla runtime are appended at the end. */
.insulation-page{--ins-ink:#21342b;--ins-muted:#58695e;--ins-paper:#f5f5ef;--ins-line:#d6dfd3;--ins-orange:#ce6c3f;background:var(--ins-paper);color:var(--ins-ink)}
.ins-wrap{width:86%;max-width:1440px;margin-inline:auto}
.ins-eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.4px;font-weight:550;margin:0 0 24px;color:#586b5c;display:flex;align-items:center;gap:13px}
.ins-eyebrow>span{width:28px;height:2px;background:var(--ins-orange)}
.insulation-page h2{font-size:clamp(2.6rem,4.2vw,4.8rem);line-height:1.06;letter-spacing:-.055em;font-weight:440;margin:0}
.insulation-page h2 em{font-style:normal;color:#70836c}
.ins-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:19px 25px;background:#aa4f2a;color:white;border-radius:4px;font-size:15px;font-weight:500;transition:background .2s}
.ins-button:hover{background:#934021}
.ins-text-link{display:inline-flex;align-items:center;gap:21px;font-size:15px;font-weight:500;line-height:1.6;padding-bottom:9px;border-bottom:1px solid #a7b59e;color:#284c36}
.ins-text-link:hover{color:#a34b28;border-color:currentColor}
.insulation-page a:focus-visible,.insulation-page button:focus-visible{outline:2px solid #d16b3e;outline-offset:5px}
.ins-hero{position:relative;isolation:isolate;overflow:hidden;min-height:710px;height:calc(100svh - 130px);max-height:1000px;background:#14231d;color:white;display:flex;align-items:center}
.ins-hero-image{position:absolute;z-index:-3;inset:-40px 0;width:100%;height:calc(100% + 80px);object-fit:cover;object-position:center;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.ins-hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#10201deb 0%,#10201d9c 31%,#10201d14 65%),linear-gradient(0deg,#10201dbd,transparent 33%)}
.ins-hero-copy{margin-left:7%;width:48%;max-width:660px;padding-block:85px 125px}
.ins-hero .ins-eyebrow{color:#d1ddd0;margin-bottom:28px}
.ins-hero h1{font-size:clamp(5rem,8.4vw,9.8rem);line-height:.96;letter-spacing:-.065em;font-weight:440;margin:0 0 31px}
.ins-hero h1 em{font-style:normal;color:#e3c09e}
.ins-hero-copy>p:not(.ins-eyebrow){font-size:17px;line-height:1.8;color:#e0e8dd;max-width:410px;margin:0 0 34px}
.ins-actions{display:flex;align-items:center;gap:18px 29px;flex-wrap:wrap}
.ins-hero-assessment{display:flex;align-items:center;gap:12px;padding-block:15px;font-size:14px;color:#f6f7ed;border-bottom:1px solid #e3e9de66}
.ins-hero-bottom{position:absolute;left:7%;right:7%;bottom:30px;display:flex;gap:25px;align-items:center;border-top:1px solid #ffffff40;padding-top:22px}
.ins-hero-bottom>span:first-child{font-size:12px;letter-spacing:1.4px;color:#e3eadd;flex:1}
.ins-hero-bottom>span:nth-child(2){font-size:12px;color:#c4d0c6}
.ins-hero-bottom>a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%}
.ins-compass{padding:25px 7%;background:#fff;border-bottom:1px solid var(--ins-line);display:flex;align-items:center;justify-content:space-between;gap:26px;overflow-x:auto}
.ins-compass>span{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1px;white-space:nowrap;color:#6b7e6d}
.ins-compass>a{display:flex;align-items:center;gap:13px;font-size:12px;color:#596f59;white-space:nowrap;min-height:32px}
.ins-compass strong,.ins-compass>a:last-child{font-size:14px;font-weight:500;color:#283c2e}
.ins-intro{padding-block:110px}
.ins-intro-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:12%;align-items:end}
.ins-intro-heading>p{font-size:17px;line-height:1.8;color:var(--ins-muted);max-width:470px;margin:0}
.ins-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px;border-top:1px solid var(--ins-line);padding-top:32px}
.ins-benefits article{position:relative;padding-left:44px}
.ins-benefits svg{position:absolute;left:0;top:3px;color:#769073;width:25px;height:25px}
.ins-benefits h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0 0 12px}
.ins-benefits p{font-size:16px;line-height:1.7;color:var(--ins-muted);margin:0}
.ins-envelope{background:#eeeee7;padding-block:95px}
.ins-envelope-explorer{display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:center}
.ins-house-visual{min-width:0}
.ins-house-frame{position:relative}
.ins-house-frame>img{display:block;width:100%;height:auto;border-radius:5px}
.ins-image-note{font-size:12px;line-height:1.6;color:#657662;margin:18px 0 0}
.ins-hotspot{position:absolute;transform:translate(-50%,-50%);background:#f7f8f2f2;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid #fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 7px #ffffff38,0 7px 20px #24312825;transition:background .2s,box-shadow .2s}
.ins-hotspot>span{width:12px;height:12px;border-radius:50%;background:#aa4f2a;transition:background .2s}
.ins-hotspot:hover,.ins-hotspot[data-popup-open]{background:#aa4f2a;box-shadow:0 0 0 9px #ffffff50,0 7px 20px #24312825}
.ins-hotspot:hover>span,.ins-hotspot[data-popup-open]>span{background:#fff}
.ins-envelope-copy .ins-eyebrow{font-size:12px;letter-spacing:1px}
.ins-envelope-copy h2{font-size:clamp(2.5rem,3.6vw,4rem)}
.ins-envelope-intro{font-size:17px;line-height:1.8;color:var(--ins-muted);max-width:410px;margin:30px 0}
.ins-envelope-hint{display:flex;align-items:center;gap:16px;border-top:1px solid #cbd5c4;padding-top:27px;margin:0;max-width:410px;font-size:14px;line-height:1.6;color:#435b44}
.ins-envelope-hint>span{width:12px;height:12px;background:#aa4f2a;border:3px solid #eeeee7;box-shadow:0 0 0 1px #ba7657;border-radius:50%;flex-shrink:0}
.ins-zone-dialog{width:min(580px,calc(100vw - 32px));max-width:min(580px,calc(100vw - 32px))!important;max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:42px;gap:27px;border-radius:12px;background:#f5f5ef;color:#21342b;z-index:100;box-shadow:0 24px 100px #14231d30}
.ins-zone-dialog [data-slot=dialog-header]{gap:0}
.ins-zone-label{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;font-weight:550;letter-spacing:1.2px;text-transform:uppercase;color:#a04d2b;margin:0 25px 25px 0}
.ins-zone-label>svg{flex-shrink:0}
.ins-zone-dialog [data-slot=dialog-title]{font-family:inherit;font-size:clamp(1.9rem,4vw,2.5rem);line-height:1.1;letter-spacing:-.045em;font-weight:480;color:#21342b;margin:0 0 23px}
.ins-zone-dialog [data-slot=dialog-description]{font-size:16px;line-height:1.8;color:#58695e;margin:0}
.ins-zone-checks{border-block:1px solid #d6dfd3;padding:23px 0}
.ins-zone-checks h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:550;color:#58695e;margin:0 0 17px}
.ins-zone-checks ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.ins-zone-checks li{display:flex;align-items:baseline;gap:12px;font-size:14px;line-height:1.6;color:#435b44}
.ins-zone-checks li:before{content:'';width:5px;height:5px;border-radius:50%;background:#aa4f2a;flex-shrink:0}
.ins-zone-dialog-cta[data-slot=button]{width:100%;height:auto;min-height:48px;white-space:normal;justify-content:space-between;gap:15px;padding:16px 20px;background:#aa4f2a;color:white;font-size:14px;line-height:1.5;border-radius:4px}
.ins-zone-dialog-cta[data-slot=button]:hover{background:#934021}
.ins-zone-dialog [data-slot=dialog-close]{top:12px;right:12px;width:36px;height:36px;border-radius:50%;color:#21342b;background:#e7ebe2}
.ins-zone-dialog button:focus-visible{outline:2px solid #aa4f2a;outline-offset:4px}
@media(max-width:600px){.ins-zone-dialog{padding:32px 24px 24px;gap:23px}.ins-zone-dialog [data-slot=dialog-title]{font-size:1.9rem}.ins-zone-dialog [data-slot=dialog-description]{font-size:15px}.ins-zone-dialog-cta[data-slot=button]{padding:15px}.ins-envelope-intro{font-size:16px}}
.insulation-page .assessment-section{background:#f5f5ef}
.insulation-page .assessment-product{min-width:0}
.insulation-page .assessment-product>span:not([data-slot]){white-space:normal}
.ins-footer{display:grid;grid-template-columns:auto 1fr auto;gap:30px;padding-block:45px 38px;color:#283d2f}
.ins-footer>p{font-size:16px;margin:0;align-self:center;justify-self:center}
.ins-footer>a:not(.abelarti-wordmark){display:flex;align-items:center;gap:13px;font-size:14px}
.ins-footer>span{grid-column:1/-1;display:flex;align-items:center;gap:10px;border-top:1px solid var(--ins-line);padding-top:25px;font-size:12px;color:#61745f}
@media(max-width:1100px){.ins-compass>span{display:none}.ins-hero-copy{width:57%}.ins-intro-heading{gap:7%}.ins-benefits{gap:25px}.ins-benefits article{padding-left:0}.ins-benefits svg{position:static;margin-bottom:17px}.ins-envelope-explorer{gap:5%;grid-template-columns:1fr 1fr}}
@media(max-width:899px){.ins-hero{min-height:700px}.ins-hero h1{font-size:6rem}.ins-hero-copy{width:67%}.ins-intro{padding-block:80px}.ins-intro-heading{grid-template-columns:1fr;gap:29px}.ins-intro-heading>p{max-width:600px}.ins-benefits{margin-top:45px}.ins-envelope{padding-block:70px}.ins-envelope-explorer{grid-template-columns:1fr;gap:40px}.ins-house-visual{max-width:700px;margin-inline:auto}.ins-envelope-copy h2{font-size:3.5rem}.ins-footer{grid-template-columns:1fr auto}.ins-footer>p{grid-column:1/-1;grid-row:2;justify-self:start}}
@media(max-width:600px){.ins-wrap{width:86%}.ins-hero{height:auto;min-height:760px;align-items:flex-start}.ins-hero-image{object-position:64% center}.ins-hero-shade{background:linear-gradient(90deg,#10201de3,#10201d71 75%),linear-gradient(0deg,#10201def,transparent 55%)}.ins-hero-copy{width:86%;padding-top:65px;padding-bottom:170px}.ins-hero .ins-eyebrow{font-size:12px;letter-spacing:1px}.ins-hero h1{font-size:clamp(4.7rem,17vw,6.5rem)}.ins-hero-copy>p:not(.ins-eyebrow){font-size:16px;max-width:335px}.ins-actions{align-items:flex-start;flex-direction:column;gap:9px}.ins-button{font-size:14px;padding:17px 21px}.ins-hero-bottom{bottom:27px;gap:18px;flex-wrap:wrap;padding-top:18px}.ins-hero-bottom>span:first-child{flex:1 0 75%;font-size:12px;max-width:240px;line-height:1.6}.ins-hero-bottom>span:nth-child(2){order:3;flex-basis:100%;font-size:12px}.ins-hero-bottom>a{margin-left:auto}.ins-compass{gap:30px;padding-block:18px}.ins-compass>a:last-child{display:none}.ins-intro{padding-block:65px}.insulation-page h2{font-size:2.7rem}.ins-intro-heading>p{font-size:16px}.ins-benefits{grid-template-columns:1fr;gap:27px;margin-top:38px;padding-top:29px}.ins-benefits article{padding-left:42px}.ins-benefits svg{position:absolute;margin:0}.ins-benefits h3{font-size:18px}.ins-benefits p{font-size:16px}.ins-envelope{padding-block:55px}.ins-hotspot{width:44px;height:44px;box-shadow:0 0 0 4px #ffffff38}.ins-envelope-explorer{gap:36px}.ins-image-note{font-size:12px}.ins-text-link{font-size:14px;gap:13px}.ins-footer{padding-block:35px;gap:24px}.ins-footer>p{font-size:16px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.ins-hero-image{transform:none!important;will-change:auto}.insulation-page *, .insulation-page *:before,.insulation-page *:after{scroll-behavior:auto;transition:none!important}}

.ins-section-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:45px}
.ins-section-heading>p{font-size:16px;line-height:1.8;max-width:355px;color:var(--ins-muted);margin:0}
.ins-materials{padding-block:110px}
.ins-material-story{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:center;margin-bottom:65px}
.ins-material-story>div>p:not(.ins-eyebrow){font-size:17px;line-height:1.8;color:var(--ins-muted);max-width:430px;margin:28px 0}
.ins-material-story figure{margin:0;position:relative}
.ins-material-story figure>img{width:100%;height:auto;border-radius:5px}
.ins-material-story figcaption{font-size:12px;line-height:1.6;color:#66755e;margin-top:15px}
.ins-maker{display:grid;grid-template-columns:auto 1fr;column-gap:30px;row-gap:8px;align-items:center;margin:34px 0 35px}
.ins-maker>span:first-child{grid-column:1;font-size:12px;letter-spacing:1.2px;color:#697d62}
.ins-maker>strong{grid-column:1;grid-row:2;font-size:39px;font-weight:750;letter-spacing:-2px;color:#314a34;line-height:1}
.ins-maker>span:last-child{grid-column:2;grid-row:1/3;border-left:1px solid #c5d2bf;padding-left:25px;font-size:12px;line-height:1.8;color:#677962}
.ins-maker b{font-size:15px;font-weight:550;color:#2b462f}
.ins-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;scroll-margin-top:35px}
.ins-material-card{background:white;border:1px solid #dce4d7;padding:27px;min-width:0;display:flex;flex-direction:column;border-radius:5px}
.ins-material-card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6c7e67;letter-spacing:1px;gap:15px}
.ins-material-card>img{width:100%;height:235px;object-fit:contain;margin:10px 0 14px}
.ins-material-card>.ins-eyebrow{font-size:12px;letter-spacing:.5px;margin-bottom:13px;color:#a55734}
.ins-material-card h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;font-weight:500;margin:0 0 18px;min-height:60px}
.ins-material-card>p:not(.ins-eyebrow){font-size:16px;line-height:1.75;color:var(--ins-muted);margin:0 0 24px;flex:1}
.ins-material-card dl{margin:0 0 25px}
.ins-material-card dl>div{border-top:1px solid #e1e7dc;padding:16px 0}
.ins-material-card dt{font-size:12px;line-height:1.5;color:#697d62;margin:0 0 7px}
.ins-material-card dd{font-size:15px;line-height:1.6;color:#2f4a34;margin:0}
.ins-material-card dd>small{font-size:12px;white-space:nowrap}
.ins-material-card>a{display:flex;align-items:center;justify-content:space-between;gap:17px;font-size:14px;padding-top:20px;border-top:1px solid #cdd9c7;color:#324f37}
.ins-material-card>a small{display:block;font-size:12px;color:#697d62;margin-top:6px}
.ins-material-card>a:hover{color:#a24c2a}
.ins-material-note{font-size:12px;line-height:1.8;color:#63755d;max-width:1150px;margin:28px 0 0}
.ins-craft{padding-block:100px 45px;background:#1a2f25;color:#f3f5ee}
.ins-craft-heading{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:50px}
.ins-craft .ins-eyebrow{color:#bccdb4}
.ins-craft h2{color:#f3f5ee}
.ins-craft h2 em{color:#b2c6a6}
.ins-craft-heading>p{font-size:17px;line-height:1.8;max-width:380px;margin:0;color:#c6d5bf}
.ins-craft-gallery{display:grid;grid-template-columns:1.55fr .75fr;gap:28px;align-items:end}
.ins-craft-gallery figure{margin:0;min-width:0}
.ins-craft-main{padding-bottom:60px}
.ins-craft-main>img{width:100%;height:470px;object-fit:cover;border-radius:4px}
.ins-craft-detail>img{width:100%;height:515px;object-fit:cover;border-radius:4px}
.ins-craft-gallery figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 25px;font-size:12px;line-height:1.6;color:#c4d2bc;margin-top:18px}
.ins-craft-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:30px;margin-top:35px;border-top:1px solid #ffffff26}
.ins-craft-bottom>span{font-size:12px;line-height:1.7;color:#b8cdb0;max-width:570px}
.ins-craft-bottom>a{display:flex;align-items:center;gap:18px;font-size:14px;color:#e5ecdf;white-space:nowrap}
.ins-notebook{padding-block:110px}
.ins-notebook-navigation{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:30px 0}
.ins-notebook-navigation>p{font-size:12px;letter-spacing:1px;color:#5e745e;margin:0}
.ins-notebook-navigation>div{display:flex;gap:10px}
.ins-notebook-navigation .ins-notebook-arrow{position:static;inset:auto;margin:0;width:43px;height:43px;background:transparent;color:#2d4c34;border:1px solid #adbea3;transform:none}
.ins-notebook-navigation .ins-notebook-arrow:hover{background:#e4eddd}
.ins-notebook-track{margin-left:-24px}
.ins-notebook-item{padding-left:24px;flex-basis:33.3333%;min-width:0}
.ins-notebook-open{display:block;width:100%;padding:0;border:0;background:#263b2b;border-radius:5px;overflow:hidden;position:relative;cursor:pointer;text-align:left}
.ins-notebook-open>img{display:block;width:100%;height:auto;aspect-ratio:1639/2048;object-fit:contain;transition:filter .2s}
.ins-notebook-open:hover>img{filter:brightness(.9)}
.ins-notebook-expand{position:absolute;bottom:16px;right:15px;background:#f2f6edf2;color:#2d4832;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:12px;border-radius:24px}
.ins-notebook-caption{padding-top:23px}
.ins-notebook-caption>span{font-size:12px;letter-spacing:.6px;color:#5d7055}
.ins-notebook-caption h3{font-size:23px;line-height:1.2;font-weight:480;letter-spacing:-.6px;margin:15px 0 12px}
.ins-notebook-caption p{font-size:16px;line-height:1.7;color:var(--ins-muted);margin:0;max-width:380px}
.ins-notebook-dialog{width:min(900px,calc(100vw - 32px));max-width:min(900px,calc(100vw - 32px))!important;max-height:94svh;padding:25px;overflow:auto;background:#f5f6f0;color:#203129;border-radius:7px;z-index:100}
.ins-notebook-dialog [data-slot=dialog-header]{padding-right:28px}
.ins-notebook-dialog [data-slot=dialog-title]{font-size:22px;line-height:1.3;color:#203129}
.ins-notebook-dialog [data-slot=dialog-description]{font-size:14px;line-height:1.6;color:#596d58}
.ins-notebook-dialog>img{max-height:68svh;height:auto;width:100%;object-fit:contain}
.ins-notebook-dialog>a{display:flex;align-items:center;gap:12px;font-size:14px;color:#335337}
.ins-why{padding-block:90px;background:#e9efe4}
.ins-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ins-promises article{border-top:1px solid #becdb5;padding-top:27px}
.ins-promises svg{width:27px;height:27px;color:#6e8860}
.ins-promises h3{font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.5px;margin:25px 0 15px}
.ins-promises p{font-size:16px;line-height:1.75;color:#53664b;margin:0}
.ins-process{padding-block:110px;background:#213a2a;color:#f4f7ed}
.ins-process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:start}
.ins-process-intro{position:sticky;top:65px}
.ins-process .ins-eyebrow{color:#bfd1b4}
.ins-process h2{color:#f4f7ed}
.ins-process h2 em{color:#b9cdae}
.ins-process-intro>p:not(.ins-eyebrow){font-size:17px;line-height:1.8;color:#ceddc6;margin:28px 0 34px;max-width:330px}
.ins-process .ins-button{font-size:14px;gap:19px}
.ins-steps{list-style:none;margin:0;padding:0}
.ins-steps li{display:grid;grid-template-columns:38px 1fr 27px;gap:23px;padding:32px 0;border-top:1px solid #73866980}
.ins-steps li:first-child{padding-top:5px;border-top:0}
.ins-steps li:last-child{padding-bottom:0}
.ins-step-number{font-size:13px;color:#b9cba9;line-height:2.1}
.ins-steps svg{color:#c3d6b3;margin-top:2px}
.ins-steps h3{font-size:24px;font-weight:450;line-height:1.25;letter-spacing:-.65px;color:#f3f7ec;margin:0 0 15px}
.ins-steps p{font-size:16px;line-height:1.8;color:#c2d3b8;margin:0;max-width:470px}
.ins-support{display:grid;grid-template-columns:1.05fr .85fr;gap:12%;padding-block:105px;align-items:center}
.ins-support-copy>p:not(.ins-eyebrow){font-size:17px;line-height:1.8;color:var(--ins-muted);margin:28px 0 30px;max-width:480px}
.ins-support-card{background:#e7d3bd;border:1px solid #d4b798;padding:40px;border-radius:5px;color:#4c3828}
.ins-support-card>svg{color:#8d512d;margin-bottom:30px}
.ins-support-card>span{display:block;font-size:12px;letter-spacing:1px;color:#7a5135}
.ins-support-card h3{font-size:43px;font-weight:450;letter-spacing:-1.6px;line-height:1.08;margin:20px 0}
.ins-support-card>p{font-size:16px;line-height:1.8;color:#664d37;margin:0 0 28px}
.ins-support-card>div{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;margin-top:15px;color:#5b432e}
.ins-support-card>div svg{margin-top:3px;flex-shrink:0}
.ins-coverage{background:#eaf0e6;padding-block:90px}
.ins-coverage-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14%;align-items:center}
.ins-coverage-grid>div>p:not(.ins-eyebrow){font-size:17px;line-height:1.8;color:#53684b;margin:28px 0;max-width:510px}
.ins-cantons{display:flex;gap:9px;flex-wrap:wrap;margin:29px 0}
.ins-cantons>span{border:1px solid #becdb4;border-radius:24px;background:#f8faf4;padding:10px 14px;font-size:13px;color:#36502b}
.ins-coverage address{display:flex;gap:13px;align-items:center;font-style:normal;border-top:1px solid #bfd0b4;padding-top:25px;margin-top:32px;color:#596f4f;font-size:14px;line-height:1.8}
.ins-coverage address>svg{color:#bc5b32;flex-shrink:0}
.ins-coverage address strong{display:block;color:#2d4a25;font-size:15px}
.ins-swiss-map{border-radius:50%;aspect-ratio:1;background:#20372a;display:grid;place-items:center;overflow:hidden}
.ins-swiss-map>img{width:92%;height:auto}
.ins-faq{padding-block:110px;display:grid;grid-template-columns:.75fr 1.25fr;gap:12%;align-items:start}
.ins-faq>div:first-child>p:not(.ins-eyebrow){font-size:16px;line-height:1.8;color:var(--ins-muted);max-width:330px;margin:28px 0}
.ins-faq-list{border-top:1px solid #c4d1ba}
.ins-faq-list [data-slot=accordion-item]{border-bottom:1px solid #c4d1ba}
.ins-faq-list [data-slot=accordion-trigger]{padding:25px 0;gap:18px;display:flex;align-items:start;color:#2a452e;box-shadow:none;background:none;font-size:17px;line-height:1.5;text-align:left}
.ins-faq-list [data-slot=accordion-trigger]>span{font-size:12px;color:#8d613d;padding-top:4px}
.ins-faq-list [data-slot=accordion-trigger]>strong{flex:1;font-weight:480}
.ins-faq-list [data-slot=accordion-trigger]>svg{margin-top:4px}
.ins-faq-list [data-slot=accordion-content]{padding:0 28px 25px 33px}
.ins-faq-list [data-slot=accordion-content] p{font-size:16px;line-height:1.8;color:var(--ins-muted);margin:0}
@media(max-width:1100px){.ins-material-story{gap:6%;grid-template-columns:1fr 1fr}.ins-material-card{padding:22px}.ins-material-card>img{height:190px}.ins-material-card h3{font-size:23px}.ins-material-grid{gap:18px}.ins-craft-heading{gap:8%}.ins-craft-main>img{height:380px}.ins-craft-detail>img{height:430px}.ins-promises{gap:23px}.ins-process-grid,.ins-support{gap:8%}.ins-process .ins-button{gap:14px;padding-inline:19px}.ins-support-card{padding:33px}.ins-coverage-grid,.ins-faq{gap:9%}}
@media(max-width:899px){.ins-materials,.ins-notebook,.ins-support,.ins-faq{padding-block:80px}.ins-material-story{grid-template-columns:1fr;gap:40px}.ins-material-story figure{max-width:650px}.ins-material-story>div>p:not(.ins-eyebrow){max-width:570px}.ins-material-grid{grid-template-columns:1fr}.ins-material-card{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;padding:28px}.ins-material-card-top{grid-column:1/-1;margin-bottom:17px}.ins-material-card>img{grid-column:1;grid-row:2/6;width:100%;height:260px;align-self:center}.ins-material-card>.ins-eyebrow,.ins-material-card>h3,.ins-material-card>p:not(.ins-eyebrow),.ins-material-card>dl{grid-column:2}.ins-material-card>h3{min-height:0;margin-bottom:14px}.ins-material-card>a{grid-column:1/-1}.ins-material-card dl{margin-bottom:18px}.ins-craft{padding-top:75px}.ins-craft-heading,.ins-section-heading{display:block}.ins-craft-heading>p,.ins-section-heading>p{max-width:530px;margin-top:27px}.ins-craft-gallery{gap:20px}.ins-craft-main>img{height:330px}.ins-craft-detail>img{height:370px}.ins-craft-main{padding-bottom:35px}.ins-craft-bottom{align-items:flex-start;flex-direction:column;gap:20px}.ins-notebook-item{flex-basis:50%}.ins-promises{grid-template-columns:1fr 1fr;gap:35px}.ins-process{padding-block:80px}.ins-process-grid{grid-template-columns:1fr;gap:55px}.ins-process-intro{position:static}.ins-process-intro>p:not(.ins-eyebrow){max-width:540px}.ins-support{grid-template-columns:1fr;gap:40px}.ins-support-card{max-width:590px}.ins-coverage{padding-block:75px}.ins-coverage-grid{grid-template-columns:1fr .65fr;gap:7%}.ins-coverage-grid h2{font-size:3rem}.ins-faq{grid-template-columns:1fr;gap:45px}.ins-faq>div:first-child>p:not(.ins-eyebrow){max-width:530px}}
@media(max-width:600px){.ins-materials,.ins-notebook,.ins-support,.ins-faq{padding-block:65px}.ins-material-story{margin-bottom:40px;gap:32px}.ins-material-story>div>p:not(.ins-eyebrow){font-size:16px}.ins-maker{column-gap:23px}.ins-maker>strong{font-size:35px}.ins-maker>span:last-child{padding-left:21px}.ins-material-card{display:flex;padding:25px}.ins-material-card-top{margin:0}.ins-material-card>img{height:220px}.ins-material-card h3{font-size:25px;min-height:0}.ins-material-card>.ins-eyebrow{font-size:12px}.ins-material-card>a{width:100%}.ins-material-note{font-size:12px;margin-top:24px}.ins-craft{padding-block:65px 35px}.ins-craft-heading>p{font-size:16px}.ins-craft-heading{margin-bottom:35px}.ins-craft-gallery{grid-template-columns:1fr}.ins-craft-main{padding:0}.ins-craft-main>img{height:310px}.ins-craft-detail{width:76%;justify-self:end;margin-top:15px!important}.ins-craft-detail>img{height:370px}.ins-craft-gallery figcaption{font-size:12px}.ins-craft-bottom{margin-top:28px;padding-top:24px}.ins-notebook-navigation>p{max-width:190px;font-size:12px;letter-spacing:.5px;line-height:1.7}.ins-notebook-navigation{margin-block:23px}.ins-notebook-item{flex-basis:88%}.ins-notebook-caption>span{font-size:12px;letter-spacing:.2px}.ins-notebook-caption h3{font-size:22px}.ins-notebook-expand{font-size:12px;padding:9px 11px}.ins-section-heading{margin-bottom:33px}.ins-why{padding-block:65px}.ins-promises{grid-template-columns:1fr;gap:28px}.ins-promises article{position:relative;padding-left:44px;padding-top:23px}.ins-promises svg{position:absolute;left:0;top:25px;width:25px;height:25px}.ins-promises h3{margin-top:0}.ins-process{padding-block:65px}.ins-process-grid{gap:45px}.ins-process-intro>p:not(.ins-eyebrow){font-size:16px}.ins-steps li{grid-template-columns:26px 1fr 23px;gap:13px;padding-block:27px}.ins-steps h3{font-size:22px}.ins-steps p{font-size:16px}.ins-support-card{padding:30px 26px}.ins-support-card h3{font-size:38px}.ins-support-copy>p:not(.ins-eyebrow){font-size:16px}.ins-coverage{padding-block:65px}.ins-coverage-grid{grid-template-columns:1fr;gap:40px}.ins-coverage-grid h2{font-size:2.7rem}.ins-coverage-grid>div>p:not(.ins-eyebrow){font-size:16px}.ins-swiss-map{max-width:360px;width:100%;margin-inline:auto}.ins-faq-list [data-slot=accordion-trigger]{font-size:16px;gap:12px;padding-block:23px}.ins-faq-list [data-slot=accordion-content]{padding-left:28px;padding-right:15px}.ins-notebook-dialog{padding:22px 17px}.ins-notebook-dialog [data-slot=dialog-title]{font-size:21px}}

/* Fit the descriptive service name without changing the hero composition. */
.ins-hero h1{font-size:clamp(3.5rem,5.3vw,6.1rem);line-height:1.02}
@media(max-width:899px){.ins-hero h1{font-size:clamp(3.5rem,6.8vw,5.2rem)}}
@media(max-width:600px){.ins-hero h1{font-size:clamp(2.8rem,10.5vw,4.2rem)}}

/* ===== Port shims (shadcn Dialog/Carousel/Accordion/Button → dealer.js runtime) ===== */
.dealer-page.insulation-page{background:var(--ins-paper);color:var(--ins-ink)}
.insulation-page .ins-hero h1{margin-bottom:31px}
/* Dialog: DialogContent = dialog.dealer-dialog > div (base shim resets padding/bg; restore the Codex look) */
.dealer-page dialog.dealer-dialog>.ins-zone-dialog{display:grid;gap:27px;padding:42px;margin-inline:auto;background:#f5f5ef;color:#21342b;border-radius:12px;box-shadow:0 24px 100px #14231d30}
.dealer-page dialog.dealer-dialog>.ins-notebook-dialog{display:grid;gap:16px;padding:25px;margin-inline:auto;background:#f5f6f0;color:#203129;border-radius:7px}
.ins-zone-dialog [data-slot=dialog-header],.ins-notebook-dialog [data-slot=dialog-header]{display:grid;gap:8px}
.ins-notebook-dialog [data-slot=dialog-title]{margin:0}
.ins-notebook-dialog [data-slot=dialog-description]{margin:0}
.ins-zone-dialog-cta[data-slot=button]{display:flex;align-items:center;border:0;cursor:pointer;font:inherit;font-weight:500;text-decoration:none}
.ins-hotspot{font:inherit}
.dealer-page .ins-zone-dialog .dealer-dialog-close,.dealer-page .ins-notebook-dialog .dealer-dialog-close{width:36px;height:36px;top:12px;right:12px;background:#e7ebe2;color:#21342b}
.dealer-page .ins-notebook-dialog .dealer-dialog-close{background:#e7ebe2}
@media(max-width:600px){.dealer-page dialog.dealer-dialog>.ins-zone-dialog{padding:32px 24px 24px;gap:23px}.dealer-page dialog.dealer-dialog>.ins-notebook-dialog{padding:22px 17px}}
/* Carousel: embla CarouselItem flex-basis vs. snap-shim flex:0 0 auto */
.ins-notebook-carousel .carousel-viewport{overflow-x:auto}
.dealer-page [data-carousel] .carousel-track>.ins-notebook-item{flex:0 0 33.3333%}
@media(max-width:899px){.dealer-page [data-carousel] .carousel-track>.ins-notebook-item{flex-basis:50%}}
@media(max-width:600px){.dealer-page [data-carousel] .carousel-track>.ins-notebook-item{flex-basis:88%}}
.ins-notebook-navigation .ins-notebook-arrow{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font:inherit;padding:0}
.ins-notebook-navigation .ins-notebook-arrow svg{width:16px;height:16px}
.ins-notebook-navigation .ins-notebook-arrow:disabled{opacity:.5;cursor:default;pointer-events:none}
.ins-notebook-open{font:inherit}
/* Accordion: chevron wrapper span (FAQ partial markup) instead of a bare svg */
.ins-faq-list [data-slot=accordion-trigger]>[data-slot=accordion-trigger-icon]{margin-top:4px;width:18px;height:18px;color:inherit}
.ins-faq-list [data-slot=accordion-trigger]:hover{text-decoration:none;color:#a34e2a}
.ins-faq-list [data-slot=accordion-content]>div>p{font-size:16px;line-height:1.8;color:var(--ins-muted);margin:0}
.ins-faq-list h3[data-slot=accordion-header]{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}