@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800&display=swap');
:root{--yellow:#EBC301;--ink:#101010;--muted:#666;--line:#e3e3df;--soft:#f6f6f3;--blue:#1268d8;--red:#d71920;--white:#fff;--max:1240px}
*{box-sizing:border-box}
body{margin:0;font-family:"Kanit",Arial,sans-serif;color:var(--ink);line-height:1.58;background:#fff}
a{text-decoration:none;color:inherit}
.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}
.kicker,.topbar,.btn,.crumb,.job-tag,.job-status,.salary{font-family:"Montserrat","Kanit",Arial,sans-serif}
.topbar{background:#111;color:#ddd;font-size:12px}
.topbar .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:14px}
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-family:"Montserrat";font-size:23px;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.logo b{color:#b28d00}
.navlinks{display:flex;gap:21px;font-size:14px;font-weight:600;align-items:center}
.navlinks a:hover{color:#9f7a00}
.header-btn{padding:12px 16px;background:#111;color:#fff;font-weight:700;font-size:13px;white-space:nowrap}
.hero{position:relative;min-height:520px;display:flex;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.36),rgba(0,0,0,.05)),url('../careers/careers-gemini.png') center/cover}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none}
.hero-copy{position:relative;z-index:1;padding:82px 0}
.hero .kicker{color:var(--yellow)}
.kicker{font-size:12px;letter-spacing:.16em;font-weight:800;color:#a47a00;text-transform:uppercase}
.hero h1{font-size:58px;line-height:1.08;margin:8px 0 12px}
.hero p{max-width:780px;color:#f2f2f2;font-size:18px;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.crumb{font-size:12px;color:#777;padding:15px 0}
.crumb a{color:#555}
section{padding:58px 0}
.careers-intro{padding-bottom:22px}
.intro-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}
.intro-grid h2{font-size:38px;line-height:1.16;margin:8px 0 8px}
.intro-grid p{max-width:720px;color:#666;margin:0}
.add-job-button{border:0;background:var(--yellow);color:#111;font-weight:800;font-size:15px;padding:14px 18px;box-shadow:0 8px 22px rgba(0,0,0,.12);cursor:pointer}
.add-job-button:hover{background:#d8b300}
.job-form-section{padding:22px 0 32px;background:var(--soft)}
.job-form{background:#fff;border:1px solid var(--line);padding:24px;box-shadow:0 18px 42px rgba(0,0,0,.06)}
.form-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}
.form-head h3{font-size:28px;line-height:1.2;margin:4px 0 0}
.close-form{border:1px solid var(--line);background:#fff;padding:9px 12px;font-weight:700;cursor:pointer}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid label{display:grid;gap:7px;font-weight:700;color:#222}
.form-grid .wide{grid-column:1/-1}
.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);background:#fafafa;padding:12px 13px;font:inherit;color:#111}
.form-grid textarea{resize:vertical}
.form-grid .urgent-field{display:flex;align-items:center;gap:9px;align-self:end;border:1px solid #e2b1b1;background:#fff5f5;padding:12px 13px;color:#b40000}
.urgent-field input{width:18px;height:18px;accent-color:#d71920}
.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:18px}
.form-message{color:#666;font-weight:600}
.jobs-section{padding-top:22px;background:#fff}
.jobs-grid{display:grid;gap:22px}
.job-card{border:1px solid var(--line);background:#fff;padding:30px;box-shadow:0 14px 36px rgba(0,0,0,.045)}
.job-card.highlight{border-top:6px solid var(--yellow)}
.job-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.job-tag{display:inline-flex;align-items:center;background:#fff4b8;color:#6a5200;font-size:12px;font-weight:800;letter-spacing:.08em;padding:7px 10px}
.job-status{color:#555;background:#f4f4f1;border:1px solid var(--line);font-size:12px;font-weight:800;padding:7px 10px}
.job-title{font-size:40px;line-height:1.13;margin:0 0 5px}
.urgent-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:12px;vertical-align:middle;min-width:58px;padding:6px 13px;border:2px solid #d71920;border-radius:999px;background:#d71920;color:#fff;font-size:17px;line-height:1;font-weight:800;box-shadow:0 0 0 3px rgba(215,25,32,.15),0 0 18px rgba(215,25,32,.5);animation:kht-urgent-pulse .82s infinite}
@keyframes kht-urgent-pulse{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.45);transform:scale(1.06)}}
.job-location{font-size:18px;font-weight:700;color:#9a7800;margin:0 0 10px}
.job-description{max-width:920px;color:#444;margin:0 0 18px}
.salary{display:inline-flex;background:#111;color:#fff;font-size:20px;font-weight:800;padding:11px 14px;margin:0 0 22px}
.work-hours{border-left:5px solid var(--yellow);background:#fbfbf8;padding:13px 16px;margin:0 0 22px}
.work-hours h3{font-size:18px;margin:0 0 3px}
.work-hours p{margin:0;color:#444;font-weight:700}
.job-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.detail-box{border:1px solid var(--line);background:#fbfbf8;padding:20px}
.detail-box h3{font-size:21px;margin:0 0 13px}
.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.check-list li{position:relative;padding-left:28px;color:#444}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:#9a7800;font-weight:800}
.job-contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;color:#444}
.job-contact span{border:1px solid var(--line);background:#fff;padding:8px 10px;font-weight:700}
.apply-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;font-size:14px;font-weight:800;border:1px solid transparent;cursor:pointer}
.btn-primary{background:#111;color:#fff}
.btn-primary:hover{background:#2c2c2c}
.btn-outline{border-color:#111;color:#111;background:#fff}
.btn-outline:hover{background:#111;color:#fff}
.btn-light{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.btn-light:hover{background:#fff;color:#111}
.contact-strip{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#111;color:#fff;padding:30px}
.contact-strip h2{font-size:30px;margin:0 0 6px}
.contact-strip p{margin:0;color:#ddd}
.contact-strip .btn{background:var(--yellow);color:#111}
footer{background:#151515;color:#bbb;padding:35px 0 18px}
.bottom{border-top:1px solid #383838;margin-top:18px;padding-top:12px;font-size:12px;color:#888;display:flex;justify-content:space-between;gap:12px}
@media(max-width:1080px){.navlinks{display:none}.job-detail-grid,.contact-strip,.intro-grid{grid-template-columns:1fr}.job-title{font-size:34px}.hero h1{font-size:46px}.add-job-button{justify-self:start}}
@media(max-width:720px){.wrap{width:min(var(--max),calc(100% - 28px))}.topbar .wrap{display:block;padding:8px 0}.hero{min-height:420px;background-position:center}.hero h1{font-size:38px}.hero p{font-size:16px}.job-card{padding:22px}.job-title{font-size:30px}.form-grid{grid-template-columns:1fr}.form-actions{display:grid;justify-content:stretch}.apply-actions,.hero-actions{display:grid}.bottom{display:block}}