@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ivory:#f4f1e9;--ink:#292b28;--muted:#7b7d74;--green:#51604b;--line:#d8d8cd;--white:#fff;--font:'Noto Sans Arabic',Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--ivory);font-family:var(--font);font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ab905f;outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(30px,3.4vw,48px);line-height:1.65;letter-spacing:-1px}.muted{color:var(--muted)}.concept-banner{text-align:center;background:#e9e6de;font-size:11px;line-height:30px;letter-spacing:.5px}.concept-banner span{padding:0 10px;color:var(--green)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;background:var(--ivory)}.brand{display:flex;flex-direction:column;line-height:1.2;flex-shrink:0}.brand>span{font:600 26px Arial,sans-serif;letter-spacing:1.4px}.brand-accent{color:var(--green)}.brand sup{font-size:9px;vertical-align:top}.brand small{font-size:10px;margin-top:8px;letter-spacing:1px}.header nav{display:flex;gap:30px;font-size:12px}.header nav a:hover{color:var(--green)}.nav-cta{font-size:12px;border-bottom:1px solid var(--ink);padding:8px 0;display:flex;gap:25px}.menu-toggle{display:none}.hero{position:relative;min-height:640px;height:calc(100svh - 130px);max-height:880px;color:var(--ivory);overflow:hidden;background:#3a3c3c}.hero-image{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;object-position:50% 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(19,25,23,.8),rgba(19,25,23,.38) 45%,rgba(19,25,23,.05) 70%),linear-gradient(0deg,rgba(17,23,21,.5),transparent 30%)}.hero-copy{position:relative;padding:7% 7% 100px;max-width:760px}.eyebrow{font-size:11px;color:var(--green);letter-spacing:1px;margin-bottom:25px}.eyebrow.light{color:#d4d4c5}.hero h1{font-size:clamp(52px,6.3vw,88px);line-height:1.5;font-weight:400;letter-spacing:-2px;margin-bottom:22px}.hero h1 span{color:#d5d7c8}.hero-description{font-size:17px;line-height:2;color:#edeee5}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:15px 25px;border:1px solid transparent;font-size:13px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.ivory{background:var(--ivory);color:var(--ink)}.button.ivory:hover{background:#dedfd2}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link.light{border-color:#bbc0b5;color:var(--ivory)}.hero-bottom{position:absolute;bottom:27px;inset-inline:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#d5d7cf}.hero-bottom a{font-size:11px}.hero-bottom a span{margin-inline-start:15px}.promise-strip{display:flex;align-items:center;justify-content:center;gap:40px;padding:25px 5%;font-size:12px;border-bottom:1px solid var(--line)}.promise-strip i{width:3px;height:3px;background:var(--green);border-radius:50%}.section{padding:100px 7%}.product-section{display:grid;grid-template-columns:1.05fr 1fr;gap:60px}.product-body{padding-top:48px;font-size:14px;color:#62665e}.product-body .lead{font-size:21px;color:var(--ink);line-height:1.95;margin-bottom:25px}.product-body .text-link{margin-top:30px;color:var(--ink)}.material-note{grid-column:1/-1;display:flex;position:relative;align-items:center;justify-content:space-between;gap:20px;padding:45px 6%;background:#e9e6dc;border-top:1px solid #cccfc0;overflow:hidden;min-height:280px;background-image:radial-gradient(#adb1a322 .65px,transparent .65px);background-size:4px 4px}.material-title{font:500 clamp(52px,8vw,110px)/.92 Arial,sans-serif;letter-spacing:10px;color:var(--green);direction:ltr}.material-note p{font-size:23px;line-height:1.8}.material-note .eyebrow{display:block;margin-bottom:15px}.material-number{font:120px Arial;color:#c2c5b544;position:absolute;left:30%;bottom:-25px;pointer-events:none}.benefits-section{background:#eae9e1}.benefits-header{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.benefits-header>p{font-size:13px;color:#777b6f;max-width:310px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9ccbe}.benefits-grid article{padding:35px 25px 0;position:relative;border-inline-start:1px solid #c9ccbe}.benefits-grid article:first-child{padding-inline-start:0;border-inline-start:0}.feature-number{position:absolute;top:34px;left:22px;font:11px Arial;color:#878c7e}.benefits-grid svg{width:43px;height:43px;stroke:var(--green);fill:none;stroke-width:1.2;margin-bottom:22px}.benefits-grid h3{font-size:21px;margin-bottom:15px}.benefits-grid p{font-size:12px;color:#686e60;min-height:92px}.benefits-grid a{font-size:11px;display:flex;justify-content:space-between;padding-top:20px;color:var(--green)}.architecture-section{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:#292e29;color:var(--ivory)}.architecture-photo{position:relative;overflow:hidden;order:2}.architecture-photo img{width:100%;height:100%;object-fit:cover;object-position:15% 65%;position:absolute;inset:0}.architecture-photo small{position:absolute;bottom:20px;right:25px;background:#2228;color:#f4f1e9;padding:3px 8px;font-size:10px}.architecture-copy{padding:75px 14% 75px 10%;order:1}.architecture-copy h2{font-size:38px}.architecture-copy h2 span{color:#b2bca6}.architecture-copy p:not(.eyebrow){font-size:13px;color:#c7ccbf;margin-top:20px;margin-bottom:32px}.outline{border-color:#83907a;color:var(--ivory)}.outline:hover{background:#394336}.row-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.row-heading h2{font-size:37px}.section-caption{font-size:12px;color:var(--muted);margin:25px 0 35px}.project-list{border-top:1px solid var(--line)}.project-list a{display:flex;align-items:center;gap:32px;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.project-list a:hover{padding-inline:20px;background:#eae9df}.project-index{font:12px Arial;color:var(--muted)}.project-list h3{font-size:21px;flex:1}.project-list a>span:last-child{font-size:11px;color:var(--green)}.quality-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.quality-section p:not(.eyebrow){font-size:13px;color:var(--muted);margin:20px 0 25px;max-width:340px}.documents{padding-top:30px}.documents a{display:flex;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.documents a:first-child{border-top:1px solid var(--line)}.documents a>span:nth-child(2){flex:1}.documents strong{font-size:15px;font-weight:500;display:block}.documents small{font-size:10px;color:var(--muted);display:block}.doc-icon{font:10px Arial;border:1px solid #a5aa99;padding:15px 8px;color:var(--green)}.faq-section{background:#eae9e1}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-layout h2{font-size:37px}.faq-layout details{border-bottom:1px solid #cdd0c2;padding:20px 0}.faq-layout details:first-child{border-top:1px solid #cdd0c2}.faq-layout summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:15px}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout summary span{font:23px Arial;color:var(--green)}.faq-layout details[open] summary span{transform:rotate(45deg)}.faq-layout details p{font-size:13px;color:#6b7161;margin-top:15px;max-width:520px}.contact-section{background:#303a2f;color:var(--ivory)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-layout h2{font-size:48px}.contact-layout h2 span{color:#b9c3ad}.contact-layout p{font-size:15px;color:#c2cdb7;margin-top:20px}form{padding-top:10px}form label{display:block;font-size:11px;color:#c5ceba;margin-bottom:5px}input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #788370;color:var(--ivory);border-radius:0;padding:10px 0;margin-bottom:20px;font-size:13px}select option{color:var(--ink);background:var(--ivory)}input::placeholder,textarea::placeholder{color:#b2bba7;font-size:12px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-note{display:block;font-size:10px;color:#bec9b3;margin-top:12px}form .button{width:100%}footer{padding:60px 7% 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}footer>div a{font-size:12px;display:block}footer>div p{font-size:12px;color:var(--muted)}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted);margin-top:25px;display:flex;justify-content:space-between}.floating-contact{position:fixed;bottom:24px;left:24px;background:#f4f1e9;box-shadow:0 4px 25px #18241826;border:1px solid #cfd3c5;border-radius:3px;color:#35452f;padding:10px 18px;font-size:12px;z-index:20;display:flex;gap:15px}.menu-toggle{color:var(--ink);border:0;background:none}@media(min-width:1600px){.section{padding-inline:calc((100vw - 1400px)/2)}.header{padding-inline:calc((100vw - 1450px)/2)}}@media(max-width:1100px){.header nav{gap:18px;font-size:11px}.nav-cta{display:none}.hero-copy{padding-top:10%}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:30px 0}.benefits-grid article:nth-child(3){padding-inline-start:0;border-inline-start:0}.benefits-grid p{min-height:60px}.contact-layout{gap:50px}.contact-layout h2{font-size:40px}.quality-section{gap:40px}.architecture-copy{padding:60px 10%}.architecture-copy h2{font-size:30px}}@media(max-width:700px){html{scroll-padding-top:20px}.header{height:85px;padding:0 6%;position:relative;z-index:30}.brand>span{font-size:23px}.brand small{font-size:9px}.menu-toggle{display:flex;align-items:center;gap:10px;font-size:12px}.header nav{display:none;position:absolute;top:85px;inset-inline:0;background:var(--ivory);padding:25px 7%;border-top:1px solid var(--line);box-shadow:0 10px 20px #2222}.header nav.open{display:flex;flex-direction:column;gap:20px}.hero{height:720px;min-height:0;max-height:none}.hero-image{object-position:35% center}.hero-shade{background:linear-gradient(270deg,#15211a99,#15211a44),linear-gradient(0deg,#15211aa6,transparent 35%)}.hero-copy{padding:60px 7% 110px}.hero h1{font-size:57px;margin-bottom:24px;line-height:1.55}.hero-description{font-size:14px}.hero-actions{gap:25px;flex-wrap:wrap;margin-top:30px}.button{font-size:12px;padding:13px 22px}.hero-bottom{align-items:start;gap:12px;bottom:20px;flex-direction:column;font-size:9px}.hero-bottom a{display:none}.promise-strip{padding:20px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:10px;text-align:center}.promise-strip i{display:none}.section{padding:60px 7%}h2{font-size:31px;letter-spacing:-.7px}.eyebrow{font-size:10px;margin-bottom:20px}.product-section{grid-template-columns:1fr;gap:30px}.product-body{padding-top:0}.product-body .lead{font-size:18px}.product-body>p:not(.lead){font-size:13px}.material-note{grid-column:auto;padding:30px 20px;min-height:240px}.material-title{font-size:55px;letter-spacing:5px}.material-note p{font-size:17px}.material-note .eyebrow{font-size:8px}.material-number{display:none}.benefits-header{flex-direction:column;align-items:start;gap:20px;margin-bottom:30px}.benefits-header>p{font-size:12px}.benefits-grid article{padding:25px 15px 0}.benefits-grid h3{font-size:18px}.benefits-grid p{font-size:11px;min-height:100px}.benefits-grid a{font-size:9px;gap:8px}.feature-number{left:12px;top:25px}.architecture-section{grid-template-columns:1fr}.architecture-photo{height:340px;order:1}.architecture-copy{padding:50px 7%;order:2}.row-heading{flex-direction:column;align-items:start;gap:25px}.row-heading h2{font-size:29px}.project-list a{gap:15px;flex-wrap:wrap;padding:20px 0}.project-list h3{font-size:17px}.project-list a>span:last-child{font-size:9px;width:100%;padding-inline-start:30px}.quality-section{grid-template-columns:1fr;gap:15px}.documents{padding-top:15px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout h2{font-size:30px}.faq-layout summary{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-layout h2{font-size:37px}.form-row{gap:15px}footer{padding:45px 7% 75px;grid-template-columns:1fr;gap:25px}.footer-bottom{grid-column:auto;margin-top:0}.floating-contact{bottom:15px;left:15px;font-size:11px;padding:8px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Refined architectural direction */
:root{--ivory:#f7f4ec;--ink:#242924;--muted:#838477;--green:#4b6047;--line:#d9d8cb;--bronze:#aa9674}
.header{position:absolute;top:0;inset-inline:0;z-index:30;background:transparent;color:#f7f4ec;height:112px;padding-inline:6%;border-bottom:1px solid #f7f4ec25}
.header .brand-accent{color:#d1dcc6}.header .brand>span{font-weight:400;font-size:28px;letter-spacing:2px}.header .brand small{color:#e5e7dc;font-size:9px;letter-spacing:1.5px}.header nav{font-size:11px;gap:32px}.header nav a:hover{color:#e2d5b5}.header .nav-cta{border-color:#e2d5b5;color:#e9dfc8}.menu-toggle{color:#f7f4ec}
.hero{height:100svh;min-height:800px;max-height:1000px}.hero-image{object-position:center 56%}.hero-shade{background:linear-gradient(270deg,#17231dda,#17231d75 40%,#17231d05 72%),linear-gradient(0deg,#111b16aa,transparent 35%),linear-gradient(180deg,#10171377,transparent 20%)}
.hero-copy{padding:165px 7% 120px;max-width:850px}.hero .eyebrow{font-size:10px;letter-spacing:1.8px;color:#d8d2bd;margin-bottom:22px}.hero h1{font-size:clamp(58px,6.6vw,94px);line-height:1.48;letter-spacing:-2.5px;font-weight:400;margin-bottom:22px}.hero h1 span{color:#ece6d7}.hero-description{font-size:15px;color:#e1e5d9;line-height:2.1}.hero-actions{margin-top:32px;gap:34px}.hero .button{padding:16px 26px;font-size:12px}.hero .text-link{font-size:11px}.hero-signature{position:absolute;bottom:110px;left:6%;border-top:1px solid #dcd9c166;padding-top:17px;width:245px;direction:rtl;color:#e8e8dc}.hero-signature>span{font:9px Arial;letter-spacing:2px;display:block;direction:ltr}.hero-signature p{font-size:11px;line-height:1.95;margin-top:12px}.hero-bottom{inset-inline:6%;bottom:25px;font-size:9px}.hero-bottom>a{font-size:10px}
.promise-strip{padding:33px 7%;gap:45px;background:#f0ede4;color:#818577;font-size:10px}.promise-strip b{display:block;font-size:13px;color:#424d3b;font-weight:400;letter-spacing:.3px}.promise-strip i{height:22px;width:1px;border-radius:0;background:#d1d2c4}.section{padding-top:110px;padding-bottom:110px}.product-section{gap:65px 75px}.section-intro h2{font-size:43px}.product-body .lead{font-size:25px;color:#495741;line-height:1.8}.product-body>p:not(.lead){font-size:13px;line-height:2.2}.material-note{padding:55px 6%;display:grid;grid-template-columns:1fr 1.7fr;gap:70px;background:#303a2f;color:var(--ivory);border:0;min-height:330px;background-image:none}.material-head .eyebrow{color:#babda4;font-size:10px}.material-head>p{font-size:28px;line-height:1.8}.material-word{display:block;font:10px Arial;letter-spacing:4px;color:#b3bda5;margin-top:30px}.material-principles{display:grid;grid-template-columns:1fr;gap:22px}.material-principles>div{position:relative;padding-inline-start:38px}.material-principles>div>span{position:absolute;inset-inline-start:0;top:6px;font:10px Arial;color:#b1a58a}.material-principles h3{font-size:17px;line-height:1.5;margin-bottom:6px}.material-principles p{font-size:11px;color:#c5cebb;line-height:1.9}.benefits-section{background:#eeece3}.benefits-grid h3{font-size:21px}.benefits-grid svg{stroke:#887d62}.benefits-grid article{padding-top:40px}.feature-number{color:#a39578}.architecture-section{min-height:640px;background:#252d25}.architecture-copy{padding-top:110px;padding-bottom:100px}.architecture-copy h2{font-size:40px;line-height:1.65}.architecture-copy h2 span{color:#d0d3c2}.architecture-copy p:not(.eyebrow){font-size:13px;line-height:2.2}.architecture-photo img{object-position:50% center}.architecture-photo small{font-size:9px}
.audience-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.audience-heading h2{font-size:41px}.audience-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:20px;max-width:320px}.audience-panel{border:1px solid #cccfc0;background:#f1efe6;padding:35px 38px}.audience-tabs{display:flex;gap:25px;border-bottom:1px solid #cbd0bf;margin-bottom:30px}.audience-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#78836d;padding:0 0 15px;font-size:12px;margin-bottom:-1px}.audience-tabs button[aria-selected="true"]{color:#354a30;border-bottom-color:#4b6047}.audience-kicker{font-size:10px;letter-spacing:1px;color:#8e826a;margin-bottom:15px}.audience-panel h3{font-size:26px;line-height:1.8;white-space:pre-line}.audience-panel #audience-description{font-size:12px;line-height:2.2;color:#6c7562;margin-top:18px}.audience-panel ul{padding-inline-start:18px;margin-block:22px 27px;font-size:11px;color:#646f5c;line-height:2.2}.audience-panel li{padding-inline-start:5px;margin-bottom:6px}.audience-panel li::marker{color:#a49776}.audience-panel .text-link{color:#354a30}
.projects-section{padding-top:80px;background:#eeece3}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border:0}.project-list>a{position:relative;padding:35px 25px;min-height:245px;border:1px solid #d5d5c5;background:#f5f2e9;display:flex;flex-direction:column;align-items:start;gap:20px;overflow:hidden;transition:background .25s,border-color .25s,transform .25s}.project-list>a:hover{padding:35px 25px;background:#e5e8da;border-color:#819272;transform:translateY(-4px)}.project-index{font:11px Arial;color:#9a8c70;border-bottom:1px solid #c7c1af;padding-bottom:10px;width:32px}.project-list h3{font-size:23px;max-width:240px;line-height:1.65;flex:1}.project-list>a>span:last-child{color:#697958;font-size:10px;width:100%;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #d8dccd}.quality-section{background:#f7f4ec;border-top:0}.documents strong{font-size:16px}.documents a{transition:color .2s}.documents a:hover{color:#586d43}.doc-icon{border-color:#c8b996;color:#9b8257}.quality-section>div>p:not(.eyebrow){line-height:2.2}.faq-section{background:#eeece3}.contact-section{background:#273425}.contact-layout h2{font-size:51px;line-height:1.65}.contact-layout h2 span{color:#d3d6c2}.contact-layout>div>p{font-size:13px;line-height:2.2}.contact-form-heading{font-size:18px;color:#e2e3d4;display:block;margin-bottom:28px}.contact-layout input[type=hidden]{display:none}.contact-layout input,.contact-layout textarea,.contact-layout select{margin-bottom:22px}.floating-contact{border-radius:0;font-size:10px;padding:12px 18px;background:#f7f4ecf5}.footer-bottom{gap:20px}.footer-bottom>span:last-child{font-size:9px}
@media(min-width:1600px){.hero-copy{max-width:1000px;padding-top:180px}.hero h1{font-size:106px}.hero-signature{left:7%}}
@media(max-width:1100px){.hero{min-height:780px}.hero-copy{padding-top:155px;max-width:710px}.hero h1{font-size:76px}.hero-signature{width:195px;left:5%}.hero-description{font-size:14px}.header nav{gap:20px}.section-intro h2{font-size:36px}.material-note{gap:40px}.architecture-copy{padding:90px 10%}.architecture-copy h2{font-size:32px}.audience-section{gap:45px}.audience-heading h2{font-size:35px}.audience-panel{padding:30px 25px}.audience-panel h3{font-size:23px}.audience-tabs{gap:20px}.audience-tabs button{font-size:11px}.contact-layout h2{font-size:42px}.project-list h3{font-size:20px}.promise-strip{gap:30px}}
@media(max-width:700px){.header{height:95px;padding:0 7%}.header .brand>span{font-size:24px}.header .brand small{font-size:8px}.header nav{top:95px;background:#263525;color:#f7f4ec;border-color:#d3ddc229}.header nav a:hover{color:#e4dbc3}.menu-toggle{font-size:11px}.hero{height:860px;min-height:0;max-height:none}.hero-image{object-position:37% center}.hero-shade{background:linear-gradient(270deg,#132018d4,#13201845),linear-gradient(0deg,#162219aa,transparent 40%),linear-gradient(180deg,#10171344,transparent 20%)}.hero-copy{padding:150px 7% 145px;max-width:none}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(47px,12vw,68px);line-height:1.6;letter-spacing:-1.5px;margin-bottom:25px}.hero-description{font-size:13px;line-height:2.2}.hero-actions{margin-top:33px;flex-direction:column;align-items:start;gap:24px}.hero .button{font-size:11px;padding:15px 23px;gap:35px}.hero .text-link{font-size:10px}.hero-signature{bottom:80px;left:auto;right:7%;width:210px;padding-top:15px}.hero-signature>span{font-size:8px}.hero-signature p{font-size:10px;margin-top:7px}.hero-bottom{inset-inline:7%;bottom:22px;font-size:8px}.promise-strip{gap:15px 10px;padding:25px 7%;font-size:8px}.promise-strip b{font-size:11px}.section{padding-top:70px;padding-bottom:70px}.section-intro h2{font-size:32px}.product-section{gap:30px}.product-body .lead{font-size:22px}.product-body>p:not(.lead){font-size:12px}.material-note{grid-template-columns:1fr;padding:35px 25px;gap:35px}.material-head>p{font-size:27px}.material-word{margin-top:20px}.material-principles{gap:25px;border-top:1px solid #68745d;padding-top:28px}.material-principles h3{font-size:17px}.material-principles p{font-size:11px}.benefits-grid h3{font-size:18px}.benefits-grid article{padding-top:30px}.benefits-grid p{min-height:110px}.architecture-section{min-height:0}.architecture-photo{height:400px}.architecture-copy{padding:60px 7%}.architecture-copy h2{font-size:31px}.architecture-copy p:not(.eyebrow){font-size:12px}.audience-section{grid-template-columns:1fr;gap:35px}.audience-heading h2{font-size:32px}.audience-panel{padding:30px 22px}.audience-panel h3{font-size:24px}.audience-tabs{gap:20px}.audience-tabs button{font-size:11px}.audience-panel ul{font-size:11px}.project-list{grid-template-columns:1fr;gap:15px}.project-list>a{min-height:195px;padding:28px 25px;gap:15px}.project-list>a:hover{padding:28px 25px}.project-list h3{font-size:23px;max-width:100%}.project-list>a>span:last-child{padding-inline-start:0;width:100%}.contact-layout h2{font-size:36px}.contact-form-heading{font-size:16px}.contact-layout>div>p{font-size:12px}.contact-layout form .button{font-size:11px;padding:14px 18px;gap:15px}.footer-bottom{flex-direction:column;gap:7px}.floating-contact{font-size:9px;padding:10px 14px}}
.water-section{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;background:#f7f4ec;border-bottom:1px solid var(--line)}.water-copy h2{font-size:43px}.water-copy .water-lead{font-size:21px;color:#526447;line-height:1.9;margin:25px 0 18px;max-width:420px}.water-copy>p:not(.eyebrow):not(.water-lead){font-size:13px;line-height:2.2;color:#717967;max-width:430px}.water-copy .text-link{margin-top:30px}.water-detail{padding:32px 36px;background:#eaece0;border:1px solid #d0d5c3}.water-label{display:block;font-size:10px;letter-spacing:1px;color:#95866b;padding-bottom:23px;border-bottom:1px solid #cbd2bc}.water-detail>div{position:relative;padding:25px 32px 23px 0;border-bottom:1px solid #cbd2bc}.water-index{position:absolute;right:0;top:32px;font:10px Arial;color:#9b8968}.water-detail h3{font-size:18px;margin-bottom:7px}.water-detail>div>p{font-size:12px;color:#6a775d;line-height:2.1}.water-note{font-size:10px;color:#727c67;line-height:2;margin-top:25px}@media(max-width:1100px){.water-section{gap:45px}.water-copy h2{font-size:36px}.water-detail{padding:28px 25px}}@media(max-width:700px){.water-section{grid-template-columns:1fr;gap:35px}.water-copy h2{font-size:32px}.water-copy .water-lead{font-size:19px}.water-copy>p:not(.eyebrow):not(.water-lead){font-size:12px}.water-detail{padding:25px 22px}.water-detail h3{font-size:17px}.water-detail>div>p{font-size:11px}}
/* Official Eco Panels identity */
:root{--green:#16843b;--brand-lime:#ccd92b;--bronze:#9caf43}.official-brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.logo-frame{display:flex;align-items:center;justify-content:center;background:transparent;padding:0;border:0;border-radius:0;box-shadow:none;width:82px;height:97px}.logo-frame img{display:block;width:100%;height:100%;object-fit:contain}.brand-description{font-size:19px;line-height:1.4;font-weight:500}.brand-description small{display:block;font-size:9px;margin-top:8px;letter-spacing:.3px;font-weight:400}.header nav{gap:22px}.header .nav-cta{border-color:var(--brand-lime)}.header .brand-description small{color:#e4ecd9}.hero .eyebrow{color:#dce49b}.hero .button.ivory{border-bottom:3px solid var(--brand-lime)}.hero-signature{border-top-color:#ccd92b88}.promise-strip b{color:#28653d}.material-note{border-inline-start:3px solid var(--brand-lime)}.material-principles>div>span{color:#d2df72}.feature-number{color:#67883d}.benefits-grid svg{stroke:#3e803d}.floating-contact{color:#196b35;border-bottom:3px solid var(--brand-lime)}.text-link{border-color:#648d57}.doc-icon{color:#25853c;border-color:#afc789}.contact-layout h2 span{color:#d2df8f}.contact-form-heading{color:#e1ebb8}.contact-layout form .button{border-bottom:3px solid var(--brand-lime)}footer .official-brand{align-self:start}footer .logo-frame{width:95px;height:113px;background:none;padding:0}footer .brand-description{font-size:17px}footer .brand-description small{font-size:8px;line-height:1.8}
.solutions-section{padding-top:65px;background:#efeee5}.solutions-intro{font-size:13px;color:#748068;line-height:2.2}.solutions-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:50px}.solution-card{background:#faf8f0;border:1px solid #d7dfcd;overflow:hidden}.solution-identity{position:relative;padding:35px 40px;background:#e7ead9;min-height:245px}.solution-label{font-size:10px;color:#527441;letter-spacing:.7px}.solution-identity h3{font:400 51px/1.05 Arial,sans-serif;letter-spacing:3px;color:#1e4930;margin-top:25px;direction:ltr;text-align:right}.solution-identity h3 span{color:#309547}.solution-thickness{position:absolute;left:35px;bottom:35px;display:block;border-top:1px solid #7ea367;padding-top:15px;font-size:12px;color:#4e6c3b}.ecotherm-card .solution-identity{background:#1e4a30}.ecotherm-card .solution-label{color:#d3df9d}.ecotherm-card .solution-identity h3{color:#f0f1dd}.ecotherm-card .solution-identity h3 span{color:#d3df38}.ecotherm-card .solution-thickness{color:#d6e4b0;border-color:#94ad56}.solution-body{padding:35px 40px 40px}.solution-body h4{font-size:21px;font-weight:500;margin:0 0 16px}.solution-body p{font-size:13px;color:#687660;line-height:2.2}.solution-body ul{padding-inline-start:18px;line-height:2.2;font-size:11px;color:#7a846e;margin:22px 0 28px}.solution-body li::marker{color:#92ab39}.solution-body .text-link{font-size:11px}.climate-section{background:#163c26;color:#f5f5e8}.climate-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:0 70px;align-items:end}.climate-heading .eyebrow{grid-column:1/-1;color:#c4d486}.climate-heading h2 span{color:#d0df91}.climate-heading>p:last-child{font-size:13px;color:#c8d9b6;line-height:2.2;max-width:380px}.climate-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px;padding-top:35px;border-top:1px solid #597947}.climate-paths article>span{font-size:10px;color:#c6d879;letter-spacing:.5px}.climate-paths h3{font-size:23px;line-height:1.6;margin:22px 0 15px}.climate-paths p{font-size:12px;color:#bdd0ab;line-height:2.2}.climate-bottom{display:flex;justify-content:space-between;align-items:center;gap:45px;padding-top:32px;margin-top:45px;border-top:1px solid #597947}.climate-bottom p{max-width:600px;color:#b0c198;font-size:10px;line-height:2}.climate-bottom .text-link{flex-shrink:0;color:#e6eccd;border-color:#c7d689;font-size:11px}@media(max-width:1100px){.header nav{gap:17px;font-size:10px}.brand-description{font-size:17px}.solutions-grid{gap:20px}.solution-identity,.solution-body{padding-inline:30px}.climate-heading{gap:0 35px}.climate-heading h2{font-size:36px}.climate-paths{gap:25px}.climate-paths h3{font-size:21px}.climate-bottom{gap:30px}}
@media(max-width:700px){.header{height:105px}.official-brand{gap:12px}.logo-frame{width:64px;height:76px;padding:0}.brand-description{font-size:17px}.brand-description small{font-size:8px;margin-top:6px}.header nav{top:105px;font-size:12px;gap:20px}.hero-copy{padding-top:155px}.solutions-section{padding-top:65px}.solutions-intro{font-size:12px}.solutions-grid{grid-template-columns:1fr;gap:22px;margin-top:35px}.solution-identity{min-height:225px;padding:28px}.solution-identity h3{font-size:47px}.solution-thickness{left:28px;bottom:28px}.solution-body{padding:28px}.solution-body h4{font-size:20px}.solution-body p{font-size:12px}.climate-heading{grid-template-columns:1fr;gap:22px}.climate-heading .eyebrow{margin-bottom:0}.climate-heading h2{font-size:31px}.climate-heading>p:last-child{font-size:12px}.climate-paths{grid-template-columns:1fr;gap:30px;margin-top:35px;padding-top:30px}.climate-paths article+article{padding-top:28px;border-top:1px solid #597947}.climate-paths h3{margin-top:15px;font-size:23px}.climate-paths p{font-size:12px}.climate-bottom{flex-direction:column;align-items:start;gap:25px;margin-top:35px;padding-top:25px}.climate-bottom p{font-size:10px}footer .official-brand{gap:20px}footer .logo-frame{width:90px;height:106px}footer .brand-description{font-size:20px}}
/* Bilingual layouts and screen-size refinements */
.language-switch{font:500 11px/1.6 Arial,Tahoma,sans-serif;color:#f2f4e4;border:1px solid #cadb9566;min-height:42px;padding:10px 13px;display:inline-flex;gap:12px;align-items:center;flex-shrink:0;white-space:nowrap}.language-switch:hover{background:#edf0d51a}.header{gap:22px}.header nav{flex-wrap:nowrap}.section>*,.form-row>*,.solutions-grid>*,.benefits-grid>*,.climate-paths>*,.contact-layout>*,.faq-layout>*,.audience-section>*,.quality-section>*{min-width:0}img{max-width:100%}p,h1,h2,h3,h4,a{overflow-wrap:break-word}input,select,textarea{min-width:0;max-width:100%}.button,.menu-toggle,.floating-contact{min-height:44px}.text-link{min-height:40px}.audience-tabs button{min-height:44px}.faq-layout summary{min-height:44px;align-items:center}
html[lang=en]{--font:Arial,Helvetica,sans-serif}html[lang=en] body{line-height:1.7}html[lang=en] h1,html[lang=en] h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.5px;line-height:1.2}html[lang=en] h2{font-size:clamp(32px,3.4vw,48px)}html[lang=en] .eyebrow{font:10px/1.7 Arial,sans-serif;letter-spacing:1.8px}html[lang=en] .hero h1{font-size:clamp(54px,5.6vw,82px);line-height:1.18;letter-spacing:-2px;margin-bottom:27px}html[lang=en] .hero-copy{max-width:860px;padding-top:180px}html[lang=en] .hero-description{font-size:15px;line-height:1.9;max-width:470px}html[lang=en] .hero-shade{background:linear-gradient(90deg,#17231ddd,#17231d78 42%,#17231d05 78%),linear-gradient(0deg,#111b16aa,transparent 35%),linear-gradient(180deg,#10171377,transparent 20%)}html[lang=en] .hero-signature{left:auto;right:6%;direction:ltr}html[lang=en] .hero-signature p{font-size:11px}html[lang=en] .hero-bottom{font-size:9px}html[lang=en] .official-brand{gap:14px}html[lang=en] .brand-description{font:500 19px/1.4 Arial,sans-serif;letter-spacing:.3px}html[lang=en] .brand-description small{font-size:9px;max-width:150px;line-height:1.6}html[lang=en] .header nav{font-size:11px;gap:19px;white-space:nowrap}html[lang=en] .nav-cta{font-size:11px;gap:15px;white-space:nowrap}html[lang=en] .promise-strip{text-align:center}html[lang=en] .promise-strip span{font-size:9px}html[lang=en] .promise-strip b{font-size:12px;margin-top:4px}html[lang=en] .product-body{padding-top:36px}html[lang=en] .product-body .lead{font-size:23px;line-height:1.6}html[lang=en] .product-body>p:not(.lead){line-height:1.9}html[lang=en] .material-head>p{font-family:Georgia,serif;font-size:29px;line-height:1.4}html[lang=en] .material-principles>div>span{top:4px}html[lang=en] .material-principles h3{font-size:17px}html[lang=en] .material-principles p{font-size:12px;line-height:1.8}html[lang=en] .solution-identity h3{text-align:left}html[lang=en] .solution-thickness{left:auto;right:35px}html[lang=en] .solution-body h4{font-size:21px;line-height:1.4}html[lang=en] .solution-body p{font-size:13px;line-height:1.9}html[lang=en] .solution-body ul{font-size:12px;line-height:1.9}html[lang=en] .solutions-intro{font-size:13px;line-height:1.9}html[lang=en] .feature-number{left:auto;right:22px}html[lang=en] .benefits-grid h3{font-size:20px;line-height:1.4}html[lang=en] .benefits-grid p{font-size:12px;line-height:1.9;min-height:105px}html[lang=en] .benefits-grid a{line-height:1.6}html[lang=en] .water-index{right:auto;left:0;top:28px}html[lang=en] .water-detail>div{padding-right:0;padding-left:32px}html[lang=en] .water-copy .water-lead{font-size:20px;line-height:1.6}html[lang=en] .water-copy>p:not(.eyebrow):not(.water-lead){line-height:1.9}html[lang=en] .water-detail h3{line-height:1.4;font-size:18px}html[lang=en] .water-detail>div>p{line-height:1.9}html[lang=en] .architecture-copy h2{font-size:38px;line-height:1.3}html[lang=en] .architecture-copy p:not(.eyebrow){font-size:13px;line-height:2}html[lang=en] .architecture-photo small{right:auto;left:25px}html[lang=en] .audience-panel h3{font-size:25px;line-height:1.5}html[lang=en] .audience-panel #audience-description{line-height:1.9;font-size:13px}html[lang=en] .audience-panel ul{font-size:12px;line-height:1.9}html[lang=en] .audience-tabs{gap:20px}html[lang=en] .audience-tabs button{font-size:11px;line-height:1.5}html[lang=en] .climate-heading>p:last-child{font-size:13px;line-height:1.9}html[lang=en] .climate-paths h3{font-size:23px;line-height:1.35}html[lang=en] .climate-paths p{font-size:13px;line-height:1.9}html[lang=en] .project-list h3{font-size:23px;line-height:1.4}html[lang=en] .quality-section>div>p:not(.eyebrow){font-size:13px;line-height:1.9}html[lang=en] .documents strong{font-size:15px;line-height:1.4}html[lang=en] .documents small{margin-top:7px}html[lang=en] .faq-layout summary{font-size:14px;line-height:1.6}html[lang=en] .faq-layout details p{font-size:13px;line-height:1.9}html[lang=en] .contact-layout h2{font-size:48px;line-height:1.3}html[lang=en] .contact-layout>div>p{line-height:1.9}html[lang=en] .contact-layout form label{font-size:12px}html[lang=en] input,html[lang=en] select,html[lang=en] textarea{font-size:14px}html[lang=en] .form-note{font-size:11px;line-height:1.7}html[lang=en] .footer-bottom{line-height:1.7}html[lang=en] .floating-contact{font-size:11px}
@media(max-width:1350px){.header .nav-cta{display:none}.header nav{gap:18px}.header{gap:20px}}
@media(max-width:1100px){.header .menu-toggle{display:inline-flex;gap:10px;align-items:center;margin-inline-start:auto;font-size:12px;padding:8px}.header nav{display:none;position:absolute;top:112px;inset-inline:0;background:#263525;color:#f7f4ec;padding:25px 7%;border-top:1px solid #d3ddc229;box-shadow:0 10px 20px #2222;white-space:normal}.header nav.open{display:flex;flex-direction:column;gap:17px}.header nav a{padding:5px 0;font-size:13px;min-height:35px}.hero-signature{width:220px}html[lang=en] .hero-copy{max-width:720px;padding-top:175px}html[lang=en] .hero h1{font-size:64px}html[lang=en] .hero-description{max-width:400px}html[lang=en] .material-note{grid-template-columns:1fr 1.3fr}html[lang=en] .architecture-copy{padding:80px 10%}html[lang=en] .architecture-copy h2{font-size:31px}html[lang=en] .contact-layout h2{font-size:40px}}
@media(max-width:700px){.header{gap:10px;padding-inline:5%;height:105px}.header nav{top:105px}.header .menu-toggle{gap:6px;font-size:10px;padding:6px;margin-inline-start:auto}.language-switch{padding:9px 10px;font-size:10px;gap:5px;min-height:42px}.official-brand{gap:8px}.brand-description{font-size:15px}.brand-description small{font-size:7px;max-width:110px}.logo-frame{width:55px;height:65px}.hero{height:auto;min-height:850px;max-height:none;padding-bottom:24px}.hero-copy{padding-bottom:35px}.hero-signature{position:relative;inset:auto;width:auto;margin:10px 7% 30px;max-width:270px}.hero-bottom{position:relative;inset:auto;margin:0 7%;padding-bottom:0}.hero-actions{gap:22px}.button{max-width:100%}.text-link{gap:20px}.benefits-grid{gap:35px 0}.benefits-grid a{gap:8px}.benefits-grid h3{overflow-wrap:normal}.solution-thickness{font-size:12px}.audience-tabs{gap:15px}.audience-tabs button{flex:1;white-space:normal;text-align:start}.form-row{gap:16px}input,textarea,select{font-size:16px}.contact-layout form .button{white-space:normal;text-align:start}.footer-bottom{max-width:100%}html[lang=en] .brand-description{font-size:15px;letter-spacing:0}html[lang=en] .brand-description small{font-size:7px;max-width:105px}html[lang=en] .official-brand{gap:8px}html[lang=en] .hero-copy{padding:160px 7% 35px;max-width:none}html[lang=en] .hero h1{font-size:clamp(43px,11vw,58px);line-height:1.2;letter-spacing:-1.5px}html[lang=en] .hero-description{font-size:14px;max-width:100%;line-height:1.85}html[lang=en] .hero-signature{inset:auto;direction:ltr;margin:10px 7% 30px}html[lang=en] .hero .eyebrow{font-size:9px;letter-spacing:1px}html[lang=en] .hero-bottom{font-size:8px}html[lang=en] h2{font-size:32px;line-height:1.25;letter-spacing:-.7px}html[lang=en] .section-intro h2,html[lang=en] .row-heading h2,html[lang=en] .audience-heading h2,html[lang=en] .water-copy h2,html[lang=en] .climate-heading h2{font-size:32px}html[lang=en] .eyebrow{letter-spacing:1.2px;font-size:9px}html[lang=en] .product-body{padding-top:0}html[lang=en] .product-body .lead{font-size:21px;line-height:1.6}html[lang=en] .product-body>p:not(.lead){font-size:13px}html[lang=en] .material-note{grid-template-columns:1fr}html[lang=en] .material-head>p{font-size:27px}html[lang=en] .benefits-grid h3{font-size:18px}html[lang=en] .benefits-grid p{font-size:12px;min-height:135px}html[lang=en] .benefits-grid a{font-size:10px}html[lang=en] .feature-number{right:12px}html[lang=en] .solution-thickness{right:28px}html[lang=en] .solution-body p{font-size:13px}html[lang=en] .architecture-copy{padding:60px 7%}html[lang=en] .architecture-copy h2{font-size:31px}html[lang=en] .audience-panel h3{font-size:24px}html[lang=en] .climate-paths h3{font-size:23px}html[lang=en] .water-note{font-size:11px}html[lang=en] .contact-layout h2{font-size:35px}html[lang=en] .contact-layout input,html[lang=en] .contact-layout select,html[lang=en] .contact-layout textarea{font-size:16px}html[lang=en] .footer-bottom>span:last-child{font-size:10px}html[lang=en] footer .official-brand{gap:20px}html[lang=en] footer .brand-description{font-size:19px}html[lang=en] footer .brand-description small{font-size:8px;max-width:160px}}
@media(max-width:380px){.header .brand-description{display:none}.header .menu-toggle{font-size:11px}.header .language-switch{font-size:11px}.hero-actions .button{gap:25px}.hero h1{font-size:45px}html[lang=en] .hero h1{font-size:39px}.benefits-grid{grid-template-columns:1fr}.benefits-grid article,.benefits-grid article:first-child,.benefits-grid article:nth-child(3){padding-inline:0;border-inline:0;padding-top:25px;border-top:1px solid var(--line)}.benefits-grid article:first-child{border-top:0}.benefits-grid p,html[lang=en] .benefits-grid p{min-height:0}.benefits-grid a{padding-top:15px}.form-row{grid-template-columns:1fr;gap:0}html[lang=en] .solution-identity h3{font-size:42px}}
/* Quiet motion, architectural imagery and original ambient music */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.music-toggle{position:fixed;bottom:24px;right:24px;z-index:20;min-height:44px;background:#f7f4eced;backdrop-filter:blur(12px);border:1px solid #b9c994;border-bottom:3px solid var(--brand-lime);padding:10px 15px;display:flex;align-items:center;gap:12px;color:#245232;font:11px var(--font);cursor:pointer;box-shadow:0 4px 25px #18241820}.music-toggle:hover{background:#eaf0d9}.music-symbol{display:flex;gap:3px;height:18px;align-items:center;direction:ltr}.music-symbol i{width:2px;background:#3c8b4b;height:7px;display:block;transform-origin:center}.music-symbol i:nth-child(2){height:15px}.music-symbol i:nth-child(3){height:11px}.music-symbol i:nth-child(4){height:17px}.music-toggle[aria-pressed=true] .music-symbol i{animation:quiet-wave 1.4s ease-in-out infinite alternate}.music-toggle[aria-pressed=true] .music-symbol i:nth-child(2){animation-delay:-.3s}.music-toggle[aria-pressed=true] .music-symbol i:nth-child(3){animation-delay:-.7s}.music-toggle[aria-pressed=true] .music-symbol i:nth-child(4){animation-delay:-.5s}.music-action{font:10px Arial}.hero-image{animation:cinematic-settle 14s ease-out both}.hero::after{content:"";position:absolute;bottom:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,#16843b,#ccd92b,transparent);pointer-events:none}.climate-section{position:relative;overflow:hidden}.climate-section::before{content:"";position:absolute;width:600px;height:600px;inset-inline-end:-180px;top:-260px;background:radial-gradient(ellipse,#94ba3f20,transparent 65%);pointer-events:none}.climate-section>*{position:relative}.solution-card{transition:box-shadow .4s,transform .4s,border-color .4s}.solution-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #1434210c;border-color:#90b265}.visual-gallery{background:#edece2}.gallery-hint{font-size:11px;color:#728265}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-auto-rows:360px;gap:22px;margin-top:45px}.gallery-tile{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:0;padding:0;background:#253624;cursor:pointer;text-align:start;color:#f4f1e9}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease,filter 1s ease;display:block}.gallery-tile:hover img{transform:scale(1.045);filter:brightness(1.04)}.gallery-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#13231ace,transparent 52%);pointer-events:none}.gallery-caption{position:absolute;inset-inline:25px;bottom:22px;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px}.gallery-caption>span:last-child{font:22px Arial;border:1px solid #edf1de55;width:39px;height:39px;display:grid;place-items:center}.gallery-note{font-size:10px;color:#78836d;line-height:1.9;margin-top:20px;max-width:760px}.image-viewer{border:0;padding:35px;background:#15241d;color:#edf1e0;max-width:94vw;width:1150px;max-height:92svh;overflow:auto}.image-viewer::backdrop{background:#08120de8;backdrop-filter:blur(9px)}.viewer-inner{padding-top:12px;text-align:center}.viewer-inner img{max-width:100%;width:auto;max-height:70svh;object-fit:contain;display:block;margin:auto}.viewer-inner p{font-size:16px;margin-top:18px}.viewer-inner small{font-size:10px;color:#b8c39f}.viewer-close{position:absolute;top:5px;right:8px;border:0;background:none;color:#edf1e0;font:32px Arial;min-width:44px;min-height:44px;cursor:pointer}.viewer-open{overflow:hidden}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .85s ease,transform .85s ease}.reveal-visible{opacity:1;transform:translateY(0)}@keyframes quiet-wave{from{transform:scaleY(.55)}to{transform:scaleY(1.05)}}@keyframes cinematic-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:1100px){.gallery-grid{grid-auto-rows:300px;gap:18px}.gallery-caption{font-size:15px;inset-inline:20px;bottom:20px}}
@media(max-width:700px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:300px;gap:17px;margin-top:30px}.gallery-caption{font-size:17px}.gallery-hint{font-size:10px}.gallery-note{font-size:10px}.music-toggle{right:15px;bottom:15px;padding:10px 13px;width:48px;height:46px;justify-content:center}.music-toggle #music-label,.music-toggle .music-action{display:none}.music-toggle .music-symbol{gap:3px}.image-viewer{padding:35px 15px 25px;max-width:96vw}.viewer-inner img{max-height:68svh}.viewer-inner p{font-size:14px}.viewer-inner small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none}.music-symbol i{animation:none!important}.reveal-ready{opacity:1;transform:none}.gallery-tile img,.solution-card{transition:none}}

.water-visual,.climate-visual{margin:0;position:relative;overflow:hidden}.water-visual{grid-column:1/-1;grid-row:2;height:320px;margin-top:10px}.water-visual img,.climate-visual img{width:100%;height:100%;object-fit:cover;display:block}.water-visual img{object-position:center 55%}.water-visual::after,.climate-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#13231aaa,transparent 65%)}.water-visual figcaption,.climate-visual figcaption{position:absolute;bottom:24px;inset-inline:28px;z-index:1;color:#fff;font-size:18px}.water-visual small,.climate-visual small{display:block;font-size:10px;color:#e3e9da;margin-top:8px}.climate-visual{height:390px;margin-top:40px;margin-bottom:40px}.water-detail{grid-column:2;grid-row:1}@media(max-width:700px){.water-detail{grid-column:auto;grid-row:auto}.water-visual{grid-row:auto;grid-column:auto;height:280px}.climate-visual{height:300px}}

.visual-story{display:grid;grid-template-columns:1.2fr 1fr;background:#eeede4;min-height:480px}.story-photo{position:relative;border:0;padding:0;overflow:hidden;background:#273126;cursor:pointer;min-height:480px;width:100%;text-align:start}.story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.story-photo:hover img{transform:scale(1.035)}.story-photo small{position:absolute;bottom:20px;inset-inline-start:24px;color:white;font-size:10px;background:#15241d99;padding:6px 10px}.photo-expand{position:absolute;bottom:22px;inset-inline-end:24px;color:white;font-size:24px}.story-copy{padding:70px 60px;align-self:center}.story-copy h2{font-size:40px;line-height:1.35;margin:20px 0}.story-copy>p:not(.eyebrow){font-size:16px;line-height:2;color:#65725b}.story-cta{margin-top:25px;background:#245232;color:#fff}.story-reverse{background:#182a20;color:#f4f1e9;grid-template-columns:1fr 1.2fr}.story-reverse .story-photo{grid-column:2;grid-row:1}.story-reverse .story-copy{grid-column:1;grid-row:1}.story-reverse .story-copy>p:not(.eyebrow){color:#c2ceba}.story-reverse .story-cta{background:#e7eccd;color:#245232}@media(max-width:1100px){.story-copy{padding:40px 30px}.story-copy h2{font-size:32px}.story-photo{min-height:420px}.visual-story{min-height:420px}}@media(max-width:700px){.visual-story,.story-reverse{grid-template-columns:1fr;min-height:0}.story-photo,.story-reverse .story-photo{min-height:300px;grid-column:1;grid-row:auto}.story-copy,.story-reverse .story-copy{grid-column:1;grid-row:auto;padding:38px 25px 45px}.story-copy h2{font-size:30px}.story-copy>p:not(.eyebrow){font-size:14px}.story-cta{width:100%}}@media(prefers-reduced-motion:reduce){.story-photo img{transition:none}}

.editorial-inset{margin:55px 0 0;grid-column:1/-1}.editorial-photo{position:relative;display:block;width:100%;height:420px;padding:0;border:0;overflow:hidden;cursor:pointer;background:#253624;text-align:start}.editorial-photo img{display:block;object-fit:cover;object-position:center;width:100%;height:100%;transition:transform 1.2s ease}.editorial-photo:hover img{transform:scale(1.035)}.editorial-photo small{position:absolute;bottom:20px;inset-inline-start:24px;font-size:10px;color:white;background:#15241d99;padding:6px 10px}.editorial-photo>span{position:absolute;bottom:22px;inset-inline-end:24px;font-size:24px;color:white}.editorial-inset figcaption{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.editorial-inset h3{font-size:22px;margin:0 0 8px}.editorial-inset figcaption p{font-size:13px;color:#728265;margin:0;line-height:1.9}.editorial-inset .text-link{flex-shrink:0}@media(max-width:1100px){.editorial-photo{height:350px}}@media(max-width:700px){.editorial-inset{margin-top:35px}.editorial-photo{height:300px}.editorial-inset figcaption{display:block;padding:22px 0}.editorial-inset h3{font-size:20px}.editorial-inset .text-link{display:inline-flex;margin-top:20px}}@media(prefers-reduced-motion:reduce){.editorial-photo img{transition:none}}

.product-section .editorial-inset{margin-top:0}

.water-visual img{object-position:center 52%}.kitchen-inset .editorial-photo{height:360px}@media(max-width:700px){.kitchen-inset .editorial-photo{height:280px}}

/* Manufacturing identity and technical evidence */
.hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.5}.hero-description{font-size:15px;max-width:600px}.hero-copy{max-width:830px}.manufacturing-proof{padding:55px 7%;display:grid;grid-template-columns:minmax(230px,340px) 1fr;gap:55px;align-items:center;background:#e8e9df;border-bottom:1px solid var(--line)}.manufacturing-proof figure{margin:0}.manufacturing-proof img{width:100%;height:290px;object-fit:cover}.manufacturing-proof figcaption{font-size:11px;color:#62705d;margin-top:12px}.manufacturing-proof h2{font-size:clamp(26px,3vw,40px);line-height:1.5}.manufacturer-note{margin:22px 0}.manufacturer-note strong{color:#245232;font-size:15px}.manufacturer-note p{font-size:14px;max-width:750px;color:#5d6956;margin-top:7px}.technical-section{background:#eeede4}.table-scroll{overflow-x:auto;margin:35px 0 20px}.technical-section table{width:100%;border-collapse:collapse;text-align:start;font-size:14px}.technical-section caption{text-align:start;font-size:12px;color:#59664f;margin-bottom:18px}.technical-section th,.technical-section td{padding:18px 16px;border-bottom:1px solid #cfd3c4;text-align:start}.technical-section thead{background:#245232;color:#fff}.technical-section tbody th{font-family:Arial;font-weight:700}.technical-note{font-size:13px;color:#606c58;max-width:900px}.technical-actions{display:flex;gap:28px;flex-wrap:wrap;align-items:center;margin-top:25px}.technical-actions .button{background:#245232;color:#fff}.development-note{margin:40px 0 20px;padding:30px;border:1px solid #738260}.development-note h3{font-size:24px}.development-note p{font-size:14px;color:#d3ddc7;margin-top:16px}.project-record{display:flex;align-items:center;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.project-record h3{flex:1;font-size:22px}.project-record>span:last-child{font-size:11px;color:#66715d}.actual-photos{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.actual-photos figure{margin:0}.actual-photos img{width:100%;height:280px;object-fit:cover}.actual-photos figcaption{font-size:11px;color:#65715c;line-height:1.9;margin-top:10px}
html[lang=en] .hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.18;letter-spacing:-1px}html[lang=en] .hero-description{font-size:14px;line-height:1.8}html[lang=en] .hero-copy{max-width:830px}
@media(max-width:700px){.hero h1{font-size:38px;line-height:1.45}.hero-description{font-size:13px;line-height:1.95}.hero-copy{padding-bottom:30px}.manufacturing-proof{grid-template-columns:1fr;padding:38px 7%;gap:25px}.manufacturing-proof img{height:260px}.manufacturing-proof h2{font-size:28px}.technical-section th,.technical-section td{padding:12px 9px;font-size:12px}.technical-actions{gap:20px}.project-record{gap:13px;flex-wrap:wrap}.project-record h3{font-size:18px;min-width:180px}.project-record>span:last-child{margin-inline-start:34px}.actual-photos{grid-template-columns:1fr}.actual-photos img{height:280px}.development-note{padding:22px}.development-note h3{font-size:22px}html[lang=en] .hero h1{font-size:35px}html[lang=en] .hero-description{font-size:13px}.hero-signature{display:none}}

/* Full-size wall comparison and refined application photography */
.wall-comparison{background:#eeece3;padding-top:75px;padding-bottom:65px}.comparison-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.comparison-heading h2{font-size:clamp(27px,3.1vw,43px);line-height:1.55}.comparison-heading>div>p:not(.eyebrow){font-size:15px;line-height:2;color:#5f6a55;max-width:530px}.comparison-heading .text-link{margin-top:22px}.comparison-figure{margin:0}.comparison-figure>a{display:block;background:#171914}.comparison-figure img{display:block;width:100%;height:auto;object-fit:contain}.comparison-figure figcaption{font-size:12px;color:#626c58;margin-top:17px;line-height:1.9}.manufacturing-scope{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:13px;color:#245232}.refined-applications{gap:30px}.refined-applications img{height:350px;object-fit:cover}.refined-applications figcaption{font-size:13px}html[lang=en] .comparison-heading h2{line-height:1.3;letter-spacing:-.5px}
@media(max-width:700px){.wall-comparison{padding-top:40px;padding-bottom:40px}.comparison-heading{grid-template-columns:1fr;gap:22px;margin-bottom:25px}.comparison-heading h2{font-size:29px}.comparison-heading>div>p:not(.eyebrow){font-size:14px}.comparison-figure figcaption{font-size:11px}.manufacturing-scope{font-size:12px}.refined-applications img{height:auto}.comparison-figure img{min-width:0}html[lang=en] .comparison-heading h2{font-size:28px}}

/* Authentic panels, presented as a manufactured product */
.panel-product-photo{grid-column:1/-1;margin:0;padding:30px;background:#e9e7de;border:1px solid #d3d6c8}.panel-photo-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.panel-photo-heading .eyebrow{margin-bottom:12px}.panel-photo-heading h3{font-size:30px;line-height:1.5}.panel-photo-label{color:#58684d;font-size:10px;border:1px solid #bec9af;padding:7px 12px;white-space:nowrap}.panel-product-photo>a{display:block;overflow:hidden}.panel-product-photo img{display:block;width:100%;height:auto;object-fit:contain}.panel-product-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:23px}.panel-product-photo figcaption p{font-size:13px;line-height:1.9;color:#647057;max-width:630px}.panel-product-photo figcaption a{flex-shrink:0}
@media(max-width:700px){.panel-product-photo{padding:18px;margin-top:0}.panel-photo-heading{display:block;margin-bottom:18px}.panel-photo-heading h3{font-size:25px}.panel-photo-label{display:inline-block;margin-top:12px}.panel-product-photo figcaption{display:block}.panel-product-photo figcaption a{margin-top:18px}.panel-product-photo figcaption p{font-size:12px}}

.panel-product-photo figcaption{flex-wrap:wrap}.original-photo-link{font-size:11px;color:#68765c;text-decoration:underline;flex-basis:100%;text-align:start}.panel-photo-heading h3{font-size:28px}@media(max-width:700px){.panel-photo-heading h3{font-size:24px}.original-photo-link{display:block;margin-top:14px}}

/* Dimensional product viewer: 120 x 60 cm, interactive full rotation */
.product-viewer{grid-column:1/-1;background:#eeece3;padding:35px;border:1px solid #d3d7c8;scroll-margin-top:30px}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.viewer-heading .eyebrow{margin-bottom:12px}.viewer-heading h3{font-size:28px;line-height:1.5}.viewer-badge{font:28px Arial;color:#386246;border:1px solid #a6b897;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;flex-shrink:0}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px}.viewer-stage{position:relative;min-width:0;background:radial-gradient(ellipse at 40% 30%,#f8f6f0,#e5e4da 75%);overflow:hidden;min-height:420px;border:1px solid #d2d6c7;isolation:isolate}.viewer-stage canvas{width:100%;height:420px;display:block;touch-action:none;cursor:grab;position:relative;z-index:2}.viewer-stage canvas.dragging{cursor:grabbing}.viewer-size{position:absolute;top:22px;inset-inline-start:22px;font-size:13px;color:#355641;z-index:3;background:#f7f5edc9;padding:8px 12px;pointer-events:none}.viewer-floor{position:absolute;width:65%;height:20%;bottom:7%;left:18%;background:radial-gradient(ellipse,#51584622,transparent 65%);pointer-events:none;z-index:1}.viewer-fallback{width:100%;height:420px;object-fit:contain}.viewer-controls{align-self:center;color:#3e4c35}.viewer-instruction{font-size:13px;margin-bottom:20px}.viewer-controls label{display:flex;justify-content:space-between;font-size:12px;margin-top:19px}.viewer-controls input[type=range]{accent-color:#245232;min-height:36px;padding:0;border:0;background:transparent;color:#245232;width:100%}.viewer-controls select{width:100%;border:1px solid #bdc7ad;background:#f7f5ed;color:#304329;padding:10px;margin-top:8px}.viewer-actions{display:flex;gap:9px;flex-wrap:wrap}.viewer-actions button{border:1px solid #bac5ae;background:#f8f6ee;color:#30452c;padding:9px 12px;font-size:12px;min-height:42px}.viewer-actions button:first-child{background:#245232;color:#fff;border-color:#245232}.viewer-actions button[aria-pressed=true]{background:#4d6241}.viewer-dimensions{margin-top:22px;font-size:12px}.viewer-controls small{display:block;font-size:10px;line-height:1.9;color:#75836b;margin-top:15px}.solution-thickness{font-size:12px}
@media(max-width:900px){.viewer-layout{grid-template-columns:1fr}.viewer-controls{display:block}.viewer-stage canvas{height:370px}.viewer-stage{min-height:370px}}
@media(max-width:700px){.product-viewer{padding:18px}.viewer-heading h3{font-size:23px}.viewer-badge{font-size:23px;width:60px;height:60px}.viewer-stage canvas,.viewer-fallback{height:300px}.viewer-stage{min-height:300px}.viewer-size{top:14px;inset-inline-start:14px;font-size:11px}.viewer-layout{gap:22px}.viewer-controls label{margin-top:15px}.solution-thickness{font-size:11px}.viewer-stage{direction:ltr}}

.panel-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.panel-detail-pair a{display:block;background:#282923}.panel-detail-pair img{width:100%;height:480px;object-fit:cover}@media(max-width:700px){.panel-detail-pair{gap:10px}.panel-detail-pair img{height:260px}}

.panel-photo-gallery{grid-column:1/-1;padding:28px 0}.panel-photo-gallery h3{font-size:28px}.panel-photo-gallery>p{color:#647057;font-size:13px;margin:14px 0 24px}.panel-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.panel-photo-grid figure{margin:0;background:#e9e7de}.panel-photo-grid a{display:block}.panel-photo-grid img{display:block;width:100%;height:400px;object-fit:cover}.panel-photo-grid figcaption{padding:16px;font-size:13px;color:#58684d}@media(max-width:700px){.panel-photo-grid{grid-template-columns:1fr;gap:18px}.panel-photo-grid img{height:auto}.panel-photo-gallery h3{font-size:24px}}

.selected-cinematic-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.selected-cinematic-pair a{display:block;overflow:hidden}.selected-cinematic-pair img{display:block;width:100%;height:auto}@media(max-width:700px){.selected-cinematic-pair{grid-template-columns:1fr;gap:18px}}

.cinema-stage{background:#24221e}.cinema-stage>a{display:block}.cinema-stage>a>img{display:block;width:100%;height:640px;object-fit:contain;background:radial-gradient(ellipse at center,#514432,#171714)}.cinema-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px;color:#f3ecdd;flex-wrap:wrap}.cinema-toolbar button{background:transparent;color:inherit;border:1px solid #8c806c;padding:10px 16px;cursor:pointer}.cinema-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.angle-thumb{padding:0;background:#e9e7de;color:#38422f;border:2px solid transparent;cursor:pointer}.angle-thumb[aria-pressed=true]{border-color:#8b774d}.angle-thumb img{width:100%;height:140px;object-fit:cover;display:block}.angle-thumb span{display:block;padding:12px}.cinema-note{display:block;margin-top:18px;color:#647057;line-height:1.8}.cinematic-viewer .viewer-badge{width:auto;min-width:60px;padding:12px;border-radius:0}@media(max-width:700px){.cinema-stage>a>img{height:440px}.cinema-thumbs{gap:8px}.angle-thumb img{height:90px}.cinema-toolbar{gap:10px}.cinema-toolbar button{padding:8px 12px}}

.ecotherm-showcase{margin:0 auto 70px;max-width:1400px}.ecotherm-intro{font-size:15px;line-height:1.9;max-width:700px;margin-top:18px;color:#647057}.ecotherm-showcase .viewer-heading{align-items:start}.actual-photos.refined-applications{grid-template-columns:repeat(3,minmax(0,1fr))}.cinema-stage img{animation:cinema-reveal .8s ease-out}@keyframes cinema-reveal{from{opacity:.5;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.actual-photos.refined-applications{grid-template-columns:1fr}.ecotherm-showcase{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){.cinema-stage img{animation:none}}

.installed-wall{grid-column:1/-1;margin:30px 0 0;padding:26px;background:#e9e7de;border:1px solid #d3d6c8}.installed-wall>a{display:block;background:#26231e}.installed-wall img{display:block;width:100%;max-height:720px;object-fit:contain}.installed-wall figcaption{padding-top:16px;font-size:12px;line-height:1.8;color:#647057}.installed-wall h3{font-size:27px}.installed-wall .panel-photo-heading{margin-bottom:20px}@media(max-width:700px){.installed-wall{padding:16px}.installed-wall h3{font-size:23px}}

.product-size-note{grid-column:1/-1;padding:16px 22px;border-inline-start:3px solid #8c9a75;background:#e9e7de;line-height:1.9;color:#4e5b42;font-size:15px}

.product-extra-views{grid-column:1/-1;border-top:1px solid #c8cebe;border-bottom:1px solid #c8cebe;margin-top:25px}.product-extra-views>summary{cursor:pointer;padding:22px 5px;display:flex;justify-content:space-between;color:#4b5b3d;font-size:16px;line-height:1.7}.product-extra-views>summary span{font-size:24px}.product-extra-views[open]>summary span{transform:rotate(45deg)}.product-extra-views>.panel-product-photo{margin-bottom:24px}.projects-section>#panel-photo{margin:32px 0}.product-extra-views .panel-photo-gallery{padding:25px 0}

.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#e6e7dc;border-bottom:1px solid #c6ccba;padding:30px 7%;gap:28px}.trust-strip>div{padding-inline:20px;border-inline-start:1px solid #bec5ad}.trust-strip strong{display:block;font-size:25px;font-weight:500;color:#3f5133;margin-bottom:9px}.trust-strip span{font-size:12px;line-height:1.8;color:#657156}.warranty-note{padding:28px;background:#e6e7dc;border:1px solid #c5ccb9;align-self:start}.warranty-note h3{font-size:25px;line-height:1.6;margin-bottom:16px}.warranty-note p{font-size:14px;line-height:1.9}.warranty-note .text-link{margin-top:18px}.quality-section .documents{grid-column:1/-1}@media(max-width:700px){.trust-strip{grid-template-columns:1fr;padding:24px 6%;gap:18px}.trust-strip strong{font-size:23px}.warranty-note{padding:22px}}

/* A clearer route from product choice to evidence and contact. */
.hero-product-preview{position:absolute;inset-inline-end:7%;bottom:100px;width:210px;border:1px solid #c5b48d;background:#211f1be8;box-shadow:0 20px 55px #0005}.hero-product-preview img{display:block;width:100%;height:175px;object-fit:cover}.hero-product-preview>span{display:flex;justify-content:space-between;padding:13px;font-size:11px;direction:ltr;color:#f2e9d6}.choice-guide{margin-top:38px;padding:28px;background:#e9e7de;border-top:1px solid #b8bea9}.choice-guide h3{font-size:25px;margin-bottom:20px}.choice-guide table{width:100%;border-collapse:collapse;min-width:620px}.choice-guide th,.choice-guide td{padding:17px;text-align:start;border-bottom:1px solid #c8cbbf;vertical-align:top;font-size:14px;line-height:1.9}.choice-guide th{font-weight:500}.choice-guide>p{font-size:13px;line-height:1.9;margin:20px 0}.layer-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:28px}.layer-guide article{border-top:1px solid #aeb99f;padding-top:20px}.layer-guide h3{font-size:21px;margin-bottom:12px}.layer-guide p{font-size:14px;line-height:1.9;color:#657156}.compact-note{padding-top:48px;padding-bottom:48px;border-top:1px solid #c9cebd}.compact-note h2{font-size:32px;line-height:1.6;margin-bottom:18px}.compact-note>p:not(.eyebrow){max-width:850px;font-size:15px;line-height:2;color:#657156}.compact-note details{margin-top:20px;font-size:14px}.compact-note summary,.project-references summary{cursor:pointer;padding:16px 0;line-height:1.8}.compact-note .development-note{margin-top:18px}.project-references{border-block:1px solid #c9cebd;margin-top:24px}.project-references>p{font-size:13px;line-height:1.9;padding-bottom:20px}.first-contact{background:#e4e6d9;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.first-contact h2{font-size:38px;line-height:1.6;margin-bottom:18px}.first-contact p{font-size:15px;line-height:2;margin-bottom:20px}.first-contact form{display:grid;gap:12px}.first-contact label{font-size:14px}.first-contact input,.first-contact select{width:100%;min-width:0;min-height:50px;padding:12px;border:1px solid #aeb79e;background:#f4f3ec;color:#34432d;font:inherit}.first-contact button{margin-top:10px;cursor:pointer}.first-contact small{font-size:12px;line-height:1.9;color:#57664b}.first-contact input:focus-visible,.first-contact select:focus-visible{outline:2px solid #596c42;outline-offset:3px}@media(max-width:1000px){.hero-product-preview{width:165px;inset-inline-end:5%;bottom:75px}.hero-product-preview img{height:130px}}@media(max-width:700px){.hero-product-preview{display:none}.choice-guide{padding:20px 14px}.layer-guide,.first-contact{grid-template-columns:1fr;gap:24px}.first-contact h2{font-size:29px}.compact-note h2{font-size:27px}.choice-guide h3{font-size:22px}}
.hero-description strong{font-weight:600;color:#fff}.audience-guidance>summary{font-size:22px;cursor:pointer;line-height:1.8;padding:12px 0}.audience-guidance .audience-section{margin-top:28px}
.finished-vision{margin-top:0}.finished-vision .story-copy h2{font-size:clamp(32px,3vw,48px);line-height:1.6}.finished-vision .story-copy p{line-height:2}.factory-evidence{margin-top:28px;border-block:1px solid #bfc7b2}.factory-evidence>summary{cursor:pointer;padding:20px 0;line-height:1.8;font-size:15px}.factory-evidence #panel-photo{margin:10px 0 26px}.finished-vision .story-photo img{object-position:center}
.ecotherm-showcase .cinema-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:700px){.ecotherm-showcase .cinema-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep complete product silhouettes visible in the ECO THERM angle selector. */
.ecotherm-showcase .angle-thumb{overflow:hidden}.ecotherm-showcase .angle-thumb img{height:240px;object-fit:contain;object-position:center;background:radial-gradient(ellipse at center,#514432,#211e19)}.ecotherm-showcase .angle-thumb span{padding:14px 10px}.ecotherm-showcase .angle-thumb:focus-visible{outline:2px solid #8b774d;outline-offset:4px}@media(max-width:700px){.ecotherm-showcase .angle-thumb img{height:210px}.ecotherm-showcase .angle-thumb span{padding:11px 8px}}
.ecotherm-showcase .cinema-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.ecotherm-showcase .cinema-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Luxury architectural concepts: finished lifestyle imagery. */
.luxury-visions{background:#e9e6dd;border-top:1px solid #d3d1c4}
.luxury-visions-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.luxury-visions-heading>p{max-width:400px;color:#62685d;font-size:14px}
.luxury-visions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.luxury-visions figure{margin:0;min-width:0}
.luxury-vision-photo{position:relative;display:block;width:100%;height:auto;border:0;padding:0;overflow:hidden;background:#283229;cursor:pointer}
.luxury-vision-photo img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .7s ease}
.luxury-vision-photo:hover img{transform:scale(1.035)}
.luxury-visions figcaption{padding:22px 0 12px;border-bottom:1px solid #c9c9bb}
.luxury-visions figcaption h3{font-size:23px;line-height:1.5;margin-bottom:10px}
.luxury-visions figcaption p{font-size:13px;color:#62685d}
.luxury-visions-note{font-size:11px;color:#74796e;margin-top:24px}
@media(max-width:1050px){.luxury-visions-grid{gap:18px}.luxury-vision-photo{height:auto}.luxury-visions figcaption h3{font-size:20px}}
@media(max-width:700px){.luxury-visions-heading{display:block}.luxury-visions-heading>p{margin-top:20px}.luxury-visions-grid{grid-template-columns:1fr;gap:28px}.luxury-vision-photo{height:auto}.luxury-visions figcaption h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.luxury-vision-photo img{transition:none}}

/* Consistent content and responsive layout for phones, tablets and desktops. */
.interior-visions{background:#f1eee6}
.luxury-vision-photo{min-height:44px}
.luxury-visions-heading>*{min-width:0}
.luxury-visions h2,.luxury-visions h3,.luxury-visions p{overflow-wrap:break-word}
.luxury-vision-photo:focus-visible{outline:3px solid #ad905b;outline-offset:5px}
@media(min-width:701px) and (max-width:1050px){.luxury-visions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.luxury-visions-heading{align-items:start;flex-direction:column;gap:20px}.luxury-visions-heading>p{max-width:620px}}
@media(max-width:700px){.luxury-visions h2{font-size:clamp(28px,7.5vw,38px)}.image-viewer{max-width:calc(100vw - 20px);max-height:90vh;max-height:90svh}.viewer-inner img{max-height:65vh;max-height:65svh}.luxury-visions-grid{gap:30px}}
@media(max-width:380px){.luxury-visions figcaption h3{font-size:21px}.section.luxury-visions{padding-inline:6%}}