/* Designer Pool hero — 2026-09-04 */
.recruit-page:not(.design-academy-page) .recruit-hero{
  position:relative;
  min-height:clamp(620px,76vh,760px);
  display:flex;
  align-items:stretch;
  padding:0;
  overflow:hidden;
  border-bottom:0;
  color:#fff;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.58) 100%),
    url('https://cdn.imweb.me/upload/S202410251a294b3f442b0/3754ec7684a49.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.recruit-page:not(.design-academy-page) .recruit-hero__grid{
  width:100%;
  min-height:inherit;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:clamp(56px,7vw,112px);
  align-items:end;
  padding-top:clamp(120px,14vh,170px);
  padding-bottom:clamp(54px,7vh,82px);
}
.recruit-page:not(.design-academy-page) .recruit-kicker{
  margin:0 0 20px;
  color:rgba(255,255,255,.76);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
}
.recruit-page:not(.design-academy-page) .recruit-hero h1{
  max-width:820px;
  margin:0;
  color:#fff;
  font-size:clamp(42px,4.6vw,68px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.06em;
  text-wrap:balance;
}
.recruit-page:not(.design-academy-page) .recruit-hero__side{
  width:100%;
  max-width:520px;
  justify-self:end;
}
.recruit-page:not(.design-academy-page) .recruit-hero__copy{
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:14px;
  line-height:1.8;
  letter-spacing:-.02em;
  word-break:keep-all;
}
.recruit-page:not(.design-academy-page) .recruit-hero__copy--sub{
  margin-top:10px;
  color:rgba(255,255,255,.68);
}
.recruit-page:not(.design-academy-page) .recruit-hero__cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:26px;
  padding:16px 0;
  border-top:1px solid rgba(255,255,255,.58);
  border-bottom:1px solid rgba(255,255,255,.58);
  color:#fff;
  font-size:13px;
  font-weight:500;
  transition:opacity .2s ease;
}
.recruit-page:not(.design-academy-page) .recruit-hero__cta:hover{opacity:.66}
.recruit-page:not(.design-academy-page) .recruit-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:17px;
}
.recruit-page:not(.design-academy-page) .recruit-chip{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:99px;
  color:rgba(255,255,255,.76);
  background:rgba(255,255,255,.025);
  font-size:9px;
  backdrop-filter:blur(3px);
}

/* -------------------------------------------------
   Section hierarchy: HOW IT WORKS / BENEFITS
-------------------------------------------------- */
.recruit-page:not(.design-academy-page) .recruit-intro{
  padding-top:92px;
  padding-bottom:104px;
}
.recruit-page:not(.design-academy-page) .recruit-intro__head,
.recruit-page:not(.design-academy-page) .recruit-benefits__head{
  display:block;
  margin:0 0 40px;
  text-align:left;
}
.recruit-page:not(.design-academy-page) .recruit-intro__head .recruit-index,
.recruit-page:not(.design-academy-page) .recruit-benefits__head .recruit-index{
  margin:0 0 20px !important;
  font-size:10px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  color:#777 !important;
}
.recruit-page:not(.design-academy-page) .recruit-intro__head h2,
.recruit-page:not(.design-academy-page) .recruit-benefits__head h3{
  margin:0 !important;
  max-width:none !important;
  font-size:clamp(32px,3.2vw,48px) !important;
  font-weight:500 !important;
  line-height:1.1 !important;
  letter-spacing:-.05em !important;
  color:#161616 !important;
}

.recruit-page:not(.design-academy-page) .recruit-intro__grid,
.recruit-page:not(.design-academy-page) .recruit-benefits__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:0;
}
.recruit-page:not(.design-academy-page) .recruit-intro__card,
.recruit-page:not(.design-academy-page) .recruit-benefit{
  min-height:240px;
  box-sizing:border-box;
  padding:26px;
  border:1px solid #dedede;
  background:#fff;
}
.recruit-page:not(.design-academy-page) .recruit-benefit{
  display:block;
}
.recruit-page:not(.design-academy-page) .recruit-intro__card>span,
.recruit-page:not(.design-academy-page) .recruit-benefit__num{
  display:block;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.2;
  letter-spacing:.05em !important;
  color:#888 !important;
}
.recruit-page:not(.design-academy-page) .recruit-intro__card h3,
.recruit-page:not(.design-academy-page) .recruit-benefit h4{
  margin:64px 0 12px !important;
  padding:0 !important;
  font-size:21px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  letter-spacing:-.03em !important;
  color:#171717 !important;
}
.recruit-page:not(.design-academy-page) .recruit-intro__card p,
.recruit-page:not(.design-academy-page) .recruit-benefit p{
  max-width:420px;
  margin:0;
  color:#666 !important;
  font-size:13.5px !important;
  line-height:1.75 !important;
  word-break:keep-all;
}

