/* Placements follows the shared Space Grotesk / Inter scale and Corpus palette. */
.placements-hero{padding:28px 44px 48px;border-radius:24px;background:var(--purple-soft);overflow:hidden}
.placements-hero-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:44px}
.placements-hero-copy{min-width:0}
.placements-hero-copy h1{font:600 5rem/1.05 var(--font-heading);letter-spacing:-.045em;margin-top:20px}
.placements-hero-copy h1>span{color:var(--purple)}
.placements-hero-copy>p:not(.section-label){font:400 var(--type-lead-size)/var(--type-lead-line) var(--font-body);color:var(--text-secondary);max-width:45ch;margin-top:28px}
.placements-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 24px;margin-top:30px}
.placements-hero-actions .button{max-width:100%}
.placements-stories-link,.placements-browse-link{display:inline-flex;align-items:center;gap:12px;font-size:var(--type-control-size);line-height:var(--type-control-line);font-weight:500}
.placements-stories-link{color:var(--purple)}
.placements-stories-link:hover,.placements-browse-link:hover{text-decoration:underline;text-underline-offset:5px}
.placements-hero-portraits{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;padding:20px 0;min-width:0}
.placements-hero-person{height:252px;position:relative;border:6px solid white;border-radius:80px;overflow:hidden;box-shadow:0 14px 28px #3c244010}
.placements-hero-person:nth-child(2){height:342px;transform:translateY(-20px)}
.placements-hero-person:nth-child(3){transform:translateY(22px)}
.placement-highlights{padding:44px;border-bottom:1px solid var(--border-subtle)}
.placement-highlights dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:40px}
.placement-highlights dl>div{display:flex;flex-direction:column;gap:12px;min-width:0}
.placement-highlights dl>div+div{padding-left:40px;border-left:1px solid var(--border-subtle)}
.placement-highlights dt{color:var(--text-secondary);font-size:var(--type-body-size);line-height:var(--type-body-line)}
.placement-highlights dd{order:-1;margin:0;font:600 64px/1.1 var(--font-heading);letter-spacing:-.045em}
.placements-section-heading{margin-bottom:36px}
.placements-section-heading h2{font:600 52px/1.1 var(--font-heading);letter-spacing:-.04em;margin-top:20px}
.placements-section-heading h2>span{color:var(--purple)}
.placements-section-heading>p:not(.section-label){margin-top:24px;color:var(--muted)}
.placement-success-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.placement-success-grid .placement-card{min-width:0;min-height:330px;gap:16px;padding:18px;border-radius:var(--radius-surface)}
.placement-success-grid .placement-portrait{min-height:290px}
.placement-success-grid .placement-portrait h3{font-size:var(--type-small-size);line-height:var(--type-small-line)}
.placement-success-grid .placement-journey dd{font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:500}
.placement-success-grid .placement-journey>div:last-child dd{font-size:20px;line-height:28px;font-weight:600}
.placement-success-grid .placement-company{padding:8px 12px;border-radius:12px;overflow-wrap:normal}
.placement-support-section{padding:44px;background:var(--purple-soft);border-radius:24px}
.placement-support-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:40px 0 0}
.placement-support-steps li{min-width:0;padding:0 24px}
.placement-support-steps li:first-child{padding-left:0}
.placement-support-steps li:last-child{padding-right:0}
.placement-support-steps li+li{border-left:1px solid #dcd2e9}
.support-step-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;color:var(--purple)}
.support-step-number{font:500 14px/22px var(--font-body)}
.support-step-top .icon{width:28px;height:28px;flex:none}
.placement-support-steps h3{font:600 22px/28px var(--font-heading);letter-spacing:-.025em;min-height:56px}
.placement-support-steps p{margin-top:16px;color:var(--text-secondary);font-size:var(--type-body-size);line-height:var(--type-body-line)}
.placements-final-cta{padding:64px 32px;margin:var(--space-section) 0 24px;text-align:center;border-radius:24px;background:var(--purple);color:white}
.placements-final-cta .section-label{justify-content:center;color:#f1e9fc}
.placements-final-cta .section-label>span{background:var(--lime)}
.placements-final-cta h2{font:600 52px/1.1 var(--font-heading);letter-spacing:-.04em;max-width:22ch;margin:20px auto 0}
.placements-final-cta h2>span{color:var(--lime)}
.placements-final-cta>p:not(.section-label){max-width:58ch;margin:24px auto 0;color:#f1e9fc}
.placements-final-cta>div{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:32px}

@media(max-width:1300px){
 .placement-success-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .placements-hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}
 .placement-support-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
 .placement-support-steps li,.placement-support-steps li:first-child,.placement-support-steps li:last-child{padding:24px 0 0;border-left:0;border-top:1px solid #dcd2e9}
 .placement-support-steps h3{min-height:0}
}
@media(max-width:1100px){
 .placements-hero{padding:28px 32px 40px}
 .placements-hero-copy h1{font-size:56px;line-height:64px}
 .placements-hero-person{height:220px;border-width:5px}
 .placements-hero-person:nth-child(2){height:290px}
 .placement-highlights{padding:36px 24px}
 .placement-highlights dl{gap:24px}
 .placement-highlights dl>div+div{padding-left:24px}
 .placement-highlights dd{font-size:48px}
 .placements-section-heading h2,.placements-final-cta h2{font-size:40px;line-height:48px}
 .placement-support-section{padding:32px}
}
@media(max-width:850px){
 .placements-hero-layout{grid-template-columns:1fr}
 .placements-hero-copy{max-width:620px}
 .placements-hero-portraits{max-width:460px;width:100%;justify-self:center;margin-top:24px}
 .placements-hero-person{height:230px}
 .placements-hero-person:nth-child(2){height:290px}
 .placement-success-grid{grid-template-columns:1fr}
 .placement-success-grid .placement-portrait{min-height:320px}
 .placement-success-grid .placement-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:24px}
 .placement-support-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 .placements-hero{padding:24px;border-radius:20px}
 .placements-hero-layout{margin-top:28px;gap:20px}
 .placements-hero-copy h1{font-size:40px;line-height:48px;margin-top:16px}
 .placements-hero-copy>p:not(.section-label){margin-top:20px}
 .placements-hero-actions{gap:20px;margin-top:24px}
 .placements-hero-actions .button{gap:12px;padding-inline:16px}
 .placements-hero-portraits{gap:8px;padding-block:12px;margin-top:18px}
 .placements-hero-person{height:166px;border-width:4px}
 .placements-hero-person:nth-child(2){height:220px;transform:translateY(-10px)}
 .placements-hero-person:nth-child(3){transform:translateY(12px)}
 .placement-highlights{padding:28px 12px}
 .placement-highlights dl{gap:20px;grid-template-columns:1fr 1fr}
 .placement-highlights dl>div+div{padding-left:0;border:0}
 .placement-highlights dl>div:last-child{grid-column:1 / -1;flex-direction:row;align-items:center;gap:20px;border-top:1px solid var(--border-subtle);padding-top:20px}
 .placement-highlights dd{font-size:40px}
 .placement-highlights dt{font-size:14px;line-height:22px}
 .placements-section-heading h2,.placements-final-cta h2{font-size:32px;line-height:40px}
 .placements-section-heading>p:not(.section-label){margin-top:20px}
 .placement-success-grid{gap:20px}
 .placement-success-grid .placement-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:14px;gap:14px;min-height:300px}
 .placement-success-grid .placement-portrait{min-height:270px;border-width:4px}
 .placement-success-grid .placement-journey>div:last-child dd{font-size:18px;line-height:26px}
 .placement-success-grid .placement-company{padding:8px}
 .placement-support-section{padding:28px 24px}
 .placement-support-steps{grid-template-columns:1fr;gap:28px;margin-top:28px}
 .support-step-top{margin-bottom:16px}
 .placement-support-steps p{margin-top:12px}
 .placements-final-cta{padding:40px 24px}
 .placements-final-cta>div{gap:24px}
}
@media(max-width:360px){
 .placements-hero-copy h1{font-size:36px;line-height:44px}
}
