/* One composition: photograph, message, actions and company figures. */
.hero-immersive{isolation:isolate;display:block;position:relative;min-height:0;padding:0;background:#10292f;color:#fff9f0;overflow:hidden}
.hero-immersive:before{display:none}
.hero-immersive .hero-visual{position:absolute;inset:0 0 0 auto;width:70%;height:100%;margin:0;box-shadow:none;background:#283c3d;overflow:hidden;z-index:-3}
.hero-immersive .hero-visual:before{display:none}
.hero-immersive .hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 56%;transform:none;opacity:1}
.hero-immersive:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(0deg,rgba(9,27,32,.64),transparent 40%),linear-gradient(90deg,#10292f 0%,#10292f 25%,rgba(16,41,47,.96)37%,rgba(16,41,47,.72)49%,rgba(16,41,47,.12)73%,rgba(16,41,47,.08))}
.hero-immersive .hero-content{position:relative;padding-top:58px;padding-bottom:42px}
.hero-immersive .hero-copy{max-width:620px}
.hero-immersive .eyebrow{color:#edba98;margin-bottom:23px;font-size:10px}
.hero-immersive h1{font-size:clamp(56px,5.45vw,82px);line-height:1;letter-spacing:-.045em;margin:0 0 26px;max-width:620px;text-wrap:balance}
.hero-immersive h1 em{font-size:.78em;line-height:1.06;color:#e4a37a;margin-top:.16em}
.hero-immersive .hero-copy>p{max-width:465px;font-size:15px;line-height:1.85;color:#e0e5e3;margin:0}
.hero-immersive .hero-actions{display:flex;align-items:center;gap:30px;margin:28px 0 38px}
.hero-immersive .button-orange{gap:28px;background:#e2a079;color:#112b32;min-height:54px;font-size:11px}
.hero-immersive .button-orange:hover{background:#efbb99}
.hero-projects-link{display:inline-flex;align-items:center;gap:18px;min-height:48px;border-bottom:1px solid #ffffff60;font-size:12px}
.hero-projects-link:hover{color:#edba98;border-color:#edba98}
.hero-immersive a:focus-visible{outline:2px solid #edba98;outline-offset:6px}
.hero-project-note{position:absolute;right:0;bottom:42px;display:grid;gap:6px;max-width:270px;padding:16px 0 0;border-top:1px solid #ffffff70;text-shadow:0 1px 8px #10292f80}
.hero-project-note>span{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#f4d4bd}
.hero-project-note strong{display:flex;align-items:center;gap:35px;font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.3}
.hero-project-note small{color:#e0e5e3;font-size:11px}
@media(min-width:1700px){.hero-immersive .hero-content{padding-top:74px;padding-bottom:54px}.hero-immersive .hero-copy{max-width:650px}}
@media(max-width:1100px){
 .hero-immersive .hero-content{padding-top:45px;padding-bottom:34px}
 .hero-immersive .hero-copy{max-width:540px}
 .hero-immersive h1{font-size:64px;max-width:520px}
 .hero-project-note{max-width:190px;bottom:34px}
 .hero-project-note strong{font-size:19px;gap:16px}
}
@media(max-width:900px){
 .hero-immersive .hero-copy{max-width:490px}
 .hero-immersive .hero-visual{width:85%}
 .hero-immersive:after{background:linear-gradient(0deg,rgba(9,27,32,.9),transparent 65%),linear-gradient(90deg,#10292f 0%,rgba(16,41,47,.94)30%,rgba(16,41,47,.7)53%,rgba(16,41,47,.18))}
 .hero-project-note{position:static;max-width:none;width:fit-content;margin-top:28px;padding-top:14px}
 .hero-project-note>span{display:none}
 .hero-project-note strong{font-size:18px}
 .hero-project-note small{display:none}
}
@media(max-width:700px){
 .hero-immersive .hero-content{padding-top:38px;padding-bottom:28px}
 .hero-immersive .hero-visual{width:100%;height:100%}
 .hero-immersive .hero-visual>img{object-position:60% 50%}
 .hero-immersive:after{background:linear-gradient(0deg,rgba(10,30,35,.96),rgba(10,30,35,.68)55%,rgba(10,30,35,.78)),linear-gradient(90deg,rgba(10,30,35,.6),transparent)}
 .hero-immersive .eyebrow{font-size:9px;margin-bottom:22px}
 .hero-immersive h1{font-size:clamp(46px,12.4vw,64px);line-height:1.02;letter-spacing:-.04em;margin-bottom:24px;max-width:480px;text-wrap:initial}
 .hero-immersive h1 em{font-size:.8em;line-height:1.1;margin-top:.22em}
 .hero-immersive .hero-copy>p{font-size:14px;line-height:1.8;max-width:380px}
 .hero-immersive .hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 24px;margin:26px 0 28px}
 .hero-immersive .hero-actions .button{width:auto;padding:14px 20px;font-size:10px;gap:18px}
 .hero-projects-link{font-size:11px;min-height:44px;gap:12px}
 .hero-project-note{margin-top:28px;padding-top:16px;width:100%;border-color:#ffffff36}
 .hero-project-note strong{font-family:Manrope,Arial,sans-serif;font-size:12px;justify-content:space-between}
 .hero-project-note small{display:block;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-immersive a{transition:none;transform:none}}

/* One project selection controls both the background and its destination. */
.hero-immersive .hero-visual>img{opacity:0;transition:opacity .7s ease;pointer-events:none}
.hero-immersive .hero-visual>img.active{opacity:1}
.hero-project-panel{position:absolute;right:0;bottom:42px;width:270px}
.hero-project-panel .hero-project-note{position:static;width:100%;max-width:none;min-height:84px;margin:0;align-content:start}
.hero-project-panel .hero-project-note strong{justify-content:space-between;gap:12px}
@media(max-width:1100px){.hero-project-panel{width:240px;bottom:34px}}
@media(max-width:900px){.hero-project-panel{position:relative;bottom:auto;width:270px;max-width:100%;margin-top:28px}.hero-project-panel .hero-project-note{min-height:66px}.hero-project-panel .hero-project-note small{display:block}}
@media(max-width:700px){.hero-project-panel{width:100%}.hero-project-panel .hero-project-note{min-height:66px}}
@media(prefers-reduced-motion:reduce){.hero-immersive .hero-visual>img{transition:none}}