/* Recruitment examples within the existing Switchouse presentation system. */
.hiring-cover .slide-body{margin-top:58px}
.hiring-cover-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:58px;align-items:center}
.hiring-cover h1{font-size:69px;line-height:1.08}
.cover-audience{font-size:22px;margin-bottom:27px}
.hiring-cover .lead{font-size:27px;line-height:1.5;margin-top:30px}
.cover-ownership{font-size:22px;margin-top:32px}
.story-gallery>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.story-gallery img{width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:8px}
.story-gallery figcaption{font-size:16px;color:#cfe0d5;margin-top:16px}
.roles-slide{background:var(--soft)}
.role-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:75px}
.role-label{font-size:22px;color:var(--accent);margin-bottom:22px}
.role-columns h3{font-size:42px;line-height:1.12}
.role-columns article>p:not(.role-label){font-size:25px;line-height:1.45;margin-top:24px}
.role-bottom{display:flex;align-items:baseline;gap:42px;border-top:1px solid var(--line);padding-top:28px;margin-top:70px;font-size:22px}
.role-bottom strong{color:var(--accent)}
.recruitment-creatives .database-size{font-size:76px}
.hiring-qualification .slide-body{margin-top:45px}
.hiring-qualification .two-col{gap:90px}
.hiring-qualification .qualification-list{margin-top:42px}
.hiring-qualification .messages{gap:10px;padding:16px 25px}
.hiring-qualification .bubble{padding:13px 18px}
.hiring-qualification .bubble p{font-size:22px}
.assessment-slide{background:var(--soft)}
.assessment-slide .slide-body{margin-top:45px}
.assessment-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}
.assessment-copy .lead{margin-top:25px;font-size:27px}
.brief-example{margin-top:47px}
.brief-example .small-label{color:var(--accent);font-size:20px}
.brief-example h3{font-size:31px;margin-top:15px}
.brief-example>p:last-child{font-size:25px;line-height:1.55;margin-top:20px}
.assessment-decision{color:var(--accent);font-size:23px;margin-top:42px;font-weight:600}
.candidate-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.candidate-top{display:flex;justify-content:space-between;gap:20px;padding:20px 28px;font-size:17px;color:var(--muted);border-bottom:1px solid var(--line)}
.candidate-content{padding:21px 28px}
.candidate-content h3{font-size:34px}
.candidate-subtitle{font-size:21px;margin-top:6px}
.candidate-content h4{font-size:21px;margin:0 0 9px;font-weight:600;color:var(--accent)}
.candidate-gap{padding:16px 0}
.candidate-content .note{font-size:15px}
.hiring-booking .briefing-layout{margin-top:28px}
.hiring-booking .booking-definition{margin-top:25px}
.hiring-pricing .reporting{padding:29px 34px}
.volume-note{font-size:20px;line-height:1.5;margin-top:20px}
.hiring-closing .slide-body{margin-top:110px}
.hiring-closing .contact-row{gap:36px;font-size:22px;margin-top:75px}
.assessment-table{width:100%;border-collapse:collapse;margin-top:26px;table-layout:fixed;font-size:20px;line-height:1.4}
.assessment-table th{font-size:16px;font-weight:400;color:var(--muted);text-align:left;padding:0 12px 13px 0}
.assessment-table th:nth-child(1){width:36%}.assessment-table th:nth-child(2){width:38%}
.assessment-table td{border-top:1px solid var(--line);padding:17px 12px 17px 0;vertical-align:top}
.assessment-table td:last-child{font-size:18px;color:var(--accent);padding-right:0}
.assessment-table td span{font-size:16px;color:var(--muted)}
.candidate-gap p{font-size:21px;line-height:1.4}
.booking-steps>div{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}
.booking-steps>div:first-child{padding-top:6px}
.booking-steps>div:last-child{border:0}
.booking-steps>div>span{font-size:21px;color:var(--accent);padding-top:4px}
.booking-steps h3{font-size:31px}
.booking-steps p{font-size:23px;line-height:1.45;margin-top:12px}
@media screen and (max-width:700px){
 .hiring-cover .slide-body,.assessment-slide .slide-body,.hiring-qualification .slide-body,.hiring-closing .slide-body{margin-top:38px}
 .hiring-cover-layout,.assessment-layout{grid-template-columns:1fr;gap:32px}
 .hiring-cover h1{font-size:42px}
 .cover-audience{font-size:17px;margin-bottom:20px}
 .hiring-cover .lead,.assessment-copy .lead{font-size:20px;margin-top:24px}
 .cover-ownership{font-size:18px;margin-top:23px}
 .story-gallery>div{gap:12px}
 .story-gallery figcaption{font-size:12px;margin-top:12px}
 .role-columns{grid-template-columns:1fr;gap:28px;margin-top:34px}
 .role-label{font-size:18px;margin-bottom:12px}
 .role-columns h3{font-size:30px}
 .role-columns h3 br{display:none}
 .role-columns article>p:not(.role-label){font-size:20px;margin-top:14px}
 .role-bottom{display:block;font-size:18px;padding-top:24px;margin-top:30px}
 .role-bottom p{margin-top:12px}
 .recruitment-creatives .database-size{font-size:65px}
 .hiring-qualification .two-col{gap:32px}
 .hiring-qualification .qualification-list{margin-top:26px}
 .hiring-qualification .messages{padding:18px;gap:14px}
 .hiring-qualification .bubble{padding:14px}
 .hiring-qualification .bubble p{font-size:18px}
 .brief-example{margin-top:28px}
 .brief-example .small-label{font-size:17px}
 .brief-example h3{font-size:26px}
 .brief-example>p:last-child{font-size:20px;margin-top:14px}
 .assessment-decision{font-size:19px;margin-top:24px}
 .candidate-top{padding:16px;font-size:12px;gap:12px}
 .candidate-content{padding:21px 18px}
 .candidate-content h3{font-size:28px}
 .candidate-subtitle{font-size:18px}
 .candidate-content h4{font-size:18px}
 .candidate-content .note{font-size:12px}
 .assessment-table{font-size:16px;table-layout:auto}
 .assessment-table thead{display:none}
 .assessment-table tr{display:block;border-top:1px solid var(--line);padding:16px 0}
 .assessment-table td{display:block;border:0;padding:0;font-size:17px}
 .assessment-table td:first-child{font-weight:600}
 .assessment-table td:nth-child(2){margin-top:8px;color:var(--muted)}
 .assessment-table td:last-child{margin-top:8px;font-size:16px}
 .candidate-gap p{font-size:17px}
 .booking-steps>div{padding:20px 0;gap:16px}
 .booking-steps h3{font-size:25px}
 .booking-steps p{font-size:19px}
 .booking-steps>div>span{font-size:18px}
 .hiring-booking .briefing-layout{margin-top:28px}
 .hiring-pricing .reporting{padding:24px 21px}
 .volume-note{font-size:17px;margin-top:20px}
 .hiring-closing .contact-row{gap:20px;margin-top:34px;font-size:19px}
}