/* Careers: keep hiring copy editable while giving the page its own character. */
body.page-id-184 .page-hero { background: radial-gradient(ellipse at 85% 30%, #ccebf3, transparent 48%), linear-gradient(115deg, #f6f1e5, #eef6df); }
body.page-id-184 .page-hero__copy { max-width: none; }
body.page-id-184 .page-hero h1 { max-width: none; font-size: clamp(4rem, 9vw, 8rem); }
body.page-id-184 .page-content-section { background: linear-gradient(180deg, #faf9f5, #eef6df); }
.visual-page--about-careers { display: grid; gap: 2rem; }
.visual-page--about-careers .visual-page__intro {
  position: relative; isolation: isolate; align-items: center;
  grid-template-columns: minmax(0, 1.4fr) minmax(12rem, .7fr);
  gap: 2rem; min-height: 26rem; padding: clamp(1.5rem, 4vw, 3.5rem);
  border: 1px solid #b7dce7; border-radius: 2rem;
  background: radial-gradient(circle at 85% 50%, #d8edbd 0 19%, transparent 19.2%), #e3f2f7;
}
.visual-page--about-careers .visual-page__intro h2 { font-size: clamp(2.8rem, 5vw, 4.7rem); line-height: 1.04; margin: 0 0 1.5rem; }
.visual-page--about-careers .visual-page__intro p { max-width: none; }
.visual-page--about-careers .visual-page__intro strong { position: relative; display: inline-block; padding: 14px 20px 12px; border: 0; border-radius: 1px; color: #092333; background: #DFF2F8; box-shadow: 0 10px 16px -8px rgba(0,0,0,.35); font-family: var(--tn-font-display,serif); font-size: 21px; font-style: italic; font-weight: 400; line-height: 1.1; transform: rotate(-4deg); cursor: default; }
.visual-page--about-careers .visual-page__intro strong::before { position: absolute; z-index: 1; top: -9px; left: 50%; width: 62px; height: 18px; background: rgba(255,255,255,.55); content: ''; transform: translateX(-50%) rotate(3deg); }
.visual-page--about-careers .visual-page__intro strong::after { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 9px solid #dbe5e8; border-left: 9px solid transparent; content: ''; }
.visual-page--about-careers .visual-page__intro-mark { display: none; }
.visual-page--about-careers .visual-page__intro::after { content: ''; display: block; width: 100%; height: 23rem; background: url('images/brand/mascot-careers-welcome.webp') center bottom / contain no-repeat; }
.visual-page--about-careers .visual-rich-section { position: relative; margin: 0; border-radius: 2rem; padding: clamp(1.6rem, 4vw, 3.5rem); grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.visual-page--about-careers .visual-rich-section--ink { background: radial-gradient(circle at 100% 0, #1a6480, transparent 65%), #0a1f2c; box-shadow: 0 .8rem 2rem #0a1f2c14; border-top: .4rem solid #22afd0; }
.visual-page--about-careers .visual-rich-section--ink h2 { color: #fff; font-size: clamp(2rem, 3.8vw, 3.3rem); }
.visual-page--about-careers .visual-rich-section--ink p { color: #d3e6ee; }
.visual-page--about-careers .visual-rich-section--bone { background: #e6f2d3; border: 1px solid #c6dca6; border-bottom: .4rem solid #8ec637; }
.visual-page--about-careers .visual-rich-section--bone h2 { font-size: clamp(2rem, 3.8vw, 3.3rem); }
.visual-page--about-careers a[href^='mailto:'] { display: table; margin-top: 1.25rem; padding: .8rem 1.4rem; border: 2px solid #0a1f2c; border-radius: .65rem; background: #0a1f2c; color: #fff; font-weight: 700; text-decoration: none; }
.visual-page--about-careers a[href^='mailto:']:hover { background: #0e4f6e; }
.visual-page--about-careers a[href^='mailto:']:focus-visible { outline: 3px solid #0e4f6e; outline-offset: 4px; }
@media (max-width: 640px) {
  .visual-page--about-careers .visual-page__intro { grid-template-columns: 1fr; gap: 0; background: radial-gradient(circle at 50% 85%, #d8edbd 0 23%, transparent 23.2%), #e3f2f7; }
  .visual-page--about-careers .visual-page__intro::after { height: 16rem; margin-top: 1rem; }
  .visual-page--about-careers .visual-rich-section { grid-template-columns: 1fr; gap: 1.5rem; }
}