/* SoClean / A connected solar experience */
:root{--ink:#0b2e3f;--paper:#f7f3e9;--orange:#f28a3b;--green:#7fb77a}body{background:var(--paper)}button{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a,button{touch-action:manipulation}.wrap{width:min(1320px,calc(100% - 96px))}.experience-header{height:94px;background:var(--paper);position:sticky;top:0;z-index:45;border-bottom:0;backdrop-filter:blur(15px)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-link img{width:174px;height:60px;object-fit:contain}.nav-center{display:flex;gap:32px;font-size:12px;font-weight:550;margin-left:auto}.nav-center a{position:relative;padding:10px 0}.nav-center a:after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:100%;background:var(--ink);transition:right .25s}.nav-center a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:26px;margin-left:34px}.nav-finder{display:flex;gap:24px;border:1px solid #0b2e3f38;background:transparent;border-radius:40px;padding:14px 19px;color:var(--ink);font-size:11px;cursor:pointer;transition:background .2s}.nav-finder:hover{background:var(--ink);color:white}.experience-menu-button{display:flex;align-items:center;gap:15px;border:0;background:transparent;font-size:11px;color:var(--ink);cursor:pointer;padding:12px 0}.experience-menu-button i{position:relative;width:22px;height:12px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}.experience-menu-button i:after{content:'';position:absolute;top:4px;left:7px;width:15px;height:1.5px;background:var(--ink)}
.experience-hero{position:relative;margin:0 22px;background:var(--ink);min-height:780px;color:var(--paper);border-radius:16px;overflow:hidden;isolation:isolate}.hero-orbit{position:absolute;z-index:-1;left:-22%;top:-50%;width:100%;height:150%;border:1px solid #9bb0ab22;border-radius:50%;transform:rotate(-25deg)}.hero-orbit:after{content:'';position:absolute;inset:40px;border:1px solid #9bb0ab17;border-radius:50%}.hero-coordinates{position:relative;display:flex;align-items:center;font-size:8px;letter-spacing:.17em;gap:10px;padding:33px 37px;z-index:5}.live-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px #f28a3b12}.hero-edition{margin-left:auto;opacity:.6}.experience-title{position:relative;z-index:3;padding:60px 0 95px 4%;width:66%;pointer-events:none}.experience-title>*{pointer-events:auto}.hero-hello{display:block;font-size:13px;color:#b6cac7;margin-bottom:28px}.experience-title h1{font-size:clamp(70px,7.7vw,125px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0;white-space:nowrap}.experience-title h1>span{color:var(--orange)}.hero-caption{display:flex;align-items:center;gap:80px;margin-top:38px}.hero-caption p{color:#c2d0cc;font-size:13px;line-height:1.8;margin:0}.hero-discover{width:112px;height:112px;display:flex;justify-content:center;align-items:center;gap:16px;border:1px solid #b1c2bf88;color:var(--paper);border-radius:50%;background:transparent;font-size:12px;cursor:pointer;transition:background .25s,color .25s,transform .25s}.hero-discover b{font-size:23px;font-weight:400}.hero-discover:hover{background:var(--orange);border-color:var(--orange);color:var(--ink);transform:rotate(-5deg)}.hero-photo-stage{position:absolute;right:0;top:0;bottom:65px;width:47%;overflow:hidden;border-radius:0 16px 0 80px;background:#203f4a}.photo-slash{position:absolute;top:0;bottom:0;left:-1px;width:17%;background:linear-gradient(90deg,#0b2e3fff,#0b2e3f00);z-index:2}.experience-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 55%;filter:brightness(.75);transition:opacity .3s,transform 1s;will-change:transform}.hero-photo-stage:after{content:'';pointer-events:none;position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#0b2e3ff0,#0b2e3f00);z-index:1}.experience-photo.switching{opacity:.15;transform:scale(1.025)}.photo-crosshair{position:absolute;z-index:2;top:95px;right:35px;font-size:32px;font-weight:200;color:#f7f3e9c0}.photo-annotation{position:absolute;bottom:165px;right:36px;z-index:2;text-align:right}.photo-annotation>span{font-size:7px;letter-spacing:.17em;display:block;border-top:1px solid #b8c8bc77;padding-top:13px}.photo-annotation p{color:white;font-size:24px;line-height:1.3;letter-spacing:-.03em;margin-top:10px}.hero-photo-link{position:absolute;bottom:115px;left:18%;z-index:2;font-size:11px;display:flex;gap:45px;align-items:center}.hero-photo-link span{border:1px solid #9baca7;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%}.photo-index{position:absolute;top:90px;left:15%;z-index:2;display:flex;gap:8px;align-items:baseline}.photo-index b{font-size:40px;font-weight:400;letter-spacing:-.06em}.photo-index>span{font-size:10px;opacity:.5}.hero-photo-tabs{position:absolute;z-index:3;bottom:28px;left:14%;right:25px;display:flex;gap:8px}.hero-photo-tabs button{padding:10px 0;color:#c1ceca;border:0;border-top:1px solid #93a9a055;background:none;flex:1;text-align:left;cursor:pointer;font-size:8px;line-height:1.5}.hero-photo-tabs button.active{border-color:var(--orange);color:var(--orange)}.hero-baseline{position:absolute;bottom:0;height:65px;left:4%;right:3%;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b4c6c1}.hero-baseline>span{display:flex;gap:16px;align-items:center}.hero-baseline i{font-style:normal;color:var(--orange)}.hero-baseline a{color:var(--paper);display:flex;gap:30px;align-items:center}.hero-baseline b{font-weight:400;font-size:19px}.solar-ribbon{overflow:hidden;margin-top:29px;margin-bottom:5px;border-top:1px solid #c2c9bd;border-bottom:1px solid #c2c9bd;padding:18px 0;font-size:12px;letter-spacing:.13em;font-weight:500}.solar-ribbon>div{white-space:nowrap;width:max-content;animation:ribbon-travel 45s linear infinite;display:flex;align-items:center;gap:35px}.solar-ribbon i{font-style:normal;color:var(--orange);font-size:25px;line-height:1}.solar-ribbon:hover>div{animation-play-state:paused}@keyframes ribbon-travel{to{transform:translateX(-50%)}}
.home-page .seo-story{display:grid;grid-template-columns:1fr 3fr;gap:80px}.home-page .seo-story h2{font-size:clamp(40px,4.7vw,65px);line-height:1.07;font-weight:500}.home-page .seo-story .large-copy{font-size:23px;line-height:1.5;max-width:790px}.home-page .seo-story p:not(.large-copy){max-width:750px;font-size:14px}.seo-story>.eyebrow{font-size:8px;margin-top:8px;line-height:1.8}.solar-journey{padding:90px 0 35px;background:#e7eadd}.journey-heading{display:grid;grid-template-columns:.7fr 2fr 1fr;gap:40px;align-items:end;margin-bottom:45px}.journey-heading>.eyebrow{align-self:start;margin-top:9px;font-size:8px}.journey-heading h2{font-size:clamp(37px,4vw,57px);font-weight:500;letter-spacing:-.05em;margin:0}.journey-heading h2 em{font-style:normal;color:#687b6c}.journey-heading p{font-size:12px;margin:0 0 3px}.journey-shell{display:grid;grid-template-columns:.78fr 2fr;gap:25px}.journey-nav{display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid #9dad9e}.journey-tab{display:flex;align-items:center;gap:20px;width:100%;border:0;border-bottom:1px solid #b6c2b4;padding:26px 20px 26px 0;background:transparent;color:#7a8a7d;text-align:left;font-size:31px;letter-spacing:-.045em;cursor:pointer;transition:color .2s,padding .2s}.journey-tab span{font-size:9px;letter-spacing:.06em}.journey-tab b{font-weight:400;margin-left:auto;font-size:22px}.journey-tab.active{color:var(--ink);padding-left:17px}.journey-tab.active span,.journey-tab.active b{color:#aa5316}.journey-tab:hover{color:var(--ink)}.journey-display{min-height:590px;background:var(--ink);border-radius:8px;overflow:hidden;position:relative}.journey-panel{height:100%;min-height:590px;position:relative}.journey-panel[hidden]{display:none}.journey-panel>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%;animation:journey-image-in .7s ease both}.journey-panel-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b2e3ff5,#0b2e3f10 85%)}.journey-panel-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:590px;padding:40px 45px;color:var(--paper)}.journey-counter{font-size:10px;letter-spacing:.1em;position:absolute;top:30px;left:35px}.journey-panel h3{max-width:500px;font-size:43px;line-height:1.12;font-weight:450;letter-spacing:-.045em;margin-bottom:17px}.journey-panel p{font-size:13px;color:#d0d9ce;max-width:430px;line-height:1.7;margin-bottom:25px}.journey-panel a{font-size:11px;border-bottom:1px solid #b3c2b9;padding-bottom:8px;display:flex;gap:65px}.journey-footer{display:flex;justify-content:space-between;font-size:10px;padding-top:28px;color:var(--slate)}@keyframes journey-image-in{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.work-journal{padding:100px 0 55px;overflow:hidden}.journal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:45px}.journal-head h2{font-size:clamp(40px,4.8vw,67px);font-weight:500;letter-spacing:-.05em;line-height:1.06;margin-bottom:0}.journal-head em{font-style:normal;color:#6b7f6e}.journal-head>div:last-child{max-width:260px}.journal-head p{font-size:13px;margin-bottom:17px}.journal-head a{font-size:11px;border-bottom:1px solid #b6bfae;padding-bottom:7px}.journal-rail{display:flex;gap:25px;overflow-x:auto;padding:0 max(48px,calc((100vw - 1320px)/2)) 25px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bcc5b6 transparent;cursor:grab;overscroll-behavior-x:contain}.journal-frame{background:none;border:0;padding:0;flex:0 0 39vw;max-width:600px;min-width:350px;scroll-snap-align:center;text-align:left;color:var(--ink);cursor:pointer}.journal-frame:nth-child(even){flex-basis:28vw;max-width:440px}.journal-photo{display:block;height:490px;border-radius:9px;overflow:hidden;position:relative;background:#dfe4d9}.journal-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .4s}.journal-frame:hover img{transform:scale(1.035);filter:brightness(.92)}.journal-open{position:absolute;right:20px;bottom:20px;width:43px;height:43px;background:var(--paper);color:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.journal-caption{display:block;padding:22px 2px}.journal-caption>span{display:block;font-size:8px;letter-spacing:.1em;color:var(--slate);margin-bottom:10px}.journal-caption>b{font-size:20px;font-weight:500;letter-spacing:-.025em}.journal-controls{display:flex;justify-content:space-between;align-items:center;padding-top:5px;font-size:9px;color:var(--slate)}.journal-controls>div{display:flex;gap:10px}.journal-controls button{width:42px;height:42px;border:1px solid #98aa99;border-radius:50%;color:var(--ink);background:none;cursor:pointer;font-size:20px}.journal-controls button:hover{background:var(--ink);color:white}.home-page .process-story{grid-template-columns:1fr 1.05fr;gap:85px;padding-top:50px}.home-page .process-story>img{height:580px;border-radius:8px}.process-story .step{padding:25px 0}.process-story h2{font-weight:500}.process-story .step h3{font-size:20px;font-weight:500}.process-story .step p{font-size:13px}
.experience-pagehero{min-height:620px;margin:0 22px;width:calc(100% - 44px);border-radius:14px;position:relative;grid-template-columns:1.1fr 1fr;background:var(--ink)}.experience-pagehero>div{padding:65px 45px 65px max(28px,calc((100vw - 1360px)/2));position:relative;z-index:2}.experience-pagehero h1{font-size:clamp(46px,4.7vw,72px);letter-spacing:-.055em;font-weight:500;line-height:1.07}.experience-pagehero>img{min-height:620px;object-position:center;height:100%;border-radius:0}.experience-pagehero>div:before{content:'SOCLEAN / COMPLETE SOLAR CARE';position:absolute;bottom:22px;left:max(28px,calc((100vw - 1360px)/2));font-size:7px;letter-spacing:.13em;color:#a6bfb8}.experience-pagehero .eyebrow{font-size:9px}.feature-list>div{padding:29px 0;font-size:19px}.service-card{transition:background .2s,padding .2s}.service-card:hover{padding-left:16px;padding-right:16px;background:#ece7da}.service-card .number{font-size:10px}.service-card .arrow{border:1px solid #a4b4a4;border-radius:30px;padding:12px 15px;font-size:10px}.lifecycle{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #6f877e}.lifecycle span{padding:30px 25px;border-radius:0;border:0;border-right:1px solid #45675e;border-bottom:1px solid #45675e;font-size:25px;font-weight:450}.project-image-button{border:0;background:transparent;display:block;padding:0;width:100%;position:relative;text-align:left;cursor:pointer}.project-image-button>span{position:absolute;bottom:20px;right:20px;border-radius:30px;background:var(--paper);padding:12px 19px;font-size:10px;color:var(--ink)}.project-image-button img{transition:filter .3s}.project-image-button:hover img{filter:brightness(.85)}.project-grid figure img{border-radius:7px}.browse-next{padding:70px 0 80px}.browse-next>a{border-top:1px solid #9dad9d;border-bottom:1px solid #9dad9d;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:27px 0;font-size:clamp(32px,5.5vw,80px);letter-spacing:-.055em;font-weight:450}.browse-next>a b{font-size:1em;font-weight:300;transition:transform .3s}.browse-next>a:hover b{transform:translate(8px,-8px)}.browse-next p{font-size:12px;margin-top:18px}.cta{border-top:0;border-radius:16px 16px 0 0;overflow:hidden;padding-top:70px;padding-bottom:70px}.cta:after{content:'✳';font-size:400px;top:0;right:6%;color:#0b2e3f14}.cta>h2{font-size:clamp(60px,8vw,116px);max-width:1320px}.cta>div{gap:30px}.contact-heading{margin:0 22px;width:calc(100% - 44px);border-radius:16px}.contact-heading h1{font-weight:500}.contact-layout form{border-radius:12px;border-top:0;background:#e8ecdf}.contact-layout input,.contact-layout select,.contact-layout textarea{background:#faf9f4;border:1px solid #c3cebe;border-radius:6px;padding:15px}.contact-layout .contact-big{font-size:29px;letter-spacing:-.035em}.contact-layout h2{font-weight:500}.contact-place p{font-size:32px}.area-grid article{transition:background .2s}.area-grid article:hover{background:#ece9dc}.footer-grid{padding-bottom:5px}.footer-grid>div:first-child p{font-size:18px;line-height:1.45;color:#c3cfc6}.footer-grid>div:first-child{position:relative}.footer-grid>div:first-child:after{content:'✳';display:block;color:var(--orange);font-size:43px;margin-top:25px}.floating-wa{display:none}
/* Dialogs stay in the top layer; native focus management and Escape remain available. */
dialog{color:var(--ink);max-width:none;max-height:none;border:0;padding:0}dialog::backdrop{background:#082735b8;backdrop-filter:blur(7px)}body:has(dialog[open]){overflow:hidden}.experience-menu{inset:0;width:100%;height:100dvh;margin:0;background:var(--ink);color:var(--paper);padding:28px 4%;overflow-y:auto}.experience-menu[open]{display:flex;flex-direction:column;animation:menu-in .3s ease both}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.menu-top img{width:180px}.close-menu{color:var(--paper);border:1px solid #97b0a766;background:none;border-radius:40px;display:flex;align-items:center;gap:24px;padding:12px 21px;font-size:11px;cursor:pointer}.close-menu span{font-size:24px}.menu-body{display:grid;grid-template-columns:1.35fr 1fr;gap:12%;padding:50px 0;flex:1;align-items:center}.menu-body nav{display:flex;position:static;flex-direction:column;align-items:stretch;gap:0;background:transparent;padding:0;box-shadow:none}.menu-body nav>a{display:flex;align-items:center;gap:25px;border-bottom:1px solid #48665c;padding:17px 0;color:var(--paper);font-size:clamp(30px,4vw,56px);font-weight:400;letter-spacing:-.05em}.menu-body nav>a:hover{color:var(--orange)}.menu-body nav small{font-size:9px;letter-spacing:0;color:#97b0a7;font-weight:400}.menu-body nav b{font-weight:300;margin-left:auto;font-size:.8em}.menu-body aside>img{width:100%;height:340px;object-fit:cover;border-radius:8px;object-position:center 60%}.menu-body aside p{font-size:32px;color:var(--paper);line-height:1.12;margin-top:25px;margin-bottom:16px;letter-spacing:-.04em}.menu-body aside>a{font-size:13px;color:#b7ccc3}.menu-bottom{padding:22px 0 0;border-top:1px solid #48665c;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b9c8bf}@keyframes menu-in{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
.service-finder{width:min(650px,calc(100% - 32px));margin:auto;border-radius:16px;padding:43px;background:var(--paper);max-height:90dvh;overflow-y:auto}.finder-close{position:absolute;top:13px;right:20px;font-size:28px;font-weight:300;background:none;border:0;color:var(--ink);cursor:pointer;padding:5px}.finder-top{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding-top:4px}.finder-top .eyebrow{font-size:8px;line-height:1.8;margin-bottom:30px}.finder-top>span:last-child{font-size:9px;color:var(--slate);white-space:nowrap;padding-top:3px}.service-finder h2{font-size:45px;font-weight:500;line-height:1.08;margin-bottom:18px;letter-spacing:-.05em}.service-finder p{font-size:12px;margin-bottom:22px}.finder-options{margin-bottom:25px;display:flex;flex-direction:column;gap:7px}.finder-options label,.finder-cities label{cursor:pointer;position:relative}.finder-options input,.finder-cities input{position:absolute;opacity:0;width:1px;height:1px;left:15px;top:15px}.finder-options label>span{display:flex;align-items:center;gap:16px;border:1px solid #bac6b6;border-radius:5px;padding:16px;transition:background .2s}.finder-options b{font-size:9px;font-weight:400;color:var(--slate)}.finder-options strong{font-size:13px;font-weight:500}.finder-options i{font-style:normal;font-size:18px;margin-left:auto}.finder-options input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.finder-options input:checked+span>b{color:var(--orange)}.finder-options input:focus-visible+span,.finder-cities input:focus-visible+span{outline:3px solid var(--orange);outline-offset:2px}.finder-next{width:100%;justify-content:space-between;cursor:pointer}.finder-error{color:#9d3c22;font-size:11px!important;margin:10px 0 0!important}.finder-cities{display:flex;gap:10px;margin:30px 0}.finder-cities label{flex:1}.finder-cities label>span{display:block;text-align:center;border:1px solid #adbdac;padding:17px 7px;font-size:12px;border-radius:5px}.finder-cities input:checked+span{background:var(--orange);border-color:var(--orange)}#finder-result{padding:26px;background:#e5eadc;border-radius:7px}#finder-result .eyebrow{font-size:8px;margin-bottom:18px}#finder-result h3{font-size:25px;font-weight:500;letter-spacing:-.035em;margin-bottom:12px}#finder-result p{font-size:12px;margin-bottom:20px}.finder-result-service{font-size:11px;display:block;margin-bottom:20px;text-decoration:underline;text-underline-offset:5px}.finder-result-contact{width:100%}.finder-back{display:block;margin-top:25px;border:0;border-bottom:1px solid #a3b39e;background:none;color:var(--ink);padding:7px 0;font-size:11px;cursor:pointer}
#project-lightbox{inset:0;width:100%;height:100dvh;background:#062333;color:var(--paper);margin:0;padding:25px 35px;overflow:hidden}#project-lightbox[open]{display:flex;flex-direction:column}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px}.lightbox-top{padding-bottom:20px}.lightbox-top button{border:1px solid #9cb3aa88;border-radius:30px;background:none;color:white;padding:12px 20px;font-size:11px;cursor:pointer}#project-lightbox>img{display:block;min-height:0;flex:1;width:100%;object-fit:contain;border-radius:0}.lightbox-bottom{padding-top:20px}.lightbox-bottom p{margin:0;font-size:13px;color:var(--paper)}.lightbox-bottom>div{display:flex;gap:10px}.lightbox-bottom button{width:39px;height:39px;border:1px solid #8da69b;background:none;color:white;border-radius:50%;cursor:pointer;font-size:18px}.mobile-contact-bar{display:none}.finder-step[hidden],#finder-result[hidden]{display:none!important}
@view-transition{navigation:auto}::view-transition-old(root){animation:fade-away .18s ease both}::view-transition-new(root){animation:fade-in .3s ease both}@keyframes fade-away{to{opacity:0}}@keyframes fade-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.experience-hero{min-height:870px}.experience-title{padding-top:105px;padding-left:6%}.experience-title h1{font-size:135px}.hero-baseline{left:6%}.hero-caption{gap:110px}.hero-photo-stage{width:48%}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.nav-center{gap:22px;font-size:11px}.nav-actions{gap:20px;margin-left:0}.nav-finder{font-size:10px;padding:12px 15px;gap:14px}.brand-link img{width:150px}.experience-title{width:69%;padding-top:85px}.experience-title h1{font-size:8vw}.experience-hero{min-height:750px}.hero-caption{gap:45px}.hero-photo-stage{width:48%}.journey-heading{grid-template-columns:.5fr 2fr 1fr;gap:20px}.journey-tab{font-size:28px;padding:26px 10px 26px 0}.journey-panel h3{font-size:38px}.home-page .seo-story{gap:40px}.home-page .process-story{gap:45px}.experience-pagehero h1{font-size:52px}.experience-pagehero>div{padding-left:30px;padding-right:30px}.journal-photo{height:450px}.journal-frame{flex-basis:45vw}.journal-frame:nth-child(even){flex-basis:35vw}}
@media(max-width:760px){html{scroll-padding-top:77px}.wrap{width:calc(100% - 40px)}.experience-header{height:76px}.nav-shell{gap:15px}.brand-link img{width:145px;height:50px}.nav-center,.nav-finder{display:none}.nav-actions{gap:0}.experience-menu-button{font-size:10px;gap:12px}.experience-hero{margin:0 10px;min-height:1000px;border-radius:12px}.hero-coordinates{padding:23px 22px;font-size:7px;gap:9px}.hero-edition{font-size:6px;letter-spacing:.1em}.experience-title{padding:29px 20px 0;width:100%}.hero-hello{font-size:11px;margin-bottom:22px}.experience-title h1{font-size:clamp(43px,12vw,78px);line-height:1.08;letter-spacing:-.065em}.hero-caption{margin-top:25px;gap:25px;justify-content:space-between}.hero-caption p{font-size:11px;line-height:1.8}.hero-discover{height:86px;width:86px;gap:8px;font-size:10px;flex-shrink:0}.hero-discover b{font-size:18px}.hero-photo-stage{width:auto;left:0;right:0;top:390px;bottom:82px;border-radius:35px 0 0 0}.photo-slash{display:none}.experience-photo{filter:brightness(.82);object-position:50% 55%}.photo-index{left:23px;top:23px}.photo-index b{font-size:28px}.photo-crosshair{top:20px;right:24px;font-size:24px}.photo-annotation{right:24px;bottom:118px}.photo-annotation p{font-size:20px}.photo-annotation>span{font-size:6px}.hero-photo-link{left:24px;bottom:90px;font-size:10px;gap:15px}.hero-photo-tabs{left:22px;right:22px;bottom:20px;gap:10px}.hero-photo-tabs button{font-size:7px;line-height:1.65}.hero-baseline{height:82px;left:23px;right:23px;align-items:flex-start;justify-content:center;flex-direction:column;gap:12px;font-size:8px}.hero-baseline>span{gap:12px}.hero-baseline a{font-size:9px;gap:20px}.hero-baseline a b{font-size:14px}.solar-ribbon{margin-top:21px;padding:14px 0;font-size:9px}.solar-ribbon>div{gap:22px}.solar-ribbon i{font-size:19px}.home-page .seo-story{display:block}.home-page .seo-story h2{font-size:36px;line-height:1.1}.home-page .seo-story .large-copy{font-size:20px}.home-page .seo-story>.eyebrow{margin-bottom:23px}.solar-journey{padding:55px 0 25px}.journey-heading{display:block;margin-bottom:28px}.journey-heading>.eyebrow{margin-bottom:20px}.journey-heading h2{font-size:38px}.journey-heading p{font-size:11px;margin-top:20px}.journey-shell{display:flex;flex-direction:column;gap:20px}.journey-nav{display:flex;flex-direction:row;overflow-x:auto;gap:0;border:0;padding-bottom:8px;scrollbar-width:thin}.journey-tab{flex:0 0 auto;padding:15px 17px;font-size:18px;gap:9px;border-top:1px solid #a9bba6;border-bottom:1px solid #a9bba6;border-right:1px solid #a9bba6;letter-spacing:-.03em}.journey-tab:first-child{border-left:1px solid #a9bba6}.journey-tab span{font-size:7px}.journey-tab b{display:none}.journey-tab.active{padding-left:17px;background:var(--ink);color:var(--paper)}.journey-tab.active span{color:var(--orange)}.journey-display,.journey-panel,.journey-panel-content{min-height:470px}.journey-panel-content{padding:30px 25px}.journey-counter{top:22px;left:25px;font-size:8px}.journey-panel h3{font-size:34px;max-width:320px}.journey-panel p{font-size:12px;line-height:1.7}.journey-panel a{font-size:10px;gap:50px}.journey-footer{align-items:flex-start;gap:20px;line-height:1.6;font-size:8px}.journey-footer>span{max-width:150px}.work-journal{padding:55px 0 35px}.journal-head{display:block;margin-bottom:30px}.journal-head h2{font-size:38px}.journal-head>div:last-child{margin-top:23px;max-width:none}.journal-head p{font-size:12px;margin-bottom:15px}.journal-rail{padding:0 20px 20px;gap:15px}.journal-frame,.journal-frame:nth-child(even){min-width:0;max-width:none;flex-basis:83vw}.journal-photo{height:430px}.journal-caption{padding-top:18px}.journal-caption>b{font-size:18px}.journal-caption>span{font-size:7px}.journal-controls{gap:20px;font-size:8px;line-height:1.5}.journal-controls>span{max-width:180px}.journal-controls button{width:37px;height:37px}.home-page .process-story{display:flex;flex-direction:column;gap:35px;padding-top:30px}.home-page .process-story>img{height:350px;width:100%}.process-story h2{font-size:36px}.process-story .step h3{font-size:18px}.process-story .step p{font-size:12px}.experience-pagehero{margin:0 10px;width:calc(100% - 20px);border-radius:12px;min-height:0}.experience-pagehero>div{padding:40px 23px 70px;width:100%}.experience-pagehero h1{font-size:44px}.experience-pagehero p{font-size:13px}.experience-pagehero>div:before{bottom:25px;left:23px;font-size:6px}.experience-pagehero>img{min-height:0;height:350px}.feature-list>div{padding:23px 0;font-size:16px}.lifecycle{grid-template-columns:repeat(3,1fr)}.lifecycle span{font-size:17px;padding:22px 12px}.browse-next{padding:45px 0 50px}.browse-next>a{font-size:36px;line-height:1.1;gap:25px;padding:23px 0}.browse-next p{font-size:11px}.cta{padding-top:50px;padding-bottom:50px;border-radius:12px 12px 0 0}.cta>h2{font-size:61px}.cta:after{right:-70px;font-size:260px}.contact-heading{margin:0 10px;width:calc(100% - 20px);border-radius:12px;padding:42px 23px}.contact-heading h1{font-size:58px}.contact-layout .contact-big{font-size:25px}.contact-place p{font-size:27px}.experience-menu{padding:20px 23px 28px}.menu-top img{width:145px}.close-menu{padding:8px 15px;font-size:10px;gap:16px}.close-menu span{font-size:20px}.menu-body{display:block;padding:30px 0}.menu-body aside{display:none}.menu-body nav>a{font-size:35px;padding:20px 0;gap:18px}.menu-body nav small{font-size:8px}.menu-bottom{font-size:8px;line-height:1.7;gap:20px;margin-top:auto;align-items:flex-end}.menu-bottom>span{max-width:160px}.service-finder{padding:37px 23px 30px;border-radius:12px;width:calc(100% - 24px);max-height:92dvh}.finder-top .eyebrow{font-size:7px;max-width:220px}.finder-top>span:last-child{font-size:8px}.service-finder h2{font-size:36px}.finder-options>label>span{padding:15px 13px;gap:12px}.finder-options strong{font-size:12px}.finder-options b{font-size:8px}.finder-cities{gap:7px}.finder-cities label>span{font-size:10px;padding:15px 5px}#finder-result{padding:22px}#finder-result h3{font-size:23px}.finder-close{font-size:25px;right:15px;top:9px}#project-lightbox{padding:20px 18px}.lightbox-top{font-size:8px;padding-bottom:15px}.lightbox-top button{font-size:10px;padding:9px 15px}.lightbox-bottom p{font-size:11px;max-width:210px}.lightbox-bottom button{width:34px;height:34px}.mobile-contact-bar{display:flex;position:fixed;bottom:12px;left:16px;right:16px;border-radius:40px;background:#0b2e3ff5;box-shadow:0 5px 30px #0b2e3f35;backdrop-filter:blur(10px);z-index:42;align-items:center;overflow:hidden}.mobile-contact-bar>*{flex:1;font-size:10px;text-align:center;padding:16px 8px;border:0;background:none;color:var(--paper);cursor:pointer}.mobile-contact-bar a{border-left:1px solid #9cb8a955;color:#b5d8a4}footer{padding-bottom:85px}body:has(dialog[open]) .mobile-contact-bar{display:none}}
@media(max-width:380px){.experience-title h1{font-size:43px}.hero-coordinates{font-size:6px}.hero-caption p{font-size:10px}.hero-photo-stage{top:380px}.experience-hero{min-height:970px}.hero-edition{display:none}.nav-actions .experience-menu-button{font-size:9px}.finder-options strong{font-size:11px}.finder-top .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.solar-ribbon>div{animation:none}.experience-photo{will-change:auto}.reveal-ready{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
