main#recruiting-marketing[data-page="recruiting-marketing"] {
  --color-white: #ffffff;
  --color-navy: #102c3a;
  --color-text: #243944;
  --color-muted: #5c6d73;
  --color-neutral: #f4f5f4;
  --color-border: #d9e0e3;
  --color-green: #137a52;
  --color-green-dark: #0f6544;
  --color-overlay: rgba(16, 44, 58, 0.78);
  --color-overlay-strong: rgba(16, 44, 58, 0.95);
  --color-overlay-soft: rgba(16, 44, 58, 0.18);
  --font-display: var(--lv-font-display);
  --font-body: var(--lv-font-ui);
  --content-width: 1120px;
  --section-space: 80px;
  --mobile-space: 56px;
  --shell-gutter: 48px;
  --mobile-gutter: 48px;
  --radius: 4px;
  --focus-ring: 3px solid var(--color-green);
}
main#recruiting-marketing[data-page="recruiting-marketing"] {
  overflow-x: clip;
  scroll-behavior: smooth;
}
main#recruiting-marketing[data-page="recruiting-marketing"] {
  overflow-x: clip;
  margin: 0;
  background: var(--color-white);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
main#recruiting-marketing[data-page="recruiting-marketing"], main#recruiting-marketing[data-page="recruiting-marketing"] *,
main#recruiting-marketing[data-page="recruiting-marketing"] *::before,
main#recruiting-marketing[data-page="recruiting-marketing"] *::after {
  box-sizing: border-box;
}
main#recruiting-marketing[data-page="recruiting-marketing"] img {
  display: block;
  max-width: 100%;
  height: auto;
}
main#recruiting-marketing[data-page="recruiting-marketing"] a {
  color: inherit;
}
main#recruiting-marketing[data-page="recruiting-marketing"] h1,
main#recruiting-marketing[data-page="recruiting-marketing"] h2,
main#recruiting-marketing[data-page="recruiting-marketing"] h3,
main#recruiting-marketing[data-page="recruiting-marketing"] p,
main#recruiting-marketing[data-page="recruiting-marketing"] ol {
  min-width: 0;
  margin: 0;
}
main#recruiting-marketing[data-page="recruiting-marketing"] h1,
main#recruiting-marketing[data-page="recruiting-marketing"] h2,
main#recruiting-marketing[data-page="recruiting-marketing"] h3 {
  overflow-wrap: break-word;
  color: var(--color-navy);
  font-family: var(--font-display);
  font-weight: 500;
  line-height: 1.4;
  text-wrap: balance;
}
main#recruiting-marketing[data-page="recruiting-marketing"] p {
  overflow-wrap: anywhere;
}
main#recruiting-marketing[data-page="recruiting-marketing"] a:focus-visible,
main#recruiting-marketing[data-page="recruiting-marketing"] summary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: 4px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .site-shell {
  width: min(var(--content-width), calc(100% - var(--shell-gutter)));
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .narrow-shell {
  width: min(800px, calc(100% - var(--shell-gutter)));
}
main#recruiting-marketing[data-page="recruiting-marketing"] .text-link:hover,
main#recruiting-marketing[data-page="recruiting-marketing"] .section-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  border: 1px solid var(--color-green);
  border-radius: var(--radius);
  background: var(--color-green);
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .button:hover {
  background: var(--color-green-dark);
  border-color: var(--color-green-dark);
  color: var(--color-white);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero {
  display: flex;
  min-height: 520px;
  align-items: stretch;
  background-color: var(--color-navy);
  background-image: none;
  background-position: center;
  background-size: cover;
  color: var(--color-white);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__inner {
  display: flex;
  min-height: 520px;
  align-items: center;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__content {
  width: min(700px, 100%);
  padding: 72px 0;
  color: var(--color-white);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero h1 {
  max-width: 760px;
  margin-bottom: 26px;
  color: var(--color-white);
  font-size: 48px;
  letter-spacing: 0.01em;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero p {
  max-width: 680px;
  margin-bottom: 32px;
  color: var(--color-white);
  font-size: 17px;
  line-height: 1.9;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .button--primary {
  min-width: 260px;
  min-height: 56px;
  padding: 14px 26px;
  font-size: 16px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section-cta {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section {
  padding: var(--section-space) 0;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section--white {
  background: var(--color-white);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section--neutral {
  background: var(--color-neutral);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section--navy {
  background: var(--color-navy);
  color: var(--color-white);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section--navy h2 {
  color: var(--color-white);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section h2 {
  max-width: 960px;
  margin-inline: auto;
  margin-bottom: 48px;
  font-size: 34px;
  text-align: center;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section-lead {
  max-width: 760px;
  margin: -20px auto 42px;
  text-align: center;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .case-grid,
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-list {
  display: grid;
  min-width: 0;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .flat-item {
  min-width: 0;
  padding-top: 20px;
  border-top: 1px solid var(--color-navy);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section--neutral .flat-item {
  border-top-color: var(--color-text);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .flat-item h3,
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item h3,
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item h3 {
  margin-bottom: 14px;
  font-size: 21px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .flat-item p,
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item p,
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item p {
  font-size: 15px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section-note {
  max-width: 920px;
  margin: 48px auto 0;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .case-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 32px;
  border: 1px solid var(--color-border);
  border-top: 3px solid var(--color-navy);
  background: var(--color-white);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item h3 {
  margin-bottom: 16px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item p {
  margin-bottom: 28px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .text-link,
main#recruiting-marketing[data-page="recruiting-marketing"] .section-link {
  color: var(--color-text);
  font-weight: 700;
  text-underline-offset: 4px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item .text-link {
  margin-top: auto;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section-link {
  display: inline-block;
  margin-top: 42px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .section--navy .text-link,
main#recruiting-marketing[data-page="recruiting-marketing"] .section--navy .section-link {
  color: var(--color-white);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .phrase {
  display: inline-block;
  max-width: 100%;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  padding: 0;
  list-style: none;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item {
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid var(--color-navy);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item__index {
  display: block;
  margin-bottom: 12px;
  color: var(--color-green);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list {
  border-top: 1px solid var(--color-border);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list details {
  border-bottom: 1px solid var(--color-border);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list summary {
  position: relative;
  padding: 22px 48px 22px 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  list-style: none;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list summary::-webkit-details-marker {
  display: none;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list summary::after {
  position: absolute;
  top: 28px;
  right: 8px;
  width: 12px;
  height: 12px;
  border-right: 2px solid var(--color-green);
  border-bottom: 2px solid var(--color-green);
  content: "";
  transform: rotate(45deg);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list details[open] summary::after {
  top: 33px;
  transform: rotate(225deg);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list details p {
  max-width: 760px;
  padding: 0 48px 24px 0;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .final-section {
  text-align: center;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .final-section h2 {
  margin-bottom: 24px;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .final-section p {
  max-width: 720px;
  margin: 0 auto 32px;
}
@media (max-width: 900px) {
main#recruiting-marketing[data-page="recruiting-marketing"] {
    --shell-gutter: var(--mobile-gutter);
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .hero,
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__inner {
    min-height: 500px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .hero {
    background-position: 62% center;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__content {
    padding: 56px 0;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .hero h1 {
    margin-bottom: 22px;
    font-size: 28px;
    line-height: 1.55;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .hero p {
    margin-bottom: 28px;
    font-size: 16px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .section {
    padding: var(--mobile-space) 0;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .section h2 {
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 1.55;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .section-lead {
    margin: -8px auto 32px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .case-grid,
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .flat-item,
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item {
    padding-top: 18px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item {
    padding: 24px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .section-note {
    margin-top: 32px;
    padding-top: 20px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list summary {
    padding: 19px 42px 19px 0;
    font-size: 17px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list summary::after {
    top: 25px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list details[open] summary::after {
    top: 30px;
  }
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list details p {
    padding: 0 24px 22px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
main#recruiting-marketing[data-page="recruiting-marketing"] {
    scroll-behavior: auto;
  }
main#recruiting-marketing[data-page="recruiting-marketing"], main#recruiting-marketing[data-page="recruiting-marketing"] *,
main#recruiting-marketing[data-page="recruiting-marketing"] *::before,
main#recruiting-marketing[data-page="recruiting-marketing"] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
main#recruiting-marketing[data-page="recruiting-marketing"] {
  --color-hero-target-border: rgba(255, 255, 255, 0.55);
  --color-hero-target-surface: rgba(255, 255, 255, 0.06);
}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero p {font-size: 16px; max-width: 650px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__targets {display: grid; grid-template-columns: repeat(3, max-content); gap: 8px; width: fit-content; max-width: 100%; margin: 0 0 24px; padding: 0; list-style: none; letter-spacing: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__target {border: 1px solid var(--color-hero-target-border); border-radius: 4px; background: var(--color-hero-target-surface); padding: 6px 10px; color: var(--color-white); font-family: var(--font-body); font-size: 14px; font-weight: 500; line-height: 1.6; text-align: center; white-space: nowrap}
main#recruiting-marketing[data-page="recruiting-marketing"] .no-break {white-space: nowrap}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-list {border-top: 1px solid var(--color-border)}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-row {display: grid; grid-template-columns: minmax(0, 0.9fr) 32px minmax(0, 1.6fr); align-items: start; gap: 32px; padding: 32px 0; border-bottom: 1px solid var(--color-border)}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-row .solution-problem {font-size: 21px; line-height: 1.65; margin: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-arrow {font-size: 28px; line-height: 1.4; color: var(--color-navy)}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-response h3 {font-size: 25px; line-height: 1.5; margin-bottom: 16px}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-response p {font-size: 16px; line-height: 1.95}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-list {border-top: 1px solid var(--color-border)}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-row {display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.55fr) minmax(0, 1.05fr); gap: 32px; padding: 28px 0; border-bottom: 1px solid var(--color-border)}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-row h3 {font-size: 22px}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-row p,
main#recruiting-marketing[data-page="recruiting-marketing"] .work-output {font-size: 15px}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-output {margin: 0; padding: 18px 20px; background: var(--color-neutral)}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-output dt {font-weight: 700; margin-bottom: 8px}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-output dd {margin: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .role-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; margin-top: 38px}
main#recruiting-marketing[data-page="recruiting-marketing"] .role-item {border-top: 1px solid var(--color-border); padding-top: 22px}
main#recruiting-marketing[data-page="recruiting-marketing"] .role-item h3 {font-size: 24px; color: var(--color-white); margin-bottom: 14px}
main#recruiting-marketing[data-page="recruiting-marketing"] .role-item p {font-size: 15px}
main#recruiting-marketing[data-page="recruiting-marketing"] .section--navy .section-lead {max-width: 820px}
main#recruiting-marketing[data-page="recruiting-marketing"] .fee-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px}
main#recruiting-marketing[data-page="recruiting-marketing"] .fee-grid h3 {font-size: 22px}
main#recruiting-marketing[data-page="recruiting-marketing"] .fee-grid p {font-size: 15px}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-list {counter-reset: process}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item::before {counter-increment: process; content: counter(process, decimal-leading-zero); display: block; color: var(--color-navy); font-family: var(--font-display); font-size: 32px; line-height: 1.3; margin-bottom: 16px}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item h3 {font-size: 19px}
main#recruiting-marketing[data-page="recruiting-marketing"] .section-note {font-size: 14px; line-height: 1.9}
main#recruiting-marketing[data-page="recruiting-marketing"] .final-section .section-lead {margin: 0 auto 30px}
main#recruiting-marketing[data-page="recruiting-marketing"] .final-section .section-cta {margin-top: 0}
@media (max-width: 900px) {
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__targets {grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(360px, 100%); margin-bottom: 24px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__target {padding: 6px; font-size: 13px}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-row {grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 28px 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-row .solution-problem {font-size: 20px}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-arrow {justify-self: start; transform: rotate(90deg); line-height: 1}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-response h3 {font-size: 23px; margin-bottom: 12px}
main#recruiting-marketing[data-page="recruiting-marketing"] .role-grid,
main#recruiting-marketing[data-page="recruiting-marketing"] .fee-grid {grid-template-columns: minmax(0, 1fr); gap: 28px}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-row {grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 26px 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-row h3 {font-size: 23px}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-output {padding: 16px 18px}
main#recruiting-marketing[data-page="recruiting-marketing"] .fee-grid h3 {font-size: 22px}
main#recruiting-marketing[data-page="recruiting-marketing"] .role-grid {margin-top: 30px}
main#recruiting-marketing[data-page="recruiting-marketing"] .role-item h3 {font-size: 23px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero {background-position: 65% center}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__content {width: 100%}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero .button--primary,
main#recruiting-marketing[data-page="recruiting-marketing"] .section-cta .button--primary {width: 100%; min-width: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .section-note {margin-top: 32px}
}
main#recruiting-marketing[data-page="recruiting-marketing"] {
  --color-image-caption: rgba(16, 44, 58, 0.84);
  --color-image-clear: rgba(16, 44, 58, 0.03);
  --color-flow-line: #bccbd0;
  --color-focus-on-dark: #d5f3df;
}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero {position: relative; display: block; isolation: isolate; min-height: 548px; background-image: none}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual {position: absolute; inset: 0 0 0 42%; z-index: 0; margin: 0; overflow: clip}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual img {width: 100%; height: 100%; object-fit: cover; object-position: center 44%}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual::after {position: absolute; inset: 0; background: linear-gradient(90deg, var(--color-navy), var(--color-overlay) 25%, var(--color-image-clear) 80%); content: ""}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual figcaption {position: absolute; right: 18px; bottom: 14px; z-index: 2; max-width: calc(100% - 36px); padding: 4px 8px; background: var(--color-image-caption); color: var(--color-white); font-size: 11px; line-height: 1.6}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__inner {position: relative; z-index: 1; min-height: 548px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__content {width: min(740px, 100%); padding: 52px 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero h1 {max-width: 740px; margin-bottom: 24px; font-size: 44px; line-height: 1.4}
main#recruiting-marketing[data-page="recruiting-marketing"] .heading-line {display: block; min-width: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .heading-chunk {display: inline-block; max-width: 100%; white-space: normal}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero p {max-width: 650px; margin-bottom: 28px; font-size: 16px; line-height: 1.95}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero p.hero__purpose {margin: 14px 0 0; font-size: 13px; line-height: 1.7}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__targets {grid-template-columns: repeat(4, max-content); gap: 8px; margin-bottom: 24px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__target {padding: 5px 10px; font-size: 13px}
main#recruiting-marketing[data-page="recruiting-marketing"] .problems-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 64px}
main#recruiting-marketing[data-page="recruiting-marketing"] .problems-grid .flat-item h3 {font-size: 23px; line-height: 1.55}
main#recruiting-marketing[data-page="recruiting-marketing"] .problems-grid .phrase {display: block}
main#recruiting-marketing[data-page="recruiting-marketing"] .problems-grid .flat-item p {font-size: 16px}
main#recruiting-marketing[data-page="recruiting-marketing"] #analysis .section-lead {max-width: 840px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-flow {margin-bottom: 48px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-flow h3 {margin-bottom: 22px; font-size: 24px; text-align: left}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 2px solid var(--color-navy); border-bottom: 1px solid var(--color-border); list-style: none; background: var(--color-white)}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li {position: relative; min-width: 0; padding: 24px 22px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li + li {border-left: 1px solid var(--color-border)}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li + li::before {position: absolute; left: -6px; top: 34px; width: 10px; height: 10px; transform: rotate(-45deg); border-right: 1px solid var(--color-flow-line); border-bottom: 1px solid var(--color-flow-line); background: var(--color-white); content: ""}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track strong {display: block; margin-bottom: 9px; color: var(--color-navy); font-size: 19px; line-height: 1.5}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track p {font-size: 14px; line-height: 1.8}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-note {margin-top: 18px; color: var(--color-muted); font-size: 14px; line-height: 1.85}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-row {grid-template-columns: minmax(0, .8fr) 28px minmax(0, 1.65fr); gap: 28px}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-response h3 {font-size: 24px; line-height: 1.55}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-response p {line-height: 1.9}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 56px}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-item {padding-top: 22px; border-top: 1px solid var(--color-navy); min-width: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-item h3 {margin-bottom: 16px; font-size: 24px}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-item p {font-size: 16px}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-key {display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; margin: 20px 0 0; color: var(--color-muted); font-size: 13px; line-height: 1.8}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-key dt {font-weight: 600}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-key dd {margin: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-row p,
main#recruiting-marketing[data-page="recruiting-marketing"] .work-output {font-size: 16px}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-row h3 {font-size: 23px; line-height: 1.55}
main#recruiting-marketing[data-page="recruiting-marketing"] .role-item p,
main#recruiting-marketing[data-page="recruiting-marketing"] .fee-grid p,
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item p,
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item p {font-size: 16px}
main#recruiting-marketing[data-page="recruiting-marketing"] .fee-grid h3,
main#recruiting-marketing[data-page="recruiting-marketing"] .case-item h3 {font-size: 23px; line-height: 1.55}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-item h3 {font-size: 20px; line-height: 1.55}
main#recruiting-marketing[data-page="recruiting-marketing"] .section-note {max-width: 100%; color: var(--color-muted)}
main#recruiting-marketing[data-page="recruiting-marketing"] .faq-list details p {font-size: 16px}
main#recruiting-marketing[data-page="recruiting-marketing"] .section h2 .phrase + .phrase {margin-left: .2em}
main#recruiting-marketing[data-page="recruiting-marketing"] .final-section h2 .phrase {display: block; margin-left: 0}
@media (min-width: 901px) and (max-width: 1199px) {
main#recruiting-marketing[data-page="recruiting-marketing"] .hero h1 {font-size: 40px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__content {max-width: 690px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual {left: 38%}
main#recruiting-marketing[data-page="recruiting-marketing"] .work-row {gap: 24px}
}
@media (max-width: 900px) {
main#recruiting-marketing[data-page="recruiting-marketing"] .hero {display: flex; flex-direction: column; min-height: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__inner {order: 1; min-height: 0; width: calc(100% - 48px)}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__content {padding: 36px 0 32px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero h1 {font-size: 36px; line-height: 1.5; margin-bottom: 20px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero p {max-width: 650px; font-size: 16px; line-height: 1.9; margin-bottom: 24px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero p.hero__purpose {margin-top: 12px; font-size: 12px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__targets {grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(440px, 100%); margin-bottom: 20px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual {position: relative; inset: auto; z-index: 0; order: 2; height: 300px; width: 100%}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual::after {display: none}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual img {object-position: center 40%}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual figcaption {right: 12px; bottom: 10px; font-size: 10px}
main#recruiting-marketing[data-page="recruiting-marketing"] .problems-grid {grid-template-columns: minmax(0, 1fr); gap: 30px}
main#recruiting-marketing[data-page="recruiting-marketing"] .problems-grid .flat-item h3 {font-size: 22px}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-row {grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 28px 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-response h3 {font-size: 23px}
main#recruiting-marketing[data-page="recruiting-marketing"] .solution-row .solution-problem {font-size: 19px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-flow {margin-bottom: 32px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-flow h3 {font-size: 23px; line-height: 1.55; margin-bottom: 20px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track {grid-template-columns: repeat(2, minmax(0, 1fr))}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li {padding: 20px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li:nth-child(3) {border-left: 0}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li:nth-child(n+3) {border-top: 1px solid var(--color-border)}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li:nth-child(3)::before {display: none}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track strong {font-size: 18px}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-grid {grid-template-columns: minmax(0, 1fr); gap: 30px}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-item h3 {font-size: 23px}
main#recruiting-marketing[data-page="recruiting-marketing"] .section h2 .phrase + .phrase {margin-left: 0}
}
@media (max-width: 520px) {
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__content {padding-top: 30px; padding-bottom: 28px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero h1 {font-size: 26px; line-height: 1.55}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__target {padding: 5px 4px; font-size: 13px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual {height: 228px}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual img {object-position: 58% 42%}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track {grid-template-columns: minmax(0, 1fr)}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li {padding: 17px 20px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li + li {border-left: 0; border-top: 1px solid var(--color-border)}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track li + li::before {display: none}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track strong {margin-bottom: 4px}
main#recruiting-marketing[data-page="recruiting-marketing"] .acquisition-track p {font-size: 14px}
main#recruiting-marketing[data-page="recruiting-marketing"] .consultation-key {grid-template-columns: minmax(0, 1fr); gap: 3px; font-size: 13px}
main#recruiting-marketing[data-page="recruiting-marketing"] .flow-note {font-size: 14px}
}
main#recruiting-marketing[data-page="recruiting-marketing"] a:active,
main#recruiting-marketing[data-page="recruiting-marketing"] summary:active {opacity: .82}
main#recruiting-marketing[data-page="recruiting-marketing"] .button:active {background: var(--color-green-dark); border-color: var(--color-green-dark)}
main#recruiting-marketing[data-page="recruiting-marketing"] .hero a:focus-visible,
main#recruiting-marketing[data-page="recruiting-marketing"] .section--navy a:focus-visible {outline-color: var(--color-focus-on-dark)}
main#recruiting-marketing[data-page="recruiting-marketing"] details:not([open]) > :not(summary) {display: none}
main#recruiting-marketing[data-page="recruiting-marketing"] #consultations {padding-bottom: 52px}
main#recruiting-marketing[data-page="recruiting-marketing"] #work {padding-top: 52px}
@media (max-width: 900px) {
main#recruiting-marketing[data-page="recruiting-marketing"] .hero__visual img {object-position: center 20%}
main#recruiting-marketing[data-page="recruiting-marketing"] #consultations {padding-bottom: 40px}
main#recruiting-marketing[data-page="recruiting-marketing"] #work {padding-top: 40px}
}