/* Employer page storytelling. Booking and pricing components keep their own styles. */
#industries,#recruitment-events,#jbpExhibit,#included,#guide,#employer-stories{scroll-margin-top:72px}
.employer-photo-intro{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2.7fr) minmax(140px,1fr);gap:34px;align-items:center;margin-bottom:36px}
.employer-photo-intro .section-head{max-width:none;margin:0;text-align:center}
.employer-photo-intro .section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em}
.employer-photo-intro .section-head p{font-size:15px;line-height:1.65}
.employer-photo-intro .kicker{font-size:11px;letter-spacing:.12em}
.ep-photo{margin:0;min-width:0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:var(--blue-100);box-shadow:0 12px 32px #0c254715;transform:rotate(-3deg)}
.ep-photo:last-child{transform:rotate(3deg)}
.ep-photo img{width:100%;height:100%;object-fit:cover;display:block}
#industries{padding:66px 0 54px}
#industries .ind-stage{margin-top:0}
#industries .ind-chip{font-size:13px;padding:10px 16px}
#recruitment-events{padding:58px 0;background:#fff}
#recruitment-events .employer-photo-intro{margin-bottom:32px}
#recruitment-events .ep-photo{aspect-ratio:4/5}
#recruitment-events .employer-plan-grid{gap:28px}
#recruitment-events .employer-plan-step{border:0;border-top:2px solid var(--blue-200);border-radius:0;padding:22px 0 0;background:none}
#recruitment-events .employer-plan-step .step-number{font-size:11px;margin-bottom:12px}
#recruitment-events .employer-plan-step h3{font-size:21px;letter-spacing:-.025em}
#recruitment-events .employer-plan-step p{font-size:14px;line-height:1.65}
#recruitment-events .employer-plan-step a{font-size:13px}
#recruitment-events .employer-plan-note{font-size:13px;max-width:none;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
#included{background:var(--navy-900);color:#fff;padding:64px 0}
.included-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
#included .section-head{margin:0 0 24px;max-width:480px}
#included .kicker{color:var(--blue-200);font-size:11px}
#included h2{color:#fff;font-size:clamp(30px,3.4vw,42px);line-height:1.12;letter-spacing:-.035em;margin-bottom:14px}
#included .section-head p{color:#c4d4e9;font-size:15px}
.included-photo{margin:0;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1.6;background:var(--navy-700)}
.included-photo img{width:100%;height:100%;object-fit:cover;display:block}
.included-photo figcaption{position:absolute;inset:auto 0 0;padding:30px 20px 16px;background:linear-gradient(transparent,#081a33e8);font-size:12px;color:#fff}
#included .includes-grid{grid-template-columns:1fr 1fr;gap:0 28px}
#included .include{position:relative;background:none;border:0;border-bottom:1px solid #ffffff26;border-radius:0;padding:19px 0 20px 28px}
#included .include .ico{position:absolute;left:0;top:20px;font-size:14px;color:#8eddbb;line-height:1.4;margin:0}
#included .include .ico::after{display:none}
#included .include b{color:#fff;font-size:14px;line-height:1.4;margin-bottom:6px}
#included .include>span:last-child{font-size:13px;color:#c4d4e9;line-height:1.6;display:block}
#guide{background:#fff;padding:64px 0}
.guide-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:center}
#guide .section-head{margin:0 0 24px;max-width:460px}
#guide h2{font-size:clamp(30px,3.4vw,42px);line-height:1.12;letter-spacing:-.035em}
#guide .section-head p{font-size:15px;line-height:1.6}
.guide-photo{margin:0;aspect-ratio:2/1;border-radius:14px;overflow:hidden;background:var(--blue-50)}
.guide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
#guide .steps{display:grid;grid-template-columns:1fr;gap:0}
#guide .step{background:none;border:0;border-left:1px solid var(--blue-200);border-radius:0;padding:6px 0 28px 38px;margin-left:20px}
#guide .step:last-child{padding-bottom:6px;border-left-color:transparent}
#guide .step .n{position:absolute;left:-20px;top:0;width:39px;height:39px;margin:0;border-radius:50%;background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-200);font-size:14px;font-weight:700}
#guide .step h3{font-size:19px;letter-spacing:-.025em;margin-bottom:8px}
#guide .step p{font-size:14px;line-height:1.65;max-width:450px}
#guide .confidence-bar{margin-top:32px;padding:20px 24px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:12px;align-items:center}
#guide .confidence-bar p{font-size:13px!important;line-height:1.6}
#guide .confidence-bar h3{font-size:15px!important}
#guide .confidence-bar>div{min-width:min(260px,100%)!important}
#employer-stories{padding:64px 0;background:#edf3fb}
#employer-stories .section-head{margin:0 0 30px;max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
#employer-stories .section-head h2{font-size:clamp(30px,3.4vw,42px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 0;max-width:650px}
.stories-link{color:var(--blue-700);font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.story-feature{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
#employer-stories .case-study{position:relative;background:var(--navy-900);color:#fff;border:0;border-radius:18px;padding:32px;margin:0;max-width:none;box-shadow:none;text-align:left;display:flex;flex-direction:column;justify-content:center}
#employer-stories .cs-badge{color:var(--blue-200);font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;margin-bottom:20px}
#employer-stories .cs-quote{font-family:var(--font-display);font-size:clamp(20px,2vw,26px);line-height:1.5;letter-spacing:-.025em;color:#fff;margin:0 0 26px}
#employer-stories .cs-quote mark{color:#a8ceff;background:transparent;font-weight:650}
#employer-stories .cs-who{display:flex;align-items:center;gap:14px}
#employer-stories .cs-who::before{content:"";width:3px;height:36px;background:#a8ceff;border-radius:2px}
#employer-stories .cs-who b{font-size:14px;color:#fff;display:block}
#employer-stories .cs-who span{font-size:12px;color:#c4d4e9;display:block;margin-top:3px}
#employer-stories .video-frame{aspect-ratio:auto;min-height:370px;border-radius:18px;box-shadow:none}
#employer-stories .video-play{gap:17px}
.story-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.story-quote{margin:0;padding:0 0 0 18px;border-left:2px solid var(--blue-200)}
.story-quote blockquote{margin:15px 0 14px;font-size:15px;color:var(--navy-800);line-height:1.6}
.story-quote img{height:29px;width:112px;object-fit:contain;object-position:left center;display:block}
.story-quote:nth-child(2) img{background:var(--navy-800);padding:4px 9px;border-radius:5px;object-position:center}
.story-quote figcaption{font-size:11px;color:var(--slate);line-height:1.5}
.story-quote figcaption b{display:block;color:var(--navy-800);font-size:12px;margin-bottom:2px}
@media(max-width:1000px){.employer-photo-intro{gap:22px;grid-template-columns:140px minmax(0,1fr) 140px}.included-layout{gap:32px;grid-template-columns:.9fr 1.1fr}.guide-layout{gap:36px}#included .includes-grid{gap:0 18px}}
@media(max-width:760px){.employer-photo-intro{grid-template-columns:1fr 1fr;gap:20px 16px}.employer-photo-intro .section-head{grid-column:1/-1;grid-row:1;text-align:left}.ep-photo,.ep-photo:last-child{aspect-ratio:1.6;transform:none;border-radius:12px}.ep-photo img{object-position:center 15%}#recruitment-events .ep-photo{aspect-ratio:1.6}#industries,#recruitment-events,#included,#guide,#employer-stories{padding:42px 0}.employer-photo-intro .section-head h2{font-size:32px}#industries .ind-grid{gap:8px}#industries .ind-chip{font-size:12px;padding:9px 12px}.included-layout,.guide-layout,.story-feature{grid-template-columns:1fr;gap:28px}.included-photo{aspect-ratio:2/1}#included .includes-grid{gap:0 22px}#guide .steps{margin-top:6px}#employer-stories .section-head{display:block}#employer-stories .section-head h2{margin-bottom:16px}#employer-stories .video-frame{min-height:310px}.story-quotes{grid-template-columns:1fr;gap:24px}.story-quote{padding-left:18px}.story-quote blockquote{margin:10px 0}.story-quote img{height:25px}.guide-photo{aspect-ratio:2/1}}
@media(max-width:420px){#included .includes-grid{grid-template-columns:1fr}#included .include{padding-block:15px}#included .include .ico{top:16px}#guide .confidence-bar{padding:18px}#employer-stories .case-study{padding:25px}#employer-stories .cs-quote{font-size:21px}#employer-stories .video-frame{min-height:290px}}