/* Native flow is the baseline; wide screens progressively enhance to a film-like scroll story. */
.arkhou-home-v2 { overflow: clip; }
.arkhou-flight-story { --flight-blue: #075bd8; --flight-header: 92px; position: relative; background: #f3f7fb; scroll-margin-top: var(--flight-header); }
.arkhou-flight-story__scene { display: flex; flex-direction: column; position: relative; overflow: hidden; isolation: isolate; background: #f3f7fb; padding-block: 2rem 4rem; }
.arkhou-flight-story__inner { display: contents; }
.arkhou-flight-story__chapter,.arkhou-flight-story__opening,.arkhou-flight-story__copy { margin-inline: var(--arkhou-gutter,20px); }
.arkhou-flight-story__chapter { order: 0; display: flex; align-items: center; gap: .75rem; color: #41556c; font-size: .6rem; line-height: 1.5; text-transform: uppercase; letter-spacing: .09em; }
.arkhou-flight-story__chapter > span:first-child { color: var(--flight-blue); }
.arkhou-flight-story__chapter-mark { margin-inline-start: auto; font-size: 1.4rem; color: var(--flight-blue); }
.arkhou-flight-story__opening { order: 1; margin-block: 2rem; }
.arkhou-flight-story__opening > p:first-child { margin: 0 0 1rem; font-size: .7rem; color: var(--flight-blue); text-transform: uppercase; letter-spacing: .12em; }
.arkhou-flight-story__opening h2 { color: #06152f; margin: 0; font-size: clamp(2.8rem,5.7vw,6rem); font-weight: 700; line-height: 1.02; letter-spacing: -.055em; }
.arkhou-flight-story__opening h2 span { color: var(--flight-blue); }
.arkhou-flight-story__invitation { max-width: 23rem; margin-block: 1.5rem 0; color: #41556c; font-size: .95rem; line-height: 1.6; }
.arkhou-flight-story__photograph { order: 2; position: relative; margin: 0 0 3rem; aspect-ratio: 3/2; overflow: hidden; }
.arkhou-flight-story__original { display: block; width: 100%; height: 100%; object-fit: cover; }
.arkhou-flight-story__clean,.arkhou-flight-story__photo-wash,.arkhou-flight-story__aircraft,.arkhou-flight-story__trajectory { display: none; }
.arkhou-flight-story__copy { order: 3; position: relative; max-width: 38rem; }
.arkhou-flight-story__eyebrow { display: flex; align-items: center; gap: .7rem; color: var(--flight-blue); text-transform: uppercase; font-size: .65rem; letter-spacing: .11em; font-weight: 600; margin-block-end: 1rem; }
.arkhou-flight-story__eyebrow::before { content: ''; width: 1.8rem; height: 1px; background: currentColor; }
.arkhou-flight-story__copy h3 { font-size: clamp(2.1rem,3.3vw,3.5rem); line-height: 1.07; letter-spacing: -.045em; font-weight: 700; color: #06152f; margin: 0 0 1.5rem; }
.arkhou-flight-story__copy h3 > span { color: var(--flight-blue); }
.arkhou-flight-story__description { color: #41556c; font-size: 1rem; line-height: 1.8; margin: 0; }
.arkhou-flight-story__disciplines { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-block: 1.5rem 1.75rem; color: #25476c; font-size: .72rem; }
.arkhou-flight-story__disciplines i { display: block; height: 1px; width: 1.25rem; background: #a9c5e5; }
.arkhou-flight-story__copy .arkhou-button { background: var(--flight-blue); border-color: var(--flight-blue); gap: 2rem; border-radius: 4px; font-size: .85rem; min-height: 3.1rem; }
.arkhou-flight-story__copy .arkhou-button:hover { background: #084bad; border-color: #084bad; }
.arkhou-flight-story__footer { display: none; }
.arkhou-flight-story__progress { display: block; width: 9rem; height: 2px; background: #c2d5e7; overflow: hidden; }
.arkhou-flight-story__progress i { display: block; height: 100%; width: 100%; background: var(--flight-blue); transform: scaleX(0); transform-origin: left; }
.arkhou-flight-story__grid { position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(#b9cde2 1px,transparent 1px),linear-gradient(90deg,#b9cde2 1px,transparent 1px); background-size: 100px 100px; mask-image: radial-gradient(ellipse at 35% 45%,#000,transparent 66%); }
@media (min-width:48rem) {
 .arkhou-flight-story__photograph { margin-inline: var(--arkhou-gutter); border-radius: 5px; max-height: 650px; }
 .arkhou-flight-story__copy { margin-inline: auto; }
}
@media (min-width:64rem) and (min-height:40rem) and (prefers-reduced-motion:no-preference) {
 .arkhou-flight-story.is-scroll-ready { height: 340svh; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__scene { display: block; position: sticky; top: var(--flight-header); height: calc(100svh - var(--flight-header)); min-height: 500px; padding: 0; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__inner { display: block; position: relative; height: 100%; padding-block: 1.5rem; z-index: 3; pointer-events: none; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__chapter { margin: 0; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__opening { position: absolute; left: 0; top: 16%; max-width: 54%; margin: 0; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__opening h2 { font-size: clamp(3.4rem,5.4vw,6.1rem); }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__photograph { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; margin: 0; border-radius: 0; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__original,
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__clean { position: absolute; display: block; inset: 0; width: 100%; height: 100%; object-fit: cover; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__original { z-index: 1; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__photo-wash { display: block; position: absolute; z-index: 2; inset: 0; background: linear-gradient(90deg,#f3f7fb 0%,rgb(243 247 251 / 94%) 19%,rgb(243 247 251 / 48%) 44%,rgb(243 247 251 / 6%) 72%),linear-gradient(180deg,rgb(243 247 251 / 65%),transparent 22% 72%,rgb(243 247 251 / 95%)); }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__aircraft { display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 32%; margin: 0; transform-origin: center; pointer-events: none; will-change: transform; }
 .arkhou-flight-story__aircraft > img { display: block; width: 100%; height: auto; filter: drop-shadow(0 20px 22px rgb(25 57 88 / 17%)); }
 .arkhou-flight-story__aircraft figcaption { position: absolute; inset: auto -25% -3rem; text-align: center; color: #41556c; text-transform: uppercase; font-size: .57rem; letter-spacing: .11em; }
 .arkhou-flight-story__halo { position: absolute; inset: -40% -15%; z-index: -1; }
 .arkhou-flight-story__halo > span { position: absolute; inset: 0; border: 1px solid rgb(7 91 216 / 16%); border-radius: 50%; transform: rotate(-12deg) scaleY(.65); }
 .arkhou-flight-story__halo > span:last-child { inset: 10% -7%; transform: rotate(14deg) scaleY(.8); border-style: dashed; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__trajectory { display: block; position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
 .arkhou-flight-story__trajectory path { fill: none; stroke: #3889ce; stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: .35; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__copy { position: absolute; top: 50%; left: 55%; right: 0; max-width: none; margin: 0; opacity: 0; transform: translateY(-50%); pointer-events: none; }
 .arkhou-flight-story.is-scroll-ready .arkhou-flight-story__footer { position: absolute; inset: auto 0 1.5rem; display: flex; align-items: center; justify-content: space-between; color: #41556c; font-size: .6rem; letter-spacing: .07em; text-transform: uppercase; }
}