/* Concept 9 only: one level procession, horizontal translation only. */
.hero-9{padding:20px 0 12px;gap:12px;justify-content:space-between}
.hero-9 .recruit-copy{width:94%}
.hero-9 h1{font-size:clamp(42px,4.3vw,64px);margin:15px 0 14px}
.hero-9 .recruit-ctas{margin-top:18px}
.team9-stage{--person-height:clamp(175px,19vw,245px);position:relative;isolation:isolate;flex:none;width:100%;height:calc(var(--person-height)*1.12 + 24px);margin:0;overflow:hidden;contain:paint}
.team9-member{--figure-height:var(--person-height);position:absolute;left:0;bottom:12px;height:var(--figure-height);width:calc(var(--figure-height)*var(--ratio));margin:0;visibility:hidden;will-change:transform;z-index:1}
.team9-leader{--figure-height:calc(var(--person-height)*1.12);z-index:2}.team9-fast-man,.team9-fast-woman{z-index:3}
.team9-pose{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom;user-select:none;pointer-events:none}
.hero-9.motion-live .team9-member,.hero-9.motion-live .team9-pose{animation:none!important;rotate:none;scale:none}
.team9-caption{text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 18px 8px;flex:none}
.team9-static{display:flex;align-items:flex-end;gap:24px;overflow-x:auto;padding:12px 20px;contain:initial}
.team9-static .team9-member{position:relative;left:auto;bottom:0;flex:none;visibility:visible;transform:none!important;will-change:auto}
@media(min-width:701px) and (max-height:800px){
 .hero-9{padding-top:12px;gap:8px}.hero-9 h1{font-size:48px;margin:12px 0}.hero-9 .recruit-description{font-size:13px;line-height:1.7}.hero-9 .recruit-ctas{margin-top:12px}.hero-9 .connection-status{height:14px;margin-top:4px}.team9-stage{--person-height:220px}.team9-caption{font-size:11px}
}
@media(min-width:701px) and (max-width:1050px){.hero-9{padding-top:20px}.hero-9 h1{font-size:48px}}
@media(max-width:700px){
 .hero-9{padding:22px 0 12px;gap:15px;justify-content:start}
 .hero-9 .recruit-copy{width:calc(100% - 36px)}
 .hero-9 .recruit-role{font-size:12px}
 .hero-9 h1{font-size:clamp(30px,8.1vw,44px);margin:21px -3px 18px;line-height:1.35}
 .hero-9 .recruit-description{font-size:13px;line-height:1.85}
 .team9-stage{--person-height:clamp(115px,36vw,185px)}
 .team9-caption{font-size:11px;letter-spacing:.04em;margin-bottom:1px}
 .hero-9 .mobile-action-slot{width:calc(100% - 36px);margin-top:0}
}
@media(max-width:360px){.hero-9{padding-top:20px}.hero-9 h1{font-size:27px}.hero-9 .recruit-role{font-size:11px}.hero-9 .recruit-description{font-size:12px}.team9-stage{--person-height:clamp(115px,36vw,130px)}.team9-caption{font-size:10px}}

