html[data-theme] body.careers-page[data-variant="e"] .site-shell { background: #f3efe7; }
.careers-page .restaurant-nav { position: sticky; top: 0; z-index: 40; }
.careers-page .nav-links [aria-current="page"] { text-decoration: underline; text-underline-offset: 7px; }
.careers-hero, .career-hero { background: #211008; color: #fff; }
.careers-hero { min-height: min(600px, 78svh); padding: clamp(130px, 16vw, 220px) clamp(22px, 7vw, 10vw) clamp(80px, 12vw, 150px); display: grid; align-content: end; }
.careers-hero > * { width: min(100%, 1360px); margin-inline: auto; }
.careers-hero p, .career-eyebrow { margin: 0 0 16px; color: #5d0b0e; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.careers-hero p { color: #edcdbc; margin-bottom: 22px; }
.careers-hero h1, .careers-page :is(.job-listings, .career-roles, .career-apply) h2 { margin: 0; font-family: var(--headline); font-weight: 600; line-height: .95; letter-spacing: -.045em; }
.careers-hero h1 { max-width: 12ch; font-size: clamp(48px, 12vw, 124px); }
.careers-hero span { display: inline-block; margin-top: 26px; padding: 10px 17px; border: 1px solid #debcb0; border-radius: 999px; font-size: 13px; font-weight: 700; }
.job-listings, .careers-contact { width: min(100%, 1360px); margin-inline: auto; padding: clamp(66px, 9vw, 126px) clamp(22px, 5vw, 76px); }
.job-listings-heading { display: grid; gap: 28px; }
.careers-page :is(.job-listings, .career-roles, .career-apply) h2 { font-size: clamp(48px, 6.6vw, 86px); }
.job-search { min-height: 52px; padding: 0 16px; display: flex; align-items: center; gap: 10px; border: 1px solid #8b796e; border-radius: 8px; background: #fff; color: #211008; }
.job-search:focus-within { outline: 3px solid #5d0b0e; outline-offset: 2px; }
.job-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; }
.job-count { margin: 38px 0 14px; color: #6e584a; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.job-table-wrap { border-top: 1px solid #877061; }.job-table { width: 100%; border-collapse: collapse; text-align: left; }.job-table th { padding: 16px 14px; color: #6e584a; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }.job-table td { padding: 24px 14px; border-top: 1px solid #b4a497; color: #4c3a31; font-size: 16px; line-height: 1.45; vertical-align: middle; }.job-table th:first-child, .job-table td:first-child { padding-left: 0; }.job-table th:last-child, .job-table td:last-child { padding-right: 0; }
.job-title { display: block; width: fit-content; color: #211008; font-family: var(--headline); font-size: clamp(28px, 3vw, 42px); line-height: 1; text-decoration: none; }.job-title:hover, .job-details:hover { text-decoration: underline; text-underline-offset: 5px; }.job-title + span { display: block; margin-top: 9px; color: #6e584a; font-size: 13px; }
.job-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; justify-content: flex-end; }.job-whatsapp, .career-mail-link { min-height: 44px; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #5d0b0e; color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; }.job-whatsapp:hover, .career-mail-link:hover { background: #4a0709; }.job-details, .career-text-link { min-height: 44px; display: inline-flex; align-items: center; color: #5d0b0e; font-size: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }.job-no-results { margin: 26px 0 0; color: #4c3a31; }
.careers-contact { padding-top: 0; color: #4c3a31; }.careers-contact p:last-child { margin: 0; font-family: var(--headline); font-size: clamp(28px, 4vw, 48px); }.careers-contact a { color: inherit; text-decoration-color: #5d0b0e; text-underline-offset: 7px; }.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (min-width:768px) { .job-listings-heading { grid-template-columns:minmax(0,1fr) minmax(340px,.8fr); align-items:end; } }
@media (max-width:767px) { .job-table thead { display:none; }.job-table, .job-table tbody, .job-table tr, .job-table td { display:block; width:100%; }.job-table tr { padding:25px 0; border-top:1px solid #b4a497; }.job-table td { padding:7px 0; border:0; }.job-table td:not(:first-child)::before { content:attr(data-label); display:block; margin-bottom:2px; color:#6e584a; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.job-actions { justify-content:flex-start; margin-top:12px; } }
.career-hero { min-height:580px; padding-top:70px; display:grid; grid-template-rows:auto auto; }.career-hero-copy { width:min(100%,1360px); margin:auto; padding:clamp(56px,8vw,112px) clamp(22px,5vw,76px); }.career-hero-copy p { margin:0 0 22px; color:#edcdbc; font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.career-hero h1 { max-width:14ch; margin:0; font-family:var(--headline); font-size:clamp(44px,12vw,124px); font-weight:600; line-height:.94; letter-spacing:-.045em; }.career-hero-copy span { display:inline-block; margin-top:24px; padding:10px 17px; border:1px solid #debcb0; border-radius:999px; font-size:13px; font-weight:700; }.career-hero > img { width:100%; height:auto; max-height:640px; display:block; object-fit:contain; object-position:center; }.back-to-jobs { display:inline-flex; min-height:44px; align-items:center; margin-bottom:36px; color:#fff; font-size:14px; font-weight:800; text-decoration:underline; text-underline-offset:6px; }.career-roles { background:#e2d9cd; }.career-roles-inner, .career-apply { width:min(100%,1360px); margin-inline:auto; padding:clamp(72px,9vw,130px) clamp(22px,5vw,76px); display:grid; gap:36px; }.career-role { display:grid; gap:36px; }.career-role-summary, .career-apply p { max-width:55ch; margin:24px 0 0; color:#4c3a31; font-size:clamp(17px,1.55vw,21px); line-height:1.6; }.career-role section { padding-top:20px; border-top:1px solid #877061; }.career-role h3 { margin:0 0 18px; font-size:16px; letter-spacing:.08em; text-transform:uppercase; }.career-role ul { max-width:58ch; margin:0; padding-left:20px; display:grid; gap:12px; font-size:clamp(16px,1.4vw,19px); line-height:1.5; }.career-facts { margin:28px 0; display:flex; flex-wrap:wrap; gap:12px; }.career-facts div { min-width:170px; padding:16px; border:1px solid #8b796e; border-radius:8px; }.career-facts dt { color:#6e584a; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.career-facts dd { margin:6px 0 0; font-family:var(--headline); font-size:26px; }.career-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:28px; }.career-apply .career-note { margin-top:14px; font-size:13px; }.career-apply img { width:100%; min-height:340px; max-height:560px; height:100%; display:block; object-fit:cover; border-radius:12px; }
@media (min-width:768px) { .career-hero { min-height:min(760px,90svh); padding-top:78px; grid-template-columns:1fr 1fr; grid-template-rows:auto; }.career-hero > img { height:100%; max-height:none; }.career-roles-inner, .career-apply { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:50px; }.career-role { grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px; } }
.career-promise { width:min(100%,1360px); margin-inline:auto; padding:clamp(56px,8vw,104px) clamp(22px,5vw,76px) 0; }.career-promise ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; }.career-promise li { display:grid; gap:8px; padding:clamp(20px,2.4vw,30px); border-radius:12px; background:#e2d9cd; }.career-promise strong { color:#211008; font-family:var(--headline); font-size:clamp(24px,2.4vw,32px); font-weight:600; letter-spacing:-.02em; line-height:1.05; }.career-promise span { color:#4c3a31; font-size:16px; line-height:1.45; }.career-promise-note { margin:16px 0 0; color:#6e584a; font-size:14px; }
@media (min-width:1024px) { .career-promise ul { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.careers-hero span { width:fit-content; margin-inline:0 auto; border:0; background:rgba(255,255,255,.1); }