/* HR³ corporate look (V11.21): the look of the company profile.
   Charcoal #17202A · coral #D95F46 · warm grey #D9D5CE · tint #F5F3EF · Montserrat + Open Sans.
   Everything is scoped to body.hr3-look-pro so it can be switched off in Appearance > Customize > HR³ look. */
body.hr3-look-pro{--tint:#F5F3EF;--ink-soft:#C9CED3;--coral-lt:#F2A28E}
body.hr3-look-pro h1,body.hr3-look-pro h2,body.hr3-look-pro h3{letter-spacing:-.02em}

/* ---- Section labels: a short coral rule before every label ---- */
body.hr3-look-pro .section .kicker::before,body.hr3-look-pro .hero .eyebrow::before{content:"";display:inline-block;width:30px;height:3px;background:var(--coral);vertical-align:middle;margin-right:12px}
body.hr3-look-pro .section h2{font-weight:800;letter-spacing:-.025em}
body.hr3-look-pro .soft{background:var(--tint)}

/* ---- Home hero: light cover with the 3D three-layer graphic ---- */
body.hr3-look-pro .hero{background:linear-gradient(180deg,#fff 0%,var(--warm-tint) 100%);color:var(--ink);padding:88px 0 80px}
body.hr3-look-pro .hero .eyebrow{color:var(--coral-ink)}
body.hr3-look-pro .hero h1{color:var(--ink);font-weight:800;letter-spacing:-.03em;font-size:clamp(34px,4.1vw,54px);line-height:1.1}
body.hr3-look-pro .hero h1 span:last-child{color:var(--coral-ink)}
body.hr3-look-pro .hero .proposition{color:var(--ink);font-weight:600}
body.hr3-look-pro .hero .subcopy{color:#46515D}
body.hr3-look-pro .hero .hero-note{color:#5E6872}
body.hr3-look-pro .hero .btn{border-radius:4px}

/* ---- Inner page headers: charcoal band with white title ---- */
body.hr3-look-pro .page-hero{background:var(--ink);color:#fff;border-bottom:0;padding:84px 0 68px}
body.hr3-look-pro .page-hero .kicker{color:var(--coral-lt)}
body.hr3-look-pro .page-hero .kicker::before{content:"";display:block;width:44px;height:3px;background:var(--coral);margin-bottom:20px}
body.hr3-look-pro .page-hero h1{color:#fff;font-weight:800;letter-spacing:-.03em}
body.hr3-look-pro .page-hero p:not(.kicker){color:var(--ink-soft)}
body.hr3-look-pro .page-hero a{color:#fff}
body.hr3-look-pro .solution-index a{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff}
body.hr3-look-pro .solution-index a:hover{background:var(--coral);border-color:var(--coral);color:#fff}
body.hr3-look-pro .solution-index svg{color:var(--coral-lt)}

/* ---- Cards become open columns with a thin top line and a large number ---- */
body.hr3-look-pro .cards{gap:36px 40px}
body.hr3-look-pro .card{background:transparent;border:0;border-top:2px solid var(--ink);padding:24px 6px 8px 0;box-shadow:none}
body.hr3-look-pro .card:hover{background:transparent;border-top-color:var(--coral)}
body.hr3-look-pro .card .card-icon{display:none}
body.hr3-look-pro .problem-cards{counter-reset:pc;grid-template-columns:repeat(3,1fr)}
body.hr3-look-pro .problem-cards .card::before{counter-increment:pc;content:"0" counter(pc);display:block;font:800 40px/1 var(--head);color:var(--warm);margin-bottom:18px}
body.hr3-look-pro .card .num{color:var(--coral-ink)}
body.hr3-look-pro .card h3{font-size:19px;font-weight:700}
body.hr3-look-pro .card-start{background:var(--ink);border-top-color:var(--coral);padding:24px 26px 26px;color:#fff}
body.hr3-look-pro .card-start::before{color:#46525F}
body.hr3-look-pro .card-start h3{color:#fff}
body.hr3-look-pro .card-start p{color:var(--ink-soft)}
body.hr3-look-pro .card-start .num{color:var(--coral-lt)}

/* ---- How it works: big grey numerals ---- */
body.hr3-look-pro .process .step b{font:800 36px/1 var(--head);color:var(--warm);letter-spacing:-.02em}
body.hr3-look-pro .trust-grid .point{border-top:2px solid var(--ink);padding-top:20px}

/* ---- Start here: a dark panel for the assessment, flat card for the call ---- */
body.hr3-look-pro .start-card{background:transparent;border:0;border-top:2px solid var(--ink);border-radius:0}
body.hr3-look-pro .start-card-primary{background:var(--ink);border-top-color:var(--coral);padding:8px 8px}
body.hr3-look-pro .start-card-primary h3{color:#fff}
body.hr3-look-pro .start-card-primary p{color:var(--ink-soft)}
body.hr3-look-pro .start-card-primary .kicker{color:var(--coral-lt)}
body.hr3-look-pro .start-card-primary .kicker::before{display:none}
body.hr3-look-pro .begin-visual{background:var(--tint);border-radius:0}

/* ---- Closing call-to-action: calm tint panel instead of a coral slab ---- */
body.hr3-look-pro .band{background:var(--tint);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:64px 0}
body.hr3-look-pro .band h2{color:var(--ink);font-weight:800}
body.hr3-look-pro .band p,body.hr3-look-pro .band .eyebrow{color:var(--coral-ink);opacity:1}
body.hr3-look-pro .band .eyebrow::before{content:"";display:inline-block;width:30px;height:3px;background:var(--coral);vertical-align:middle;margin-right:12px}
body.hr3-look-pro .band .btn.light{background:var(--coral-ink);color:#fff;border-color:var(--coral-ink)}
body.hr3-look-pro .band .btn.light:hover{background:var(--ink);border-color:var(--ink)}
body.hr3-look-pro .band .btn.light.ghost,body.hr3-look-pro .band .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
body.hr3-look-pro .band .btn.light.ghost:hover,body.hr3-look-pro .band .btn.ghost:hover{background:var(--ink);color:#fff}
body.hr3-look-pro .footer-cta{background:var(--tint)}

/* ---- Solutions: one numbered chapter per service ---- */
body.hr3-look-pro main{counter-reset:sd}
body.hr3-look-pro .solution-detail{counter-increment:sd;border-top:2px solid var(--ink);border-bottom:0}
body.hr3-look-pro .detail-side .solution-icon{display:none}
body.hr3-look-pro .detail-side::before{content:counter(sd,decimal-leading-zero);display:block;font:800 64px/1 var(--head);color:var(--warm);letter-spacing:-.03em;margin-bottom:14px}
body.hr3-look-pro .detail-side .label{color:var(--coral-ink)}
body.hr3-look-pro .detail-side h2{font-size:clamp(34px,3.6vw,46px);font-weight:800;letter-spacing:-.03em;margin:4px 0 12px}
body.hr3-look-pro .detail-side .tagline{font-weight:600;color:var(--ink)}
body.hr3-look-pro .solution-detail .when{font-family:var(--head);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-ink);font-weight:700}
body.hr3-look-pro .hr-terms{border-top:2px solid var(--ink)}
body.hr3-look-pro .hr-terms dl>div{border-left:3px solid var(--coral)}

/* ---- Header and footer: quieter, sharper ---- */
body.hr3-look-pro .site-header{border-bottom:1px solid var(--line)}
body.hr3-look-pro .menu a{font-weight:600;letter-spacing:.01em}
body.hr3-look-pro .btn,body.hr3-look-pro .text-link{border-radius:4px}
body.hr3-look-pro .site-footer{background:var(--ink)}

@media(max-width:900px){
  body.hr3-look-pro .hero{padding:64px 0 56px}
  body.hr3-look-pro .problem-cards{grid-template-columns:1fr 1fr}
  body.hr3-look-pro .detail-side::before{font-size:44px}
}
@media(max-width:600px){
  body.hr3-look-pro .problem-cards{grid-template-columns:1fr}
  body.hr3-look-pro .page-hero{padding:60px 0 48px}
}