/* Approved assembly composition, isolated from the reference hero styles. */
.home-module-banner{background:transparent;flex-shrink:0;width:100%;min-width:0;border-radius:2px;overflow:hidden}.home-module-banner svg{display:block;width:100%;height:auto;aspect-ratio:25/12}.home-module-banner text{font-family:Plex,Arial,sans-serif;font-size:26px;font-weight:400;fill:var(--text)}
.home-module-hit{fill:transparent;pointer-events:all}.home-module-body{pointer-events:none;transform:translateY(0);transition:transform 180ms var(--ease-ui,cubic-bezier(.23,1,.32,1))}
@media(prefers-reduced-motion:no-preference){.home-module:hover .home-module-body{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.home-module-body{transition:none}}
/* The hero network extends to page origin; keep header controls above decoration. */
.concept-a>.header{position:relative;z-index:2}
/* Full first viewport includes the header; min-height keeps content readable. */
.concept-a main>.hero-band>.hero{min-height:calc(100vh - 88px);min-height:calc(100svh - 88px);min-height:calc(100dvh - 88px)}
@media(min-width:768px){.concept-a main>.hero-band>.hero{grid-template-rows:1fr auto}}
@media(max-width:767px){.concept-a main>.hero-band>.hero{min-height:calc(100vh - 80px);min-height:calc(100svh - 80px);min-height:calc(100dvh - 80px)}}
@media(min-width:1100px) and (max-height:800px){.concept-a main>.hero-band>.hero{padding-block:24px}.home-module-banner svg{max-height:180px}}
/* Quiet header backdrop affects the network only; brand and navigation stay crisp. */
.concept-a>.header::before{content:"";position:absolute;top:0;bottom:-24px;left:50%;width:var(--home-network-width,100%);transform:translateX(-50%);z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 24px),transparent 100%)}
@media(min-width:768px){.concept-a main>.hero-band>.hero{padding-block:clamp(24px,5dvh,64px);row-gap:clamp(16px,3dvh,32px)}.concept-a .hero>.hero-copy,.concept-a .hero>.brand-composition{align-self:center;grid-row:1}.concept-a .hero>.hero-copy{grid-column:1}.concept-a .hero>.brand-composition{grid-column:2}.concept-a .hero>.hero-scroll{grid-row:2}}
@media(min-width:1100px) and (max-height:800px){.concept-a main>.hero-band>.hero{padding-block:24px;row-gap:16px}}
.concept-a .brand-signature>.team-symbol{width:56px;height:56px;flex-shrink:0;color:#2457d6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px),(max-height:800px){.concept-a .brand-signature>.team-symbol{width:48px;height:48px}}