/* 0.5.5: full-width hero, outside the site's 1180px content container. */
.hero.hero-panorama{display:flex;align-items:center;gap:2vw;min-height:760px;min-height:max(760px,100svh);padding:130px 3.8vw 90px;isolation:isolate;background:#000;overflow:hidden}
.hero.hero-panorama:before,.hero.hero-panorama:after{display:none}
.hero-panorama .hero-copy{flex:0 0 43%;min-width:0;z-index:2}
.hero-panorama .hero-copy .title{font-size:clamp(56px,5.5vw,108px)!important;line-height:.98!important;max-width:none;margin:40px 0 30px;overflow-wrap:break-word}
.hero-panorama .hero-copy .title em{line-height:1.02;display:block;margin-top:12px}
.hero-panorama .hero-copy p{max-width:46ch;font-size:clamp(15px,1.1vw,18px);line-height:1.65;margin:0}
.hero-panorama .hero-copy .button{margin-top:30px}
.hero-panorama .hero-process{flex:1;min-width:0;margin:0;position:relative}
.hero-process-art{position:relative}
.hero-process-art img{display:block;width:100%;height:auto;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 96%,transparent)}
.flow-label{position:absolute;font:500 12px/1.3 Inter,Arial,sans-serif;letter-spacing:.08em;pointer-events:none}
.flow-label-h2{left:70%;top:42%;color:#9eccea}
.flow-label-co2{left:56%;top:73%;color:#a7c79b}
.hero-process-links{display:flex;justify-content:space-between;gap:10px;margin:0 3%}
.hero-process-links a{flex:1;min-width:0;padding:16px 6px 12px;border-top:1px solid #34423a;transition:background .2s,border-color .2s,transform .2s}
.hero-process-links a:first-child{color:#9bc580;border-color:#56904e}
.hero-process-links a:nth-child(2){color:#89b5d0}
.hero-process-links a:nth-child(3){color:#c2b738}
.hero-process-links span{display:block;font:500 10px/1.5 Inter,Arial,sans-serif;color:#a8b0a6;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}
.hero-process-links strong{font:600 clamp(15px,1.35vw,24px)/1.2 'Barlow Condensed',Arial,sans-serif;display:block}
.hero-process-links a:hover{background:rgba(255,255,255,.035);border-color:currentColor;transform:translateY(-3px)}
.hero-process-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(min-width:1800px){.hero-panorama .hero-copy{flex-basis:40%}}
@media(max-width:1050px){
 .hero.hero-panorama{flex-direction:column;align-items:stretch;gap:20px;padding:145px 6vw 65px;min-height:100svh}
 .hero-panorama .hero-copy{flex:none;width:100%}
 .hero-panorama .hero-copy .title{font-size:clamp(54px,7.5vw,82px)!important;margin:26px 0}
 .hero-panorama .hero-process{flex:none;width:100%;max-width:900px;align-self:center}
 .hero-process-links strong{font-size:20px}
}
@media(max-width:600px){
 .hero.hero-panorama{padding:120px 6vw 50px;gap:26px}
 .hero-panorama .hero-copy .title{font-size:clamp(42px,11vw,64px)!important}
 .hero-panorama .hero-copy .button{margin-top:22px}
 .hero-process-links{margin:0;gap:8px}
 .hero-process-links a{padding:12px 0;min-height:64px}
 .hero-process-links strong{font-size:15px}
 .hero-process-links span{font-size:9px;letter-spacing:0}
 .flow-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-process-links a{transition:none}.hero-process-links a:hover{transform:none}}