/* Careers page: workshop hero and current vacancies notice. */
.careers-hero{display:grid;grid-template-columns:52% 48%;min-height:430px;background:var(--navy);color:#fff}
.careers-hero-copy{align-self:center;padding:64px 10% 64px 81px;min-width:0}
.careers-kicker{display:block;margin-bottom:18px;color:#79d4e9;font-size:14px;font-weight:600;letter-spacing:.08em}
.careers-hero h1{font-size:clamp(38px,4vw,58px);margin-bottom:23px}
.careers-hero p{color:#c9d8e0;font-size:16px;line-height:1.8;max-width:46ch;margin:0}
.careers-hero-media{position:relative;margin:0;min-width:0;overflow:hidden}
.careers-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.careers-hero-media figcaption{position:absolute;bottom:22px;left:24px;max-width:calc(100% - 48px);padding:8px 12px;background:rgba(16,42,58,.9);color:#fff;font-size:14px}
.careers-vacancies{padding:66px 6% 74px}
.careers-vacancies-label{display:block;font-size:14px;color:var(--blue);font-weight:600;margin-bottom:16px}
.careers-notice{border:1px solid var(--line);border-left:4px solid var(--blue);background:#f2f6f7;padding:34px 38px}
.careers-notice h2{font-size:clamp(28px,3vw,38px);margin-bottom:18px}
.careers-notice p{max-width:78ch;font-size:16px;line-height:1.8;margin:0;color:#516674}
html[lang=th] .careers-kicker{letter-spacing:0}
@media(max-width:1000px){.careers-hero-copy{padding:50px 8%}}
@media(max-width:700px){.careers-hero{grid-template-columns:1fr;min-height:0}.careers-hero-copy{padding:42px 6%}.careers-hero h1{font-size:clamp(36px,9vw,48px)}.careers-hero-media{height:280px}.careers-hero-media figcaption{left:16px;bottom:16px;max-width:calc(100% - 32px)}.careers-vacancies{padding:42px 6% 48px}.careers-notice{padding:26px 24px}}