/* page-specific rules for careers.html (generated) */
.why-work { padding:90px 0;background:#fff }
.why-work .section-head { text-align:center;margin-bottom:60px }
.why-work .section-head .tag { color:var(--gold);font-size:13px;font-weight:700;display:block;margin-bottom:14px }
.why-work .section-head h2 { font-size:42px;font-weight:900;color:var(--ink);margin-bottom:14px }
.why-work .section-head p { font-size:17px;color:var(--text-muted);max-width:720px;margin:0 auto }
.benefits-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px }
.benefit { background:var(--surface-2);padding:32px 24px;border-radius:8px;border:1px solid var(--border);text-align:center;transition:.3s }
.benefit:hover { transform:translateY(-6px);box-shadow:0 16px 36px rgba(201,169,97,.18);border-color:var(--gold) }
.benefit-icon { width:64px;height:64px;background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px }
.benefit h3 { font-size:17px;color:var(--ink);font-weight:800;margin-bottom:8px }
.benefit p { font-size:14px;color:var(--text-muted);line-height:1.7 }
.jobs-section { padding:90px 0;background:var(--surface-2) }
.jobs-header { display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;flex-wrap:wrap;gap:20px }
.jobs-header h2 { font-size:38px;font-weight:900;color:var(--ink);margin-top:14px }
.jobs-header p { color:var(--text-muted);font-size:15px;margin-top:6px }
.jobs-count { display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#fff;padding:8px 18px;border-radius:30px;font-size:14px;font-weight:700 }
.jobs-grid { display:grid;grid-template-columns:1fr;gap:18px }
@keyframes spin {to{transform:rotate(360deg)}}
.job-card { background:#fff;border:1px solid var(--border);border-radius:10px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px;transition:.3s;flex-wrap:wrap }
.job-card:hover { border-color:var(--gold);box-shadow:0 12px 30px rgba(201,169,97,.15) }
.job-info { flex:1;min-width:280px }
.job-info h3 { font-size:20px;color:var(--ink);font-weight:800;margin-bottom:6px }
.job-meta { display:flex;gap:18px;flex-wrap:wrap;color:var(--text-subtle);font-size:13px;margin-top:6px }
.job-meta span { display:inline-flex;align-items:center;gap:6px }
.job-actions { display:flex;gap:10px;align-items:center }
.btn-apply { background:var(--gold);color:#fff;padding:12px 28px;font-size:14px;font-weight:700;border-radius:4px;transition:.3s;border:none;cursor:pointer;font-family:inherit }
.btn-apply:hover { background:var(--ink) }
.btn-details { background:transparent;color:var(--ink);padding:12px 22px;font-size:14px;font-weight:700;border:1.5px solid var(--ink);border-radius:4px;transition:.3s;cursor:pointer;font-family:inherit }
.btn-details:hover { background:var(--ink);color:#fff }
.modal-overlay { display:none;position:fixed;inset:0;background:rgba(26,20,16,.75);z-index:9998;align-items:center;justify-content:center;padding:30px }
.modal-overlay.show { display:flex }
.modal { background:#fff;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;border-radius:14px }
.modal-header { padding:36px 40px 28px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--surface-2) 0%,#fff 100%);position:relative }
.modal-header .close-btn { position:absolute;top:20px;left:20px;background:var(--ink);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-size:18px }
.modal-header .job-cat { margin-bottom:14px }
.modal-header h2 { font-size:30px;color:var(--ink);font-weight:900;margin-bottom:10px }
.modal-header .job-meta { font-size:14px;color:var(--text-muted) }
.modal-body { padding:32px 40px }
.modal-section { margin-bottom:28px }
.modal-section h4 { font-size:16px;color:var(--gold);font-weight:800;margin-bottom:12px;border-bottom:2px solid var(--gold);padding-bottom:8px;display:inline-block }
.modal-section ul { list-style:none;padding:0 }
.modal-section ul li { position:relative;padding-right:22px;margin-bottom:8px;color:#444;font-size:14.5px;line-height:1.8 }
.modal-section ul li::before { content:'';position:absolute;right:0;top:12px;width:8px;height:8px;background:var(--gold);border-radius:50% }
.modal-section p { color:#444;font-size:14.5px;line-height:1.9 }
.modal-footer { padding:24px 40px;background:var(--surface-2);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-radius:0 0 14px 14px }
.modal-footer .btn-apply-big { background:var(--gold);color:#fff;padding:14px 36px;font-size:15px;font-weight:700;border-radius:4px;border:none;cursor:pointer;font-family:inherit }
.modal-footer .btn-apply-big:hover { background:var(--ink) }
.apply-form { display:none;flex-direction:column;gap:14px;background:var(--surface-2);padding:28px;border-radius:10px;margin-top:20px;border:1px solid var(--border) }
.apply-form.show { display:flex }
.apply-form .form-row { display:grid;grid-template-columns:1fr 1fr;gap:14px }
.apply-form label { display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px }
.apply-form input, .apply-form select, .apply-form textarea { width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:4px;font-size:14px;font-family:inherit;background:#fff }
.apply-form input:focus, .apply-form select:focus, .apply-form textarea:focus { outline:none;border-color:var(--gold) }
.apply-form textarea { resize:vertical;min-height:90px }
.info-note { background:rgba(201,169,97,.1);border:1px solid rgba(201,169,97,.3);border-radius:6px;padding:12px 16px;font-size:13px;color:var(--ink);line-height:1.7 }
.submit-row { display:flex;gap:10px;margin-top:8px }
.btn-back { background:#fff;color:var(--ink);border:1.5px solid var(--ink);padding:12px 22px;font-size:14px;font-weight:700;border-radius:4px;cursor:pointer;font-family:inherit }
.btn-submit { background:var(--gold);color:#fff;border:none;padding:12px 30px;font-size:14px;font-weight:700;border-radius:4px;cursor:pointer;font-family:inherit;flex:1 }
.btn-submit:hover { background:var(--ink) }
@media (max-width:968px) {
.benefits-grid { grid-template-columns:1fr 1fr }
.job-card { flex-direction:column;align-items:flex-start }
.modal-header, .modal-body, .modal-footer { padding-left:24px;padding-right:24px }
.apply-form .form-row { grid-template-columns:1fr }
}
.page-hero { --hero-img: url('/assets/team/team-1600.webp'); background-image: none !important; }