/* Progressive enhancement: all content remains visible without animation support. */
.community-scene{position:relative;min-height:640px;min-height:min(85svh,800px);overflow:hidden;background:#103d46;color:#fff;isolation:isolate}
.community-scene>img{position:absolute;inset:0;width:100%;height:115%;object-fit:cover;object-position:center;z-index:-2}
.community-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,26,.85),rgba(7,28,26,.15));z-index:-1}
.scene-copy{padding-top:130px;padding-bottom:110px}.scene-copy h2{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.03;letter-spacing:-.045em;max-width:780px}.scene-copy p{font-size:20px;line-height:1.6}.scene-copy .eyebrow{color:#c1eddb}.scene-copy small{display:block;margin-top:44px;font-size:11px;color:#d2ded6}
.features article,.roles article{transition:transform .25s ease,box-shadow .25s ease}.features article:hover,.roles article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #103d4612}
.journey ol{position:relative}.journey li{position:relative}.journey li::marker{color:#187764;font-weight:700}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #339c80;outline-offset:5px}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){
  .features article,.roles article,.journey li{animation:elo-reveal both linear;animation-timeline:view();animation-range:entry 0% entry 95%}
  .community-scene>img{animation:elo-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes elo-reveal{from{opacity:.3;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
  @keyframes elo-parallax{from{transform:translateY(-10%)}to{transform:translateY(0)}}
}}
@media(max-width:640px){.community-scene{min-height:580px}.scene-copy{padding-top:95px;padding-bottom:65px}.scene-copy p{font-size:18px}.community-scene::after{background:linear-gradient(90deg,rgba(7,28,26,.84),rgba(7,28,26,.35))}.features article:hover,.roles article:hover{transform:none}.nav .btn{font-size:12px}.footer{padding-bottom:max(32px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}