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-page .career-hero { min-height: 580px; padding-top: 70px; display: grid; grid-template-rows: auto auto; background: #211008; color: white; }
.careers-page .career-hero-copy { width: min(100%, 1360px); margin: auto; padding: clamp(56px, 8vw, 112px) clamp(22px, 5vw, 76px); }
.careers-page .career-hero-copy p { margin: 0 0 22px; color: #edcdbc; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.careers-page .career-hero h1 { max-width: 14ch; margin: 0; font-family: Boska, Georgia, serif; font-size: clamp(56px, 9vw, 124px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.careers-page .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; }
.careers-page .career-hero > img { width: 100%; height: auto; max-height: 640px; display: block; object-fit: contain; object-position: center; }
.careers-page .career-intro, .careers-page .career-roles-inner, .careers-page .career-apply { width: min(100%, 1360px); margin-inline: auto; padding: clamp(72px, 9vw, 130px) clamp(22px, 5vw, 76px); }
.careers-page .career-intro { display: grid; gap: 28px; }
.careers-page :is(.career-intro, .career-roles, .career-apply) h2 { margin: 0; font-family: Boska, Georgia, serif; font-size: clamp(48px, 6.6vw, 86px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.careers-page .career-intro p, .careers-page .career-apply p { max-width: 55ch; margin: 0 0 16px; color: #4c3a31; font-size: clamp(17px, 1.55vw, 21px); line-height: 1.6; }
.careers-page .career-text-link { display: inline-flex; min-height: 44px; align-items: center; gap: 12px; color: #a60f2d; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
.careers-page .career-roles { background: #e2d9cd; }
.careers-page .career-roles-inner { display: grid; gap: 36px; }
.careers-page .career-eyebrow { margin: 0 0 16px; color: #a60f2d; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.careers-page .career-empty { padding-top: 20px; border-top: 1px solid #877061; }
.careers-page .career-empty span { font-family: Boska, Georgia, serif; font-size: 64px; }
.careers-page .career-empty p { max-width: 46ch; margin: 0 0 12px; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.5; }
.careers-page .career-empty p:first-of-type { font-weight: 800; }
.careers-page .career-apply { display: grid; gap: 36px; }
.careers-page .career-apply h2 { margin-bottom: 24px; }
.careers-page .career-mail-link { min-height: 50px; width: fit-content; margin: 14px 0; padding: 14px 24px; display: inline-flex; align-items: center; gap: 12px; border-radius: 10px; background: #a60f2d; color: #fff; font-weight: 800; }
.careers-page .career-mail-link:hover { background: #850c25; }
.careers-page .career-apply .career-note { max-width: 48ch; font-size: 13px; line-height: 1.5; }
.careers-page .career-interest-form { max-width: 580px; margin-top: 34px; display: grid; gap: 18px; }
.careers-page .career-interest-form label { display: grid; gap: 8px; font-size: 14px; font-weight: 800; }
.careers-page .career-interest-form :is(input, textarea) { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #8b796e; border-radius: 8px; background: #fff; color: #211008; font: inherit; font-weight: 400; }
.careers-page .career-interest-form textarea { min-height: 112px; resize: vertical; }
.careers-page .career-interest-form :is(input, textarea):focus-visible { outline: 3px solid #a60f2d; outline-offset: 2px; }
.careers-page .career-interest-form .career-mail-link { margin: 0; border: 0; cursor: pointer; }
.careers-page .career-interest-form .career-mail-link:disabled { opacity: .55; cursor: not-allowed; }
.careers-page .career-interest-form .career-note { margin: 0 0 10px; }
.careers-page .career-apply img { width: 100%; height: 100%; min-height: 340px; max-height: 560px; display: block; object-fit: cover; border-radius: 12px; }
@media (min-width: 768px) {
  .careers-page .career-hero { min-height: min(760px, 90svh); padding-top: 78px; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .careers-page .career-hero > img { height: 100%; max-height: none; }
  .careers-page .career-intro, .careers-page .career-roles-inner, .careers-page .career-apply { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 50px; }
}