.community-hero{position:relative;isolation:isolate;padding:95px 8% 100px;min-height:680px;display:flex;align-items:center;overflow:hidden}.community-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04080efa 10%,#04080ecf 46%,#04080e55),linear-gradient(0deg,#04080e,transparent 60%),url('/assets/dcs-philippines-twilight.png') center 65%/cover no-repeat}.community-copy{max-width:850px}.community-copy h1{font-size:clamp(48px,6vw,88px);font-weight:600;line-height:1.04;letter-spacing:-3px;margin:0 0 25px}.community-copy h1 span{color:var(--cyan);font-size:.65em;letter-spacing:-1px}.community-copy .lead{max-width:600px}.community-features{grid-template-columns:repeat(3,1fr)}.community-join-card{border:1px solid var(--line);padding:24px;margin-top:30px}.community-join-card strong{display:block;color:var(--ink);font-size:18px;overflow-wrap:anywhere}.community-join-card .eyebrow{margin-top:0}.community-join-card .button{margin-top:15px}.setup li a{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.community-hero{padding:60px 6%;min-height:580px}.community-copy h1{font-size:48px;letter-spacing:-2px}.community-features{grid-template-columns:1fr}.community-backdrop{background-position:60% center}.community-copy .lead{font-size:15px}}

.community-hero{gap:55px}.community-copy{flex:1}.community-emblem{flex:0 0 300px;border:0;background:transparent;align-self:center}.community-emblem img{width:100%;height:auto;display:block}.community-emblem figcaption{padding:16px 0;text-align:center;line-height:1.7}@media(max-width:1100px){.community-hero{flex-direction:column;align-items:flex-start;gap:35px}.community-emblem{flex:initial;width:230px;align-self:flex-start}.community-hero{padding-top:60px}}

.community-photo-section{padding-top:55px;padding-bottom:55px}.community-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.community-photo-grid figure{margin:0;border:1px solid var(--line);background:#0b1522;overflow:hidden}.community-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.community-photo-grid figure:first-child img{object-position:center 65%}.community-photo-grid figcaption{padding:18px 22px;font-size:9px;letter-spacing:1.6px;color:var(--muted)}@media(max-width:700px){.community-photo-grid{grid-template-columns:1fr;gap:20px}.community-photo-grid img{aspect-ratio:auto}}

.community-identity{display:flex;align-items:center;justify-content:center;gap:55px;padding:65px 8%;border-top:1px solid var(--line);background:#070d15}.community-identity .community-emblem{position:static;flex:0 0 160px;width:160px;margin:0;align-self:center}.community-identity .community-emblem figcaption{font-size:7px;padding:12px 0 0}.community-identity h2{font-size:clamp(30px,3.5vw,48px);margin:0 0 16px}.community-identity p{color:var(--muted);font-size:14px;max-width:480px}.community-identity .eyebrow{color:var(--cyan);font-size:9px}.community-hero .community-copy{max-width:850px;flex:initial}@media(max-width:700px){.community-identity{flex-direction:column;text-align:center;gap:25px;padding:45px 7%}.community-identity .community-emblem{flex:initial;width:140px}.community-identity p{font-size:13px}}

/* Keep the aircraft visible; concentrate contrast behind the introduction. */
.community-backdrop{background:linear-gradient(90deg,#04080ee8 0%,#04080eb5 30%,#04080e30 55%,#04080e08 78%),linear-gradient(0deg,#04080ed9 0%,#04080e30 18%,transparent 45%),url('/assets/dcs-philippines-twilight.png') center 55%/cover no-repeat}.community-copy h1,.community-copy .lead,.community-copy .eyebrow{text-shadow:0 2px 15px #0009}@media(max-width:700px){.community-backdrop{background:linear-gradient(90deg,#04080ed9,#04080e60 80%),linear-gradient(0deg,#04080ed9,transparent 50%),url('/assets/dcs-philippines-twilight.png') 60% center/cover no-repeat}}

/* Compose the aircraft beside the copy instead of cropping them behind it. */
.community-backdrop{background:none!important}.community-backdrop:before{content:'';position:absolute;inset:110px 0 35px 44%;background:url('/assets/dcs-philippines-twilight.png') center/contain no-repeat}.community-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04080e 0%,#04080e 37%,#04080e70 45%,transparent 59%),linear-gradient(0deg,#04080e 0%,transparent 25%,transparent 78%,#04080e 100%)}.community-hero .community-copy{width:38vw;max-width:500px}.community-copy h1{font-size:clamp(48px,5.4vw,82px)}.community-copy .lead{font-size:14px}.community-copy h1 span{font-size:.62em}@media(max-width:900px){.community-hero{padding-bottom:380px}.community-hero .community-copy{width:100%;max-width:600px}.community-backdrop:before{inset:auto 0 25px 0;height:360px;background-size:contain;background-position:center}.community-backdrop:after{background:linear-gradient(0deg,#04080e 0%,transparent 12%,transparent 35%,#04080e 48%)}.community-copy h1{font-size:clamp(44px,8vw,66px)}}@media(max-width:500px){.community-hero{padding-bottom:270px}.community-backdrop:before{height:245px;bottom:10px}.community-backdrop:after{background:linear-gradient(0deg,#04080e 0%,transparent 10%,transparent 22%,#04080e 32%)}}

.community-backdrop:before{mask-image:linear-gradient(90deg,transparent 0%,#000 13%),linear-gradient(0deg,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-composite:intersect}.community-hero .community-copy h1{font-size:clamp(48px,5.4vw,82px)}@media(max-width:900px){.community-hero .community-copy h1{font-size:clamp(44px,8vw,66px)}}

@media(min-width:901px){.community-backdrop:before{inset:auto 0 auto 44%;top:53%;aspect-ratio:1672/941;transform:translateY(-50%)}}

/* Let the formation fill the hero while keeping its noses right of the heading. */
@media(min-width:901px){.community-backdrop:before{left:28%;right:-10%;top:53%;mask-image:linear-gradient(90deg,transparent 0%,#000 14%),linear-gradient(0deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}.community-backdrop:after{background:linear-gradient(90deg,#04080e 0%,#04080ee6 29%,#04080e40 45%,transparent 62%),linear-gradient(0deg,#04080e 0%,transparent 20%,transparent 82%,#04080e 100%)}}