@font-face{font-family:Vazirmatn;src:url('assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#f7f9f9;color:#243c46;font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;line-height:1.9}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #18aaa9;outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h2{font-size:clamp(2rem,3.1vw,3.5rem);font-weight:500;line-height:1.7}h3{font-weight:500}p{font-weight:350}.skip{position:fixed;top:-100px;right:20px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}header{height:100px;position:fixed;top:0;inset-inline:0;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;gap:32px;z-index:10;color:#fff;transition:background .25s,color .25s,height .25s}header.scrolled{height:80px;background:rgba(247,249,249,.96);color:#243c46;border-bottom:1px solid #dfe6e7;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px;direction:ltr;white-space:nowrap}.brand img{object-fit:contain}.brand span{font-family:Arial,sans-serif;font-size:19px;letter-spacing:3px;font-weight:600}nav{display:flex;gap:clamp(16px,2.1vw,38px);align-items:center}nav a{font-size:14px;white-space:nowrap;transition:color .2s}nav a:hover{color:#1eb7b4}.contact-link{border-bottom:1px solid #79a5a9;padding-bottom:6px}.menu-toggle{display:none;background:none}.hero{height:100svh;min-height:680px;position:relative;background:#253d47;color:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-field{position:absolute;inset:0;background:linear-gradient(135deg,#203740,#526a75);opacity:.6}.hero-copy{position:relative;text-align:center;margin-top:-40px;padding:25px}.eyebrow{font-size:12px;letter-spacing:2px;opacity:.55;display:block}.hero h1{font-size:clamp(3.2rem,4.5vw,4.5rem);font-weight:500;line-height:1.6;margin:26px 0 12px}.hero-copy p{font-size:20px;font-weight:300;opacity:.85}.hero-bottom{position:absolute;inset-inline:5.6%;bottom:38px;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;color:#bbccd1}.hero-bottom>span:first-child{letter-spacing:2px}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px}.scroll-cue>span{height:46px;width:1px;background:linear-gradient(#9ac3c6,transparent)}.asset-note{font-size:12px;opacity:.6}.section{padding:100px 6.5%}.section-label{display:flex;gap:24px;align-items:center;font-size:13px;color:#70848c;margin-bottom:44px}.section-label i{height:1px;background:currentColor;opacity:.25;flex:1}.discovery-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:8%;align-items:end;margin-bottom:54px}.discovery h2 span{color:#8d9da3}.discovery-heading p,.split-heading p{font-size:17px;max-width:420px;line-height:2.2}.image-slot{background:#e6ecee;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#84969d;min-height:270px;overflow:hidden;border:1px solid #d9e2e5}.image-slot.wide{height:440px}.image-slot>div{text-align:center}.image-slot p{font-size:20px}.image-slot small{font-size:13px}.slot-index{position:absolute;top:25px;left:30px;letter-spacing:2px;font-size:12px}.slot-bottom{position:absolute;bottom:24px;right:30px;font-size:13px}.slot-line{display:block;width:45px;height:1px;background:#19aaa7;margin:0 auto 24px}.industrial{background:#fff}.split-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:center;margin-bottom:55px}.process{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #ccd7db;gap:0}.process button{background:none;text-align:right;padding:24px 12px;border-bottom:2px solid transparent;display:flex;flex-direction:column;gap:12px}.process button b{font-size:13px;color:#a0adb2;font-weight:400}.process button span{font-size:24px}.process button[aria-selected=true]{border-bottom-color:#1aaaa8}.process button[aria-selected=true] b{color:#1aaaa8}.process-panel{display:flex;gap:6%;padding:30px 12px;min-height:120px;align-items:flex-start}.process-panel>span{font-family:Arial;font-size:13px;letter-spacing:2px;min-width:110px;color:#72969c;margin-top:8px}.process-panel p{max-width:740px;font-size:17px}.system{background:#eef3f4}.system-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:start}.system-image{height:520px;background:#dfe8eb}.components button{width:100%;background:none;border-top:1px solid #cbd7db;display:flex;gap:25px;align-items:center;text-align:right;padding:20px 0;font-size:21px}.components button span{font-size:12px;color:#8b9ba3}.components button b{margin-right:auto;font-weight:300;font-size:25px}.components button[aria-expanded=true]{color:#118d8e}.components p{padding:0 36px 25px;font-size:16px;color:#657b85;line-height:2.2}.benefits{background:#fff}.benefits h2{margin-bottom:44px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.benefit-grid article{padding:20px 30px 25px;border-right:1px solid #dce4e7}.benefit-grid article:first-child{padding-right:0;border:0}.benefit-grid article>span{font-size:13px;color:#8399a3}.benefit-grid h3{font-size:clamp(22px,2.3vw,34px);margin:28px 0 13px}.benefit-grid p{font-size:16px;color:#6a7e87;max-width:215px}.fine-print{font-size:12px;color:#86979e;margin-top:45px}.technical{background:#233d48;color:#e7eff2}.technical .section-label{color:#a1b8c2}.technical-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.technical h2{font-size:clamp(45px,4.4vw,64px);line-height:1.55}.technical-layout>div>p{color:#a6bcc5;margin-top:20px}.outline-button{background:none;color:#e4edef;border:1px solid #6e8995;padding:12px 25px;margin-top:35px;font-size:14px}.outline-button:hover{border-color:#1eb7b4}.resource-list button{display:grid;grid-template-columns:1fr auto auto;gap:22px;width:100%;background:none;color:inherit;border-bottom:1px solid #49606b;padding:24px 0;text-align:right;align-items:center}.resource-list button span{font-size:11px;letter-spacing:1px;color:#8aa5b3;font-family:Arial}.resource-list button b{font-size:19px;font-weight:400}.resource-list button i{font-style:normal;color:#76a2a8}.resource-list button:hover b{color:#60ceca}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-grid .image-slot{height:310px}.project-grid .image-slot>span{position:absolute;top:24px;left:24px;font-size:12px;letter-spacing:1px}.project-grid h3{font-size:21px;margin:22px 0 8px}.project-grid article>p{font-size:13px;color:#7f929b}.about{padding-top:30px;background:#f7f9f9}.closing{min-height:650px;position:relative;background:#dfe9ec;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 25px}.closing h2{font-size:clamp(2.5rem,3.9vw,3.8rem);margin:30px 0}.solid-button{background:#263f49;color:white;padding:15px 30px;font-size:15px}.solid-button:hover{background:#17686e}.closing-note{position:absolute;bottom:24px;font-size:12px;color:#8ca0a9}footer{display:flex;align-items:center;padding:40px 6.5%;gap:30px;background:#fff}footer>span{font-size:14px;color:#81949c}footer button{background:none;font-size:14px;margin-right:auto;border-bottom:1px solid #b4c8ce}footer small{font-size:12px;color:#82949b}dialog{border:0;padding:55px;max-width:550px;width:calc(100% - 40px);background:#f7f9f9;color:#243c46}dialog::backdrop{background:#142c38b3;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:20px 0}dialog p{font-size:17px;line-height:2.2}.dialog-close{position:absolute;left:20px;top:12px;background:none;font-size:28px}.dialog-done{padding:12px 25px;background:#233d48;color:white;margin-top:30px;font-size:14px}[hidden]{display:none!important}
@media(min-width:1700px){.section{padding-inline:max(6.5%,calc((100vw - 1480px)/2))}}@media(max-width:1100px){header{gap:20px;padding-inline:4%}.brand span{font-size:16px;letter-spacing:2px}nav{gap:17px}nav a{font-size:13px}.section{padding-inline:5%}.discovery-heading,.split-heading{gap:6%}.system-grid{gap:4%}.resource-list button{grid-template-columns:1fr auto}.resource-list button span{display:none}.asset-note{display:none}.benefit-grid article{padding-inline:20px}}@media(max-width:850px){header{height:80px}.menu-toggle{display:block;color:inherit;font-size:14px}.menu-toggle span{margin-right:10px}nav{display:none;position:absolute;top:80px;inset-inline:0;padding:20px 6%;background:#f7f9f9;color:#243c46;box-shadow:0 20px 25px #1e37451a}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:12px;font-size:16px}.contact-link{border-bottom:0}.hero{min-height:640px}.hero h1{font-size:56px}.hero-copy p{font-size:18px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-bottom{bottom:28px}.hero-bottom>span:first-child{display:none}.hero-bottom{justify-content:center}.section{padding:65px 6%}.section-label{margin-bottom:30px}.discovery-heading,.split-heading,.technical-layout{grid-template-columns:1fr;gap:25px}.discovery-heading p,.split-heading p{max-width:600px;font-size:16px}h2{font-size:32px}.image-slot.wide{height:320px}.system-grid{grid-template-columns:1fr;gap:30px}.system-image{height:340px}.benefit-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.benefit-grid article:nth-child(3){border:0;padding-right:0}.benefit-grid h3{font-size:26px}.process button{padding-inline:6px}.process button span{font-size:19px}.process-panel{flex-direction:column;gap:10px}.technical-layout{gap:45px}.technical h2{font-size:48px}.resource-list button b{font-size:18px}.project-grid{grid-template-columns:1fr}.project-grid .image-slot{height:300px}.project-grid article{margin-bottom:22px}.closing{min-height:540px}.closing h2{font-size:32px}footer{flex-wrap:wrap;gap:18px;justify-content:space-between}footer button{margin-right:0}footer small{width:100%}dialog{padding:40px 25px}.about{padding-top:20px}.hero-copy{margin-top:-25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied Snow Deck renders */
.hero-field{opacity:1;background:#1d252a}.hero-field img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-field::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(14,24,30,.52),transparent 65%),linear-gradient(0deg,rgba(10,19,25,.38),transparent 30%)}.hero-copy{position:absolute;top:19%;right:7%;margin:0;padding:0;text-align:right;max-width:42%}.hero h1{margin:0 0 12px}.hero-signature{font:11px Arial,sans-serif;letter-spacing:1.5px;opacity:.6}.hero-bottom{color:#dde6e9}.section-render{margin:0;background:#fff;padding:40px 25px 20px}.section-render img{display:block;width:100%;height:auto}.section-render figcaption{display:flex;justify-content:space-between;border-top:1px solid #dce5e8;margin-top:25px;padding-top:20px;color:#7b909a;font-size:13px}.section-render figcaption span[dir]{font:11px Arial,sans-serif;letter-spacing:1.5px}.system-grid{grid-template-columns:1.8fr 1fr;gap:5%}.system-visual{position:relative;direction:ltr;align-self:start;background:#152127}.system-visual>img{display:block;width:100%;height:auto}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:transparent;padding:8px;color:#243c46;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.hotspot span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#f8fbfc;border:1px solid #fff;border-radius:50%;font-size:12px;box-shadow:0 0 0 5px #132e4055}.hotspot[aria-pressed=true] span,.hotspot:hover span{background:#158f90;color:white;border-color:#5fcac8}.hotspot b{position:absolute;bottom:48px;white-space:nowrap;background:#f8fbfc;padding:4px 12px;font-size:13px;font-weight:400;opacity:0;pointer-events:none;direction:rtl}.hotspot:hover b,.hotspot:focus-visible b{opacity:1}.closing{color:white;min-height:740px;align-items:flex-start;text-align:right;padding:75px 7%;overflow:hidden;justify-content:flex-start;background:#202b31}.closing-render{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.closing::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#101e28b3,transparent 65%)}.closing-copy{position:relative;z-index:1;max-width:43%}.closing h2{font-size:clamp(2rem,3vw,3rem);line-height:1.85}.closing .solid-button{background:#f4f8f9;color:#243c46}.closing .solid-button:hover{background:#c1e2e3}@media(max-width:850px){.hero-copy{top:19%;right:7%;max-width:86%}.hero h1{font-size:48px}.hero-copy p{font-size:17px;max-width:260px}.hero-field img{object-position:52% center}.hero-field::after{background:linear-gradient(180deg,#14212b88,transparent 70%)}.hero-signature{display:none}.section-render{padding:25px 12px 15px}.section-render figcaption{font-size:12px;gap:15px}.section-render figcaption span[dir]{font-size:10px;letter-spacing:.5px}.system-grid{grid-template-columns:1fr;gap:30px}.closing{min-height:760px;padding:55px 7%;justify-content:flex-start}.closing-render{object-position:50% top}.closing::after{background:linear-gradient(180deg,#11202ddb,transparent 75%)}.closing-copy{max-width:100%;width:100%}.closing h2{font-size:30px;line-height:1.8;margin:20px 0}.closing .solid-button{font-size:14px;padding:12px 20px}}@media(prefers-reduced-motion:reduce){.hotspot b{transition:none}}

.components-title{font-size:25px;font-weight:500;margin:0 0 25px;padding-bottom:20px;border-bottom:1px solid #cbd7db}.components button:first-of-type{border-top:0}

/* Five benefits */
@media(min-width:1101px){.benefit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.benefit-grid article{padding-inline:22px}.benefit-grid h3{font-size:clamp(22px,1.8vw,29px)}.benefit-grid p{max-width:none}}@media(min-width:851px) and (max-width:1100px){.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}.benefit-grid article:nth-child(4){border-right:0;padding-right:0}}@media(max-width:850px){.benefit-grid article:nth-child(5){border-right:0;padding-right:0}}

.contact-details{background:#fff;border-bottom:1px solid #dce5e8}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10%}.contact-grid h2{font-size:32px;margin-bottom:20px}.contact-grid address{font-style:normal;max-width:610px;line-height:2.2;color:#657b85}.contact-channels p{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #dce5e8;padding:14px 0}.contact-channels p span{font-size:14px;color:#70848c}.contact-channels a{font:18px Arial,sans-serif;line-height:1.8}.contact-channels a:hover{color:#118d8e}@media(max-width:850px){.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid h2{font-size:26px}}

footer .catalog-link{font-size:14px;margin-right:auto;border-bottom:1px solid #b4c8ce}footer .catalog-link:hover{color:#118d8e}@media(max-width:850px){footer .catalog-link{margin-right:0}}

.project-grid .image-slot{aspect-ratio:5 / 4;height:auto;min-height:0}.project-photo img{display:block;width:100%;height:100%;object-fit:contain}

.about-copy p+p{margin-top:1.2em}.about .about-specialty{margin-top:16px;color:#128e95;font-size:16px}

/* Keep the subject’s head inside the closing image at every viewport size. */
.closing-render{object-position:50% 0%}

/* Preserve the complete thermal-performance render. */
.closing{aspect-ratio:3441 / 1721;min-height:0;padding:3.5% 6%;justify-content:flex-end;background:#080b0c}
.closing-render{object-fit:contain;object-position:center}
.closing::after{background:none}
.closing-copy{max-width:45%}
.closing h2{font-size:clamp(1.5rem,2.7vw,3rem);margin:18px 0}
@media(max-width:800px){.closing{aspect-ratio:auto;padding:0}.closing-render{position:relative;inset:auto;height:auto;display:block;object-fit:contain}.closing-copy{max-width:100%;padding:30px 7% 40px;text-align:right}.closing h2{font-size:28px}}

/* Mobile hero typography and compact branding. */
@media(max-width:850px){
header{height:76px;padding-inline:6%;gap:16px}header.scrolled{height:76px}
header .brand{gap:9px}header .brand img{width:32px;height:34px}header .brand span{font-size:14px;letter-spacing:1.8px}
nav{top:76px}.menu-toggle{padding:8px 0;font-size:13px}.menu-toggle span{margin-right:7px}
.hero-copy{top:22%;right:7%;max-width:86%}
.hero h1{font-size:clamp(38px,10.5vw,46px);line-height:1.5;margin-bottom:18px}
.hero-copy p{font-size:17px;line-height:1.9;max-width:none;opacity:1;font-weight:400;text-shadow:0 1px 8px #101b25b3}
.hero-copy p span{display:block;white-space:nowrap}
}

/* Full-width component explorer with unobstructed titles. */
.system-grid{grid-template-columns:minmax(0,1fr);gap:0}
.system-visual{width:100%}.hotspot b{display:none}
.component-selected-title{padding:12px 18px;background:#243c46;color:#fff;font-size:18px;text-align:right}
.component-detail{padding:24px 28px;background:#fff;border-bottom:2px solid #158f90}
.component-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.component-detail h3{font-size:23px}.component-detail p{max-width:950px;line-height:2.1;color:#657b85}
.component-detail-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;font-size:28px;flex-shrink:0}
@media(max-width:850px){.component-selected-title{font-size:16px;padding:10px 16px}.component-detail{padding:18px}.component-detail h3{font-size:20px}.component-detail p{font-size:15px}.hotspot span{width:25px;height:25px;font-size:11px;box-shadow:0 0 0 3px #132e4055}}

/* Desktop: keep the selected description beside the complete render. */
@media(min-width:851px){
.system{padding-top:55px;padding-bottom:55px}
.system .section-label{margin-bottom:24px}
.system .split-heading{margin-bottom:26px;gap:6%}
.system .split-heading h2{font-size:clamp(30px,2.7vw,40px);line-height:1.5}
.system .split-heading p{font-size:15px;line-height:1.9}
.system-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);column-gap:28px;row-gap:0;align-items:start}
.component-selected-title{grid-column:1 / -1;grid-row:1}
.system-visual{grid-column:1;grid-row:2;max-width:calc(max(280px,100svh - 350px) * 1.691);justify-self:center}
.component-detail{grid-column:2;grid-row:2;padding:20px 24px}
.component-detail h3{font-size:21px}.component-detail p{font-size:15px;line-height:2}
}

/* Reduce excess space between industrialization and benefits. */
.industrial{padding-bottom:45px}
.industrial .process-panel{min-height:0;padding-bottom:18px}
.benefits{padding-top:50px}
@media(max-width:850px){.industrial{padding-bottom:28px}.industrial .process-panel{padding-bottom:10px}.benefits{padding-top:36px}}