/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Manrope;src:url(/fonts/manrope-variable.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--charcoal:#14171a;--charcoal-2:#1d2226;--charcoal-3:#262c31;--charcoal-line:#d8e1e6;--paper:#fff;--mist:#f3f6f8;--mist-2:#e6ecef;--line:#d8e1e6;--surface:#fff;--surface-alt:#f4f7f9;--surface-hover:#eaf0f4;--ink:#171a1d;--ink-2:#3b4147;--muted:#596974;--on-cool:#202c36;--on-cool-muted:#52616e;--orange:#e8672a;--orange-2:#f07c43;--orange-ink:#1a1410;--radius:4px;--wrap:1320px;--gutter:clamp(20px, 4vw, 56px);--font:Manrope, "Segoe UI", system-ui, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:130px}body{font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}img{height:auto}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3,h4{letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere;font-weight:700;line-height:1.08}h1{letter-spacing:-.035em;font-size:clamp(2.5rem,5.2vw,4.75rem)}h2{font-size:clamp(1.9rem,3.4vw,3rem)}h3{font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.2}h4{letter-spacing:-.01em;font-size:1.05rem}p,li,dd,dt{overflow-wrap:anywhere}small{font-size:.8em}address{font-style:normal}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:2px}::selection{background:var(--orange);color:#fff}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(var(--wrap), calc(100% - 2 * var(--gutter)));margin-inline:auto}.section{padding:clamp(64px,8vw,120px) 0}.on-cool{background:var(--surface-alt);color:var(--on-cool)}.on-cool+.on-cool{border-top:1px solid var(--charcoal-line)}.on-mist{background:var(--mist)}.on-cool .section-intro,.on-cool .lead,.on-cool p{color:var(--on-cool-muted)}.on-cool h2,.on-cool h3,.on-cool h4{color:var(--ink)}.on-cool .eyebrow{color:var(--on-cool-muted)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin:0 0 20px;font-size:.74rem;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--orange);flex:none;width:22px;height:2px}.eyebrow.light{color:var(--on-cool-muted)}.section-head{max-width:760px;margin-bottom:clamp(32px,4vw,56px)}.section-head.wide{max-width:960px}.section-head.row{justify-content:space-between;align-items:flex-end;gap:32px;max-width:none;display:flex}.section-head.row>div{max-width:760px}.section-head.row .text-link{flex:none;margin-bottom:6px}.section-intro,.lead{color:var(--ink-2);max-width:66ch;margin-top:18px;font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:1.65}.sub-title{margin:clamp(48px,6vw,80px) 0 28px;font-size:clamp(1.35rem,2vw,1.75rem)}.mini-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:28px 0 12px;font-size:.78rem;font-weight:700;display:block}.on-cool .mini-title{color:var(--on-cool-muted)}.note{max-width:78ch;color:var(--muted);border-left:2px solid var(--orange);margin-top:24px;padding-left:16px;font-size:.9rem;line-height:1.6}.index{letter-spacing:.08em;color:var(--orange);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;display:inline-block}.prose p{color:var(--ink-2);max-width:70ch;margin:0 0 1.1em;font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.7}.prose p:last-child{margin-bottom:0}.prose h2{margin:2em 0 .6em;font-size:clamp(1.4rem,2vw,1.85rem)}.prose section:first-child h2,.prose>h2:first-child{margin-top:0}.prose a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.on-cool .prose p{color:var(--on-cool-muted)}.button{border-radius:var(--radius);letter-spacing:-.005em;text-align:center;background:var(--ink);color:#fff;min-height:48px;transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:.92rem;font-weight:700;line-height:1.25;display:inline-flex}.button:hover{background:var(--charcoal-3)}.button:active{transform:translateY(1px)}.button.orange{background:var(--orange);color:var(--orange-ink)}.button.orange:hover{background:var(--orange-2)}.button.ghost{color:var(--ink);background:0 0;border-color:#1c2f3d59}.button.ghost:hover{border-color:var(--ink);background:#1c2f3d0f}.button.ghost.dark{border-color:var(--ink);color:var(--ink)}.button.small{min-height:40px;padding:8px 16px;font-size:.82rem}.text-link{border-bottom:2px solid var(--orange);transition:gap .2s var(--ease);align-items:center;gap:10px;padding-bottom:4px;font-size:.95rem;font-weight:700;display:inline-flex}.text-link:after{content:"→";color:var(--orange)}.text-link:hover{gap:16px}.chip{border:1px solid var(--line);background:var(--paper);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.chip:hover{border-color:var(--orange)}.on-cool .chip{background:var(--surface-alt);border-color:var(--charcoal-line);color:var(--on-cool)}.skip{z-index:200;background:var(--orange);color:var(--orange-ink);border-radius:var(--radius);padding:12px 16px;font-weight:700;position:fixed;top:-120px;left:12px}.skip:focus{top:12px}.header{z-index:100;color:var(--on-cool);-webkit-backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #1c2f3d14;position:sticky;top:0}.header-inner{height:76px;width:min(1480px, calc(100% - 2 * var(--gutter)));justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;color:var(--ink);align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:inline-flex}.brand svg{flex:none}.desktop-nav{gap:6px;display:flex}.desktop-nav a{color:var(--on-cool);border-radius:var(--radius);padding:10px 14px;font-size:.92rem;font-weight:600;position:relative}.desktop-nav a:hover{color:var(--ink);background:#1c2f3d0f}.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:4px;left:14px;right:14px}.header-actions{align-items:center;gap:18px;display:flex}.languages{letter-spacing:.06em;gap:2px;font-size:.78rem;font-weight:700;display:flex}.languages a{border-radius:var(--radius);color:var(--on-cool-muted);padding:6px 8px}.languages a:hover{color:var(--ink)}.languages a[aria-current]{color:var(--ink);background:#1c2f3d1a}.menu-toggle{border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;display:none}.menu-toggle span{background:var(--ink);width:22px;height:2px;transition:transform .25s var(--ease);display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}#mobile-nav{padding:8px var(--gutter) 24px;background:var(--surface);border-top:1px solid #1c2f3d14;flex-direction:column;max-height:calc(100vh - 76px);display:flex;overflow-y:auto}#mobile-nav a{color:var(--ink);border-bottom:1px solid #1c2f3d14;padding:14px 0;font-size:1.2rem;font-weight:700}#mobile-nav a.sub{color:var(--on-cool-muted);padding-left:20px;font-size:1rem;font-weight:600}#mobile-nav a.sub:before{content:"— ";color:var(--orange)}.hero{background:var(--surface);color:var(--on-cool);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,64px);padding:clamp(40px,6vw,88px) 0 clamp(40px,5vw,72px);display:grid;position:relative}.hero h1{color:var(--ink);font-size:clamp(2.5rem,4.1vw,4rem)}.hero-lead{color:var(--on-cool-muted);max-width:56ch;margin-top:24px;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-note{color:var(--on-cool-muted);border-left:2px solid var(--orange);max-width:52ch;margin-top:24px;padding-left:14px;font-size:.88rem;line-height:1.6}.hero-media{position:relative}.hero-media .picture{aspect-ratio:3/2;border-radius:6px;box-shadow:0 24px 60px -36px #19314340}.hero-media:after{content:"";pointer-events:none;border:1px solid #1c2f3d1f;border-radius:6px;width:40%;height:40%;position:absolute;bottom:-8%;right:-6%}.hero-strip{border-top:1px solid #1c2f3d1a;grid-template-columns:auto 1fr;align-items:center;gap:32px;padding:24px 0 32px;display:grid;position:relative}.strip-label{letter-spacing:.12em;text-transform:uppercase;color:var(--on-cool-muted);white-space:nowrap;font-size:.78rem;font-weight:700}.strip-lines{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.strip-lines a{border-radius:var(--radius);transition:background .2s var(--ease), border-color .2s var(--ease);background:#1c2f3d0a;border:1px solid #1c2f3d14;grid-template-columns:auto 1fr;gap:4px 14px;padding:14px 16px;display:grid}.strip-index{color:var(--orange);grid-row:1/3;align-self:start;padding-top:3px;font-size:.78rem;font-weight:700}.strip-lines b{color:var(--ink);font-size:1rem}.strip-pos{color:var(--on-cool-muted);font-size:.85rem;line-height:1.4}.picture{background:var(--mist-2);border-radius:var(--radius);margin:0;position:relative;overflow:hidden}.picture picture,.picture img{object-fit:cover;width:100%;height:100%}.picture figcaption{color:#fff;letter-spacing:.02em;backdrop-filter:blur(4px);background:#14171ac7;border-radius:3px;max-width:calc(100% - 24px);padding:6px 10px;font-size:.72rem;font-weight:600;line-height:1.3;position:absolute;bottom:12px;left:12px}.selector{border-top:1px solid var(--line)}.selector-row{border-bottom:1px solid var(--line)}.selector-link{transition:background .25s var(--ease);grid-template-columns:56px minmax(0,34%) minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(24px,3vw,40px) 0;display:grid}.selector-link:hover{background:linear-gradient(90deg,#0000,#e8672a0d,#0000)}.selector-index{color:var(--orange);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.selector-picture{aspect-ratio:4/3}.selector-picture img{transition:transform .6s var(--ease)}.selector-link:hover .selector-picture img{transform:scale(1.04)}.selector-body{flex-direction:column;gap:10px;min-width:0;display:flex}.selector-name{letter-spacing:-.03em;font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:700;line-height:1.05}.selector-name b{color:var(--orange)}.selector-tagline{color:var(--ink-2);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.5}.selector-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:8px;padding-top:14px;font-size:.92rem;line-height:1.45;display:grid}.selector-meta>span{flex-direction:column;gap:4px;display:flex}.selector-meta small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.selector-cta{white-space:nowrap;align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:inline-flex}.selector-cta i{border:1px solid var(--line);width:44px;height:44px;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border-radius:50%;place-items:center;font-size:1.1rem;font-style:normal;display:grid}.selector-link:hover .selector-cta i{background:var(--orange);border-color:var(--orange);color:var(--orange-ink)}.compact-lines{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.compact-line{border:1px solid var(--line);transition:border-color .2s var(--ease), transform .2s var(--ease);background:#fff;border-radius:6px;flex-direction:column;gap:8px;padding:16px;display:flex}.compact-line:hover{border-color:var(--orange);transform:translateY(-2px)}.on-cool .compact-line{background:var(--surface-alt);border-color:var(--charcoal-line)}.compact-line .picture{aspect-ratio:16/10;margin-bottom:8px}.compact-name{letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.compact-name b{color:var(--orange)}.compact-tagline{color:var(--ink-2);font-size:.95rem;line-height:1.45}.compact-pos{color:var(--muted);border-top:1px solid var(--line);padding-top:8px;font-size:.82rem}.buildup-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.buildup-copy .section-head{margin-bottom:0}.buildup-links{gap:10px;margin-top:32px;display:grid}.buildup-links a{border-radius:var(--radius);border:1px solid var(--charcoal-line);background:var(--surface-alt);transition:border-color .2s var(--ease);grid-template-columns:auto auto 1fr;align-items:center;gap:4px 14px;padding:12px 14px;display:grid}.buildup-links a:hover{border-color:var(--orange)}.buildup-links b{color:var(--ink)}.buildup-links span{color:var(--on-cool-muted);font-size:.88rem}.roof{gap:20px;display:grid}.roof-labels{display:none}.roof-svg{border:1px solid var(--charcoal-line);background:#fff;border-radius:6px;width:100%;height:auto}.roof-svg text{font-family:var(--font);fill:var(--on-cool-muted);font-size:14px;font-weight:600}.roof .layer{transition:opacity .35s var(--ease), transform .5s var(--ease)}.roof .label{transition:opacity .35s var(--ease)}.roof .label polyline{transition:stroke .35s var(--ease)}.roof:not([data-layer=""]) :where(.layer:not(.layer-static)){opacity:.4}.roof:not([data-layer=""]) :where(.label){opacity:.45}.roof[data-layer=pv] .layer-pv,.roof[data-layer=vloei] .layer-vloei,.roof[data-layer=mem] .layer-mem,.roof[data-layer=dek] .layer-dek,.roof[data-layer=ins] .layer-ins,.roof[data-layer=vcl] .layer-vcl,.roof[data-layer=deck] .layer-deck,.roof[data-layer=weer] .layer-weer,.roof[data-layer=pv] .label-pv,.roof[data-layer=vloei] .label-vloei,.roof[data-layer=mem] .label-mem,.roof[data-layer=dek] .label-dek,.roof[data-layer=ins] .label-ins,.roof[data-layer=vcl] .label-vcl,.roof[data-layer=deck] .label-deck,.roof[data-layer=weer] .label-weer{opacity:1}.roof[data-layer=pv] .label-pv text,.roof[data-layer=vloei] .label-vloei text,.roof[data-layer=mem] .label-mem text,.roof[data-layer=dek] .label-dek text,.roof[data-layer=ins] .label-ins text,.roof[data-layer=vcl] .label-vcl text,.roof[data-layer=deck] .label-deck text,.roof[data-layer=weer] .label-weer text{fill:var(--ink);font-weight:700}.roof[data-layer=pv] .label-pv polyline,.roof[data-layer=vloei] .label-vloei polyline,.roof[data-layer=mem] .label-mem polyline,.roof[data-layer=dek] .label-dek polyline,.roof[data-layer=ins] .label-ins polyline,.roof[data-layer=vcl] .label-vcl polyline,.roof[data-layer=deck] .label-deck polyline,.roof[data-layer=weer] .label-weer polyline{stroke:var(--orange)}.roof.pending:not(.animate) .layer:not(.layer-static){opacity:0;transform:translateY(14px)}.roof.animate .layer{transition-delay:0s}.roof.animate .layer-deck{transition-delay:50ms}.roof.animate .layer-vcl{transition-delay:.12s}.roof.animate .layer-ins{transition-delay:.19s}.roof.animate .layer-dek{transition-delay:.26s}.roof.animate .layer-mem{transition-delay:.33s}.roof.animate .layer-vloei{transition-delay:.4s}.roof.animate .layer-pv{transition-delay:.5s}.roof.animate .layer-weer{transition-delay:.58s}.roof-legend{flex-wrap:wrap;gap:8px;display:flex}.roof-legend button{border:1px solid var(--charcoal-line);background:var(--surface-alt);min-height:40px;color:var(--on-cool);text-align:left;transition:border-color .2s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;font-weight:600;line-height:1.25;display:inline-flex}.roof-legend button:hover{border-color:var(--on-cool-muted)}.roof-legend button[aria-pressed=true]{border-color:var(--orange);color:var(--ink);background:#e8672a24}.sw{border:1px solid #1c2f3d40;border-radius:3px;flex:none;width:12px;height:12px;display:inline-block}.sw-pv{background:#1b2026}.sw-vloei{background:#d3d7d9}.sw-mem{background:#23282d}.sw-dek{background:#a4abb2}.sw-ins{background:#e6e1d3}.sw-vcl{background:#14171a}.sw-deck{background:#3b434b}.sw-weer{background:#b8bcbd}.roof-note{color:var(--on-cool-muted);font-size:.82rem;line-height:1.5}.section:not(.on-cool) .roof-svg{border-color:var(--line);background:#fff}.section:not(.on-cool) .roof-legend button{border-color:var(--line);color:var(--ink);background:#fff}.section:not(.on-cool) .roof-legend button:hover{border-color:var(--ink)}.section:not(.on-cool) .roof-legend button[aria-pressed=true]{border-color:var(--orange);color:var(--ink);background:#e8672a1a}.section:not(.on-cool) .sw{border-color:#00000026}.section:not(.on-cool) .roof-note{color:var(--muted)}.situations{grid-template-columns:1fr 1fr;gap:28px;display:grid}.situation{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.situation:first-child{grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.situation-media .picture{aspect-ratio:16/10;border-radius:0;height:100%}.situation:first-child .situation-media .picture{aspect-ratio:auto;min-height:380px}.situation-media img{transition:transform .6s var(--ease)}.situation:hover .situation-media img{transform:scale(1.03)}.situation-body{flex-direction:column;gap:14px;padding:clamp(22px,3vw,40px);display:flex}.situation-body h3{font-size:clamp(1.3rem,1.9vw,1.7rem)}.situation-body h3 a:hover{color:var(--orange)}.situation-body p{color:var(--ink-2);line-height:1.55}.situation-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;display:flex}.situation-body .text-link{align-self:flex-start;margin-top:auto;font-size:.9rem}.benefits-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.benefits-media{gap:20px;display:grid;position:relative}.benefits-main{aspect-ratio:4/5}.benefits-small{aspect-ratio:4/3;border:6px solid var(--paper);width:60%;margin-top:-25%;margin-left:auto;box-shadow:0 30px 60px -40px #0009}.benefits{counter-reset:b;display:grid}.benefits li{counter-increment:b;border-top:1px solid var(--line);padding:24px 0 24px 64px;position:relative}.benefits li:last-child{border-bottom:1px solid var(--line)}.benefits li:before{content:"0" counter(b);color:var(--orange);font-size:.85rem;font-weight:700;position:absolute;top:26px;left:0}.benefits h3{margin-bottom:8px;font-size:1.2rem}.benefits p{color:var(--ink-2);line-height:1.6}.teaser-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.teaser-copy .button{margin-top:28px}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:#fff;border-radius:6px;overflow-x:auto}.on-cool .table-scroll{border-color:var(--charcoal-line);background:var(--surface-alt)}.matrix{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem;line-height:1.5}.matrix th,.matrix td{vertical-align:top;border-bottom:1px solid var(--line);padding:16px 18px}.matrix thead th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--charcoal);font-size:.8rem;font-weight:700}.matrix thead th b{color:var(--orange)}.matrix tbody th{color:var(--ink);background:var(--mist);width:18%;font-weight:700}.matrix tbody tr:last-child>*{border-bottom:0}.matrix.full{min-width:760px}.matrix.full thead th{padding-top:20px;padding-bottom:20px}.matrix.mini{min-width:560px;font-size:.88rem}.on-cool .matrix th,.on-cool .matrix td{border-color:var(--charcoal-line);color:var(--on-cool)}.on-cool .matrix thead th{color:var(--on-cool-muted);border-bottom-color:var(--orange)}.on-cool .matrix tbody th{background:var(--surface-hover);color:var(--ink)}.article-list{border-top:1px solid var(--line)}.article-list li{border-bottom:1px solid var(--line)}.article-list a{grid-template-columns:56px minmax(0,1fr) minmax(0,22%);align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(22px,2.5vw,34px) 0;display:grid}.article-list.large a{grid-template-columns:56px minmax(0,1fr) minmax(0,30%);padding:clamp(28px,3vw,44px) 0}.article-list .index{align-self:start;padding-top:6px}.article-copy{flex-direction:column;gap:10px;min-width:0;display:flex}.article-title{letter-spacing:-.02em;transition:color .2s var(--ease);font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:700;line-height:1.2}.article-list.large .article-title{font-size:clamp(1.4rem,2.2vw,2rem)}.article-list a:hover .article-title{color:var(--orange)}.article-lead{color:var(--ink-2);max-width:70ch;font-size:.98rem;line-height:1.55}.article-copy .chip{align-self:flex-start;margin-top:6px}.article-list .picture{aspect-ratio:4/3}.article-list img{transition:transform .6s var(--ease)}.article-list a:hover img{transform:scale(1.04)}.article-hero .wrap{max-width:960px;margin-inline:auto}.article-hero h1{font-size:clamp(2rem,4vw,3.6rem)}.article-meta{color:var(--on-cool-muted);margin-top:24px;font-size:.85rem}.article-meta a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:3px}.article-picture{aspect-ratio:21/9;border-radius:8px;margin-top:-48px;box-shadow:0 30px 60px -40px #00000080}.section.article{padding-top:clamp(48px,6vw,88px)}.article-grid{grid-template-columns:minmax(0,260px) minmax(0,760px);justify-content:space-between;gap:clamp(32px,6vw,96px);display:grid}.article-aside{align-self:start;position:sticky;top:100px}.article-aside ol{border-left:2px solid var(--line)}.article-aside li a{color:var(--muted);border-left:2px solid #0000;margin-left:-2px;padding:8px 0 8px 16px;font-size:.9rem;font-weight:600;line-height:1.4;display:block}.article-aside li a:hover{color:var(--ink);border-left-color:var(--orange)}.article-body{gap:clamp(36px,4vw,56px);min-width:0;display:grid}.article-body .prose section{scroll-margin-top:120px}.practice{background:var(--mist);border-radius:8px;padding:clamp(24px,3vw,36px)}.practice h2{margin-bottom:16px;font-size:1.25rem}.takeaway{border-left:4px solid var(--orange);letter-spacing:-.02em;text-wrap:balance;padding:28px 0 28px 28px;font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:600;line-height:1.35}.sources h2{margin-bottom:14px;font-size:1.1rem}.sources ul{gap:10px;display:grid}.sources li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 0;font-size:.95rem;display:flex}.sources li:last-child{border-bottom:1px solid var(--line)}.sources a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);font-weight:600}.sources small{color:var(--muted)}.next .eyebrow{margin-bottom:14px}.line-card{background:var(--surface);color:var(--on-cool);transition:background .2s var(--ease);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:4px 20px;padding:20px 24px;display:grid}.line-card:hover{background:var(--surface-hover)}.line-card b{color:var(--ink);font-size:1.15rem}.line-card span{color:var(--on-cool-muted);grid-column:1;font-size:.92rem}.line-card i{background:var(--orange);width:44px;height:44px;color:var(--orange-ink);border-radius:50%;grid-area:1/2/3;place-items:center;font-size:1.1rem;font-style:normal;display:grid}.on-cool .line-card{background:var(--surface-alt);border:1px solid var(--charcoal-line)}.pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;padding-top:28px;display:grid}.pager a{flex-direction:column;gap:6px;font-weight:600;line-height:1.35;display:flex}.pager a small{color:var(--orange);font-size:1rem}.pager a:hover{color:var(--orange)}.pager-next{text-align:right;align-items:flex-end}.calc{background:var(--surface);color:var(--on-cool);border-radius:8px;padding:clamp(24px,3vw,40px)}.calc h2{color:var(--ink);margin-bottom:24px;font-size:1.35rem}.calc-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.calc label{color:var(--on-cool-muted);flex-direction:column;gap:8px;font-size:.88rem;font-weight:600;display:flex}.calc input{border-radius:var(--radius);border:1px solid var(--charcoal-line);background:var(--surface-alt);width:100%;min-height:48px;color:var(--ink);font-variant-numeric:tabular-nums;padding:10px 14px;font-size:1.1rem;font-weight:700}.calc input:focus{outline:3px solid var(--orange);outline-offset:0;border-color:var(--orange)}.calc-presets-label{letter-spacing:.1em;text-transform:uppercase;color:var(--on-cool-muted);margin:24px 0 10px;font-size:.78rem;font-weight:700}.calc-presets{flex-wrap:wrap;gap:8px;display:flex}.calc-presets button{border-radius:var(--radius);border:1px solid var(--charcoal-line);background:var(--surface-alt);color:var(--on-cool);text-align:left;flex-direction:column;gap:2px;padding:10px 14px;font-size:.85rem;line-height:1.3;display:flex}.calc-presets button b{color:var(--ink)}.calc-presets button[aria-pressed=true]{border-color:var(--orange);background:#e8672a24}.calc output{letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:28px;font-size:clamp(2rem,4vw,3rem);font-weight:800;display:block}.calc-note{color:var(--on-cool-muted);margin-top:12px;font-size:.85rem;line-height:1.5}.page-hero{background:var(--surface);color:var(--on-cool);padding:clamp(40px,6vw,88px) 0 clamp(48px,6vw,96px);position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.page-hero .wrap{position:relative}.page-hero h1{color:var(--ink);max-width:20ch}.page-hero-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.page-hero-media .picture{aspect-ratio:4/3;border-radius:6px}.hero-index{border-left:1px solid #1c2f3d1f;place-content:center start;align-self:stretch;gap:4px;padding-left:clamp(0px,3vw,40px);display:grid}.hero-index a{border-radius:var(--radius);color:var(--on-cool);grid-template-columns:36px 1fr;gap:12px;padding:12px 8px;font-weight:600;line-height:1.3;display:grid}.hero-index a:hover{color:var(--ink);background:#1c2f3d0f}.hero-index span{color:var(--orange);padding-top:3px;font-size:.82rem;font-weight:700}.crumb{color:var(--on-cool-muted);flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:.85rem;display:flex}.crumb a{text-underline-offset:3px;font-weight:600;text-decoration:underline #1c2f3d4d}.crumb a:hover{color:var(--ink);-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.product-hero{background:var(--surface);color:var(--on-cool);position:relative;overflow:hidden}.product-hero:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.product-hero>.wrap{padding:clamp(32px,5vw,64px) 0 clamp(40px,6vw,88px);position:relative}.product-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,64px);display:grid}.product-hero h1{color:var(--ink);font-size:clamp(2.5rem,4.1vw,4rem)}.product-meta{border-top:1px solid #1c2f3d1f;grid-template-columns:1fr 1fr;gap:16px 28px;margin-top:32px;padding-top:24px;display:grid}.product-meta dt{letter-spacing:.12em;text-transform:uppercase;color:var(--on-cool-muted);margin-bottom:6px;font-size:.74rem;font-weight:700}.product-meta dd{color:var(--ink);font-size:1rem;font-weight:600;line-height:1.4}.product-hero-media .picture{aspect-ratio:4/3;border-radius:8px;box-shadow:0 24px 60px -36px #19314340}.subnav{z-index:40;background:var(--surface-alt);border-top:1px solid var(--charcoal-line);border-bottom:1px solid var(--charcoal-line);position:sticky;top:76px}.subnav ol{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;display:flex;overflow-x:auto}.subnav ol::-webkit-scrollbar{display:none}.subnav a{color:var(--on-cool-muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:16px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.subnav a span{color:var(--orange);font-size:.75rem}.subnav a:hover,.subnav a[aria-current]{color:var(--ink);border-bottom-color:var(--orange)}.function-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.loads{counter-reset:l;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.loads li{counter-increment:l;background:var(--mist);border-top:3px solid var(--charcoal);border-radius:8px;padding:24px}.loads li:before{content:"0" counter(l);color:var(--orange);margin-bottom:14px;font-size:.8rem;font-weight:700;display:block}.loads h4{margin-bottom:10px;font-size:1.1rem}.loads p{color:var(--ink-2);font-size:.98rem;line-height:1.6}.material-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.material-picture{aspect-ratio:4/3;border-radius:8px}.material-copy .section-head{margin-bottom:0}.points{border-top:1px solid var(--charcoal-line);gap:0;margin-top:28px;display:grid}.points li{border-bottom:1px solid var(--charcoal-line);color:var(--on-cool);padding:16px 0 16px 36px;line-height:1.5;position:relative}.points li:before{content:"";background:var(--orange);width:14px;height:2px;position:absolute;top:24px;left:4px}.process-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.steps{border-top:1px solid var(--line);display:grid}.steps li{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;gap:16px;padding:20px 0;display:grid}.steps .index{padding-top:4px}.steps h3{margin-bottom:6px;font-size:1.15rem}.steps p{color:var(--ink-2);font-size:.98rem;line-height:1.55}.process-picture{aspect-ratio:4/5;border-radius:8px;position:sticky;top:140px}.details{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.detail .picture{aspect-ratio:3/2;margin-bottom:16px}.detail h4{margin-bottom:8px;font-size:1.1rem}.detail p{color:var(--ink-2);font-size:.98rem;line-height:1.55}.spec-groups{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.spec-group{border:1px solid var(--line);background:#fff;border-radius:8px;padding:clamp(22px,3vw,36px)}.spec-group h3{margin-bottom:10px;font-size:1.2rem}.spec-intro{color:var(--muted);margin-bottom:20px;font-size:.92rem;line-height:1.55}.spec-table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5}.spec-table th,.spec-table td{border-top:1px solid var(--line);vertical-align:top;text-align:left;padding:12px 0}.spec-table th{width:40%;color:var(--ink);padding-right:16px;font-weight:700}.spec-table td{color:var(--ink-2);font-variant-numeric:tabular-nums}.spec-sources{color:var(--muted);margin-top:24px;font-size:.88rem;line-height:1.7}.spec-sources span{color:var(--ink);font-weight:700}.spec-sources a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.decision{grid-template-columns:1fr 1fr;gap:24px;display:grid}.decision-col{border:1px solid var(--line);border-radius:8px;padding:clamp(24px,3vw,40px)}.decision-col.yes{border-top:4px solid var(--orange);background:#fff}.decision-col.no{background:var(--mist);border-top:4px solid var(--charcoal)}.decision-col h3{margin-bottom:18px;font-size:1.15rem}.decision-col li{border-top:1px solid var(--line);padding:12px 0 12px 32px;line-height:1.5;position:relative}.decision-col li:before{font-weight:800;position:absolute;top:12px;left:0}.decision-col.yes li:before{content:"✓";color:var(--orange)}.decision-col.no li:before{content:"—";color:var(--muted)}.faq-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.faq-grid .section-head{margin-bottom:0;position:sticky;top:140px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 0;font-size:1.1rem;font-weight:700;line-height:1.35;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";border:1px solid var(--line);width:32px;height:32px;transition:transform .25s var(--ease), background .2s var(--ease);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.faq details[open] summary:after{content:"–";background:var(--orange);border-color:var(--orange);color:var(--orange-ink)}.faq details p{color:var(--ink-2);padding:0 60px 24px 0;line-height:1.6}.enquiry-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.enquiry-grid .button{margin-top:28px}.checklist{counter-reset:c;display:grid}.checklist li{counter-increment:c;border-top:1px solid var(--charcoal-line);grid-template-columns:40px 1fr;gap:12px;padding:14px 0;line-height:1.5;display:grid}.checklist li:last-child{border-bottom:1px solid var(--charcoal-line)}.checklist li:before{content:"0" counter(c);color:var(--orange);padding-top:3px;font-size:.8rem;font-weight:700}.section:not(.on-cool) .checklist li{border-color:var(--line)}.case-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.case:nth-of-type(2n) .case-grid .case-picture{order:2}.case-picture{aspect-ratio:4/5;border-radius:8px;position:sticky;top:110px}.case-body .lead{margin-top:20px}.checks,.crosses{display:grid}.checks li,.crosses li{border-top:1px solid var(--line);padding:12px 0 12px 32px;line-height:1.5;position:relative}.checks li:last-child,.crosses li:last-child{border-bottom:1px solid var(--line)}.checks li:before{content:"✓";color:var(--orange);font-weight:800;position:absolute;top:12px;left:0}.crosses li:before{content:"—";color:var(--muted);font-weight:800;position:absolute;top:12px;left:0}.case-line{margin-top:32px}.zones{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.zones li{background:var(--surface-alt);border:1px solid var(--charcoal-line);border-radius:8px;align-content:start;gap:12px;padding:28px 24px;display:grid}.zones h3{font-size:1.2rem}.zones p{font-size:.98rem;line-height:1.6}#how .zones{grid-template-columns:repeat(4,1fr)}.helper{gap:14px;display:grid}.helper a{border:1px solid var(--line);transition:border-color .2s var(--ease);background:#fff;border-radius:8px;grid-template-columns:56px minmax(0,1fr) minmax(0,260px);align-items:center;gap:20px;padding:22px 24px;display:grid}.helper a:hover{border-color:var(--orange)}.helper-q{gap:6px;display:grid}.helper-q b{letter-spacing:-.01em;font-size:1.15rem}.helper-q span{color:var(--ink-2);font-size:.95rem;line-height:1.5}.helper-a{border-left:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding-left:20px;display:grid}.helper-a small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-column:1;font-size:.72rem;font-weight:700}.helper-a b{grid-column:1;font-size:1.05rem}.helper-a i{background:var(--charcoal);color:#fff;border-radius:50%;grid-area:1/2/3;place-items:center;width:40px;height:40px;font-style:normal;display:grid}.helper a:hover .helper-a i{background:var(--orange);color:var(--orange-ink)}.about-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.about-picture{aspect-ratio:4/5;border-radius:8px}.two-col{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);display:grid}.two-col h2{margin-bottom:20px;font-size:clamp(1.4rem,2.2vw,1.9rem)}.company-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.company{background:var(--mist);border-radius:8px;gap:10px;margin:24px 0 28px;padding:24px;font-size:1rem;line-height:1.5;display:grid}.company b{font-size:1.15rem}.company a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);font-weight:600}.company small{color:var(--muted)}.company-picture{aspect-ratio:4/3;border-radius:8px}.contact-top{border-bottom:1px solid var(--line);background:var(--paper);padding:clamp(28px,4vw,48px) 0}.contact-details{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.contact-details dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.74rem;font-weight:700}.contact-details dd{font-size:1.05rem;line-height:1.45}.contact-details dd a{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);font-weight:700}.contact-details small{color:var(--muted)}.contact-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.contact-aside h2{margin-bottom:20px;font-size:clamp(1.3rem,2vw,1.7rem)}.contact-picture{aspect-ratio:4/3;border-radius:8px;margin-top:32px}.form{border:1px solid var(--line);background:#fff;border-radius:8px;padding:clamp(24px,3vw,40px)}.form h2{font-size:clamp(1.4rem,2.2vw,1.9rem)}.form-intro{color:var(--ink-2);margin:12px 0 28px;line-height:1.55}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field.full{grid-column:1/-1}.field label{font-size:.88rem;font-weight:700}.field .req{color:var(--muted);font-weight:500}.field input,.field select,.field textarea{border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);width:100%;min-height:48px;color:var(--ink);padding:11px 14px;font-size:1rem}.field textarea{resize:vertical;min-height:150px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--orange);outline-offset:0;border-color:var(--orange)}.form-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.form-status{min-height:1.5em;color:var(--ink);margin-top:14px;font-size:.92rem;font-weight:600}.form-status:empty{min-height:0;margin:0}.copy-fallback{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;margin-top:12px;padding:14px;font-size:.9rem;line-height:1.5}.form-note{color:var(--muted);margin-top:16px;font-size:.85rem;line-height:1.55}.legal-grid{grid-template-columns:minmax(0,280px) minmax(0,760px);gap:clamp(32px,6vw,96px);display:grid}.legal-aside{align-self:start;position:sticky;top:100px}.legal-aside h1{font-size:clamp(2rem,3.4vw,3rem)}.legal .prose h2{margin:2em 0 .5em;font-size:1.3rem}.legal .prose h2:first-child{margin-top:0}.filters{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.filters button .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.filters button[aria-pressed=true]{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.filters button[aria-pressed=true] .count{color:var(--orange)}.gallery{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.gallery-item .picture{aspect-ratio:3/2}.gallery-item img{transition:transform .6s var(--ease)}.gallery-item a:hover img{transform:scale(1.03)}.gallery-caption{text-transform:capitalize;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:10px;font-size:.88rem;font-weight:600;display:flex}.gallery-caption span{color:var(--orange);font-size:.78rem;font-weight:700}.gallery-caption small{color:var(--muted);text-transform:none;font-weight:500}.band{background:var(--surface);color:var(--on-cool);border-top:1px solid var(--charcoal-line)}.band-inner{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(32px,5vw,80px);padding:clamp(56px,7vw,96px) 0;display:grid}.band h2{color:var(--ink);font-size:clamp(2rem,4vw,3.5rem)}.band-text{max-width:60ch;color:var(--on-cool-muted);margin-top:18px;font-size:1.05rem;line-height:1.6}.band-actions{justify-items:start;gap:20px;display:grid}.band-direct{gap:4px;font-size:.95rem;display:grid}.band-direct span{letter-spacing:.12em;text-transform:uppercase;color:var(--on-cool-muted);margin-bottom:4px;font-size:.74rem;font-weight:700}.band-direct a{color:var(--ink);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--orange);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);font-weight:700}.footer{background:var(--mist);color:var(--on-cool-muted);font-size:.92rem}.footer-top{grid-template-columns:minmax(0,1.6fr) 1fr 1fr 1fr;gap:40px;padding:clamp(48px,6vw,72px) 0 40px;display:grid}.footer-brand .brand{margin-bottom:16px}.footer-brand p{max-width:36ch;line-height:1.6}.footer-images{color:var(--muted);margin-top:14px;font-size:.8rem}.footer h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:16px;font-size:.74rem;font-weight:700}.footer-top>div>a{color:var(--on-cool);padding:6px 0;font-weight:600;display:block}.footer-top>div>a:hover{color:var(--orange)}.footer-top>div>a span{color:var(--muted);font-size:.8rem;font-weight:500;display:block}.footer-top p{margin-top:10px;line-height:1.5}.footer-top small{color:var(--muted);margin-top:14px;font-size:.8rem;display:block}.footer-bottom{border-top:1px solid #1c2f3d14;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:20px 0 28px;font-size:.82rem;display:flex}.footer-bottom div{gap:20px;display:flex}.footer-bottom a:hover{color:var(--ink)}@media (width<=1100px){.header-cta{display:none}.desktop-nav a{padding:10px;font-size:.88rem}.selector-link{grid-template-columns:40px minmax(0,36%) minmax(0,1fr)}.selector-cta{grid-column:3;justify-self:start}.loads,.details,.zones,#how .zones{grid-template-columns:repeat(2,1fr)}.footer-top,.contact-details{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:minmax(0,220px) minmax(0,1fr)}.roof-labels{display:none}.roof-svg{padding:6px 0}}@media (width<=900px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.header-inner{height:68px}#mobile-nav{max-height:calc(100vh - 68px)}html{scroll-padding-top:100px}.hero-grid,.page-hero-grid,.product-hero-grid,.buildup-grid,.teaser-grid,.function-grid,.material-grid,.process-grid,.faq-grid,.enquiry-grid,.case-grid,.about-grid,.company-grid,.contact-grid,.benefits-grid,.legal-grid,.article-grid,.band-inner,.two-col{grid-template-columns:1fr}.hero-grid{padding-top:32px}.hero-media{order:-1}.hero-media:after{display:none}.hero-media .picture{aspect-ratio:16/10}.hero-strip{grid-template-columns:1fr;gap:16px}.strip-lines{grid-template-columns:1fr}.page-hero-media{order:-1}.page-hero-media .picture{aspect-ratio:16/9}.hero-index{border-top:1px solid #1c2f3d1f;border-left:0;padding-top:24px;padding-left:0}.product-hero-media{order:-1}.product-hero-media .picture{aspect-ratio:16/10}.subnav{top:68px}.function-roof{order:-1}.material-grid .material-picture{aspect-ratio:16/10}.process-picture{aspect-ratio:16/10;position:static}.faq-grid .section-head{position:static}.case-picture{aspect-ratio:16/10;position:static}.case:nth-of-type(2n) .case-grid .case-picture{order:0}.situations,.situation:first-child{grid-template-columns:1fr}.situation:first-child .situation-media .picture{aspect-ratio:16/10;min-height:0}.benefits-main{aspect-ratio:16/10}.benefits-small{width:50%;margin-top:-18%}.article-aside{position:static}.article-aside ol{border-left:0;flex-wrap:wrap;gap:6px;display:flex}.article-aside li a{border:1px solid var(--line);border-radius:999px;margin:0;padding:8px 12px;font-size:.82rem}.article-picture{aspect-ratio:16/9;margin-top:-32px}.legal-aside{position:static}.helper a{grid-template-columns:40px minmax(0,1fr)}.helper-a{border-left:0;border-top:1px solid var(--line);grid-column:2;padding-top:14px;padding-left:0}.decision{grid-template-columns:1fr}.about-picture,.company-picture,.contact-picture{aspect-ratio:16/10}.gallery{grid-template-columns:repeat(2,1fr)}.band-actions{justify-items:stretch}.band-actions .button{width:100%}}@media (width<=720px){.roof-legend{grid-template-columns:1fr;gap:6px;display:grid}.roof-legend button{border-radius:var(--radius)}.selector-link{grid-template-columns:1fr;gap:16px;padding:24px 0}.selector-index{display:none}.selector-picture{aspect-ratio:16/10}.selector-meta{grid-template-columns:1fr}.article-list a,.article-list.large a{grid-template-columns:minmax(0,1fr)}.article-list .index{padding:0}.article-list .picture{aspect-ratio:16/9;order:-1}.loads,.details,.zones,#how .zones,.calc-grid,.pager{grid-template-columns:1fr}.pager-next{text-align:left;align-items:flex-start}.contact-details{grid-template-columns:1fr;gap:20px}.form-grid{grid-template-columns:1fr}.form-actions .button,.hero-actions .button{width:100%}.footer-top{grid-template-columns:1fr;gap:32px}.section-head.row{flex-direction:column;align-items:flex-start}.gallery{grid-template-columns:1fr}.faq details p{padding-right:0}.takeaway{padding-left:20px}.matrix.mini{min-width:480px}}@media (width<=420px){.brand{font-size:1.15rem}.brand svg{width:24px;height:28px}.languages a{padding:6px;font-size:.72rem}.header-actions{gap:8px}}@media (hover:none){.selector-link:hover .selector-picture img,.situation:hover .situation-media img,.article-list a:hover img,.gallery-item a:hover img{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.roof.pending:not(.animate) .layer:not(.layer-static){opacity:1;transform:none}}@media print{.header,.band,.footer,.subnav,.skip,.roof-legend{display:none!important}body{color:#000;background:#fff}.on-cool,.page-hero,.product-hero,.hero{color:#000!important;background:#fff!important}}.brand-mark{object-fit:contain;flex-shrink:0;width:31px;height:40px}.contact-details{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=720px){.contact-details{grid-template-columns:1fr}}:root{color-scheme:light}.hero,.product-hero,.page-hero{border-bottom:1px solid var(--line)}.hero-strip{border-top-color:var(--line)}.strip-lines a{background:var(--surface-alt);border-color:var(--line)}.strip-lines a:hover{background:var(--surface-hover);border-color:var(--orange)}.hero-media:after{display:none}.header .languages a[aria-current]{background:var(--surface-hover)}.band{background:#f0f5f8}.footer{border-top:1px solid var(--line)}.button.ghost{color:var(--ink);border-color:#8d9ca8}.button.ghost:hover{background:var(--surface-hover);border-color:var(--ink);color:var(--ink)}.button.ghost.dark:hover{background:var(--ink);color:#fff}.line-card,.calc{border:1px solid var(--line);background:var(--surface-alt)}.buildup-links a,.zones li,.on-cool .compact-line{background:#fff}.matrix thead th{color:var(--ink);background:#e8eef2}.on-cool .compact-tagline{color:var(--ink-2)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}