.recruitment-banner{background:var(--sky);color:var(--navy);position:relative;z-index:1}
.recruitment-banner-inner{min-height:64px;display:flex;align-items:center;gap:24px;padding-block:10px}
.recruitment-banner-inner>div{display:flex;flex-wrap:wrap;gap:3px 16px;align-items:baseline;flex:1;font-size:14px}
.recruitment-banner strong{font-family:var(--display);font-size:17px;letter-spacing:-.025em}
.recruitment-banner a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:700;white-space:nowrap;border-bottom:1px solid currentColor}
.recruitment-dismiss{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #061c4033;border-radius:50%;background:transparent;color:inherit}
.recruitment-dismiss:hover{background:#ffffff55}
.recruitment-launch{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);padding:clamp(24px,4vw,56px);background:var(--panel-surface);border:1px solid var(--line);border-radius:8px}
.recruitment-launch h2{font-size:clamp(36px,4.5vw,62px);margin:24px 0}
.recruitment-launch h2 span{color:var(--accent-text)}
.recruitment-launch p{color:var(--muted)}
.recruitment-launch .recruitment-date{font-size:14px;margin-top:24px;color:var(--text)}
.recruitment-clock-panel{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,44px)}
.recruitment-clock{display:flex;gap:12px;margin:20px 0}
.recruitment-clock>div{display:flex;flex-direction:column;flex:1;min-width:0}
.recruitment-clock strong{font:500 clamp(40px,5vw,70px)/1.15 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.06em;color:var(--text)}
.recruitment-clock span{font-size:13px;color:var(--muted)}
.recruitment-clock-note{font-size:13px;line-height:1.5}
.recruitment-arrived{font-size:19px}
@media(max-width:800px){.recruitment-banner-inner{gap:10px;flex-wrap:wrap;padding-block:12px;position:relative;padding-right:46px}.recruitment-banner-inner>div{flex-basis:100%;font-size:13px}.recruitment-banner strong{font-size:16px}.recruitment-banner a{font-size:13px;min-height:36px}.recruitment-dismiss{position:absolute;top:12px;right:-4px}.recruitment-launch{grid-template-columns:1fr;gap:28px}.recruitment-clock-panel{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.recruitment-clock strong{font-size:clamp(34px,10vw,60px)}}
@media(prefers-reduced-motion:no-preference){.recruitment-banner-inner{animation:recruitment-enter .35s ease-out}@keyframes recruitment-enter{from{transform:translateY(-6px)}to{transform:translateY(0)}}}

.recruitment-socials{padding-top:28px}.recruitment-socials .social-links{margin-top:12px}