html, body { overflow-x: clip; }
.youth-hero, .youth-intro, .youth-ages, .youth-levels, .youth-courses, .youth-teaching, .youth-closing { width: 100%; margin-inline: 0; overflow: hidden; }
.youth-shell { width: min(100% - 48px, 1280px); margin-inline: auto; }
.youth-kicker { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.youth-kicker { margin: 0 0 24px; color: var(--color-primary); }

.youth-hero { position: relative; display: grid; min-height: min(790px, calc(100svh - var(--site-header-height))); padding: 0; background: #18130f url("../../assets/images/pratiques/enfants-jeunes/jeunes-sabre.webp") 50% 50% / cover no-repeat; color: #fff; isolation: isolate; }
.youth-hero__video, .youth-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.youth-hero__video { z-index: -2; object-fit: cover; object-position: center 42%; pointer-events: none; }
.youth-hero__video::-webkit-media-controls { display: none !important; }
.youth-hero__veil { z-index: -1; background: linear-gradient(90deg, rgb(8 7 5 / 82%) 0%, rgb(8 7 5 / 44%) 55%, rgb(8 7 5 / 18%) 100%), linear-gradient(0deg, rgb(8 7 5 / 70%) 0%, transparent 64%); }
.youth-hero__inner { margin: auto auto clamp(56px, 7vw, 100px); }
.youth-hero .youth-kicker { margin-bottom: 16px; color: #e1c995; }
.youth-hero h1 { max-width: 980px; margin: 0; color: #fff; font-size: clamp(68px, 9.5vw, 140px); font-weight: 400; letter-spacing: -.045em; line-height: .88; }
.youth-hero__lead { max-width: 720px; margin: 24px 0 0; color: rgb(255 255 255 / 90%); font-size: clamp(22px, 2.25vw, 32px); line-height: 1.34; }
.youth-hero__button { display: inline-flex; margin-top: 44px; padding-bottom: 8px; border-bottom: 1px solid rgb(255 255 255 / 65%); color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; gap: 18px; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; }
.youth-hero__button span { animation: youth-drift 1.8s ease-in-out infinite; }

.youth-intro { padding-block: clamp(100px, 11vw, 165px); background: var(--color-background-warm); }
.youth-intro__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(360px, .72fr); gap: clamp(52px, 8vw, 120px); align-items: start; }
.youth-intro h2 { margin: 0; font-size: clamp(50px, 5.5vw, 82px); font-weight: 400; letter-spacing: -.04em; }
.youth-intro h2 em { color: var(--color-primary); font-weight: 400; }
.youth-intro__copy { margin-top: 10px; padding: 30px 0 0 30px; border-top: 1px solid rgb(100 78 51 / 26%); border-left: 1px solid var(--color-gold); }
.youth-intro__copy p { margin: 18px 0 0; font-size: 19px; line-height: 1.62; }
.youth-intro__copy p:first-child { margin-top: 0; }
.youth-intro__standfirst { color: #29251f; font-size: 23px !important; line-height: 1.45 !important; }

.youth-ages { padding-block: clamp(70px, 8vw, 108px); background: #ede8df; }
.youth-ages__heading { display: grid; grid-template-columns: minmax(0, .9fr) minmax(300px, .48fr); padding-bottom: clamp(34px, 4.8vw, 56px); border-bottom: 1px solid rgb(100 78 51 / 22%); gap: 32px clamp(44px, 6vw, 88px); align-items: end; }
.youth-ages__heading .youth-kicker { grid-column: 1 / -1; margin-bottom: 0; }
.youth-ages__heading h2 { margin: 0; font-size: clamp(50px, 5.7vw, 82px); font-weight: 400; letter-spacing: -.04em; }
.youth-ages__heading h2 em { color: var(--color-primary); font-weight: 400; }
.youth-ages__heading h2 .youth-ages__subtitle { display: block; margin-top: .18em; font-size: .62em; line-height: 1.05; letter-spacing: -.025em; }
.youth-ages__heading > p:not(.youth-kicker) { margin: 0 0 8px; padding-left: 26px; border-left: 1px solid var(--color-gold); font-size: 20px; line-height: 1.55; }
.youth-animals { position: relative; display: grid; margin-top: clamp(34px, 4.5vw, 54px); gap: clamp(18px, 3.2vw, 34px); }
.youth-animals::before { position: absolute; top: 4%; bottom: 9%; left: 50%; width: 1px; background: linear-gradient(rgb(184 159 111 / 0), rgb(184 159 111 / 38%), rgb(144 40 34 / 18%), rgb(184 159 111 / 0)); content: ""; pointer-events: none; }
.youth-animal { position: relative; display: grid; width: min(100%, 1020px); grid-template-columns: minmax(255px, .72fr) minmax(420px, .9fr); gap: clamp(20px, 3.2vw, 38px); align-items: center; }
.youth-animal:nth-child(odd) { justify-self: start; }
.youth-animal:nth-child(even) { justify-self: end; grid-template-columns: minmax(420px, .9fr) minmax(255px, .72fr); }
.youth-animal:nth-child(even) .youth-animal__image { order: 2; }
.youth-animal:nth-child(even) .youth-animal__content { order: 1; }
.youth-animal__image { position: relative; z-index: 1; margin: 0; aspect-ratio: 18 / 10; overflow: hidden; background: #dfd7cb; box-shadow: 0 16px 34px rgb(63 48 31 / 8%); }
.youth-animal__image::after { position: absolute; inset: 14px; border: 1px solid rgb(255 255 255 / 54%); content: ""; pointer-events: none; }
.youth-animal__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.94); transition: transform 700ms ease, filter 350ms ease; }
.youth-animal__image:hover img { filter: saturate(1); transform: scale(1.025); }
.youth-animal--bear img { object-position: 50% 48%; }
.youth-animal--tiger img { object-position: 50% 44%; }
.youth-animal--dragon img { object-position: 63% 48%; }
.youth-animal--snake img { object-position: 50% 52%; }
.youth-animal--monkey img { object-position: 48% 48%; }
.youth-animal__content { position: relative; z-index: 2; display: grid; grid-template-columns: auto minmax(0, 1fr); padding: clamp(18px, 2.3vw, 28px) 0; border-top: 1px solid rgb(100 78 51 / 20%); border-bottom: 1px solid rgb(100 78 51 / 10%); gap: 16px; align-items: start; background: linear-gradient(90deg, rgb(237 232 223 / 0), rgb(248 246 242 / 62%), rgb(237 232 223 / 0)); }
.youth-animal:nth-child(2) .youth-animal__content, .youth-animal:nth-child(4) .youth-animal__content { transform: translateY(16px); }
.youth-animal:nth-child(3) .youth-animal__content { transform: translateY(-12px); }
.youth-animal__content > span { display: grid; width: 38px; height: 38px; border: 1px solid rgb(144 40 34 / 28%); border-radius: 50%; place-items: center; color: rgb(144 40 34 / 58%); font-family: serif; font-size: 22px; line-height: 1; }
.youth-animal h3 { margin: 0 0 6px; font-size: clamp(27px, 2.55vw, 36px); font-weight: 400; letter-spacing: -.02em; }
.youth-animal p { max-width: none; margin: 0; color: #5f554b; font-size: 16.5px; line-height: 1.45; white-space: nowrap; }

/* Parcours officiel des dix médailles */
.youth-medals { position: relative; display: grid; margin: clamp(52px, 6vw, 76px) 0 0; padding: 0; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(42px, 5vw, 74px) clamp(18px, 2.4vw, 34px); list-style: none; counter-reset: medal; }
.youth-medals::before, .youth-medals::after { position: absolute; right: 7%; left: 7%; height: 1px; background: linear-gradient(90deg, transparent, rgb(184 159 111 / 56%) 10%, rgb(144 40 34 / 35%) 90%, transparent); content: ""; }
.youth-medals::before { top: clamp(84px, 8.5vw, 112px); }
.youth-medals::after { bottom: clamp(155px, 15vw, 190px); }
.youth-medal { position: relative; min-width: 0; }
.youth-medal article { display: flex; height: 100%; flex-direction: column; }
.youth-medal__visual { position: relative; z-index: 1; width: min(100%, 194px); margin-inline: auto; aspect-ratio: 1; padding: 8px; border: 1px solid rgb(184 159 111 / 38%); border-radius: 50%; background: #f6f2eb; box-shadow: 0 18px 38px rgb(58 43 27 / 11%); }
.youth-medal__visual::after { position: absolute; inset: 14px; border: 1px solid rgb(255 255 255 / 74%); border-radius: 50%; content: ""; pointer-events: none; }
.youth-medal__visual img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; transition: transform 450ms ease; }
.youth-medal:hover .youth-medal__visual img { transform: scale(1.025); }
.youth-medal__visual > span { position: absolute; top: 5px; left: 5px; z-index: 2; display: grid; width: 35px; height: 35px; border: 2px solid #ede8df; border-radius: 50%; place-items: center; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .08em; background: var(--color-primary); }
.youth-medal__content { flex: 1; margin-top: 24px; padding-top: 17px; border-top: 1px solid rgb(100 78 51 / 18%); }
.youth-medal__grade { margin: 0 0 7px !important; color: var(--color-primary) !important; font-family: Arial, Helvetica, sans-serif; font-size: 9px !important; font-weight: 600; letter-spacing: .14em; line-height: 1.4 !important; text-transform: uppercase; }
.youth-medal h3 { margin: 0; font-size: clamp(23px, 2vw, 29px); font-weight: 500; letter-spacing: -.02em; line-height: 1.02; }
.youth-medal__content > p:last-child { margin: 11px 0 0; color: #5f554b; font-size: 15.5px; line-height: 1.42; }
.youth-ages__link { display: inline-flex; margin-top: clamp(48px, 6vw, 72px); padding: 14px 19px; border: 1px solid rgb(144 40 34 / 35%); align-items: center; color: var(--color-primary); font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; gap: 24px; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; transition: color 180ms ease, background 180ms ease; }
.youth-ages__link:hover, .youth-ages__link:focus-visible { color: #fff; background: var(--color-primary); }

.youth-levels { padding-block: clamp(84px, 9vw, 128px); color: #f8f3ea; background: #201b17; }
.youth-levels__grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(460px, 1fr); gap: clamp(62px, 8vw, 124px); align-items: start; }
.youth-levels .youth-kicker { color: #d9bd82; }
.youth-levels h2 { margin: 0; color: #fff; font-size: clamp(50px, 5.5vw, 78px); font-weight: 400; letter-spacing: -.04em; }
.youth-levels h2 em { color: #d9bd82; font-weight: 400; }
.youth-levels__intro > p:not(.youth-kicker) { max-width: 610px; margin: 30px 0 0; color: rgb(255 255 255 / 72%); font-size: 19px; line-height: 1.58; }
.youth-levels__button { display: inline-flex; margin-top: 38px; padding-bottom: 8px; border-bottom: 1px solid rgb(217 189 130 / 62%); color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; gap: 22px; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.youth-levels__figures { display: grid; margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgb(255 255 255 / 16%); border-left: 1px solid rgb(255 255 255 / 16%); }
.youth-levels__figures > div { padding: clamp(20px, 2.7vw, 32px); border-right: 1px solid rgb(255 255 255 / 16%); border-bottom: 1px solid rgb(255 255 255 / 16%); }
.youth-levels__figures dt { color: #e5ca91; font-family: var(--font-heading); font-size: clamp(42px, 4.4vw, 60px); line-height: .9; }
.youth-levels__figures dt small { font-size: .42em; }
.youth-levels__figures dd { margin: 9px 0 0; color: rgb(255 255 255 / 62%); font-family: Arial, Helvetica, sans-serif; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.youth-levels__rules { display: grid; margin: 32px 0 0; padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; list-style: none; }
.youth-levels__rules li { position: relative; padding: 13px 0 13px 20px; border-bottom: 1px solid rgb(255 255 255 / 10%); color: rgb(255 255 255 / 70%); font-size: 15.5px; line-height: 1.42; }
.youth-levels__rules li::before { position: absolute; top: 21px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #d9bd82; content: ""; }

.youth-courses { position: relative; padding-block: clamp(76px, 8vw, 126px) 50px; background: radial-gradient(circle at 94% 18%, rgb(144 40 34 / 7%) 0 12%, transparent 12.2%), #f4f0e8; color: #1d1a17; }
.youth-courses::after { position: absolute; z-index: 0; top: 95px; right: -115px; width: 315px; height: 315px; border: 1px solid rgb(144 40 34 / 17%); border-radius: 50%; content: ""; }
.youth-courses > .youth-shell { position: relative; z-index: 1; }
.youth-evolution__header { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(320px, .72fr); gap: clamp(45px, 7vw, 95px); align-items: end; padding-bottom: clamp(66px, 7vw, 96px); }
.youth-courses h2 { max-width: 780px; margin: 0; color: #1d1a17; font-size: clamp(46px, 5.4vw, 78px); font-weight: 500; letter-spacing: -.04em; line-height: .91; }
.youth-courses h2 em { color: var(--color-primary); font-weight: 500; }
.youth-evolution__intro { max-width: 490px; padding: 27px 0 2px 27px; border-top: 1px solid #cfc5b6; border-left: 1px solid var(--color-gold); color: #6e665d; font-size: 17px; line-height: 1.52; }
.youth-evolution__intro p { margin: 13px 0 0; }
.youth-evolution__intro p:first-child { margin-top: 0; }
.youth-evolution__lead { color: #2d2925; font-size: clamp(20px, 1.7vw, 24px); line-height: 1.35 !important; }
.youth-evolution { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(34px, 4.2vw, 62px); margin: 0; padding: 0; list-style: none; }
.youth-evolution::before { position: absolute; z-index: 2; top: 473px; right: 0; left: 0; height: 1px; background: var(--color-gold); content: ""; }
.youth-evolution::after { position: absolute; z-index: 3; top: 468px; right: -1px; width: 10px; height: 10px; border-top: 1px solid var(--color-gold); border-right: 1px solid var(--color-gold); content: ""; transform: rotate(45deg); }
.youth-stage { position: relative; min-width: 0; }
.youth-stage::before { position: absolute; z-index: 4; top: 466px; left: 50%; width: 15px; height: 15px; border: 4px solid #f4f0e8; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 0 1px var(--color-primary); content: ""; transform: translateX(-50%); }
.youth-stage__visual-wrap { display: flex; height: 440px; align-items: end; }
.youth-stage__visual { position: relative; width: 100%; height: var(--visual-height); margin: 0; overflow: hidden; border-radius: 9px; background: #d8d0c4; }
.youth-stage__visual::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 54%, rgb(16 12 10 / 25%)); content: ""; }
.youth-stage__visual img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.03); transition: filter .35s ease, transform .5s ease; }
.youth-stage:hover .youth-stage__visual img { filter: saturate(.94) contrast(1.03); transform: scale(1.025); }
.youth-stage--curious { --visual-height: 320px; }
.youth-stage--explorers { --visual-height: 360px; }
.youth-stage--heroes { --visual-height: 400px; }
.youth-stage--scouts { --visual-height: 440px; }
.youth-stage--curious img { object-position: 38% 50%; }
.youth-stage--explorers img { object-position: 50% 66%; }
.youth-stage--heroes img { object-position: 58% 50%; }
.youth-stage--scouts img { object-position: 54% 42%; }
.youth-stage__content { padding: 50px 5px 0 0; }
.youth-stage__age { margin: 0 0 17px; color: var(--color-primary); font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .14em; line-height: 1; text-align: center; text-transform: uppercase; }
.youth-stage h3 { min-height: 2.05em; margin: 0; color: #1d1a17; font-size: clamp(29px, 2.7vw, 39px); font-weight: 500; letter-spacing: -.02em; line-height: .88; }
.youth-stage__content > p:last-child { margin: 20px 0 0; color: #6e665d; font-size: 16px; line-height: 1.48; }
.youth-teaching { padding-block: clamp(74px, 8vw, 118px) clamp(72px, 8vw, 118px); background: var(--color-background-warm); }
.youth-teaching__grid { display: grid; grid-template-columns: minmax(420px, .95fr) minmax(0, .85fr); gap: clamp(58px, 8vw, 126px); align-items: center; }
.youth-teaching__image { position: relative; margin: 0; padding: clamp(24px, 3vw, 42px); background: #e8e2d8; transform: rotate(-1.2deg); }
.youth-teaching__image::before { position: absolute; inset: 15px; border: 1px solid rgb(144 40 34 / 22%); content: ""; }
.youth-teaching__image img { position: relative; width: 100%; height: auto; transform: rotate(1.2deg); }
.youth-teaching h2 { margin: 0 0 38px; font-size: clamp(52px, 5.6vw, 78px); font-weight: 400; letter-spacing: -.04em; }
.youth-teaching__content p:not(.youth-kicker) { margin: 18px 0 0; font-size: 20px; }

.youth-closing { position: relative; min-height: clamp(560px, 58vw, 760px); padding-block: clamp(100px, 12vw, 165px); background: #902822 url("../../assets/images/pratiques/enfants-jeunes/enfants-1.webp") 50% 52% / cover no-repeat; color: #fff; text-align: center; isolation: isolate; }
.youth-closing::before { position: absolute; inset: 0; z-index: -2; background: inherit; content: ""; filter: saturate(.96) contrast(.96); }
.youth-closing::after { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(144 40 34 / 82%) 0%, rgb(144 40 34 / 62%) 48%, rgb(144 40 34 / 44%) 100%), linear-gradient(0deg, rgb(42 18 14 / 34%), rgb(255 255 255 / 8%)); content: ""; }
.youth-closing__inner { display: grid; max-width: 980px; min-height: clamp(360px, 38vw, 490px); place-content: center; }
.youth-closing .youth-kicker { color: #f0d59d; }
.youth-closing h2 { margin: 0; color: #fff; font-size: clamp(50px, 5.8vw, 82px); font-weight: 400; letter-spacing: -.04em; text-shadow: 0 14px 40px rgb(34 16 12 / 28%); }
.youth-closing__inner > p:not(.youth-kicker) { max-width: 680px; margin: 30px auto 0; color: rgb(255 255 255 / 88%); font-size: 20px; }
.youth-closing__actions { display: flex; justify-content: center; margin-top: 45px; flex-wrap: wrap; gap: 22px; align-items: center; }
.youth-closing__button, .youth-closing__link { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.youth-closing__button { display: inline-flex; padding: 16px 22px; border: 1px solid rgb(255 255 255 / 65%); background: rgb(255 255 255 / 12%); backdrop-filter: blur(8px); gap: 20px; transition: background 180ms ease, color 180ms ease, border-color 180ms ease; }
.youth-closing__link { padding-bottom: 8px; border-bottom: 1px solid rgb(255 255 255 / 48%); }
.youth-closing__button:hover, .youth-closing__button:focus-visible { background: #fff; border-color: #fff; color: var(--color-primary); }
.youth-closing__button:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 5px; }

@keyframes youth-drift { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }

@media (max-width: 1040px) {
    .youth-intro__grid, .youth-teaching__grid { grid-template-columns: 1fr; }
    .youth-teaching__image { width: min(100%, 760px); margin-inline: auto; }
    .youth-animals { gap: 36px; }
    .youth-animal, .youth-animal:nth-child(even) { width: 100%; grid-template-columns: minmax(220px, .5fr) minmax(0, 1.2fr); gap: 34px; }
    .youth-animal:nth-child(even) { padding-left: 30px; }
    .youth-animal:nth-child(odd) { padding-right: 30px; }
    .youth-animal__content { padding-block: 20px; }
    .youth-evolution__header { grid-template-columns: 1fr; align-items: start; }
    .youth-evolution__intro { max-width: 620px; }
    .youth-evolution { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 55px 28px; }
    .youth-evolution::before, .youth-evolution::after, .youth-stage::before { display: none; }
    .youth-stage__visual-wrap { height: 390px; }
    .youth-stage--curious, .youth-stage--explorers, .youth-stage--heroes, .youth-stage--scouts { --visual-height: 390px; }
    .youth-stage__content { padding-top: 28px; }
    .youth-medals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .youth-medals::before, .youth-medals::after { display: none; }
    .youth-levels__grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .youth-shell { width: min(100% - 40px, 1280px); }
    .youth-hero { min-height: 650px; }
    .youth-hero h1 { font-size: clamp(60px, 18vw, 92px); }
    .youth-hero__lead { font-size: 20px; }
    .youth-intro, .youth-ages, .youth-levels, .youth-closing { padding-block: 82px; }
    .youth-courses { padding-block: 68px 58px; }
    .youth-teaching { padding-block: 64px 82px; }
    .youth-intro h2, .youth-ages__heading h2, .youth-levels h2, .youth-teaching h2, .youth-closing h2 { font-size: 44px; }
    .youth-courses h2 { font-size: clamp(44px, 14vw, 66px); }
    .youth-intro__copy { padding-left: 20px; }
    .youth-ages__heading { display: block; padding-bottom: 42px; }
    .youth-ages__heading > p:not(.youth-kicker) { margin-top: 28px; padding-left: 18px; font-size: 18px; }
    .youth-animals { margin-top: 34px; gap: 32px; }
    .youth-animals::before { left: 16px; }
    .youth-animal, .youth-animal:nth-child(even) { display: flex; width: auto; padding: 0 0 0 30px; flex-direction: column; gap: 18px; }
    .youth-animal:nth-child(odd) { padding-right: 0; }
    .youth-animal:nth-child(even) .youth-animal__image, .youth-animal:nth-child(even) .youth-animal__content { order: initial; }
    .youth-animal__image { aspect-ratio: 16 / 10; }
    .youth-animal__content { padding: 0 0 20px; background: none; transform: none !important; }
    .youth-animal__content > span { width: 34px; height: 34px; font-size: 19px; }
    .youth-animal h3 { font-size: 30px; }
    .youth-animal p { font-size: 17px; white-space: normal; }
    .youth-medals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 18px; }
    .youth-medal__visual { padding: 5px; }
    .youth-medal__visual > span { width: 30px; height: 30px; }
    .youth-medal__content { margin-top: 18px; padding-top: 14px; }
    .youth-medal h3 { font-size: 25px; }
    .youth-medal__content > p:last-child { font-size: 15px; }
    .youth-ages__link { width: 100%; justify-content: center; }
    .youth-levels__grid { gap: 52px; }
    .youth-levels__rules { grid-template-columns: 1fr; }
    .youth-evolution__header { gap: 36px; padding-bottom: 58px; }
    .youth-evolution__intro { padding: 20px 0 0 18px; }
    .youth-evolution { display: block; }
    .youth-evolution::before { display: block; top: 0; right: auto; bottom: 0; left: 7px; width: 1px; height: auto; }
    .youth-evolution::after { display: block; top: auto; right: auto; bottom: 0; left: 3px; transform: rotate(135deg); }
    .youth-stage { display: grid; grid-template-columns: minmax(0, 43%) minmax(0, 1fr); gap: 21px; margin: 0 0 38px; padding-left: 31px; }
    .youth-stage::before { display: block; top: 8px; left: 7px; width: 15px; height: 15px; transform: translateX(-50%); }
    .youth-stage__visual-wrap { height: 270px; }
    .youth-stage--curious, .youth-stage--explorers, .youth-stage--heroes, .youth-stage--scouts { --visual-height: 270px; }
    .youth-stage__content { padding: 3px 0 0; }
    .youth-stage__age { text-align: left; }
    .youth-stage h3 { min-height: 0; font-size: clamp(29px, 9vw, 36px); }
    .youth-stage__content > p:last-child { margin-top: 17px; }
    .youth-teaching__image { padding: 20px 14px; transform: rotate(-.5deg); }
    .youth-teaching__image img { transform: rotate(.5deg); }
    .youth-closing { min-height: 590px; background-position: 44% 50%; }
    .youth-closing__inner { min-height: 420px; }
    .youth-closing__button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .youth-hero__video { display: none; }
    .youth-hero__button span { animation: none; }
    .youth-animal__image img, .youth-medal__visual img, .youth-closing__button, .youth-stage__visual img { transition: none; }
}

@media (max-width: 430px) {
    .youth-stage { grid-template-columns: 1fr; }
    .youth-stage__visual-wrap { height: 280px; }
    .youth-stage--curious, .youth-stage--explorers, .youth-stage--heroes, .youth-stage--scouts { --visual-height: 280px; }
    .youth-medals { grid-template-columns: 1fr; gap: 38px; }
    .youth-medal article { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 18px; align-items: center; }
    .youth-medal__visual { width: 118px; }
    .youth-medal__content { margin-top: 0; }
    .youth-levels__figures { grid-template-columns: 1fr 1fr; }
}