.o-nas-page { overflow: clip; }
.o-nas-page .section { position: relative; }
.o-nas-page .eyebrow { margin-bottom: var(--space-3); }
.o-nas-hero { background: var(--color-obsidian-950); padding: var(--space-6) 0 var(--space-16); }
.o-nas-hero__wrap { display: grid; grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); align-items: stretch; min-width: 0; }
.o-nas-hero__panel { z-index: 1; align-self: center; width: 100%; min-width: 0; max-width: 39rem; margin-right: -2rem; padding: clamp(2rem, 4vw, 4rem); }
.o-nas-hero__panel h1 { max-width: 38rem; }
.o-nas-hero__panel .lead { max-width: 37.5rem; }
.o-nas-hero__media { width: 100%; min-width: 0; min-height: 38rem; overflow: hidden; background: var(--color-slate-800); }
.o-nas-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.o-nas-hero__proofs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-8) 0; }
.o-nas-hero__proof { min-width: 0; border-left: 1px solid var(--color-champagne-gold); padding-left: var(--space-3); }
.o-nas-hero__proof strong, .o-nas-hero__proof span { display: block; }
.o-nas-hero__proof strong { color: var(--color-light-champagne); font-family: var(--font-heading); }
.o-nas-hero__proof span { color: var(--color-text-muted); font-size: var(--text-sm); line-height: var(--leading-small); }
.o-nas-hero__actions { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.o-nas-age-note { margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: var(--leading-small); }
.o-nas-age-note span { color: var(--color-emerald-neon); }
.o-nas-role { background: var(--color-graphite-900); }
.o-nas-role__layout { display: grid; grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); gap: var(--space-12); align-items: start; }
.o-nas-role__intro { width: 100%; min-width: 0; max-width: 38rem; }
.o-nas-role__pillars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); min-width: 0; }
.o-nas-pillar { min-width: 0; }
.o-nas-pillar--wide { grid-column: 1 / -1; }
.o-nas-pillar h3 { font-size: clamp(1.35rem, 2.2vw, 1.65rem); }
.o-nas-number, .o-nas-scenario > span, .o-nas-standard__card > span { display: block; margin-bottom: var(--space-4); color: var(--color-champagne-gold); font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 800; letter-spacing: var(--tracking-label); }
.o-nas-safety { background: var(--color-obsidian-950); }
.o-nas-safety__top { display: grid; grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); gap: var(--space-12); align-items: center; }
.o-nas-safety__copy { width: 100%; min-width: 0; max-width: 38rem; }
.o-nas-safety__statement { min-width: 0; padding: clamp(2rem, 4vw, 3.5rem); border-color: rgba(66, 214, 164, .28); }
.o-nas-safety__statement span { display: block; margin-bottom: var(--space-3); color: var(--color-emerald-neon); font-size: var(--text-sm); font-weight: 700; }
.o-nas-safety__statement strong { display: block; color: var(--color-light-champagne); font-family: var(--font-heading); font-size: clamp(1.7rem, 3vw, 2.5rem); letter-spacing: var(--tracking-heading); line-height: var(--leading-heading); }
.o-nas-safety__statement p { max-width: 25rem; margin: var(--space-4) 0 0; color: var(--color-text-muted); }
.o-nas-safety__rules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-12); }
.o-nas-rule { min-width: 0; border-top: 1px solid var(--color-border-subtle); padding-top: var(--space-6); }
.o-nas-rule__index { display: block; margin-bottom: var(--space-4); color: var(--color-emerald-neon); font-family: var(--font-heading); font-weight: 800; }
.o-nas-rule h3 { font-size: var(--text-xl); }
.o-nas-rule p { max-width: 25rem; }
.o-nas-team { background: var(--color-graphite-900); }
.o-nas-team__top { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: var(--space-12); align-items: start; }
.o-nas-team__intro { width: 100%; min-width: 0; max-width: 35rem; }
.o-nas-team__feature { margin-top: var(--space-12); border-top: 1px solid var(--color-champagne-gold); padding-top: var(--space-6); }
.o-nas-team__feature p { max-width: 34rem; }
.o-nas-media-button { position: relative; width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); background: var(--color-slate-800); padding: 0; color: var(--color-platinum); text-align: left; }
.o-nas-media-button img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-slow); }
.o-nas-media-button:hover img { transform: scale(1.02); }
.o-nas-media-button > span { position: absolute; right: var(--space-4); bottom: var(--space-4); border: 1px solid rgba(243,229,171,.34); background: rgba(10,10,12,.76); padding: var(--space-2) var(--space-3); color: var(--color-light-champagne); font-size: var(--text-xs); font-weight: 700; }
.o-nas-team__top > .o-nas-media-button { aspect-ratio: 4 / 5; max-height: 44rem; }
.o-nas-team__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); margin-top: var(--space-8); }
.o-nas-team__detail { min-width: 0; border-top: 1px solid var(--color-border); padding-top: var(--space-6); }
.o-nas-team__detail p { max-width: 30rem; }
.o-nas-team__detail--coordination { border-top-color: var(--color-champagne-gold); }
.o-nas-elements { background: var(--color-obsidian-950); }
.o-nas-elements__heading { width: 100%; min-width: 0; max-width: 37.5rem; }
.o-nas-elements__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-12); }
.o-nas-elements__tables { grid-column: span 7; grid-row: span 2; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.o-nas-elements__tables p { max-width: 42rem; }
.o-nas-inline-list { color: var(--color-light-champagne); font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 700; }
.o-nas-elements__scenery, .o-nas-elements__tech { grid-column: span 5; min-width: 0; }
.o-nas-elements__scenery p, .o-nas-elements__tech p { max-width: 25rem; }
.o-nas-elements__coordination { grid-column: 1 / -1; min-width: 0; padding: clamp(2rem, 5vw, 4rem); }
.o-nas-elements__coordination p { max-width: 43.75rem; }
.o-nas-scenarios { background: var(--color-graphite-900); }
.o-nas-scenarios__heading { width: 100%; min-width: 0; max-width: 35rem; }
.o-nas-scenarios__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-12); }
.o-nas-scenario { min-width: 0; }
.o-nas-scenario h3 { font-size: var(--text-xl); }
.o-nas-scenario p { max-width: 27rem; }
.o-nas-mobility { background: var(--color-obsidian-950); }
.o-nas-mobility__layout { display: grid; grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); gap: var(--space-12); align-items: start; }
.o-nas-mobility__copy { width: 100%; min-width: 0; max-width: 35rem; }
.o-nas-mobility__notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.o-nas-mobility__notes article { min-width: 0; border-top: 1px solid var(--color-border); padding-top: var(--space-4); }
.o-nas-mobility__notes h3 { font-size: var(--text-lg); }
.o-nas-mobility__notes p { font-size: var(--text-sm); }
.o-nas-mobility__notes a { font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 800; }
.o-nas-mobility__media { aspect-ratio: 3 / 2; min-width: 0; }
.o-nas-process { background: var(--color-graphite-900); }
.o-nas-process__heading { width: 100%; min-width: 0; max-width: 36.25rem; }
.o-nas-process__timeline { position: relative; display: flex; min-width: 0; flex-direction: column; gap: var(--space-8); margin: var(--space-12) 0 0; padding: 0; list-style: none; }
.o-nas-process__timeline::before { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--color-champagne-gold); content: ""; transform: translateX(-50%); }
.o-nas-process__step { display: flex; min-width: 0; width: 100%; }
.o-nas-process__step > div { position: relative; width: 42%; min-width: 0; border: 1px solid var(--color-border-subtle); background: rgba(27,29,36,.72); padding: var(--space-6); }
.o-nas-process__step:nth-child(odd) { justify-content: flex-start; }
.o-nas-process__step:nth-child(even) { justify-content: flex-end; }
.o-nas-process__step > div::after { position: absolute; top: var(--space-8); width: .75rem; height: .75rem; border: 2px solid var(--color-champagne-gold); border-radius: 50%; background: var(--color-graphite-900); content: ""; }
.o-nas-process__step:nth-child(odd) > div::after { right: calc(-19.05% - .375rem); }
.o-nas-process__step:nth-child(even) > div::after { left: calc(-19.05% - .375rem); }
.o-nas-process__step span { display: block; margin-bottom: var(--space-3); color: var(--color-champagne-gold); font-family: var(--font-heading); font-size: var(--text-lg); font-weight: 800; }
.o-nas-process__step h3 { font-size: var(--text-xl); }
.o-nas-process__step p { max-width: 27rem; }
.o-nas-process__step--safe span { color: var(--color-emerald-neon); }
.o-nas-process__step--safe > div::after { border-color: var(--color-emerald-neon); }
.o-nas-standard { background: var(--color-obsidian-950); }
.o-nas-standard__heading { width: 100%; min-width: 0; max-width: 37.5rem; }
.o-nas-standard__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-12); }
.o-nas-standard__card { min-width: 0; }
.o-nas-standard__card h3 { font-size: var(--text-xl); }
.o-nas-standard__card p { max-width: 23rem; }
.o-nas-standard__card:nth-child(3) > span { color: var(--color-emerald-neon); }
.o-nas-final { background: var(--color-obsidian-950); }
.o-nas-final__panel { display: flex; min-width: 0; max-width: 57.5rem; margin-inline: auto; flex-direction: column; align-items: center; gap: var(--space-6); padding: clamp(2rem, 6vw, 5.5rem); text-align: center; background: radial-gradient(circle at 50% 0%, rgba(212,175,55,.14), transparent 48%), var(--color-surface); }
.o-nas-final__panel .eyebrow, .o-nas-final__panel h2, .o-nas-final__panel p { margin: 0; }
.o-nas-final__panel h2 { max-width: 40rem; }
.o-nas-final__panel > p:not(.o-nas-final__note) { max-width: 40rem; }
.o-nas-final__note { max-width: 32.5rem; color: var(--color-text-muted); font-size: var(--text-sm); line-height: var(--leading-small); }
.o-nas-final__link { font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 800; }
.o-nas-lightbox[hidden] { display: none; }
.o-nas-lightbox { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: var(--space-4); }
.o-nas-lightbox__backdrop { position: absolute; inset: 0; background: rgba(10,10,12,.9); }
.o-nas-lightbox__dialog { position: relative; width: min(100%, 68rem); max-height: calc(100vh - 2rem); min-width: 0; overflow: auto; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-lg); background: var(--color-obsidian-950); padding: var(--space-6); box-shadow: var(--shadow-soft); }
.o-nas-lightbox__dialog img { width: 100%; max-height: calc(100vh - 10rem); object-fit: contain; }
.o-nas-lightbox__dialog p { margin: var(--space-3) 0 0; color: var(--color-platinum); font-size: var(--text-sm); }
.o-nas-lightbox__close { position: absolute; z-index: 1; top: var(--space-3); right: var(--space-3); width: 2.5rem; min-width: 2.5rem; height: 2.5rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-sm); background: rgba(10,10,12,.84); color: var(--color-light-champagne); font-size: 1.75rem; line-height: 1; }
.o-nas-reveal { opacity: 1; transform: none; }
.o-nas-page.o-nas-js-ready .o-nas-reveal { opacity: 0; transform: translateY(1rem); transition: opacity var(--transition-base), transform var(--transition-base); }
.o-nas-page.o-nas-js-ready .o-nas-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 64rem) {
.o-nas-hero__wrap { grid-template-columns: minmax(0, 1fr); gap: 0; }
.o-nas-hero__panel { max-width: 42.5rem; margin: 0; }
.o-nas-hero__media { min-height: 24rem; margin-top: calc(-1 * var(--space-6)); }
.o-nas-role__layout, .o-nas-safety__top, .o-nas-team__top, .o-nas-mobility__layout { grid-template-columns: minmax(0, 1fr); }
.o-nas-role__intro, .o-nas-safety__copy, .o-nas-team__intro, .o-nas-mobility__copy { max-width: 42.5rem; }
.o-nas-team__top > .o-nas-media-button { aspect-ratio: 3 / 2; max-height: none; }
.o-nas-team__feature { margin-top: var(--space-8); }
.o-nas-mobility__media { order: -1; }
.o-nas-process__timeline::before { left: .75rem; transform: none; }
.o-nas-process__step, .o-nas-process__step:nth-child(odd), .o-nas-process__step:nth-child(even) { justify-content: flex-end; }
.o-nas-process__step > div { width: calc(100% - 2.5rem); }
.o-nas-process__step > div::after, .o-nas-process__step:nth-child(odd) > div::after, .o-nas-process__step:nth-child(even) > div::after { top: var(--space-8); left: calc(-2.5rem + .375rem); right: auto; }
}
@media (max-width: 59.9375rem) {
.o-nas-elements__tables { grid-column: 1 / -1; grid-row: auto; }
.o-nas-elements__scenery, .o-nas-elements__tech { grid-column: span 6; }
.o-nas-safety__rules, .o-nas-standard__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.o-nas-safety__rules > :last-child, .o-nas-standard__grid > :last-child { grid-column: 1 / -1; }
}
@media (max-width: 43.75rem) {
.o-nas-hero { padding-top: var(--space-4); }
.o-nas-hero__panel { padding: var(--space-6); }
.o-nas-hero__panel h1 { font-size: clamp(2.5rem, 11vw, 3.1rem); }
.o-nas-hero__media { min-height: 0; aspect-ratio: 16 / 9; margin-top: 0; }
.o-nas-hero__proofs, .o-nas-role__pillars, .o-nas-safety__rules, .o-nas-team__details, .o-nas-scenarios__grid, .o-nas-mobility__notes, .o-nas-standard__grid { grid-template-columns: minmax(0, 1fr); }
.o-nas-safety__rules > :last-child, .o-nas-standard__grid > :last-child { grid-column: auto; }
.o-nas-role__layout, .o-nas-safety__top, .o-nas-team__top, .o-nas-mobility__layout { gap: var(--space-8); }
.o-nas-elements__grid { grid-template-columns: minmax(0, 1fr); }
.o-nas-elements__tables, .o-nas-elements__scenery, .o-nas-elements__tech, .o-nas-elements__coordination { grid-column: auto; grid-row: auto; }
.o-nas-elements__coordination { padding: var(--space-6); }
.o-nas-process__timeline { gap: var(--space-6); }
.o-nas-process__step > div { padding: var(--space-6); }
.o-nas-final__panel { padding: var(--space-8) var(--space-6); }
.o-nas-final__panel .button { width: 100%; min-height: 3rem; }
}
@media (prefers-reduced-motion: reduce) {
.o-nas-page.o-nas-js-ready .o-nas-reveal { opacity: 1; transform: none; }
.o-nas-media-button:hover img { transform: none; }
}