/* The Rough Crew — Career / mentor application page */

.rc-career-page .rc-header{background:var(--surface);border-bottom-color:var(--border)}
.rc-career-page .rc-header__logo,
.rc-career-page .rc-nav,
.rc-career-page .rc-header__cta{opacity:1;transform:none;pointer-events:auto}

/* ---------- Hero ---------- */
.rc-career-hero{
  position:relative;
  min-height:92vh;
  overflow:hidden;
  display:flex;align-items:flex-start;
  padding-top:calc(var(--nav-height) + var(--space-md));
  background-image:
    linear-gradient(0deg, rgba(13,11,20,.55) 0%, rgba(13,11,20,.15) 45%, rgba(13,11,20,.55) 100%),
    url('https://theroughcrew.com/wp-content/uploads/2026/09/bg_comp.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.rc-career-hero__char{
  position:absolute;
  left:clamp(-40px,-2vw,0px);
  bottom:-50px;
  height:min(105%,960px);
  width:auto;
  max-width:90%;
  object-fit:contain;
  object-position:left bottom;
  z-index:1;
  pointer-events:none;
  opacity:0;
  transform:translateX(-90px);
  animation:rc-career-char-in 1s cubic-bezier(.34,1.56,.64,1) .25s forwards;
}
@keyframes rc-career-char-in{
  from{opacity:0;transform:translateX(-90px)}
  to{opacity:1;transform:translateX(0)}
}
.rc-career-hero__inner{
  position:relative;z-index:2;width:100%;
  display:flex;justify-content:flex-end;
  padding-bottom:var(--space-sm);
}
.rc-career-hero__text{
  max-width:520px;text-align:left;
  display:flex;flex-direction:column;gap:var(--space-sm);
  margin-top:70px;
  opacity:0;transform:translateY(18px);
  animation:rc-career-text-in .7s ease .5s forwards;
}
@keyframes rc-career-text-in{to{opacity:1;transform:translateY(0)}}
.rc-career-hero__title{font-size:clamp(2.6rem,6vw,4.6rem);display:flex;flex-direction:column}
.rc-career-hero__title-line{display:block;white-space:nowrap}
.rc-career-hero__title-line--2{color:var(--accent)}
.rc-career-hero__subline{color:var(--muted);font-size:1.1rem;max-width:42ch}
.rc-career-hero__actions{justify-content:flex-start}

@media (prefers-reduced-motion: reduce){
  .rc-career-hero__char,.rc-career-hero__text{animation:none;opacity:1;transform:none}
}

@media (max-width:900px){
  .rc-career-hero{
    flex-direction:column;
    align-items:center;justify-content:center;text-align:center;
    padding-bottom:var(--space-lg);
  }
  .rc-career-hero__char{
    position:relative;left:auto;bottom:auto;
    animation:none;opacity:1;transform:none;
    height:auto;width:180%;max-width:840px;
    margin:0 0 var(--space-md);
    display:block;
  }
  .rc-career-hero__inner{flex-direction:column;align-items:center;padding-bottom:0}
  .rc-career-hero__text{align-items:center;text-align:center;max-width:80vw}
  .rc-career-hero__subline{max-width:38ch}
  .rc-career-hero__actions{justify-content:center}
}

/* ---------- Perks ---------- */
.rc-career-perks{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.rc-career-perks .rc-credibility{align-items:flex-start}
.rc-career-perks .rc-credibility__item{transform:translateY(var(--y,0)) rotate(var(--tilt,0deg))}
.rc-career-perks .rc-credibility__item:hover{transform:translateY(calc(var(--y,0) - 6px)) rotate(var(--tilt,0deg))}
@media (max-width:900px){
  .rc-career-perks .rc-credibility__item{transform:none}
  .rc-career-perks .rc-credibility__item:hover{transform:translateY(-6px)}
}

/* ---------- Application form ---------- */
.rc-career-form-section{padding-top:0}
.rc-career-form-intro{text-align:center;max-width:520px;margin:0 auto var(--space-lg)}
.rc-career-form-intro h2{margin-top:var(--space-sm)}
.rc-career-form-intro p:last-child{color:var(--muted);margin-top:var(--space-sm)}