/* A quiet film chapter between the company story and its architecture. */
.ecosystem{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(40px,6.3vw,100px);background:#14241c;color:#f5f6ee;padding-top:104px;padding-bottom:105px;align-items:center;margin-bottom:100px;position:relative;overflow:hidden}
.ecosystem-copy{min-width:0}.ecosystem-kicker{font-size:11px;color:#8cac98;display:block;margin-bottom:24px;letter-spacing:.04em}
.ecosystem h2{font-size:clamp(40px,4.4vw,69px);letter-spacing:-.055em;line-height:1.15}
.ecosystem h2>span{display:block}.ecosystem h2>img{margin-top:20px;width:clamp(205px,21vw,320px);height:auto}
.ecosystem-lead{font-size:clamp(20px,2.1vw,30px);line-height:1.4;letter-spacing:-.025em;margin-top:37px;color:#eef4ee}
.ecosystem-description{font-size:13px;line-height:1.8;max-width:380px;color:#a3b6a9;margin-top:23px}
.ecosystem-topics{margin:33px 0 0;padding:0;max-width:415px}.ecosystem-topics>div{border-top:1px solid #b7ddc42b;padding:16px 0 17px}
.ecosystem-topics dt{display:flex;align-items:baseline;gap:18px;font-size:13px}.ecosystem-topics dt>span:first-child{font-size:9px;color:var(--green);min-width:12px}
.ecosystem-topics dd{font-size:11px;line-height:1.65;color:#8eaa99;margin:7px 0 0 30px}
.ecosystem-contact{font-size:12px;margin-top:4px;color:#b7ddc4;gap:17px}.ecosystem-contact:hover{color:var(--green)}
.ecosystem-film{min-width:0;align-self:center}.ecosystem-player{position:relative;background:#06100a;isolation:isolate;box-shadow:0 0 0 1px #80b99a2b}
.ecosystem-player video{display:block;width:100%;height:auto;aspect-ratio:350/270;object-fit:contain;background:#050b08}
.ecosystem-player video:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.ecosystem-play{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:flex-end;text-align:left;padding:30px;border:0;border-radius:0;background:linear-gradient(transparent 52%,#04140bc9);color:white;gap:17px}
.ecosystem-play[hidden]{display:none}.film-play-icon{width:57px;height:57px;display:grid;place-items:center;border:1px solid #effff88c;border-radius:50%;transition:background .25s,color .25s,transform .4s var(--ease);flex:none}
.film-play-icon svg{width:22px;height:22px;fill:currentColor;stroke:none;margin-left:1px}.film-play-copy{display:flex;flex-direction:column;gap:8px;font-size:15px;padding-bottom:7px}.film-play-copy small{color:#b1c7ba;font-size:10px;letter-spacing:.06em}.film-play-arrow{margin-left:auto;padding-bottom:14px}.film-play-arrow svg{width:20px;height:20px;transition:transform .3s}
.ecosystem-play:hover .film-play-icon{background:var(--green);color:#103020;border-color:var(--green);transform:scale(1.07)}.ecosystem-play:hover .film-play-arrow svg{transform:translateX(5px)}
.ecosystem-film-caption{display:flex;justify-content:space-between;align-items:baseline;gap:25px;border-top:1px solid #aecdbb35;margin-top:22px;padding-top:16px}.ecosystem-film-caption>span{font-size:10px;color:#72a185;flex:none}.ecosystem-film-caption p{font-size:11px;line-height:1.6;color:#9fbaa9;text-align:right}
.ecosystem-video-error{font-size:12px;line-height:1.8;margin-top:15px;color:#d8e9de}.ecosystem-video-error[hidden]{display:none}.ecosystem-video-error a{text-decoration:underline;display:inline-flex;align-items:center;gap:8px}.ecosystem-video-error svg{width:14px;height:14px}
@media(max-width:1100px){.ecosystem{gap:40px}.ecosystem h2{font-size:44px}.ecosystem-play{padding:21px}.film-play-icon{width:50px;height:50px}}
@media(max-width:800px){.ecosystem{grid-template-columns:1fr;gap:45px;padding-top:70px;padding-bottom:65px;margin-bottom:70px}.ecosystem-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.ecosystem-heading{grid-row:1/3}.ecosystem-description{margin-top:0}.ecosystem-topics{margin-top:20px}.ecosystem-contact{grid-column:1/-1;justify-self:start;margin-top:18px}.ecosystem-film{max-width:680px;width:100%;justify-self:center}.ecosystem h2{font-size:clamp(32px,5.2vw,43px)}.ecosystem h2>img{width:205px;margin-top:16px}.ecosystem-lead{font-size:23px;margin-top:28px}}
@media(max-width:600px){.ecosystem{padding-top:56px;padding-bottom:50px;margin-bottom:65px;gap:33px}.ecosystem-copy{display:block}.ecosystem-kicker{font-size:10px;margin-bottom:18px}.ecosystem h2{font-size:clamp(34px,9.4vw,50px)}.ecosystem h2>img{width:218px;max-width:85%;margin-top:16px}.ecosystem-lead{font-size:23px;margin-top:28px}.ecosystem-description{font-size:12px;margin-top:19px;max-width:340px}.ecosystem-topics{margin-top:25px;max-width:none}.ecosystem-topics>div{padding:13px 0 14px}.ecosystem-contact{font-size:11px;margin-top:6px}.ecosystem-play{padding:20px;gap:14px}.film-play-icon{width:46px;height:46px}.film-play-copy{font-size:13px;padding-bottom:4px;gap:6px}.film-play-arrow{display:none}.ecosystem-film-caption{gap:16px;margin-top:17px;padding-top:13px}.ecosystem-film-caption p{font-size:10px}.ecosystem-film-caption>span{font-size:9px}}
.ecosystem{row-gap:0;scroll-margin-top:-70px}.ecosystem-copy{grid-column:1;grid-row:1}.ecosystem-details{grid-column:1;grid-row:2}.ecosystem-film{grid-column:2;grid-row:1/3}
@media(max-width:800px){.ecosystem{row-gap:35px}.ecosystem-heading{grid-row:auto}.ecosystem-film{grid-column:1;grid-row:2}.ecosystem-details{grid-column:1;grid-row:3}.ecosystem-topics{margin-top:0;max-width:none}}
@media(max-width:600px){.ecosystem{scroll-margin-top:-62px}.ecosystem-details{width:100%}.ecosystem-topics{margin-top:0}}
@media(prefers-reduced-motion:reduce){.ecosystem-play *{transition:none!important}}