@import url('/assets/fonts/fonts.css');
:root{--red:#e33232;--ink:#171b1d;--muted:#686d6e;--paper:#f3f3ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block} .wrap{max-width:1360px;margin:auto;padding:0 64px}.top{background:#101415;color:#b4b8b9;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.top .wrap{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.top b{color:#fff;font-weight:500}.nav{position:sticky;top:0;z-index:50;background:#191d1f;color:white;border-bottom:1px solid #ffffff18}.nav .wrap{height:92px;display:flex;align-items:center;gap:35px}.brand{margin-right:auto;display:block}.brand img{width:156px;height:65px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700}.navlinks a{position:relative}.navlinks a.active:after{content:'';height:3px;position:absolute;background:var(--red);bottom:-35px;left:0;right:0}.lang{border-left:1px solid #ffffff30;padding-left:23px;font-size:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--red);color:#fff;padding:16px 23px;font-size:12px;font-weight:800;border:1px solid var(--red);line-height:1.4;transition:.2s}.btn:hover{background:#ba2323;transform:translateY(-2px)}.btn.white{background:white;color:var(--ink);border-color:white}.btn.outline{background:none;border-color:#ffffff55}.arrow{font-size:22px;line-height:1}.menu{display:none;background:none;color:white;border:0;font-size:25px}.hero{position:relative;background:#161c1e;color:white;min-height:690px;overflow:hidden}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.65}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,22,.94) 0%,rgba(11,18,22,.66) 40%,rgba(11,18,22,.03) 90%)}.hero .wrap{position:relative;z-index:2;padding-top:85px;padding-bottom:95px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.eyebrow:before{content:'';display:block;width:25px;height:2px;background:var(--red)}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;line-height:.98;font-weight:600;margin:20px 0}h1{font-size:clamp(62px,6.8vw,104px);letter-spacing:-1.4px;max-width:800px}h1 em,h2 em{font-style:normal;color:var(--red)}.hero p{max-width:430px;color:#c8cdcd;font-size:14px;margin:24px 0 30px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.phone{font-weight:700;font-size:14px}.hero-foot{margin-top:44px;display:flex;gap:24px;font-size:10px;color:#d0d3d3}.hero-foot span:before{content:'✓';color:var(--red);margin-right:8px}.image-label{position:absolute;z-index:3;right:64px;bottom:35px;font-size:9px;letter-spacing:2px;color:#e4e5e5;text-transform:uppercase}.hero .index{position:absolute;right:65px;top:40px;color:#ffffff70;font-size:11px}.trust{background:#fff;border-bottom:1px solid #ddd}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:24px 20px;display:flex;gap:15px;align-items:center;border-right:1px solid #e8e8e5}.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0}.trust-item strong{display:block;font-size:12px}.trust-item small{font-size:10px;color:var(--muted)}.icon{font-size:23px;color:var(--red)}section.block{padding:105px 0}h2{font-size:clamp(42px,4.6vw,66px);letter-spacing:-.6px}h3{font-size:32px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:42px}.section-head p{max-width:350px;color:var(--muted);font-size:13px}.section-head h2{margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.split p{color:var(--muted);font-size:14px}.feature-photo{position:relative}.feature-photo>img{width:100%;height:480px;object-fit:cover}.photo-tag{position:absolute;bottom:-18px;right:-20px;background:var(--red);color:white;padding:25px 35px;font-size:12px;font-weight:700;max-width:240px}.photo-tag b{font:38px 'Barlow Condensed';display:block}.text-link{display:inline-flex;gap:35px;font-size:12px;font-weight:800;border-bottom:1px solid;padding:9px 0}.checklist{padding:0;list-style:none;margin:25px 0}.checklist li{padding:13px 0;border-bottom:1px solid #dadcd8;font-size:12px}.checklist li:before{content:'↗';margin-right:15px;color:var(--red)}.dark{background:#1b2022;color:white}.dark p{color:#aeb5b6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{border:1px solid #ffffff24;padding:30px;min-height:250px;position:relative}.service .num{color:var(--red);font-size:11px}.service h3{margin-top:35px}.service p{font-size:12px}.service .arrow{position:absolute;top:30px;right:30px}.projects{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.project{position:relative;overflow:hidden;background:#ddd}.project img{height:410px;width:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project-label{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 22px;color:#fff;background:linear-gradient(transparent,#000b);display:flex;justify-content:space-between;align-items:end}.project-label small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.project-label h3{font-size:28px;margin:6px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:1px solid #ccc;padding-top:20px}.step b{font:44px 'Barlow Condensed';color:#a4aaa7}.step h3{font-size:28px;margin:20px 0 12px}.step p{font-size:12px;color:var(--muted)}.cta{background:var(--red);color:#fff;padding:64px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:58px;margin:0}.cta p{font-size:12px;color:#ffe3e3}.faq{max-width:850px;margin:auto}details{border-bottom:1px solid #d3d5d0;padding:20px 0}summary{list-style:none;cursor:pointer;font-weight:700;font-size:15px;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--red);font-size:23px}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);max-width:760px}.footer{background:#14191b;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.footer img{width:170px;height:75px;object-fit:contain}.footer p{color:#8f989b;font-size:12px;max-width:300px}.footer h4{font-size:10px;letter-spacing:1.7px;text-transform:uppercase}.footer a{display:block;color:#bec4c5;font-size:12px;margin:10px 0}.footer a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff18;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8c9698}.footer-bottom a{display:inline;font-size:10px}.pagehero{background:#1b2022;color:white;padding:65px 0 75px}.pagehero h1{font-size:78px}.pagehero p{max-width:650px;color:#b5bfc2}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.contact-info>a{font:38px 'Barlow Condensed';display:block;margin:25px 0}.form{background:#fff;padding:38px}.form h3{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:11px;font-weight:700;display:block}input,textarea,select{width:100%;border:1px solid #dadeda;background:#fafbf9;padding:13px;margin-top:7px;border-radius:0;font-size:13px;color:#252a2a}textarea{height:125px;resize:vertical}.full{grid-column:1/-1}.form small{font-size:10px;color:var(--muted);display:block;margin:18px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery button{padding:0;border:0;background:none;text-align:left}.gallery img{width:100%;height:270px;object-fit:cover}.gallery p{font-size:11px}.lightbox{border:0;background:#101719f5;color:white;padding:50px;max-width:95vw;max-height:95vh}.lightbox::backdrop{background:#000b}.lightbox img{max-height:75vh;object-fit:contain}.close{position:absolute;right:15px;top:8px;color:white;background:none;border:0;font-size:25px}.legal{max-width:950px}.legal h1{font-size:55px}.legal h2{font-size:30px;margin-top:40px}.legal h3{font-size:25px}.legal a{text-decoration:underline;overflow-wrap:anywhere}.legal img,.legal svg{display:none}.legal table{display:block;overflow:auto}.legal div{max-width:100%}.legal button{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:white;padding:10px}.mobile-call{display:none}:focus-visible{outline:3px solid #ef5e5e;outline-offset:4px}@media(min-width:1500px){.hero-bg{object-position:center 55%}}@media(max-width:1050px){.wrap{padding:0 35px}.nav .wrap{gap:20px}.navlinks{gap:18px}.nav .btn{padding:13px}.split{gap:40px}.hero{min-height:640px}.image-label{right:35px}.hero h1{font-size:82px}.trust-item{padding:18px 12px}.contact-grid{gap:35px}}@media(max-width:760px){.wrap{padding:0 23px}.top .wrap{font-size:8px}.top .wrap span:last-child{display:none}.nav .wrap{height:76px;gap:20px}.brand img{width:125px;height:55px}.nav .btn{display:none}.menu{display:block}.lang{padding-left:0;border:0}.navlinks{display:none;position:absolute;left:0;right:0;top:76px;background:#191d1f;padding:25px;flex-direction:column;align-items:start}.navlinks.open{display:flex}.navlinks a.active:after{bottom:-4px}.hero{min-height:640px}.hero .wrap{padding-top:65px;padding-bottom:80px}.hero h1{font-size:65px}.hero-bg{object-position:62% center}.hero:after{background:linear-gradient(90deg,#111a20e8,#111a2070)}.hero p{font-size:13px}.hero-foot{gap:14px;font-size:9px;flex-wrap:wrap}.image-label{right:23px;font-size:8px;bottom:20px}.trust .wrap{grid-template-columns:1fr 1fr}.trust-item{border-bottom:1px solid #eee!important;padding:18px 10px}.trust-item:nth-child(2){border-right:0}.trust-item strong{font-size:10px}.trust-item small{font-size:9px}.trust-item .icon{font-size:19px}.trust-item:first-child{padding-left:10px}section.block{padding:65px 0}.split,.contact-grid{grid-template-columns:1fr;gap:40px}.feature-photo>img{height:350px}.photo-tag{right:0;padding:17px 25px}.section-head{display:block}.section-head p{margin-top:25px}.service-grid,.steps{grid-template-columns:1fr}.service{min-height:210px}.projects{grid-template-columns:1fr}.project img{height:330px}.steps{gap:30px}.cta .wrap{display:block}.cta h2{font-size:46px}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;padding-bottom:45px}.footer-bottom>span{display:block;margin:10px 0}.pagehero h1{font-size:58px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery img{height:180px}.fields{grid-template-columns:1fr}.form{padding:25px}.mobile-call{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;background:var(--red);color:white;justify-content:space-between;padding:13px 23px;font-size:12px;font-weight:800}.lightbox{padding:35px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Clear calls to action and comfortable reading */
.arrow,.hero .index{display:none!important}.btn{border-radius:6px;gap:0;justify-content:center}.text-link{text-decoration:underline;text-underline-offset:5px}.service{border-radius:8px}.service h3{margin-top:24px}.seasonal-cta{background:#b92728;padding:64px 0}.seasonal-cta .wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:center}.seasonal-cta h2{font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,43px);line-height:1.22;letter-spacing:-1px;text-transform:none;max-width:800px}.seasonal-cta p{font-size:16px;line-height:1.75;max-width:760px;color:#fff}.seasonal-action{text-align:center}.seasonal-action .btn{width:100%;font-size:16px;padding:20px 24px;color:#a31e20;background:#fff}.cta-number{display:block;color:white;font-size:26px;font-weight:800;margin:18px 0 8px}.seasonal-action small{font-size:12px;color:white}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#a51e20;color:white;justify-content:center;gap:30px;padding:16px 24px;font-size:15px;font-weight:800;box-shadow:0 -3px 20px #0002;transform:translateY(110%);visibility:hidden;transition:transform .2s}.mobile-call.visible{transform:translateY(0);visibility:visible}.footer{padding-bottom:85px}@media(max-width:760px){.seasonal-cta{padding:42px 0}.seasonal-cta .wrap{grid-template-columns:1fr;gap:22px}.seasonal-cta h2{font-size:30px}.seasonal-cta p{font-size:15px}.seasonal-action{text-align:left}.seasonal-action .btn{margin-top:0}.mobile-call{justify-content:space-between;gap:12px;font-size:13px}}

/* Compact scrolling campaign strip */
.seasonal-cta.compact-cta{padding:20px 0}.compact-cta .wrap{display:flex;gap:30px;align-items:center}.ticker{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ticker-track{display:flex;width:max-content;animation:roof-ticker 32s linear infinite}.ticker-track>span{display:block;flex:none;padding-right:64px;white-space:nowrap;font:700 22px/1.5 Manrope,sans-serif;color:white}.ticker:hover .ticker-track,.ticker:focus .ticker-track,.compact-cta:focus-within .ticker-track{animation-play-state:paused}.compact-cta .btn{flex:none;display:flex;flex-direction:column;gap:3px;padding:13px 24px;margin:0;color:#a31e20;background:#fff;min-width:205px;font-size:15px}.compact-cta .btn small{font-size:12px;font-weight:500}@keyframes roof-ticker{to{transform:translateX(-50%)}}@media(max-width:760px){.seasonal-cta.compact-cta{padding:16px 0}.compact-cta .wrap{gap:14px}.ticker-track>span{font-size:17px}.compact-cta .btn{min-width:145px;padding:11px 12px;font-size:12px}.compact-cta .btn small{font-size:11px}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;width:auto}.ticker-track>span{white-space:normal;font-size:14px;padding-right:0}.ticker-track>span[aria-hidden]{display:none}}

/* Stationary campaign copy; follows the page beneath the menu. */
.sticky-cta{position:sticky;top:var(--nav-height,100px);z-index:45;box-shadow:0 4px 12px #0001}.campaign-copy{flex:1;min-width:0;color:white}.campaign-copy strong{display:block;font:800 23px/1.3 Manrope,sans-serif;letter-spacing:-.4px}.campaign-copy>span{display:block;font-size:14px;line-height:1.5;margin-top:5px}.mobile-call{display:none!important}html{scroll-padding-top:220px}@media(max-width:760px){.seasonal-cta.sticky-cta{padding:12px 0}.sticky-cta .wrap{padding:0 16px;gap:12px}.campaign-copy strong{font-size:16px;letter-spacing:0}.campaign-copy>span{font-size:11px;line-height:1.35}.sticky-cta .btn{min-width:132px;padding:10px;font-size:11px}.sticky-cta .btn small{font-size:11px}}

.campaign-sophie{width:105px;height:100px;object-fit:contain;object-position:bottom;flex:none;align-self:flex-end;margin-top:-12px;margin-bottom:-20px}.sticky-cta .wrap{gap:24px}@media(max-width:760px){.campaign-sophie{width:60px;height:85px;margin-top:0;margin-bottom:-12px}.sticky-cta .wrap{gap:10px}.campaign-copy strong{font-size:14px}.campaign-copy>span{font-size:10px}.sticky-cta .btn{min-width:115px;padding:10px 7px;font-size:10px}}

.campaign-countdown{text-align:center;color:#fff;flex:none;border-left:1px solid #ffffff55;padding-left:24px;min-width:160px}.campaign-countdown strong{font:800 32px/1 Manrope,sans-serif;display:inline-block;margin-right:6px}.campaign-countdown span{font-size:12px;font-weight:700}.campaign-countdown small{display:block;font-size:10px;margin-top:7px}@media(max-width:760px){.sticky-cta .wrap{display:grid;grid-template-columns:50px minmax(0,1fr) 120px;gap:8px 10px}.campaign-sophie{grid-row:1/3;width:50px;height:98px}.campaign-copy{grid-column:2/4}.campaign-countdown{grid-column:2;text-align:left;min-width:0;border:0;padding:0}.campaign-countdown strong{font-size:24px}.campaign-countdown span{font-size:10px}.campaign-countdown small{font-size:9px;margin-top:3px}.sticky-cta .btn{grid-column:3;min-width:0;font-size:10px}.campaign-copy>span{font-size:10px}}

.live-countdown{display:flex;gap:12px;align-items:center;min-width:0}.live-countdown>div{min-width:42px}.live-countdown strong{display:block;margin:0;font-variant-numeric:tabular-nums;font-size:27px}.live-countdown span{display:block;margin-top:4px;font-size:10px}.sticky-cta .wrap{gap:28px}@media(max-width:760px){.sticky-cta .wrap{grid-template-columns:minmax(0,1fr) 120px;gap:12px}.campaign-copy{grid-column:1/-1}.live-countdown{grid-column:1;gap:10px}.live-countdown>div{min-width:28px}.live-countdown strong{font-size:22px}.live-countdown span{font-size:9px}.sticky-cta .btn{grid-column:2}.campaign-copy strong{font-size:16px}}

.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:4px 0 20px;scrollbar-color:#b92728 #e4e4e0;scrollbar-width:auto}.gallery-item{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;min-width:0}.gallery img{height:320px}.gallery-controls{display:flex;justify-content:flex-end;gap:12px;margin-bottom:20px}.gallery-controls button,.photo-controls button{border:1px solid #aaa;background:white;color:#1b2022;border-radius:5px;padding:12px 20px;cursor:pointer;font-weight:700}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.photo-counter{color:white;font-size:14px}.lightbox img{max-height:68vh}.lightbox{max-width:95vw}.gallery-item:focus-visible{outline-offset:-3px}@media(max-width:760px){.gallery-item{flex-basis:85%}.gallery img{height:290px}.gallery-controls button,.photo-controls button{padding:12px 15px}.campaign-copy strong{font-size:15px}}

.projects-page{padding-top:48px!important}.projects-page h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(42px,5vw,68px);line-height:1.05;margin:16px 0}.gallery-stage{position:relative;padding:0 58px}.gallery-stage .gallery-item{flex-basis:100%}.gallery-stage .gallery img{height:min(65vh,700px);object-fit:contain;background:#e9e9e5}.gallery-stage .gallery-controls{position:absolute;inset:0;margin:0;display:block;pointer-events:none}.gallery-stage .gallery-controls button{position:absolute;top:calc(50% - 45px);width:48px;height:64px;padding:0;font-size:42px;line-height:1;background:#191d1f;color:white;border:0;border-radius:6px;pointer-events:auto;z-index:2}.gallery-stage .gallery-prev{left:0}.gallery-stage .gallery-next{right:0}.gallery-stage .gallery-controls button:hover{background:#b92728}.gallery-stage .gallery{scrollbar-width:thin}@media(max-width:760px){.projects-page{padding-top:30px!important}.gallery-stage{padding:0 34px}.gallery-stage .gallery-controls button{width:29px;height:52px;font-size:32px}.gallery-stage .gallery img{height:50vh;min-height:260px}.projects-page .section-head p{font-size:13px}}

.tpo-photo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;margin-bottom:64px}.tpo-photo-row figure{margin:0;min-width:0}.tpo-photo-row img{width:100%;height:360px;object-fit:cover;border-radius:6px;display:block}.tpo-photo-row figcaption{font-size:12px;line-height:1.5;margin-top:12px;color:#5f686b}.dark .tpo-photo-row{margin-bottom:0}.dark .tpo-photo-row figcaption{color:#d0d6d7}@media(max-width:760px){.tpo-photo-row{grid-template-columns:1fr;gap:26px;margin-top:28px;margin-bottom:40px}.tpo-photo-row img{height:340px}}

.project-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.project-thumb{position:relative;display:block;border:0;padding:0;background:none;cursor:pointer;border-radius:14px;overflow:hidden;aspect-ratio:1}.project-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.project-thumb:hover img{transform:scale(1.04)}.project-thumb span{position:absolute;bottom:8px;left:8px;background:#151b1ddd;color:#fff;border-radius:5px;padding:3px 7px;font-size:11px}.thumbnail-section h2{font-size:34px;margin-bottom:28px}@media(max-width:1050px){.project-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media(max-width:760px){.project-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-thumb{border-radius:10px}}

/* Keep the campaign immediately below the carousel caption. */
section.block.projects-page{padding-bottom:12px!important}.projects-page .gallery{padding-bottom:0}.projects-page .gallery-item p{margin-bottom:8px}.lightbox{width:min(1100px,96vw);height:min(850px,94dvh);max-height:94dvh;box-sizing:border-box;padding:45px 70px 48px;overflow:hidden}.lightbox>img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;touch-action:pan-y}.photo-controls{position:absolute;inset:0;pointer-events:none;margin:0;display:block}.photo-controls button{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;padding:0;border:1px solid #ffffff55;background:#ffffff14;color:#fff;font-size:44px;line-height:1;border-radius:7px}.photo-controls button:hover{background:#b92728}.photo-prev{left:10px}.photo-next{right:10px}.photo-counter{position:absolute;bottom:15px;left:50%;transform:translateX(-50%)}.lightbox .close{z-index:3;min-width:36px;min-height:36px}@media(max-width:760px){.lightbox{width:98vw;padding:45px 39px 45px;height:88dvh}.photo-controls button{width:32px;height:52px;font-size:34px}.photo-prev{left:3px}.photo-next{right:3px}}
/* Technical TPO presentation */
.tpo-system{background:#eeefea}.technical-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.technical-heading h2,.technical-details h2,.white-roof h2,.iko-story h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-1.5px;text-transform:none}.technical-heading p{font-size:14px;margin:0;color:#5a6560}.assembly-layout{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;border:1px solid #d8dfd9;border-radius:18px;overflow:hidden}.assembly-art{position:relative;background:#e4ebe6;display:flex;align-items:center;min-width:0;padding:40px 8px 20px}.assembly-art svg{width:100%;height:auto;display:block;color:#1d3930}.drawing-label{position:absolute;top:24px;left:28px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#40594d}.drawing-spec{position:absolute;bottom:22px;left:28px;font:800 20px Manrope;color:#263e33}.drawing-spec span{font-size:11px;display:block;font-weight:500}.roof-layer{opacity:.4;transition:opacity .2s}.roof-layer.selected{opacity:1;filter:drop-shadow(0 8px 6px #173d291c)}.roof-layer.selected>path:first-child{stroke:#b92d2d;stroke-width:2}.roof-layer.selected>circle{fill:#b92d2d}.assembly-guide{padding:40px 36px}.technical-tag{display:inline-block;font-size:10px;letter-spacing:1px;border:1px solid #cdd7d1;border-radius:20px;padding:5px 12px;color:#476052;font-weight:800}.assembly-guide h3{font:800 26px/1.3 Manrope;margin:22px 0 10px}.technical-hint{font-size:12px;color:#67756d}.layer-list{display:grid;gap:7px;margin:24px 0 18px}.layer-choice{display:flex;gap:15px;align-items:center;text-align:left;background:#f4f6f3;border:1px solid transparent;border-radius:6px;padding:12px 15px;font-size:13px;font-weight:700;color:#263c31}.layer-choice span{font-size:11px;color:#83958a}.layer-choice[aria-pressed=true]{border-color:#ba3030;background:#fff6f2}.layer-choice[aria-pressed=true] span{color:#ba3030}.layer-description{min-height:76px;font-size:12px;color:#56665d;border-left:2px solid #b92d2d;padding-left:15px}.layer-description p{margin:0}.schematic-note{font-size:10px;color:#718075;margin:16px 0 0;max-width:820px}.technical-details{background:#fff}.technical-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.technical-card{border:1px solid #dae1db;border-radius:12px;overflow:hidden}.technical-art{background:#f1f4ef;color:#315b45}.technical-art svg{display:block;width:100%;height:auto}.technical-card-copy{padding:25px}.technical-number{font-size:10px;color:#bb3333;font-weight:800}.technical-card h3{font:800 19px/1.3 Manrope;margin:10px 0}.technical-card p{font-size:12px;color:#627168}.technical-reference{display:flex;justify-content:space-between;gap:24px;margin-top:24px;font-size:11px;color:#69776f}.technical-reference a,.technical-links a{text-decoration:underline;text-underline-offset:4px}.white-roof{background:#e9eee8}.white-roof-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.solar-art svg{width:100%;display:block;color:#4f6e54}.solar-key{display:flex;justify-content:center;gap:24px;font-size:10px;color:#536c5d}.solar-key span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#e5b65b;margin-right:7px}.solar-key span:last-child:before{background:#6e9d8b}.white-roof p,.iko-story p{font-size:14px}.white-roof-note{margin-top:24px;border-top:1px solid #c5d0c6;padding-top:18px;font-size:12px;font-weight:700;color:#425a48}.iko-story{background:#1c2923;color:white}.iko-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:80px;align-items:center}.iko-facts{border-right:1px solid #ffffff30;padding-right:45px}.iko-facts>span{font:800 24px Manrope;letter-spacing:2px;color:#ed6d65}.iko-facts strong{display:block;font:700 92px/1.2 'Barlow Condensed',sans-serif}.iko-facts p{color:#b5c5b8}.iko-story h2{font-size:32px}.iko-story p{color:#c1cfc3}.technical-links{display:flex;flex-wrap:wrap;gap:16px 25px;font-size:11px;margin-top:24px}.city-panel{border-left:3px solid #ba3030;padding:10px 0 10px 35px;max-width:940px}.city-panel h2{font-size:34px}.city-panel p{font-size:14px}.city-panel a{font-size:12px}.tpo-more{border-top:1px solid #d0d7d0;padding:24px 0}.tpo-more>summary{cursor:pointer;font-weight:700;font-size:15px}.tpo-more article{padding-top:30px}@media(max-width:1050px){.assembly-guide{padding:30px 24px}.technical-heading,.white-roof-layout,.iko-layout{gap:35px}.technical-card-grid{gap:12px}.technical-card-copy{padding:18px}}@media(max-width:760px){.technical-heading,.assembly-layout,.white-roof-layout,.iko-layout{grid-template-columns:1fr;gap:28px}.assembly-layout{gap:0}.assembly-art{padding-top:38px}.assembly-art svg{max-height:460px}.assembly-guide{padding:28px 24px}.technical-card-grid{grid-template-columns:1fr;gap:24px}.technical-art svg{max-height:300px}.technical-heading h2,.technical-details h2,.white-roof h2{font-size:30px;letter-spacing:-1px}.technical-reference{display:block}.technical-reference a{display:block;margin-top:12px}.iko-facts{border:0;border-bottom:1px solid #ffffff30;padding:0 0 26px}.iko-facts strong{font-size:72px}.city-panel{padding-left:22px}.city-panel h2{font-size:29px}.drawing-label{font-size:8px;left:18px}.drawing-spec{left:18px;font-size:16px}}

/* Commercial roof assembly: keep the corrugated steel profile readable. */
.assembly-art .steel-deck:not(.selected){opacity:.78}.assembly-art .steel-deck.selected .deck-profile{stroke:#b92d2d;stroke-width:2.5}