.ai-page-hero, .ai-page-hero * { box-sizing: border-box; }
.ai-page-hero { align-items: flex-end; background: var(--ai-color-navy); color: var(--ai-color-white); display: flex; min-height: 580px; overflow: hidden; padding: 170px 0 82px; position: relative; isolation: isolate; }
.ai-page-hero__media { height: 100%; inset: 0; overflow: hidden; position: absolute; width: 100%; z-index: -2; }
.ai-page-hero__media::after { background: linear-gradient(90deg,rgba(8,14,37,.93) 0%,rgba(16,26,59,.72) 54%,rgba(16,26,59,.22) 100%); content: ""; inset: 0; position: absolute; z-index: 1; }
.ai-page-hero .ai-page-hero__image { animation: ai-page-hero-media-in 1.35s var(--ai-motion-ease-out) both; display: block !important; height: 100% !important; inset: 0; max-height: none !important; max-width: none !important; object-fit: cover !important; object-position: var(--ai-hero-position, 50% 50%) !important; position: absolute; width: 100% !important; }
.ai-page-hero__inner { position: relative; z-index: 2; }
.ai-page-hero__copy { max-width: 1000px; }
.ai-page-hero__breadcrumbs { animation: ai-page-hero-copy-in .7s .08s var(--ai-motion-ease-out) both; margin-bottom: 38px; }
.ai-page-hero__breadcrumbs ol { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.ai-page-hero__breadcrumbs li { color: rgba(255,255,255,.76); font-size: var(--ai-type-body-size); }
.ai-page-hero__breadcrumbs li:not(:last-child)::after { color: rgba(255,255,255,.4); content: "/"; margin-left: 10px; }
.ai-page-hero__breadcrumbs a { color: var(--ai-color-white); text-decoration: none; }
.ai-page-hero__eyebrow { animation: ai-page-hero-copy-in .72s .16s var(--ai-motion-ease-out) both; color: var(--ai-color-accent-inverse-soft); font-size: var(--ai-type-label-size); font-weight: 700; letter-spacing: .06em; margin: 0 0 16px; text-transform: uppercase; }
.ai-page-hero h1 { animation: ai-page-hero-copy-in .78s .24s var(--ai-motion-ease-out) both; color: var(--ai-color-white); font-family: var(--ai-font-display); font-size: clamp(48px,5.7vw,78px); letter-spacing: -.03em; line-height: .99; margin: 0; max-width: 1000px; text-wrap: balance; }
.ai-page-hero__lead { animation: ai-page-hero-copy-in .78s .34s var(--ai-motion-ease-out) both; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.65; margin: 24px 0 0; max-width: 760px; }
.ai-page-hero__actions { margin-top: 28px; animation: ai-page-hero-copy-in .78s .42s var(--ai-motion-ease-out) both; }
.ai-page-hero__action { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-width: 208px; min-height: 52px; max-width: 100%; padding: 15px 20px; border: 1px solid var(--ai-color-white); border-radius: 0; background: var(--ai-color-white); color: var(--ai-color-ink); font: 600 var(--ai-type-control-size)/1.3 var(--ai-font-label); text-decoration: none; transition: background-color .2s ease,color .2s ease; }
.ai-page-hero__action svg { flex: 0 0 20px; width: 20px; height: 20px; transition: transform .2s ease; }
.ai-page-hero__action:hover { background: #edf0fa; color: var(--ai-color-ink); }
.ai-page-hero__action:hover svg { transform: translateY(3px); }
.ai-page-hero__action:focus-visible { outline: 3px solid var(--ai-color-highlight); outline-offset: 5px; }
@keyframes ai-page-hero-media-in { from { opacity: .38; transform: scale(1.065); } to { opacity: 1; transform: scale(1); } }
@keyframes ai-page-hero-copy-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 820px) { .ai-page-hero { min-height: 520px; padding: 136px 0 62px; }.ai-page-hero__breadcrumbs { margin-bottom: 32px; }.ai-page-hero h1 { font-size: clamp(42px,8vw,62px); } }
@media (max-width: 560px) { .ai-page-hero { min-height: 470px; padding: 112px 0 46px; }.ai-page-hero__media::after { background: linear-gradient(90deg,rgba(8,14,37,.94),rgba(16,26,59,.7)); }.ai-page-hero h1 { font-size: clamp(38px,11vw,48px); line-height: 1.02; text-wrap: initial; }.ai-page-hero__lead { font-size: var(--ai-type-body-size); line-height: 1.55; margin-top: 19px; }.ai-page-hero__breadcrumbs { margin-bottom: 27px; } }
@media (prefers-reduced-motion: reduce) { .ai-page-hero .ai-page-hero__image, .ai-page-hero__breadcrumbs, .ai-page-hero__eyebrow, .ai-page-hero h1, .ai-page-hero__lead, .ai-page-hero__actions { animation: none; opacity: 1; transform: none; } .ai-page-hero__action,.ai-page-hero__action svg { transition: none; } }