/* Concept 09: growth has no waiting line (2026-10-22) */
.hero-9{padding:22px 0 12px;gap:10px;justify-content:space-between}
.hero-9 .recruit-copy{width:min(900px,90%);text-align:left}
.hero-9 .recruit-role{font-size:15px;letter-spacing:.035em}
.hero-9 .recruit-role:before{display:none}
.hero-9 h1{width:100%;margin:8px 0 10px;font-family:"Dela Gothic One",var(--sans);font-weight:400;line-height:1.18;letter-spacing:-.07em;text-align:left}
.growth-line{display:block;width:max-content;max-width:100%}
.growth-first{font-size:clamp(34px,3vw,44px);color:var(--navy)}
.growth-middle{margin-left:clamp(38px,5vw,72px);font-size:clamp(54px,5.2vw,76px);color:var(--navy)}
.growth-last{position:relative;margin-left:clamp(88px,9vw,132px);font-size:clamp(68px,6.4vw,92px);color:#1471e8;transform:rotate(-3deg);transform-origin:left center;isolation:isolate}
.growth-text,.growth-shadow{display:block}
.growth-text{position:relative;z-index:1}
.growth-shadow{position:absolute;inset:0;z-index:0;color:#f05a47;transform:translate(6px,6px)}
.hero-9 .recruit-description{margin:3px 0 0;padding-left:clamp(38px,5vw,72px);line-height:1.65}
.growth-action,.growth-support{display:block}
.growth-action{font-size:clamp(18px,1.55vw,22px);font-weight:800}
.growth-support{margin-top:2px;font-size:clamp(14px,1.2vw,17px);font-weight:500}
.hero-9 .recruit-ctas{margin-top:17px}
.team9-stage{--person-height:clamp(190px,17vw,235px);height:calc(var(--person-height)*1.12 + 18px)}
.team9-fast-man,.team9-fast-woman{bottom:18px;z-index:4}
.team9-caption{display:none}
.hero-9.overtake-pulse .growth-last{animation:nine-title-overtake .52s both cubic-bezier(.2,.78,.28,1)}
@keyframes nine-title-overtake{0%,100%{transform:translate(0,0) rotate(-3deg)}48%{transform:translate(11px,-6px) rotate(-1.5deg)}}

@media(min-width:701px) and (max-height:800px){
 .hero-9{padding-top:12px;gap:5px}
 .growth-first{font-size:36px}.growth-middle{font-size:60px}.growth-last{font-size:76px}
 .hero-9 .recruit-description{margin-top:0}.hero-9 .recruit-ctas{margin-top:10px}
 .team9-stage{--person-height:190px}
}

@media(max-width:700px){
 .hero-9{padding:22px 0 14px;gap:13px;justify-content:start}
 .hero-9 .recruit-copy{width:calc(100% - 32px)}
 .hero-9 .recruit-role{font-size:clamp(11px,3.2vw,13px)}
 .hero-9 h1{margin:15px 0 13px;line-height:1.2;letter-spacing:-.075em}
 .growth-first{font-size:clamp(25px,7.4vw,32px)}
 .growth-middle{margin-left:clamp(16px,5vw,24px);font-size:clamp(37px,10.8vw,48px)}
 .growth-last{margin-left:clamp(27px,8.2vw,39px);font-size:clamp(42px,12.6vw,56px)}
 .growth-shadow{transform:translate(4px,4px)}
 .hero-9 .recruit-description{padding-left:clamp(16px,5vw,24px);margin-top:6px;line-height:1.65}
 .growth-action{font-size:clamp(14px,4.15vw,17px);white-space:nowrap}
 .growth-support{font-size:clamp(12px,3.65vw,15px);margin-top:4px}
 .team9-stage{--person-height:clamp(150px,46vw,205px);height:calc(var(--person-height)*1.12 + 14px);margin-top:0}
 .team9-fast-man,.team9-fast-woman{bottom:14px}
 .hero-9 .mobile-action-slot{width:calc(100% - 32px);margin-top:1px}
 .hero-9 .mobile-action-slot .recruit-ctas{margin:0;gap:9px}
}

@media(max-width:360px){
 .hero-9{padding-top:19px;gap:11px}
 .hero-9 .recruit-copy{width:calc(100% - 28px)}
 .growth-first{font-size:24px}
 .growth-middle{font-size:36px;margin-left:15px}
 .growth-last{font-size:41px;margin-left:25px}
 .hero-9 .recruit-description{padding-left:15px}
 .growth-action{font-size:13px}
 .growth-support{font-size:12px}
 .team9-stage{--person-height:148px}
 .hero-9 .mobile-action-slot{width:calc(100% - 28px)}
}