/* Current native 3D presentation; scoped to the home and Gauntlet pages. */
.gauntlet-native-hero {background:#0b252c;color:#f4f0df;padding:50px 0 32px}
.native-hero-grid {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:clamp(32px,6vw,96px)}
.native-hero-copy {max-width:650px}
.native-hero-copy .eyebrow {color:#95cec2}
.native-hero-copy .game-wordmark {margin:24px 0 18px}
.native-hero-copy h1 {font-size:clamp(2.6rem,4.4vw,4.8rem);letter-spacing:-.055em;line-height:1.05}
.native-hero-copy h1 span {color:#9dcbc5}
.native-hero-copy .lead {font-size:clamp(1.1rem,1.7vw,1.35rem);margin-top:26px;max-width:530px;color:#ecebdc}
.native-hero-copy>p:not(.eyebrow):not(.game-wordmark):not(.lead) {color:#b6c8c9;line-height:1.75;max-width:540px}
.native-hero-copy .native-status {font-size:.74rem;margin-top:24px}
.native-player {width:min(100%,320px,calc((100svh - 190px) * .46));margin:0 auto;scroll-margin-top:0}
.native-player video {display:block;width:100%;height:auto;aspect-ratio:1206 / 2622;object-fit:contain;background:#071a20;border:1px solid #496066;border-radius:14px;box-shadow:0 24px 55px #0005}
.native-player figcaption {display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-top:14px;font-size:.68rem;color:#b6c8c9;line-height:1.6}
.native-player figcaption strong {font-weight:600;color:#f1eddb}
.native-demo-note {display:flex;gap:40px;align-items:center;justify-content:space-between;border-top:1px solid #365057;margin-top:34px;padding-top:24px}
.native-demo-note p {max-width:770px;font-size:.77rem;color:#b6c8c9;line-height:1.75;margin:0}
.native-demo-note .text-link {color:#f2e9d1;flex-shrink:0;font-size:.8rem}
.native-beats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:38px 0 48px}
.native-beats article {border-top:1px solid #5a7378;padding-top:22px}
.native-beats span {font-size:.65rem;letter-spacing:.13em;color:#a5cac5}
.native-beats h3 {font-size:1.4rem;margin:15px 0 12px}
.native-beats p,.history-intro {font-size:.9rem;color:#c0d2dd;line-height:1.8}
.concept-history .craft-sequence {margin-top:28px}
.history-intro {max-width:760px;margin:0 0 30px}
.story-native {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#071b23;opacity:0;z-index:8;transition:opacity .5s}
.story-layout[data-scene="4"] .story-native {opacity:1}
.story-layout[data-scene="4"] .story-world {opacity:0}
.story-layout[data-scene="4"] .scene-kicker {opacity:0}
.showcase-native>img {object-position:50% 49%}
.native-game-tile {display:grid;grid-template-columns:minmax(0,1fr) 43%;gap:18px;background:#102c33;padding-bottom:52px;align-items:start}
.native-game-tile:after {display:none}
.native-game-tile .tile-content {display:contents}
.native-game-tile .tile-top {grid-column:1/-1;margin-bottom:0}
.native-game-tile h3 {grid-column:1;font-size:clamp(1.9rem,2.3vw,2.6rem);line-height:1.12;margin:24px 0 0}
.native-game-tile .tile-content>p {grid-column:1;margin:0;font-size:.93rem;line-height:1.75}
.native-game-tile .text-link {grid-column:1;margin:0;align-self:start}
.native-tile-capture {grid-column:2;grid-row:2/5;display:block;align-self:center}
.native-tile-capture img {display:block;width:100%;height:auto;border:1px solid #54686b;border-radius:8px}
.native-game-tile .image-note {position:static;grid-column:1/-1;margin:8px 0 0;color:#b3c6c9;align-self:end}
@media(max-width:1000px) {
 .native-hero-grid {gap:30px;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr)}
 .native-game-tile {grid-template-columns:1fr}
 .native-game-tile .tile-top,.native-game-tile h3,.native-game-tile .tile-content>p,.native-game-tile .text-link {grid-column:1}
 .native-tile-capture {grid-column:1;grid-row:auto;width:170px;margin:10px auto 0}
}
@media(max-width:700px) {
 .gauntlet-native-hero {padding-top:38px}
 .native-hero-grid {grid-template-columns:1fr;gap:32px}
 .native-hero-copy h1 {font-size:clamp(2.45rem,9.3vw,3.6rem)}
 .native-hero-copy .game-wordmark {margin-top:22px}
 .native-player {width:min(100%,330px,calc((100svh - 180px) * .46));scroll-margin-top:0}
 .native-demo-note {display:block;margin-top:28px}
 .native-demo-note .text-link {margin-top:18px}
 .native-beats {grid-template-columns:1fr;gap:24px}
 .native-game-tile {grid-template-columns:1fr 40%;gap:16px}
 .native-tile-capture {grid-column:2;grid-row:2/5;width:auto;margin:0}
 .native-game-tile h3 {font-size:1.9rem}
 .native-game-tile .tile-content>p {font-size:.84rem}
}
@media(max-height:650px) {
 .native-player {width:min(100%,230px)}
 .story-presentation {position:relative;top:auto}
 .story-layout {grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px}
 .story-stage {height:350px;min-height:0}
 .story-chapter {min-height:0!important;padding:0!important;scroll-margin-top:0}
 .story-enhanced .story-chapter {display:none}
 .story-enhanced[data-scene="1"] #story-approach,.story-enhanced[data-scene="2"] #story-rift,.story-enhanced[data-scene="3"] #story-boss,.story-enhanced[data-scene="4"] #story-companion {display:flex}
 .story-introduction {margin-bottom:24px}
 .story-layout {margin-top:24px}
}
@media(max-width:500px) and (max-height:650px) {
 .story-layout {grid-template-columns:1fr}
 .story-stage {height:310px}
}
@media(prefers-reduced-motion:reduce) {.story-native {transition:none}}
@media(max-width:420px) {
 .native-game-tile {grid-template-columns:1fr;gap:16px}
 .native-game-tile h3 {font-size:2rem;margin-top:12px}
 .native-tile-capture {grid-column:1;grid-row:auto;width:100%;margin:10px 0 0}
 .native-tile-capture img {aspect-ratio:4 / 5;object-fit:cover;object-position:50% 47%}
}

.native-recording-link {flex-basis:100%;color:#b9dacf;text-decoration:underline;text-underline-offset:3px;min-height:28px;padding:5px 0}

/* Full-body lineage studies. Source renders and native crops retain their proportions. */
.lineage-section {background:#f6f4ee}
.lineage-heading {align-items:start}
.lineage-heading>div:last-child {max-width:510px}
.lineage-heading>div:last-child>p {font-size:1.05rem;line-height:1.8;margin:0}
.lineage-heading .lineage-medium {margin-top:20px!important;font-size:.82rem!important;color:#536766}
.lineage-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:48px}
.lineage-form {min-width:0;border-top:1px solid #b8c5bf;padding-top:22px}
.lineage-form header {position:static;background:none;border:0;display:block;padding:0;margin:0 0 22px}
.lineage-form .eyebrow {font-size:.7rem;color:#456a64;margin:0 0 12px}
.lineage-form h3 {font-size:clamp(1.45rem,2.15vw,2rem);line-height:1.2;letter-spacing:-.035em;margin:0}
.lineage-form figure {margin:0}
.lineage-form video {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#696968;border-radius:3px}
.lineage-form figcaption {display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 15px;margin-top:12px;font-size:.72rem;line-height:1.7;color:#53615e}
.lineage-form figcaption a {display:inline-flex;gap:8px;align-items:center;min-height:32px;text-decoration:underline;text-underline-offset:4px;color:#274f47}
.lineage-description {color:#53615e;font-size:.92rem;line-height:1.8;max-width:510px;margin-top:14px}
.lineage-current-still {display:block;background:#292929;border-radius:3px}
.lineage-current-still img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:3px}
.lineage-detail {border-top:1px solid #c6cfca;margin-top:16px;color:#53615e;font-size:.8rem;line-height:1.8}
.lineage-detail summary {cursor:pointer;padding:12px 0;color:#274f47;font-weight:600;min-height:44px}
.lineage-detail>p {margin:0 0 16px}
.lineage-detail-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:4px 0 14px}
.lineage-detail-pair a,.lineage-detail-pair img {display:block;width:100%;height:auto;border-radius:3px}
.lineage-detail-pair figcaption {margin-top:7px}
.lineage-notes {border-top:1px solid #c6cfca;margin-top:36px;padding-top:20px;color:#53615e;font-size:.82rem;line-height:1.8}
.lineage-notes>p {margin:0 0 8px}
.lineage-notes summary {cursor:pointer;color:#274f47;padding:10px 0;font-weight:600}
.lineage-notes details p {max-width:870px;margin:6px 0 0}
.lineage-story-link {margin-top:26px}
@media(max-width:700px) {
 .lineage-grid {grid-template-columns:1fr;gap:34px;margin-top:32px}
 .lineage-form header {margin-bottom:18px}
 .lineage-heading>div:last-child>p {font-size:.95rem}
 .lineage-form h3 {font-size:1.65rem}
}
@media(max-height:500px) and (min-width:701px) {
 .lineage-grid {gap:28px}
  .lineage-form video,.lineage-current-still {max-width:min(330px,calc(100svh - 140px));margin-inline:auto}
}

.family-lineup {border-top:1px solid #b8c5bf;border-bottom:1px solid #b8c5bf;padding:30px 0;margin-top:30px}
.family-lineup-heading {display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}
.family-lineup-heading .eyebrow {font-size:.7rem;margin:0 0 12px;color:#456a64}
.family-lineup-heading h3 {font-size:clamp(1.6rem,2.3vw,2.2rem);line-height:1.2;letter-spacing:-.035em;margin:0}
.family-lineup-heading>p {font-size:.8rem;line-height:1.8;margin:0;color:#53615e}
.family-lineup-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.family-lineup-form {margin:0;min-width:0}
.family-lineup-form a {display:block;background:#696968;border-radius:3px}
.family-lineup-current a {background:#292929}
.family-lineup-form img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:3px}
.family-lineup-form figcaption {margin-top:12px;line-height:1.65}
.family-lineup-form strong,.family-lineup-form figcaption span {display:block}
.family-lineup-form strong {font-size:.95rem;font-weight:600}
.family-lineup-form figcaption span {font-size:.76rem;color:#53615e}
.family-lineup-note {font-size:.77rem;line-height:1.8;color:#53615e;margin:24px 0 0}
@media(max-width:700px) {
 .family-lineup-heading {display:block}
 .family-lineup-heading>p {margin-top:15px}
 .family-lineup-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .family-lineup-baby {grid-column:1/-1;width:min(100%,260px);justify-self:center}
}