/* A photographic introduction, followed by the WorkWork brand story. */
.landing-hero{position:relative;isolation:isolate;min-height:650px;height:min(75vw,740px);display:flex;align-items:center;color:#fff;background:#17372e;overflow:hidden}.landing-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 57%}.landing-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,25,24,.79),rgba(6,25,24,.53) 34%,rgba(6,25,24,.12) 62%,rgba(6,25,24,.02) 100%),linear-gradient(0deg,rgba(4,23,22,.42),transparent 22%)}.landing-content{padding-top:40px;padding-bottom:95px}.landing-eyebrow{font-size:.62rem;letter-spacing:.17em;line-height:1.5;font-weight:500;color:#e4eee6;margin-bottom:22px}.landing-hero h1{font-size:clamp(3.65rem,6.1vw,5.55rem);font-weight:400;line-height:1.01;letter-spacing:-.055em;color:#fff;max-width:590px}.landing-intro{font-size:1.03rem;color:#f0f4ee;line-height:1.7;margin:25px 0 27px;max-width:430px}.landing-cta{background:#fff;border-color:#fff;color:#15392d;border-radius:2px;min-height:53px;font-weight:500;font-size:.85rem;padding:15px 23px;gap:28px}.landing-cta:hover{background:#eaf2e9;border-color:#eaf2e9;color:#15392d}.landing-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px}.landing-bottom>a{display:inline-flex;gap:21px;align-items:center;font-size:.7rem;color:#e9f0e9;min-height:44px}.landing-bottom>a:hover{color:#fff}.landing-bottom>a>span{font-size:1.15rem;font-weight:400}.landing-bottom>span{font-size:.56rem;color:#f3f6f2;background:#163329b3;padding:4px 8px;border-radius:2px;letter-spacing:.025em}
.solution-shortcuts{background:#fff;border-bottom:1px solid #e1e7e1}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:31px;padding-bottom:31px}.shortcut-grid>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0 31px;border-right:1px solid #e0e6e0;min-width:0}.shortcut-grid>a:first-child{padding-left:0}.shortcut-grid>a:last-child{border:0}.shortcut-grid>a>span{font-size:.57rem;color:#738079;letter-spacing:.14em;line-height:1.5;margin-bottom:9px}.shortcut-grid strong{font-size:1.25rem;font-weight:400;letter-spacing:-.035em;color:#1b392f;line-height:1.4}.shortcut-grid .icon{position:absolute;right:28px;bottom:5px;width:17px;height:17px;color:#658472;transition:transform .2s}.shortcut-grid>a:hover .icon{transform:translateX(4px)}.shortcut-grid>a:hover strong{color:#287b38}
.brand-story.is-waiting .logo-band{opacity:0}
.brand-story{background:#f7f8f5;padding-top:65px}.brand-story .ethos-grid{grid-template-columns:.85fr 1fr;min-height:390px;gap:45px}.brand-story .ethos-copy{padding:0 0 15px}.brand-story .ethos-copy h2{font-size:clamp(2.5rem,3.7vw,3.35rem);font-weight:400;letter-spacing:-.05em;line-height:1.12;color:#183a33}.brand-story .ethos-copy h2 span{color:#5e7668}.brand-story .ethos-intro{max-width:405px;font-size:.94rem;line-height:1.85}.brand-story-link{display:inline-flex;gap:17px;align-items:center;min-height:44px;font-size:.78rem;font-weight:500;margin-top:22px;color:#1b4d37}.brand-story-link .icon{width:17px;height:17px}.brand-story .solar-stage{width:100%;margin-left:0}.brand-story .ethos-principles{margin-top:20px;padding-bottom:42px}.brand-story .scene-footer{margin-top:-27px}.brand-story .ethos-copy .eyebrow{font-size:.58rem;margin-bottom:20px}
@media(min-width:1600px){.landing-hero{height:760px}.landing-photo{object-position:center 60%}.landing-content{padding-bottom:90px}}
@media(max-width:1190px){.landing-hero{height:660px;min-height:620px}.landing-hero h1{font-size:4.65rem}.landing-photo{object-position:56% 50%}.shortcut-grid>a{padding-inline:23px}.shortcut-grid strong{font-size:1.14rem}.shortcut-grid .icon{right:20px;width:15px}.brand-story .ethos-grid{gap:30px}.brand-story .ethos-copy h2{font-size:2.8rem}}
@media(max-width:850px) and (min-width:701px){.landing-hero{height:610px;min-height:610px}.landing-hero h1{font-size:4.25rem}.landing-intro{font-size:.96rem}.shortcut-grid>a{padding-inline:16px}.shortcut-grid strong{font-size:1rem}.shortcut-grid .icon{position:static;margin-top:8px;width:16px}.shortcut-grid>a>span{font-size:.52rem}.brand-story .ethos-grid{gap:15px;grid-template-columns:1fr 1fr;min-height:350px}.brand-story .ethos-copy h2{font-size:2.4rem}.brand-story .ethos-intro{font-size:.87rem}.brand-story .ethos-copy .eyebrow{font-size:.51rem}.brand-story .scene-footer{margin-top:-11px}}
@media(max-width:700px){.landing-hero{height:690px;min-height:0;align-items:flex-start}.landing-photo{object-position:64% center}.landing-hero:after{background:linear-gradient(90deg,rgba(5,23,24,.74),rgba(5,23,24,.3) 68%,rgba(5,23,24,.1)),linear-gradient(0deg,rgba(5,23,24,.65),transparent 35%)}.landing-content{padding-top:61px;padding-bottom:110px}.landing-eyebrow{font-size:.51rem;letter-spacing:.13em;max-width:340px;margin-bottom:21px}.landing-hero h1{font-size:clamp(3.8rem,11.4vw,5rem);line-height:1.03;letter-spacing:-.055em}.landing-intro{font-size:.93rem;line-height:1.8;margin-top:24px;margin-bottom:25px;max-width:340px}.landing-cta{font-size:.82rem;min-height:51px;padding:14px 19px;gap:23px}.landing-bottom{bottom:19px;align-items:flex-end;gap:10px}.landing-bottom>a{font-size:.62rem;gap:12px;max-width:230px}.landing-bottom>span{font-size:.5rem;white-space:nowrap}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-top:8px;padding-bottom:8px}.shortcut-grid>a{padding:22px 15px 21px 0;border-right:1px solid #e0e6e0}.shortcut-grid>a:nth-child(2n){border-right:0;padding-left:23px;padding-right:0}.shortcut-grid>a:nth-child(-n+2){border-bottom:1px solid #e0e6e0}.shortcut-grid>a>span{font-size:.53rem;margin-bottom:7px}.shortcut-grid strong{font-size:1.12rem;max-width:calc(100% - 22px)}.shortcut-grid .icon{right:16px;bottom:27px;width:16px}.shortcut-grid>a:nth-child(2n) .icon{right:0}.brand-story{padding-top:47px}.brand-story .ethos-grid{grid-template-columns:1fr;min-height:0;gap:0}.brand-story .ethos-copy{padding:0}.brand-story .ethos-copy h2{font-size:clamp(2.55rem,7.8vw,3.25rem)}.brand-story .ethos-copy .eyebrow{font-size:.55rem;margin-bottom:19px}.brand-story .ethos-intro{font-size:.91rem;margin-top:21px;max-width:470px}.brand-story-link{font-size:.77rem;margin-top:17px}.brand-story .ethos-visual{margin-top:0}.brand-story .scene-footer{margin-top:-22px}.brand-story .ethos-principles{margin-top:21px;padding-bottom:33px}}
@media(max-width:390px){.landing-hero{height:660px}.landing-content{padding-top:49px}.landing-hero h1{font-size:3.7rem}.landing-intro{font-size:.87rem}.landing-eyebrow{font-size:.47rem}.landing-bottom>a{font-size:.56rem;gap:8px}.landing-bottom>span{font-size:.46rem}.shortcut-grid strong{font-size:1.01rem}.shortcut-grid>a:nth-child(2n){padding-left:17px}.brand-story .ethos-copy h2{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){.shortcut-grid .icon{transition:none}}
@media print{.landing-hero{height:510px;min-height:0;print-color-adjust:exact}.landing-hero h1{font-size:3.9rem}.landing-content{padding-top:50px}.landing-bottom{bottom:10px}.brand-story{padding-top:30px}.brand-story .ethos-grid{min-height:0}}

/* Real project photographs: preserve roof detail and the installation context. */
.landing-photo{object-position:65% 28%}.solution-card .heating-image{object-position:center 64%}
@media(max-width:700px){.landing-photo{object-position:68% center}}