.group-introduction { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 560px; height: min(690px, calc(100svh - 155px)); background: #0b1117; overflow: hidden; }
.group-introduction > div { width: 39%; padding: 42px 3% 42px 6%; }
.group-introduction .breadcrumb { margin: 0 0 32px; font-size: 12px; }
.group-introduction .eyebrow { margin: 0 0 20px; color: #8dcfff; }
.group-introduction h1 { margin: 0 0 24px; font-size: 48px; font-weight: 300; line-height: 1.12; letter-spacing: 0; }
.group-introduction p:not(.eyebrow) { margin: 0; font-size: 17px; line-height: 1.7; color: #e0eaf2; }
.group-introduction > img { position: absolute; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.group-story .route-band { padding-block: 60px; }
.group-story .editorial-row { padding-block: 20px; }
.group-origin { background: #14202a; }
.group-origin .route-intro { margin-bottom: 0; }
.group-origin .route-intro p:first-child { margin-top: 0; }
.group-role-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; margin-top: 32px; }
.group-role-grid article { border: 1px solid rgba(151, 181, 203, .28); padding: 24px; border-radius: 2px; background: transparent; }
.group-role-grid h3 { font-size: 24px; margin: 0 0 16px; }
.group-role-grid p,.group-story .route-cta p:not(.eyebrow) { color: #b3c5d3; line-height: 1.75; }
.group-role-grid a,.group-actions > a:not(.primary) { display: inline-block; padding-block: 12px; color: #95cdf5; font-size: 14px; }
.group-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex-shrink: 0; }
@media(max-width:720px) {
 .group-introduction { height: auto; min-height: 620px; align-items: flex-end; }
 .group-introduction > div { width: 100%; padding: 260px 24px 40px; }
 .group-introduction::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg,rgba(5,12,19,.97),rgba(5,12,19,.85) 38%,transparent 75%); }
 .group-introduction > img { z-index: -2; object-position: 65% center; }
 .group-introduction h1 { font-size: 36px; }
 .group-introduction p:not(.eyebrow) { font-size: 16px; }
 .group-story .route-band { padding-block: 40px; }
 .group-role-grid { grid-template-columns: 1fr; gap: 24px; }
}