.youth-site .hero-carousel{position:relative;min-width:0}
.youth-site .hero-slides{display:grid;touch-action:pan-y}
.youth-site .hero-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,visibility .38s;min-width:0}
.youth-site .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.youth-site .hero-light .hero-slide-title{font-size:clamp(40px,3.8vw,53px);font-weight:750;letter-spacing:-1.8px;line-height:1.22;margin:0 0 14px;color:var(--ink)}
.youth-site .hero-slide-title em{display:block;font-style:normal;color:var(--brand)}
.youth-site .hero-carousel-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px auto 0;min-height:44px}
.youth-site .hero-carousel-controls[hidden]{display:none}
.youth-site .hero-carousel-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:1px solid #dce7f5;border-radius:50%;background:#ffffffd9;color:#42658d;cursor:pointer;font:inherit;font-size:23px;line-height:1;transition:background .2s,color .2s,border-color .2s}
.youth-site .hero-carousel-button:hover{background:#edf4ff;color:var(--brand);border-color:#b9d2f7}
.youth-site .hero-carousel-button[data-hero-toggle]{font-size:16px}
.youth-site .hero-carousel-dots{display:flex;align-items:center;gap:0}
.youth-site .hero-carousel-dot{display:grid;place-items:center;min-width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.youth-site .hero-carousel-dot:before{content:"";display:block;width:8px;height:8px;border-radius:8px;background:#bdcee3;transition:width .25s,background .25s}
.youth-site .hero-carousel-dot[aria-current=true]:before{width:28px;background:var(--brand)}
.youth-site .hero-carousel button:focus-visible{outline:3px solid #2673ed;outline-offset:3px}
.youth-site .hero-carousel+.product-showcase{margin-top:8px}
.hero-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.youth-site .hero-light .hero-slide-title{font-size:43px}}
@media(max-width:850px){.youth-site .hero-light .hero-slide-title{font-size:39px}.youth-site .hero-carousel-controls{margin-top:6px}}
@media(max-width:640px){.youth-site .hero-light .hero-slide-title{font-size:36px;letter-spacing:-1.1px}.youth-site .hero-carousel-controls{gap:6px}.youth-site .hero-carousel+.product-showcase{margin-top:8px}}
@media(max-width:380px){.youth-site .hero-light .hero-slide-title{font-size:32px}.youth-site .hero-carousel-controls{gap:2px}}
@media(prefers-reduced-motion:reduce){.youth-site .hero-slide,.youth-site .hero-carousel-controls *,.youth-site .hero-carousel-dot:before{transition:none}}

/* Compact homepage rhythm: keep generous touch targets and readable type. */
.youth-home .hero-light{padding-top:20px}
.youth-home .youth-hero-grid{gap:40px}
.youth-home .hero-notice{line-height:1.5;padding:6px 10px;margin-bottom:14px}
.youth-home .hero-light h1{line-height:1.22;margin-bottom:14px}
.youth-home .hero-light .hero-intro{line-height:1.6;margin-bottom:18px}
.youth-home .youth-hero-art{padding:8px 0 4px}
.youth-home .youth-hero-photo img{height:auto;aspect-ratio:1.6;object-position:center 45%}
.youth-home .youth-image-note{padding:8px 14px;margin-top:-16px}
.youth-home .hero-carousel-controls{margin-top:4px}
.youth-home .product-showcase{padding-bottom:16px}
.youth-home .showcase-tabs{margin-bottom:12px}
.youth-home .showcase-tab{padding-block:10px}
.youth-home .soft-section,.youth-home .peer-section{padding-block:60px}
.youth-home .section-heading,.youth-home .peer-heading,.youth-home .peer-scenarios>.wrap>.peer-heading,.youth-home .peer-delivery>.wrap>.peer-heading{margin-bottom:28px}
.youth-home .section-heading h2,.youth-home .peer-heading h2{line-height:1.3;margin-bottom:12px}
.youth-home .section-heading p,.youth-home .peer-heading p{line-height:1.65}
@media(max-width:850px){.youth-home .youth-hero-grid{gap:18px}.youth-home .youth-hero-photo img{aspect-ratio:1.85}.youth-home .soft-section,.youth-home .peer-section{padding-block:44px}}
@media(max-width:640px){.youth-home .hero-light{padding-top:16px}.youth-home .youth-hero-grid{gap:14px}.youth-home .hero-notice{margin-bottom:12px}.youth-home .hero-light h1,.youth-home .hero-light .hero-slide-title{line-height:1.22;margin-bottom:12px}.youth-home .hero-light .hero-intro{margin-bottom:16px}.youth-home .youth-hero-art{padding:6px 0 2px}.youth-home .youth-hero-photo img{aspect-ratio:1.6}.youth-home .youth-image-note{padding:7px 10px}.youth-home .showcase-tab{padding-block:8px}.youth-home .soft-section,.youth-home .peer-section{padding-block:36px}.youth-home .section-heading,.youth-home .peer-heading,.youth-home .peer-scenarios>.wrap>.peer-heading,.youth-home .peer-delivery>.wrap>.peer-heading{margin-bottom:22px}}