:root{
  --rc-mint:#e6efda;
  --rc-white:#ffffff;
  --rc-mid:#737373;
  --rc-dark:#545454;
  --rc-red:#aa1313;
  --rc-ink:#242424;
  --rc-line:#d9ddd3;
}

body{background:var(--rc-white);color:var(--rc-ink);overflow-x:hidden}
.recruitment-page img,.recruitment-page svg,.web-consulting-page img,.web-consulting-page svg,.identity-design-page img,.identity-design-page svg{max-width:100%;height:auto}
.recruitment-page{overflow:hidden}
.recruitment-page a{text-underline-offset:4px}
.web-consulting-page{overflow:hidden}
.web-consulting-page a{text-underline-offset:4px}
.identity-design-page{overflow:hidden}
.identity-design-page a{text-underline-offset:4px}

.talent-hero{background:var(--rc-dark);color:var(--rc-white);position:relative}
.talent-hero::after{content:"R";position:absolute;right:-.05em;bottom:-.28em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(15rem,34vw,34rem);font-weight:900;line-height:1;color:rgba(230,239,218,.055);pointer-events:none}
.web-consulting-page .talent-hero::after{content:"W"}
.identity-design-page .talent-hero::after{content:"I"}
.talent-hero__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:clamp(64px,10vw,130px) clamp(16px,4vw,40px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(32px,7vw,90px);align-items:end}
.talent-kicker{color:var(--rc-mint);font-size:clamp(12px,1.4vw,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}
.talent-hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(3rem,7.6vw,7.4rem);font-weight:900;letter-spacing:-.035em;line-height:.88;text-transform:uppercase;max-width:900px;margin-bottom:28px}
.talent-hero__lead{font-size:clamp(17px,2vw,23px);line-height:1.55;max-width:760px;color:#f0f0f0}
.talent-hero__note{border-left:4px solid var(--rc-red);padding:20px 0 20px 24px;color:var(--rc-mint);font-size:clamp(15px,1.7vw,18px);font-weight:700;line-height:1.55}

.audience-nav{background:var(--rc-mint)}
.audience-nav__inner{max-width:1200px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,40px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.web-consulting-page .audience-nav__inner{grid-template-columns:repeat(4,minmax(0,1fr))}
.identity-design-page .audience-nav__inner{grid-template-columns:repeat(4,minmax(0,1fr))}
.audience-link{display:flex;flex-direction:column;justify-content:space-between;min-height:190px;padding:clamp(20px,3vw,30px);background:var(--rc-white);border:1px solid #d3ddc7;color:var(--rc-dark);text-decoration:none;transition:transform .25s ease,border-color .25s ease}
.audience-link:hover{transform:translateY(-4px);border-color:var(--rc-red)}
.audience-link__number{font-size:13px;font-weight:800;color:var(--rc-red);letter-spacing:.12em}
.audience-link strong{font-size:clamp(20px,2.4vw,29px);line-height:1.12;max-width:260px}
.audience-link span:last-child{font-weight:700}

.service-group{scroll-margin-top:28px}
.service-group--light{background:var(--rc-white)}
.service-group--tint{background:#f5f7f1}
.service-group__inner{max-width:1200px;margin:0 auto;padding:clamp(64px,9vw,112px) clamp(16px,4vw,40px)}
.group-heading{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(24px,6vw,72px);align-items:start;margin-bottom:clamp(34px,6vw,64px)}
.group-heading__label{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-red);padding-top:8px}
.group-heading h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.4rem,5.6vw,5rem);letter-spacing:-.025em;line-height:.96;text-transform:uppercase;color:var(--rc-dark);max-width:820px}
.group-heading p{font-size:clamp(16px,1.8vw,19px);line-height:1.7;color:var(--rc-dark);max-width:760px;margin-top:20px}

.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-card{background:var(--rc-white);border:1px solid var(--rc-line);padding:clamp(24px,4vw,42px);min-width:0}
.service-group--light .service-card{background:#fafbf8}
.service-card__index{display:block;color:var(--rc-red);font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:18px}
.service-card h3{font-size:clamp(22px,2.6vw,30px);line-height:1.15;color:var(--rc-dark);margin-bottom:14px}
.service-card>p{color:var(--rc-dark);font-size:16px;line-height:1.7;margin-bottom:24px}
.deliverables-title{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--rc-ink);margin-bottom:12px}
.deliverables{list-style:none;display:grid;gap:10px}
.deliverables li{position:relative;padding-left:20px;line-height:1.55;color:#3f3f3f}
.deliverables li::before{content:"";position:absolute;left:0;top:.68em;width:8px;height:2px;background:var(--rc-red)}

.why{background:var(--rc-dark);color:var(--rc-white)}
.why__inner{max-width:1200px;margin:0 auto;padding:clamp(64px,9vw,112px) clamp(16px,4vw,40px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,8vw,100px);align-items:start}
.why h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.6rem,5.5vw,5.5rem);letter-spacing:-.03em;line-height:.92;text-transform:uppercase;color:var(--rc-mint)}
.why__copy p{font-size:clamp(16px,1.9vw,20px);line-height:1.75;margin-bottom:22px;color:#f1f1f1}
.why__statement{font-size:clamp(21px,2.8vw,32px)!important;font-weight:800;line-height:1.35!important;color:var(--rc-white)!important;border-left:4px solid var(--rc-red);padding-left:24px;margin-top:34px}

.recruitment-cta{background:var(--rc-mint);text-align:center}
.recruitment-cta__inner{max-width:900px;margin:0 auto;padding:clamp(64px,9vw,110px) clamp(16px,4vw,40px)}
.recruitment-cta h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.95;text-transform:uppercase;color:var(--rc-dark);margin-bottom:20px}
.recruitment-cta p{max-width:680px;margin:0 auto 28px;font-size:clamp(16px,2vw,20px);color:var(--rc-dark)}
.recruitment-cta .btn{background:var(--rc-red)}
.recruitment-cta .btn:hover{background:#851010}

@media(max-width:860px){
  .talent-hero__inner,.why__inner{grid-template-columns:minmax(0,1fr)}
  .talent-hero__note{max-width:620px}
  .audience-nav__inner{grid-template-columns:minmax(0,1fr)}
  .web-consulting-page .audience-nav__inner{grid-template-columns:minmax(0,1fr)}
  .identity-design-page .audience-nav__inner{grid-template-columns:minmax(0,1fr)}
  .audience-link{min-height:150px}
  .group-heading{grid-template-columns:minmax(0,1fr);gap:12px}
}

@media(max-width:680px){
  .service-grid{grid-template-columns:minmax(0,1fr)}
  .talent-hero h1{font-size:clamp(2.7rem,15vw,5rem)}
  .talent-hero__inner{padding-top:56px;padding-bottom:70px}
}

@media(max-width:320px){
  .talent-hero__inner,.audience-nav__inner,.service-group__inner,.why__inner,.recruitment-cta__inner{padding-left:8px;padding-right:8px}
  .service-card,.audience-link{padding:18px 12px}
  .talent-hero h1{font-size:38px}
  .group-heading h2,.why h2,.recruitment-cta h2{font-size:34px}
}

@media(max-width:240px){
  .talent-hero__inner,.audience-nav__inner,.service-group__inner,.why__inner,.recruitment-cta__inner{padding-left:6px;padding-right:6px}
  .talent-hero h1{font-size:31px}.talent-hero__lead{font-size:15px}.talent-hero__note{padding-left:12px}
  .group-heading h2,.why h2,.recruitment-cta h2{font-size:29px}
  .service-card,.audience-link{padding:14px 8px}.audience-link{min-height:132px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.audience-link:hover{transform:none}}