/* Audience bridge */
.recruit-page:not(.design-academy-page) .recruit-audience{
  margin-top:44px;
  padding:28px 0 0;
  border-top:1px solid #111;
}
.recruit-page:not(.design-academy-page) .recruit-audience strong{
  font-size:clamp(20px,2vw,28px) !important;
  font-weight:500 !important;
  line-height:1.45 !important;
  letter-spacing:-.035em !important;
}
.recruit-page:not(.design-academy-page) .recruit-audience p{
  max-width:460px;
  color:#777;
  font-size:12.5px;
  line-height:1.7;
}

/* Benefits = second full subsection */
.recruit-benefits{
  margin-top:72px;
  padding-top:72px;
  border-top:1px solid #111;
}
.recruit-benefits__coming{
  display:inline-flex;
  width:max-content;
  margin-top:14px;
  padding:6px 9px;
  border:1px solid #d5d5d5;
  border-radius:99px;
  color:#777;
  font-size:9px;
  font-weight:600;
  letter-spacing:.04em;
}

/* Designer data policy entry */
.recruit-data-policy{
  padding:48px 0 56px;
  border-top:1px solid #e2e2e2;
  background:#fafafa;
}
.recruit-data-policy__inner{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:64px;
  align-items:start;
}
.recruit-data-policy__label{
  margin:0;
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  color:#777;
}
.recruit-data-policy__content h3{
  margin:0 0 12px;
  font-size:22px;
  font-weight:500;
  letter-spacing:-.035em;
}
.recruit-data-policy__content p{
  max-width:760px;
  margin:0;
  color:#696969;
  font-size:13px;
  line-height:1.75;
  word-break:keep-all;
}
.recruit-data-policy__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:760px;
  margin-top:22px;
  padding:14px 0;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  font-size:12px;
  font-weight:500;
}

@media(max-width:1040px){
  .recruit-page:not(.design-academy-page) .recruit-hero{min-height:640px}
  .recruit-page:not(.design-academy-page) .recruit-hero__grid{
    grid-template-columns:1fr;
    gap:34px;
    align-content:end;
    padding-top:116px;
    padding-bottom:54px;
  }
  .recruit-page:not(.design-academy-page) .recruit-hero__side{
    max-width:680px;
    justify-self:start;
  }
  .recruit-page:not(.design-academy-page) .recruit-intro__grid,
  .recruit-page:not(.design-academy-page) .recruit-benefits__grid{grid-template-columns:1fr}
  .recruit-page:not(.design-academy-page) .recruit-intro__card,
  .recruit-page:not(.design-academy-page) .recruit-benefit{min-height:auto}
  .recruit-page:not(.design-academy-page) .recruit-intro__card h3,
  .recruit-page:not(.design-academy-page) .recruit-benefit h4{margin-top:36px !important}
  .recruit-data-policy__inner{grid-template-columns:1fr;gap:18px}
}

@media(max-width:680px){
  .recruit-page:not(.design-academy-page) .recruit-hero{
    min-height:620px;
    background-position:center center;
  }
  .recruit-page:not(.design-academy-page) .recruit-hero__grid{
    gap:30px;
    padding-top:104px;
    padding-bottom:38px;
  }
  .recruit-page:not(.design-academy-page) .recruit-hero h1{
    font-size:clamp(38px,11vw,52px);
    line-height:1.04;
  }
  .recruit-page:not(.design-academy-page) .recruit-hero__copy{
    font-size:13.5px;
    line-height:1.72;
  }
  .recruit-page:not(.design-academy-page) .recruit-hero__cta{
    margin-top:20px;
    padding:14px 0;
  }
  .recruit-page:not(.design-academy-page) .recruit-intro{
    padding-top:68px;
    padding-bottom:78px;
  }
  .recruit-page:not(.design-academy-page) .recruit-intro__head,
  .recruit-page:not(.design-academy-page) .recruit-benefits__head{margin-bottom:28px}
  .recruit-page:not(.design-academy-page) .recruit-intro__head .recruit-index,
  .recruit-page:not(.design-academy-page) .recruit-benefits__head .recruit-index{margin-bottom:16px !important}
  .recruit-page:not(.design-academy-page) .recruit-intro__head h2,
  .recruit-page:not(.design-academy-page) .recruit-benefits__head h3{font-size:clamp(30px,9vw,40px) !important}
  .recruit-page:not(.design-academy-page) .recruit-intro__grid,
  .recruit-page:not(.design-academy-page) .recruit-benefits__grid{gap:8px}
  .recruit-page:not(.design-academy-page) .recruit-intro__card,
  .recruit-page:not(.design-academy-page) .recruit-benefit{padding:22px}
  .recruit-page:not(.design-academy-page) .recruit-audience{margin-top:32px;padding-top:22px}
  .recruit-benefits{margin-top:54px;padding-top:54px}
  .recruit-data-policy{padding:36px 0 44px}
}