/*
 * Poco Recruit / Clean Editorial
 * A grounded recruitment direction: real place, real work, honest conditions.
 */
:root {
  --recruit-ivory: #fffdf9;
  --recruit-cream: #f7f2ea;
  --recruit-charcoal: #272426;
  --recruit-body: #655d5d;
  --recruit-orange: #f09135;
  --recruit-orange-deep: #d96d17;
  --recruit-mint: #31bdac;
  --recruit-aqua: #e2f6f3;
  --recruit-line: rgba(39, 36, 38, .17);
  --recruit-mono: "DM Sans", "Helvetica Neue", Arial, sans-serif;
}

/* Clean editorial pass: real place, real work, less concept art. */
.recruit-page--pop {
  --clean-paper: #fcf9f3;
  --clean-white: #ffffff;
  --clean-ink: #2e2a28;
  --clean-body: #625a55;
  --clean-orange: #f09135;
  --clean-orange-deep: #e47715;
  --clean-aqua: #bce2e8;
  --clean-aqua-bg: #e2fffc;
  background: var(--clean-paper);
  color: var(--clean-ink);
}

body.page-template-page-recruit .header,
body.page-template-page-recruit-php .header {
  height: 88px;
  background: transparent;
}

body.page-template-page-recruit .header-inner,
body.page-template-page-recruit-php .header-inner {
  width: calc(100% - 40px);
  max-width: 1080px;
  margin: 0 auto;
  align-items: center;
}

body.page-template-page-recruit .header-logo,
body.page-template-page-recruit-php .header-logo {
  display: block !important;
  width: 72px;
  padding: 0;
}

body.page-template-page-recruit .header-logo img,
body.page-template-page-recruit-php .header-logo img { width: 72px; }

body.page-template-page-recruit .header-nav,
body.page-template-page-recruit-php .header-nav { margin-left: auto; padding: 0; }

body.page-template-page-recruit .header-nav__link,
body.page-template-page-recruit-php .header-nav__link {
  color: var(--clean-ink) !important;
  text-shadow: none;
  font-size: 11px;
  font-weight: 700;
}

.recruit-page--pop .recruit-hero {
  min-height: 760px;
  display: block;
  background: var(--clean-paper);
}

.recruit-page--pop .recruit-hero__grid,
.recruit-page--pop .recruit-collage,
.recruit-page--pop .recruit-brand-chip,
.recruit-page--pop .recruit-hero__rail,
.recruit-page--pop .recruit-hero__stamp,
.recruit-page--pop .recruit-hero__scroll { display: none !important; }

.recruit-page--pop .recruit-hero__photo {
  display: block;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 52%;
  border-left: 6px solid var(--clean-aqua);
}

.recruit-page--pop .recruit-hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 61% center;
  transform: none;
  transition: none;
}

.recruit-page--pop .recruit-hero__veil { display: none; }

.recruit-page--pop .recruit-hero__inner {
  min-height: 760px;
  padding: 128px 0 92px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  z-index: 2;
}

.recruit-page--pop .recruit-hero__content { max-width: 520px; }
.recruit-page--pop .recruit-hero__content .recruit-kicker { color: var(--clean-orange); }

.recruit-page--pop .recruit-hero h1 {
  color: var(--clean-ink);
  font-size: clamp(44px, 5vw, 72px);
  letter-spacing: -.055em;
  line-height: 1.24;
  text-shadow: none;
}

.recruit-page--pop .recruit-hero h1 em { color: var(--clean-orange); }
.recruit-page--pop .recruit-hero__lead { max-width: 470px; color: var(--clean-body); }

.recruit-page--pop .recruit-hero__tags { gap: 0; margin-top: 25px; }
.recruit-page--pop .recruit-hero__tags span {
  padding: 2px 13px 2px 10px;
  color: var(--clean-body);
  border: 0;
  border-left: 2px solid var(--clean-orange);
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 700;
}
.recruit-page--pop .recruit-hero__tags span:first-child { padding-left: 0; border-left: 0; }

.recruit-page--pop .recruit-hero__bubble {
  position: absolute;
  right: auto;
  bottom: 28px;
  left: 0;
  width: auto;
  height: 54px;
  min-height: 54px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  gap: 22px;
  border: 0;
  border-radius: 999px;
  color: #fff !important;
  background: var(--clean-orange);
  box-shadow: none;
  transform: none !important;
}

.recruit-page--pop .recruit-hero__bubble span { font-size: 13px; font-weight: 800; }
.recruit-page--pop .recruit-hero__bubble strong { display: none; }
.recruit-page--pop .recruit-hero__bubble i { align-self: center; margin: 0 !important; font-family: var(--recruit-mono); font-size: 22px; font-style: normal; line-height: 1; }
.recruit-page--pop .recruit-hero__bubble:hover { transform: translateX(4px) !important; filter: none; }

.recruit-page--pop .recruit-anchor-nav {
  margin: 0;
  border-top: 1px solid rgba(46, 42, 40, .16);
  border-bottom: 1px solid rgba(46, 42, 40, .16);
  border-radius: 0;
  background: var(--clean-white);
  box-shadow: none;
  backdrop-filter: none;
}

.recruit-page--pop .recruit-anchor-nav__inner { min-height: 70px; gap: clamp(18px, 3.8vw, 52px); }
.recruit-page--pop .recruit-anchor-nav a { color: var(--clean-body); font-size: 11px; font-weight: 700; }
.recruit-page--pop .recruit-anchor-nav a:hover,
.recruit-page--pop .recruit-anchor-nav a:focus-visible,
.recruit-page--pop .recruit-anchor-nav a.is-active { color: var(--clean-orange); }
.recruit-page--pop .recruit-anchor-nav small { display: none; }
.recruit-page--pop .recruit-anchor-nav__entry { padding: 0 0 0 24px; color: var(--clean-orange) !important; background: transparent !important; border-left: 1px solid rgba(46, 42, 40, .16); border-radius: 0; }

.recruit-page--pop .recruit-section { padding: 116px 0; }
.recruit-page--pop .recruit-section--ivory { background: var(--clean-paper); }
.recruit-page--pop .recruit-section--cream { background: var(--clean-white); }
.recruit-page--pop .recruit-section--aqua { background: var(--clean-aqua-bg); }
.recruit-page--pop .recruit-section-index { margin-bottom: 48px; color: var(--clean-body); }
.recruit-page--pop .recruit-section-index span { display: none; }
.recruit-page--pop .recruit-section-index i { width: 32px; height: 2px; background: var(--clean-orange); }
.recruit-page--pop .recruit-section h2 { color: var(--clean-ink); letter-spacing: -.055em; }
.recruit-page--pop .recruit-section h2 em { color: var(--clean-orange); }
.recruit-page--pop .recruit-copy { color: var(--clean-body); }
.recruit-page--pop .recruit-kicker { color: var(--clean-orange); }

.recruit-page--pop .recruit-people__figure img { border: 0; border-radius: 10px; box-shadow: none; }
.recruit-page--pop .recruit-people__figure figcaption { border-top-color: rgba(46, 42, 40, .16); }
.recruit-page--pop .recruit-people__quote { border-left: 2px solid var(--clean-orange); }
.recruit-page--pop .recruit-rhythm::after { display: none; }
.recruit-page--pop .recruit-rhythm__stats { border-color: rgba(46, 42, 40, .16); }
.recruit-page--pop .recruit-rhythm__stats div { border-color: rgba(46, 42, 40, .16); }
.recruit-page--pop .recruit-rhythm__stats strong { color: var(--clean-orange); }
.recruit-page--pop .recruit-weekline { gap: 3px; }
.recruit-page--pop .recruit-weekline__item { min-height: 145px; padding: 15px 12px; border: 1px solid rgba(46, 42, 40, .16); border-top: 4px solid var(--clean-aqua); border-radius: 0; background: var(--clean-white); }
.recruit-page--pop .recruit-weekline__item.is-work { border-top-color: var(--clean-orange); background: #fff1c9; }
.recruit-page--pop .recruit-weekline__item small { color: var(--clean-body); }
.recruit-page--pop .recruit-weekline__item b { color: var(--clean-ink); }

.recruit-page--pop .recruit-principles__list,
.recruit-page--pop .recruit-job__list,
.recruit-page--pop .recruit-details__list,
.recruit-page--pop .recruit-entry__steps { border-color: rgba(46, 42, 40, .16); }
.recruit-page--pop .recruit-principles__list article,
.recruit-page--pop .recruit-job__list li,
.recruit-page--pop .recruit-details__list dt,
.recruit-page--pop .recruit-details__list dd,
.recruit-page--pop .recruit-entry__steps li { border-color: rgba(46, 42, 40, .16); }
.recruit-page--pop .recruit-job__note { border-radius: 0; background: var(--clean-aqua); }
.recruit-page--pop .recruit-job__note strong { color: var(--clean-orange); }
.recruit-page--pop .recruit-details__list dd strong { color: var(--clean-orange); }

.recruit-page--pop .recruit-form {
  border: 1px solid rgba(46, 42, 40, .18);
  border-top: 4px solid var(--clean-orange);
  border-radius: 0;
  background: var(--clean-white);
  box-shadow: none;
}
.recruit-page--pop .recruit-form input,
.recruit-page--pop .recruit-form textarea,
.recruit-page--pop .recruit-form select { border-radius: 0; background: #fffdf8; }
.recruit-page--pop .recruit-form__title span { color: var(--clean-orange); }
.recruit-page--pop .recruit-button--primary { border-radius: 999px; color: #fff !important; background: var(--clean-orange); }

@media (max-width: 767px) {
  body.page-template-page-recruit .header,
  body.page-template-page-recruit-php .header { height: 70px; }
  body.page-template-page-recruit .header-inner,
  body.page-template-page-recruit-php .header-inner { width: calc(100% - 32px); }
  body.page-template-page-recruit .header-logo,
  body.page-template-page-recruit-php .header-logo { width: 58px; }
  body.page-template-page-recruit .header-logo img,
  body.page-template-page-recruit-php .header-logo img { width: 58px; }
  .recruit-page--pop .recruit-hero { min-height: 720px; }
  .recruit-page--pop .recruit-hero__photo { top: 0; right: 0; bottom: auto; left: 0; height: 350px; border-left: 0; border-bottom: 5px solid var(--clean-aqua); }
  .recruit-page--pop .recruit-hero__photo img { object-position: 61% center; }
  .recruit-page--pop .recruit-hero__inner { min-height: 720px; padding: 0 0 30px; display: block; }
  .recruit-page--pop .recruit-hero__content { max-width: none; padding-top: 386px; }
  .recruit-page--pop .recruit-hero h1 { font-size: 34px; line-height: 1.4; letter-spacing: -.06em; }
  .recruit-page--pop .recruit-hero__lead { margin: 17px 0 22px; font-size: 12px; line-height: 1.9; }
  .recruit-page--pop .recruit-hero__tags { flex-wrap: wrap; row-gap: 8px; }
  .recruit-page--pop .recruit-hero__tags span { padding-right: 9px; font-size: 9px; }
  .recruit-page--pop .recruit-hero__bubble { left: 0; bottom: 30px; height: 50px; min-height: 50px; padding: 0 18px; gap: 18px; }
  .recruit-page--pop .recruit-hero__bubble span { font-size: 11px; }
  .recruit-page--pop .recruit-hero__bubble i { font-size: 19px; }
  .recruit-page--pop .recruit-anchor-nav { position: relative; overflow: hidden; }
  .recruit-page--pop .recruit-anchor-nav__inner { min-height: 58px; justify-content: flex-start; gap: 20px; overflow-x: auto; white-space: nowrap; }
  .recruit-page--pop .recruit-anchor-nav a { flex: 0 0 auto; font-size: 10px; }
  .recruit-page--pop .recruit-anchor-nav__entry { padding-left: 13px; }
  .recruit-page--pop .recruit-section { padding: 76px 0; }
  .recruit-page--pop .recruit-section-index { margin-bottom: 32px; }
  .recruit-page--pop .recruit-weekline__item { min-height: 118px; padding: 12px 8px; }
  .recruit-page--pop .recruit-weekline__item b { font-size: 22px; }
  .recruit-page--pop .recruit-weekline__item span { font-size: 8px; white-space: normal; }
  .recruit-page--pop .recruit-form { border-radius: 0; box-shadow: none; }
}

html { scroll-behavior: smooth; }

body.page-template-page-recruit .header,
body.page-template-page-recruit-php .header {
  position: absolute;
  z-index: 40;
  top: 0;
  left: 0;
  right: 0;
  height: 86px;
  background: linear-gradient(180deg, rgba(29, 25, 26, .4), rgba(29, 25, 26, 0));
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

body.page-template-page-recruit .header::after,
body.page-template-page-recruit-php .header::after { display: none; }

body.page-template-page-recruit .header-nav__link,
body.page-template-page-recruit-php .header-nav__link {
  color: #fff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .22);
}

.recruit-page {
  overflow: clip;
  color: var(--recruit-charcoal);
  background: var(--recruit-ivory);
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.recruit-page *,
.recruit-page *::before,
.recruit-page *::after { box-sizing: border-box; }

.recruit-page img { display: block; max-width: 100%; }

.recruit-shell {
  width: calc(100% - 40px);
  max-width: 1080px;
  margin: 0 auto;
}

.recruit-kicker {
  margin: 0 0 20px;
  color: var(--recruit-orange-deep);
  font-family: var(--recruit-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.4;
}

.recruit-copy {
  color: var(--recruit-body);
  font-size: 14px;
  line-height: 2.05;
}

.recruit-copy p { margin: 0 0 20px; }

.recruit-button {
  min-height: 54px;
  padding: 11px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border: 0;
  border-radius: 999px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .03em;
  line-height: 1.3;
  cursor: pointer;
  transition: transform .22s ease, filter .22s ease;
}

.recruit-button:hover,
.recruit-button:focus-visible { transform: translateY(-2px); filter: brightness(.98); }

.recruit-button--primary {
  color: #fff !important;
  background: linear-gradient(100deg, #f5a33c 0%, #e77d1d 100%);
}

.recruit-button span { font-family: var(--recruit-mono); font-size: 18px; line-height: 1; }

.recruit-hero {
  position: relative;
  min-height: min(820px, 100vh);
  display: flex;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  background: var(--recruit-cream);
}

.recruit-hero__photo,
.recruit-hero__veil {
  position: absolute;
  z-index: -2;
  inset: 0;
}

.recruit-hero__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 66% center;
  transform: scale(1.03);
  transition: transform 1.3s cubic-bezier(.2, .8, .2, 1);
}

.recruit-hero:hover .recruit-hero__photo img { transform: scale(1.06); }

.recruit-hero__veil {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(247, 242, 234, .99) 0%, rgba(247, 242, 234, .96) 28%, rgba(247, 242, 234, .63) 48%, rgba(247, 242, 234, .04) 76%),
    linear-gradient(0deg, rgba(39, 36, 38, .2), transparent 28%);
}

.recruit-hero__inner {
  position: relative;
  min-height: min(820px, 100vh);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 86px 0 64px;
}

.recruit-hero__content { max-width: 610px; }

.recruit-hero h1 {
  margin: 0;
  color: var(--recruit-charcoal);
  font-size: clamp(38px, 4.8vw, 64px);
  font-weight: 900;
  letter-spacing: -.08em;
  line-height: 1.38;
}

.recruit-hero h1 em,
.recruit-section h2 em { color: var(--recruit-orange-deep); font-style: normal; }

.recruit-hero__lead {
  margin: 26px 0 32px;
  color: var(--recruit-body);
  font-size: 15px;
  line-height: 2;
}

.recruit-hero__rail {
  position: absolute;
  z-index: 2;
  top: 168px;
  left: 26px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: rgba(255, 255, 255, .9);
  writing-mode: vertical-rl;
}

.recruit-hero__rail span {
  color: var(--recruit-orange);
  font-family: var(--recruit-mono);
  font-size: 23px;
  font-weight: 700;
  letter-spacing: -.08em;
}

.recruit-hero__rail i { width: 1px; height: 78px; background: rgba(255, 255, 255, .7); }
.recruit-hero__rail small { font-family: var(--recruit-mono); font-size: 8px; letter-spacing: .15em; line-height: 1.5; }

.recruit-hero__stamp {
  width: 128px;
  height: 128px;
  margin: 150px 6vw 0 auto;
  padding: 21px 17px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 50%;
  color: #fff;
  background: rgba(39, 36, 38, .44);
  backdrop-filter: blur(4px);
  transform: rotate(8deg);
}

.recruit-hero__stamp strong { color: #fff; font-size: 36px; font-weight: 900; line-height: 1; }
.recruit-hero__stamp span { margin-top: 9px; font-size: 10px; line-height: 1.6; }

.recruit-hero__scroll {
  position: absolute;
  z-index: 2;
  right: 30px;
  bottom: 28px;
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0;
  color: #fff;
  font-family: var(--recruit-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .16em;
  writing-mode: vertical-rl;
}

.recruit-hero__scroll i { width: 1px; height: 46px; background: var(--recruit-orange); }

.recruit-anchor-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid var(--recruit-line);
  background: rgba(255, 253, 249, .94);
  backdrop-filter: blur(12px);
}

.recruit-anchor-nav__inner {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 4.3vw, 62px);
}

.recruit-anchor-nav a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--recruit-body);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  transition: color .2s ease;
}

.recruit-anchor-nav a:hover,
.recruit-anchor-nav a:focus-visible,
.recruit-anchor-nav a.is-active { color: var(--recruit-orange-deep); }

.recruit-anchor-nav small { color: var(--recruit-mint); font-family: var(--recruit-mono); font-size: 9px; }
.recruit-anchor-nav__entry { padding-left: 18px; border-left: 1px solid var(--recruit-line); }
.recruit-anchor-nav__entry span { font-family: var(--recruit-mono); font-size: 17px; }

.recruit-section { padding: 112px 0; }
.recruit-section--ivory { background: var(--recruit-ivory); }
.recruit-section--cream { background: var(--recruit-cream); }
.recruit-section--aqua { background: var(--recruit-aqua); }

.recruit-section-index {
  min-height: 27px;
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 54px;
  color: var(--recruit-body);
  font-size: 11px;
  font-weight: 700;
}

.recruit-section-index span { color: var(--recruit-orange-deep); font-family: var(--recruit-mono); font-size: 16px; font-weight: 700; }
.recruit-section-index i { width: 40px; height: 1px; background: var(--recruit-orange); }

.recruit-section h2 {
  margin: 0;
  color: var(--recruit-charcoal);
  font-size: clamp(30px, 3.5vw, 47px);
  font-weight: 900;
  letter-spacing: -.075em;
  line-height: 1.55;
}

.recruit-manifesto__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 92px;
  align-items: end;
}

.recruit-manifesto__grid .recruit-copy { max-width: 445px; }

.recruit-text-link {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  margin-top: 12px;
  padding-bottom: 8px;
  color: var(--recruit-orange-deep);
  border-bottom: 1px solid currentColor;
  font-size: 12px;
  font-weight: 800;
}

.recruit-text-link span { font-family: var(--recruit-mono); font-size: 17px; }

.recruit-people__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 84px;
  align-items: center;
}

.recruit-people__figure { margin: 0; }

.recruit-people__figure img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.recruit-people__figure figcaption { padding-top: 14px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--recruit-line); }
.recruit-people__figure figcaption span { color: var(--recruit-orange-deep); font-family: var(--recruit-mono); font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.recruit-people__figure figcaption small { color: var(--recruit-body); font-size: 11px; }
.recruit-people__copy .recruit-copy { margin-top: 24px; }

.recruit-people__quote {
  margin-top: 30px;
  padding: 20px 0 20px 20px;
  border-left: 3px solid var(--recruit-mint);
  color: var(--recruit-body);
  font-size: 13px;
  line-height: 1.9;
}

.recruit-people__quote strong { color: var(--recruit-charcoal); font-weight: 800; }

.recruit-rhythm { position: relative; overflow: hidden; }
.recruit-rhythm::after { content: "Poco / rhythm"; position: absolute; right: -1px; bottom: 70px; color: rgba(49, 189, 172, .2); font-family: var(--recruit-mono); font-size: 12px; letter-spacing: .18em; transform: rotate(-90deg); transform-origin: bottom right; }

.recruit-rhythm__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .75fr);
  gap: 70px;
  align-items: end;
}

.recruit-rhythm__head .recruit-copy { max-width: 420px; margin: 0 0 3px; }

.recruit-rhythm__stats {
  max-width: 850px;
  margin: 64px 0 44px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--recruit-line);
  border-bottom: 1px solid var(--recruit-line);
}

.recruit-rhythm__stats div { min-height: 128px; padding: 22px 28px; border-left: 1px solid var(--recruit-line); }
.recruit-rhythm__stats div:first-child { border-left: 0; }
.recruit-rhythm__stats strong { display: block; color: var(--recruit-orange-deep); font-family: var(--recruit-mono); font-size: clamp(52px, 6vw, 78px); font-weight: 700; letter-spacing: -.1em; line-height: .9; }
.recruit-rhythm__stats span { display: block; margin-top: 13px; color: var(--recruit-body); font-size: 11px; font-weight: 700; }

.recruit-weekline {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}

.recruit-weekline__item {
  position: relative;
  min-height: 145px;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top: 5px solid var(--recruit-mint);
  background: rgba(255, 253, 249, .86);
}

.recruit-weekline__item.is-work { border-color: var(--recruit-orange); background: rgba(240, 145, 53, .94); }
.recruit-weekline__item small { color: var(--recruit-body); font-family: var(--recruit-mono); font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.recruit-weekline__item b { color: var(--recruit-charcoal); font-size: 27px; font-weight: 900; }
.recruit-weekline__item span { color: var(--recruit-charcoal); font-size: 10px; font-weight: 700; white-space: nowrap; }
.recruit-weekline__item em { color: rgba(39, 36, 38, .6); font-family: var(--recruit-mono); font-size: 8px; font-style: normal; font-weight: 700; letter-spacing: .14em; }
.recruit-rhythm__note { margin: 20px 0 0; color: var(--recruit-body); font-size: 11px; line-height: 1.8; text-align: right; }

.recruit-principles__head { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: end; }

.recruit-principles__list {
  margin-top: 66px;
  border-top: 1px solid var(--recruit-line);
}

.recruit-principles__list article {
  padding: 27px 0;
  display: grid;
  grid-template-columns: minmax(260px, .78fr) 1.22fr;
  gap: 50px;
  border-bottom: 1px solid var(--recruit-line);
}

.recruit-principles__list h3 { margin: 0; color: var(--recruit-charcoal); font-size: 20px; font-weight: 800; }
.recruit-principles__list p { max-width: 525px; margin: 0; color: var(--recruit-body); font-size: 13px; line-height: 1.95; }

.recruit-job__head { margin-bottom: 50px; }

.recruit-job__grid {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 80px;
  align-items: start;
}

.recruit-job__grid > .recruit-copy { max-width: 380px; margin: 0; }

.recruit-job__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--recruit-line); }

.recruit-job__list li {
  min-height: 58px;
  padding: 13px 0;
  display: flex;
  align-items: center;
  gap: 25px;
  border-bottom: 1px solid var(--recruit-line);
  color: var(--recruit-charcoal);
  font-size: 13px;
  font-weight: 700;
}

.recruit-job__list li span { flex: 0 0 76px; color: var(--recruit-mint); font-family: var(--recruit-mono); font-size: 9px; font-weight: 700; letter-spacing: .11em; }

.recruit-job__note {
  margin-top: 42px;
  padding: 20px 25px;
  display: flex;
  align-items: center;
  gap: 25px;
  background: var(--recruit-aqua);
}

.recruit-job__note strong { color: var(--recruit-orange-deep); font-size: 18px; white-space: nowrap; }
.recruit-job__note span { color: var(--recruit-body); font-size: 12px; line-height: 1.8; }

.recruit-details__grid {
  display: grid;
  grid-template-columns: minmax(220px, .68fr) minmax(0, 1.32fr);
  gap: 80px;
  align-items: start;
}

.recruit-details__grid > div .recruit-copy { max-width: 330px; margin-top: 23px; }
.recruit-details__list { display: grid; grid-template-columns: 140px 1fr; margin: 0; border-top: 1px solid var(--recruit-line); }
.recruit-details__list dt, .recruit-details__list dd { margin: 0; padding: 16px 15px; border-bottom: 1px solid var(--recruit-line); font-size: 13px; line-height: 1.8; }
.recruit-details__list dt { color: var(--recruit-charcoal); font-weight: 800; }
.recruit-details__list dd { color: var(--recruit-body); }
.recruit-details__list dd strong { color: var(--recruit-orange-deep); font-size: 20px; }
.recruit-details__list dd small { display: block; font-size: 11px; }

.recruit-entry__grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(410px, 1.12fr); gap: 90px; align-items: start; }
.recruit-entry__copy > .recruit-section-index { margin-bottom: 58px; }
.recruit-entry__copy h2 { margin-bottom: 24px; }

.recruit-entry__steps { margin: 40px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--recruit-line); }
.recruit-entry__steps li { padding: 14px 0; display: flex; align-items: center; gap: 18px; border-bottom: 1px solid var(--recruit-line); }
.recruit-entry__steps b { color: var(--recruit-orange-deep); font-family: var(--recruit-mono); font-size: 11px; }
.recruit-entry__steps span { color: var(--recruit-charcoal); font-size: 12px; font-weight: 700; }

.recruit-form { padding: 31px 31px 27px; border-top: 4px solid var(--recruit-orange); background: #fff; }
.recruit-form__title { margin-bottom: 26px; padding-bottom: 18px; display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--recruit-line); }
.recruit-form__title span { color: var(--recruit-mint); font-family: var(--recruit-mono); font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.recruit-form__title strong { font-size: 16px; }
.recruit-form__field { margin-bottom: 17px; }
.recruit-form label { display: block; margin-bottom: 7px; color: var(--recruit-charcoal); font-size: 12px; font-weight: 800; }
.recruit-form label span { margin-left: 6px; color: var(--recruit-orange-deep); font-size: 10px; }
.recruit-form input, .recruit-form textarea, .recruit-form select { display: block; width: 100%; border: 1px solid var(--recruit-line); border-radius: 0; background: var(--recruit-ivory); color: var(--recruit-charcoal); font-family: inherit; font-size: 13px; line-height: 1.7; outline: 0; }
.recruit-form input, .recruit-form select { height: 46px; padding: 0 12px; }
.recruit-form textarea { min-height: 80px; padding: 9px 12px; resize: vertical; }
.recruit-form input:focus, .recruit-form textarea:focus, .recruit-form select:focus { border-color: var(--recruit-mint); box-shadow: 0 0 0 3px rgba(49, 189, 172, .18); }
.recruit-form input::placeholder, .recruit-form textarea::placeholder { color: #a09288; }
.recruit-button--submit { width: 100%; margin-top: 4px; }
.recruit-form__mail-link { display: block; margin-top: 15px; color: var(--recruit-orange-deep); font-size: 11px; text-align: center; text-decoration: underline; text-underline-offset: 3px; }
.recruit-form__status { min-height: 18px; margin: 13px 0 0; color: var(--recruit-orange-deep); font-size: 11px; line-height: 1.7; }
.recruit-form__privacy { margin: 12px 0 0; color: #9b8f84; font-size: 10px; line-height: 1.8; }
.recruit-form__privacy a { text-decoration: underline; text-underline-offset: 2px; }

.recruit-page a:focus-visible, .recruit-page button:focus-visible, .recruit-page input:focus-visible, .recruit-page textarea:focus-visible, .recruit-page select:focus-visible { outline: 3px solid rgba(240, 145, 53, .38); outline-offset: 3px; }

html.recruit-motion-ready .recruit-reveal { opacity: 0; transform: translateY(20px); transition: opacity .75s ease, transform .75s cubic-bezier(.2, .75, .2, 1); }
html.recruit-motion-ready .recruit-reveal.is-visible { opacity: 1; transform: none; }
html.recruit-motion-ready .recruit-reveal--hero { transition-duration: .9s; }
html.recruit-motion-ready .recruit-reveal--hero:nth-child(2) { transition-delay: .15s; }

@media (max-width: 1024px) {
  .recruit-hero__rail { left: 17px; }
  .recruit-hero__stamp { margin-right: 2vw; }
  .recruit-manifesto__grid, .recruit-people__grid, .recruit-rhythm__head, .recruit-principles__head, .recruit-job__grid, .recruit-details__grid, .recruit-entry__grid { gap: 48px; }
}

@media (max-width: 767px) {
  body.page-template-page-recruit .header, body.page-template-page-recruit-php .header { height: 70px; }
  body.page-template-page-recruit .header-nav, body.page-template-page-recruit-php .header-nav { display: none !important; }
  body.page-template-page-recruit .ham-menu, body.page-template-page-recruit-php .ham-menu { display: block !important; }
  .recruit-shell { width: calc(100% - 32px); }
  .recruit-hero { min-height: 730px; align-items: flex-end; }
  .recruit-hero__photo img { object-position: 62% center; }
  .recruit-hero__veil { background: linear-gradient(0deg, rgba(247, 242, 234, 1) 0%, rgba(247, 242, 234, .95) 37%, rgba(247, 242, 234, .08) 73%), linear-gradient(90deg, rgba(247, 242, 234, .2), transparent); }
  .recruit-hero__inner { min-height: 730px; padding: 0 0 76px; display: block; }
  .recruit-hero__content { padding-top: 420px; }
  .recruit-hero h1 { font-size: 32px; line-height: 1.5; letter-spacing: -.075em; }
  .recruit-hero__lead { margin: 18px 0 25px; font-size: 13px; }
  .recruit-hero__rail { top: 114px; left: 13px; }
  .recruit-hero__rail span { font-size: 19px; }
  .recruit-hero__stamp { position: absolute; top: 116px; right: 16px; width: 88px; height: 88px; margin: 0; padding: 13px; }
  .recruit-hero__stamp strong { font-size: 26px; }
  .recruit-hero__stamp span { margin-top: 5px; font-size: 8px; }
  .recruit-hero__scroll { right: 13px; bottom: 22px; }
  .recruit-anchor-nav { position: relative; overflow: hidden; }
  .recruit-anchor-nav__inner { min-height: 58px; justify-content: flex-start; gap: 20px; overflow-x: auto; white-space: nowrap; }
  .recruit-anchor-nav a { flex: 0 0 auto; font-size: 10px; }
  .recruit-anchor-nav__entry { padding-left: 13px; }
  .recruit-section { padding: 68px 0; }
  .recruit-section-index { margin-bottom: 34px; }
  .recruit-section h2 { font-size: 28px; line-height: 1.58; }
  .recruit-copy { font-size: 13px; line-height: 2; }
  .recruit-manifesto__grid, .recruit-people__grid, .recruit-rhythm__head, .recruit-principles__head, .recruit-job__grid, .recruit-details__grid, .recruit-entry__grid { display: block; }
  .recruit-manifesto__grid .recruit-copy { margin-top: 30px; }
  .recruit-people__figure { margin-bottom: 35px; }
  .recruit-people__figure figcaption { display: block; }
  .recruit-people__figure figcaption small { display: block; margin-top: 8px; }
  .recruit-people__copy .recruit-copy { margin-top: 20px; }
  .recruit-rhythm__head .recruit-copy { margin-top: 25px; }
  .recruit-rhythm__stats { margin: 40px 0 30px; }
  .recruit-rhythm__stats div { min-height: 94px; padding: 16px 11px; }
  .recruit-rhythm__stats strong { font-size: 46px; }
  .recruit-rhythm__stats span { margin-top: 8px; font-size: 9px; }
  .recruit-weekline { grid-template-columns: repeat(4, 1fr); gap: 5px; }
  .recruit-weekline__item { min-height: 91px; padding: 10px 9px; }
  .recruit-weekline__item small { font-size: 8px; }
  .recruit-weekline__item b { font-size: 20px; }
  .recruit-weekline__item span { font-size: 8px; }
  .recruit-weekline__item em { font-size: 7px; }
  .recruit-rhythm__note { margin-top: 17px; font-size: 10px; text-align: left; }
  .recruit-principles__head h2 { margin-top: 0; }
  .recruit-principles__list { margin-top: 38px; }
  .recruit-principles__list article { display: block; padding: 22px 0; }
  .recruit-principles__list p { margin-top: 10px; font-size: 12px; }
  .recruit-job__head { margin-bottom: 30px; }
  .recruit-job__grid > .recruit-copy { margin-bottom: 28px; }
  .recruit-job__list li { gap: 12px; font-size: 12px; }
  .recruit-job__list li span { flex-basis: 66px; font-size: 8px; }
  .recruit-job__note { align-items: flex-start; flex-direction: column; gap: 7px; margin-top: 30px; padding: 18px; }
  .recruit-job__note strong { font-size: 16px; }
  .recruit-details__grid > div .recruit-copy { margin: 22px 0 30px; }
  .recruit-details__list { display: block; }
  .recruit-details__list dt { padding: 11px 12px 2px; border-bottom: 0; font-size: 11px; }
  .recruit-details__list dd { padding: 2px 12px 11px; font-size: 12px; }
  .recruit-entry__copy > .recruit-section-index { margin-bottom: 35px; }
  .recruit-entry__steps { margin-top: 30px; }
  .recruit-form { margin-top: 40px; padding: 23px 17px 20px; }
  .recruit-form__title { display: block; }
  .recruit-form__title strong { display: block; margin-top: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .recruit-hero__photo img, .recruit-button, .recruit-anchor-nav a, .recruit-reveal { transition: none !important; }
}

/*
 * Poco Recruit / Pop Collage
 * Reference adaptation: orange grid, organic white shapes and a human photo orbit.
 * The visual language is rebuilt with Poco's own photos, copy and palette.
 */
.recruit-page--pop {
  --pop-orange: #f88500;
  --pop-yellow: #fbc61b;
  --pop-yellow-soft: #ffe48a;
  --pop-mint: #34c09f;
  --pop-ink: #2f2724;
  --pop-paper: #fff9ed;
  --pop-line: rgba(47, 39, 36, .22);
  background: var(--pop-paper);
  color: var(--pop-ink);
}

body.page-template-page-recruit .header,
body.page-template-page-recruit-php .header {
  height: 86px;
  background: transparent;
  z-index: 80;
}

body.page-template-page-recruit .header-inner,
body.page-template-page-recruit-php .header-inner {
  max-width: none;
  width: 100%;
  align-items: flex-start;
}

body.page-template-page-recruit .header-logo,
body.page-template-page-recruit-php .header-logo {
  display: none;
}

body.page-template-page-recruit .header-logo img,
body.page-template-page-recruit-php .header-logo img { width: 78px; }

body.page-template-page-recruit .header-nav,
body.page-template-page-recruit-php .header-nav { margin-left: auto; padding: 22px 30px 0 0; }

body.page-template-page-recruit .header-nav__link,
body.page-template-page-recruit-php .header-nav__link {
  color: var(--pop-ink);
  font-size: 12px;
  font-weight: 800;
  text-shadow: none;
}

.recruit-page--pop .recruit-hero {
  min-height: 920px;
  background-color: var(--pop-orange);
  background-image:
    radial-gradient(circle at 76% 24%, rgba(255, 225, 89, .72) 0 12%, transparent 31%),
    linear-gradient(135deg, rgba(251, 198, 27, .92), rgba(248, 133, 0, .96) 58%, rgba(233, 91, 0, .96)),
    repeating-linear-gradient(0deg, transparent 0 53px, rgba(47, 39, 36, .13) 54px, transparent 55px),
    repeating-linear-gradient(90deg, transparent 0 53px, rgba(47, 39, 36, .13) 54px, transparent 55px);
  isolation: isolate;
}

.recruit-page--pop .recruit-hero::before,
.recruit-page--pop .recruit-hero::after {
  content: '';
  position: absolute;
  pointer-events: none;
}

.recruit-page--pop .recruit-hero::before {
  inset: 0;
  z-index: -1;
  opacity: .23;
  background-image: radial-gradient(rgba(255,255,255,.75) .7px, transparent .8px);
  background-size: 8px 8px;
  mix-blend-mode: soft-light;
}

.recruit-page--pop .recruit-hero::after {
  right: 10%;
  bottom: 78px;
  width: 250px;
  height: 110px;
  z-index: 1;
  border: 3px solid rgba(255,255,255,.72);
  border-radius: 50%;
  transform: rotate(-13deg);
  opacity: .7;
}

.recruit-page--pop .recruit-hero__grid,
.recruit-page--pop .recruit-hero__photo,
.recruit-page--pop .recruit-hero__veil { position: absolute; inset: 0; }
.recruit-page--pop .recruit-hero__grid { z-index: -1; pointer-events: none; }
.recruit-page--pop .recruit-hero__photo,
.recruit-page--pop .recruit-hero__veil { display: none; }

.recruit-page--pop .recruit-collage {
  position: absolute;
  z-index: 2;
  top: 112px;
  right: 7%;
  width: min(760px, 58vw);
  height: 660px;
  transform: rotate(-3deg);
}

.recruit-page--pop .recruit-collage__photo {
  position: absolute;
  overflow: hidden;
  margin: 0;
  border: 10px solid #fffdf7;
  background: #fffdf7;
  box-shadow: 12px 16px 0 rgba(47, 39, 36, .11);
  transition: transform .55s cubic-bezier(.2,.75,.2,1);
}

.recruit-page--pop .recruit-collage__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.03);
}

.recruit-page--pop .recruit-collage__photo--one {
  top: 112px;
  left: 2%;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  transform: rotate(-13deg);
  z-index: 2;
}

.recruit-page--pop .recruit-collage__photo--one img { object-position: 63% center; }

.recruit-page--pop .recruit-collage__photo--two {
  top: 42px;
  left: 25%;
  width: 424px;
  height: 518px;
  border-radius: 48% 52% 45% 55% / 44% 41% 59% 56%;
  transform: rotate(5deg);
  z-index: 1;
}

.recruit-page--pop .recruit-collage__photo--two img { object-position: 57% center; }

.recruit-page--pop .recruit-collage__photo--three {
  top: 300px;
  right: 0;
  width: 245px;
  height: 245px;
  border-radius: 47% 53% 61% 39% / 56% 43% 57% 44%;
  transform: rotate(15deg);
  z-index: 3;
}

.recruit-page--pop .recruit-collage__photo--three img { object-position: 34% center; }
.recruit-page--pop .recruit-collage__photo:hover { transform: translateY(-8px) rotate(0deg) scale(1.03); }

.recruit-page--pop .recruit-collage__dot {
  position: absolute;
  z-index: 4;
  width: 20px;
  height: 20px;
  border: 4px solid #fffdf7;
  border-radius: 50%;
  background: var(--pop-mint);
}

.recruit-page--pop .recruit-collage__dot--one { top: 30px; right: 29%; }
.recruit-page--pop .recruit-collage__dot--two { bottom: 56px; left: 21%; width: 13px; height: 13px; background: var(--pop-yellow-soft); }

.recruit-page--pop .recruit-collage__spark {
  position: absolute;
  z-index: 4;
  color: #fffdf7;
  font-family: Georgia, serif;
  font-size: 43px;
  line-height: 1;
}

.recruit-page--pop .recruit-collage__spark--one { top: 8px; left: 21%; }
.recruit-page--pop .recruit-collage__spark--two { right: 7%; bottom: 16px; font-size: 27px; }

.recruit-page--pop .recruit-brand-chip {
  position: absolute;
  top: 18px;
  left: 24px;
  z-index: 5;
  width: 165px;
  min-height: 95px;
  padding: 17px 19px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--pop-ink);
  background: var(--pop-paper);
  border-radius: 14px 44px 38px 18px;
  box-shadow: 8px 9px 0 rgba(47, 39, 36, .1);
  transform: rotate(-5deg);
}

.recruit-page--pop .recruit-brand-chip__mark {
  color: var(--pop-orange);
  font-family: var(--recruit-mono);
  font-size: 25px;
  font-weight: 900;
  letter-spacing: -.11em;
}

.recruit-page--pop .recruit-brand-chip > span:last-child {
  font-family: var(--recruit-mono);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.45;
}

.recruit-page--pop .recruit-hero__inner {
  min-height: 920px;
  padding: 0 0 108px;
  align-items: flex-end;
  position: relative;
  z-index: 8;
}

.recruit-page--pop .recruit-hero__content { max-width: 570px; }
.recruit-page--pop .recruit-kicker { color: var(--pop-ink); font-weight: 900; letter-spacing: .12em; }
.recruit-page--pop .recruit-hero__content .recruit-kicker { color: #fffdf7; }

.recruit-page--pop .recruit-hero h1 {
  color: #fffdf7;
  font-size: clamp(43px, 5.3vw, 76px);
  line-height: 1.25;
  letter-spacing: -.11em;
  text-shadow: 4px 5px 0 rgba(47, 39, 36, .13);
}

.recruit-page--pop .recruit-hero h1 em { color: var(--pop-yellow-soft); }
.recruit-page--pop .recruit-hero__lead { color: #fffdf7; font-weight: 500; line-height: 1.9; }

.recruit-page--pop .recruit-hero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.recruit-page--pop .recruit-hero__tags span {
  padding: 7px 12px;
  color: var(--pop-ink);
  background: #fffdf7;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.recruit-page--pop .recruit-hero__bubble {
  position: absolute;
  right: -1%;
  bottom: 18px;
  width: 190px;
  height: 160px;
  padding: 31px 25px 23px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fffdf7;
  background: var(--pop-orange);
  border: 4px solid #fffdf7;
  border-radius: 52% 48% 51% 49% / 47% 45% 55% 53%;
  box-shadow: 11px 13px 0 rgba(47, 39, 36, .13);
  transform: rotate(9deg);
  transition: transform .25s ease, filter .25s ease;
}

.recruit-page--pop .recruit-hero__bubble:hover { transform: rotate(5deg) scale(1.05); filter: brightness(1.05); }
.recruit-page--pop .recruit-hero__bubble span { font-size: 11px; font-weight: 800; }
.recruit-page--pop .recruit-hero__bubble strong { margin-top: 3px; font-family: var(--recruit-mono); font-size: 30px; letter-spacing: .04em; line-height: 1; }
.recruit-page--pop .recruit-hero__bubble i { align-self: flex-end; margin-top: 10px; font-family: var(--recruit-mono); font-size: 28px; font-style: normal; line-height: 1; }

.recruit-page--pop .recruit-hero__rail {
  top: 245px;
  left: 3.4%;
  color: rgba(255,255,255,.86);
}

.recruit-page--pop .recruit-hero__rail span { color: #fffdf7; font-size: 23px; font-weight: 900; letter-spacing: .04em; }
.recruit-page--pop .recruit-hero__rail i { background: rgba(255,255,255,.72); }
.recruit-page--pop .recruit-hero__rail small { color: rgba(255,255,255,.9); }

.recruit-page--pop .recruit-hero__stamp {
  position: absolute;
  z-index: 8;
  right: 37%;
  bottom: 88px;
  width: 142px;
  height: 142px;
  margin: 0;
  padding: 20px;
  color: var(--pop-ink);
  background: var(--pop-yellow-soft);
  border: 5px solid #fffdf7;
  box-shadow: 8px 9px 0 rgba(47, 39, 36, .12);
  transform: rotate(-12deg);
}

.recruit-page--pop .recruit-hero__stamp strong { color: var(--pop-orange); font-size: 39px; }
.recruit-page--pop .recruit-hero__stamp span { color: var(--pop-ink); font-size: 10px; font-weight: 900; }

.recruit-page--pop .recruit-hero__scroll { right: 3.5%; bottom: 31px; color: #fffdf7; }
.recruit-page--pop .recruit-hero__scroll i { background: #fffdf7; }

.recruit-page--pop .recruit-anchor-nav {
  width: min(1040px, calc(100% - 40px));
  margin: -28px auto 0;
  border: 0;
  border-radius: 28px 28px 8px 8px;
  background: var(--pop-paper);
  box-shadow: 0 10px 0 rgba(47, 39, 36, .1);
}

.recruit-page--pop .recruit-anchor-nav__inner { min-height: 75px; gap: clamp(15px, 3vw, 42px); }
.recruit-page--pop .recruit-anchor-nav a { color: var(--pop-ink); font-weight: 900; }
.recruit-page--pop .recruit-anchor-nav a:hover,
.recruit-page--pop .recruit-anchor-nav a:focus-visible,
.recruit-page--pop .recruit-anchor-nav a.is-active { color: var(--pop-orange); }
.recruit-page--pop .recruit-anchor-nav small { color: var(--pop-mint); font-weight: 900; }
.recruit-page--pop .recruit-anchor-nav__entry { color: #fffdf7 !important; background: var(--pop-orange); border: 0; border-radius: 999px; padding: 12px 17px; }

.recruit-page--pop .recruit-section { padding: 132px 0; }
.recruit-page--pop .recruit-section--ivory { background: var(--pop-paper); }
.recruit-page--pop .recruit-section--cream { background: var(--pop-yellow); }
.recruit-page--pop .recruit-section--aqua { background: var(--pop-mint); }
.recruit-page--pop .recruit-section-index { color: var(--pop-ink); font-weight: 900; }
.recruit-page--pop .recruit-section-index span { color: var(--pop-orange); }
.recruit-page--pop .recruit-section-index i { background: var(--pop-orange); }
.recruit-page--pop .recruit-section h2 { color: var(--pop-ink); letter-spacing: -.1em; }
.recruit-page--pop .recruit-section h2 em { color: var(--pop-orange); }
.recruit-page--pop .recruit-copy { color: rgba(47,39,36,.82); }

.recruit-page--pop .recruit-people__figure img { border: 8px solid #fffdf7; border-radius: 53% 47% 41% 59% / 48% 42% 58% 52%; box-shadow: 10px 12px 0 rgba(47,39,36,.1); }
.recruit-page--pop .recruit-people__figure figcaption { border: 0; }
.recruit-page--pop .recruit-people__quote { border-left-color: var(--pop-orange); }
.recruit-page--pop .recruit-rhythm::after { color: rgba(255,255,255,.32); }
.recruit-page--pop .recruit-weekline__item { background: var(--pop-paper); border-top-color: var(--pop-mint); border-radius: 18px; }
.recruit-page--pop .recruit-weekline__item.is-work { background: #ff9e08; border-top-color: #fffdf7; }
.recruit-page--pop .recruit-job__note { background: var(--pop-paper); border-radius: 25px; }
.recruit-page--pop .recruit-form { border-top: 0; border-radius: 28px; box-shadow: 12px 14px 0 rgba(47,39,36,.12); }
.recruit-page--pop .recruit-form input, .recruit-page--pop .recruit-form textarea, .recruit-page--pop .recruit-form select { background: #fffaf0; border-radius: 12px; }
.recruit-page--pop .recruit-button--primary { color: #fffdf7 !important; background: var(--pop-orange); }

/* Second pass: keep the Poco signature, remove visual noise. */
.recruit-page--pop .recruit-hero::after,
.recruit-page--pop .recruit-hero__rail,
.recruit-page--pop .recruit-collage__dot,
.recruit-page--pop .recruit-collage__spark { display: none; }

.recruit-page--pop .recruit-hero__bubble span { font-size: 12px; font-weight: 900; }
.recruit-page--pop .recruit-hero__bubble strong { font-size: 27px; opacity: .78; }

@media (min-width: 1100px) {
  .recruit-page--pop .recruit-collage { right: 3%; width: min(700px, 54vw); }
}

@media (max-width: 767px) {
  body.page-template-page-recruit .header,
  body.page-template-page-recruit-php .header { height: 70px; }
  body.page-template-page-recruit .header-logo,
  body.page-template-page-recruit-php .header-logo { width: 82px; padding: 9px 12px 12px; border-radius: 0 0 24px 24px; }
  body.page-template-page-recruit .header-logo img,
  body.page-template-page-recruit-php .header-logo img { width: 58px; }
  body.page-template-page-recruit .header-nav,
  body.page-template-page-recruit-php .header-nav { padding: 0; }
  body.page-template-page-recruit .ham-menu,
  body.page-template-page-recruit-php .ham-menu { position: absolute; top: 11px; right: 16px; margin: 0; color: var(--pop-ink); }
  body.page-template-page-recruit .ham-menu__txt,
  body.page-template-page-recruit-php .ham-menu__txt { color: var(--pop-ink); text-shadow: none; }
  body.page-template-page-recruit .ham-menu span,
  body.page-template-page-recruit-php .ham-menu span { background: var(--pop-ink); box-shadow: none; }
  .recruit-page--pop .recruit-hero { min-height: 840px; align-items: flex-end; }
  .recruit-page--pop .recruit-collage { top: 110px; right: 0; left: 0; width: 100%; height: 465px; transform: rotate(-2deg); }
  .recruit-page--pop .recruit-collage__photo { border-width: 7px; box-shadow: 7px 9px 0 rgba(47,39,36,.12); }
  .recruit-page--pop .recruit-collage__photo--one { top: 80px; left: 5%; width: 158px; height: 158px; }
  .recruit-page--pop .recruit-collage__photo--two { top: 34px; left: 24%; width: 250px; height: 315px; }
  .recruit-page--pop .recruit-collage__photo--three { top: 218px; right: 2%; width: 146px; height: 146px; }
  .recruit-page--pop .recruit-collage__spark--one { top: 5px; left: 12%; font-size: 30px; }
  .recruit-page--pop .recruit-collage__spark--two { bottom: 17px; right: 12%; font-size: 22px; }
  .recruit-page--pop .recruit-collage__dot--one { top: 12px; right: 20%; width: 15px; height: 15px; border-width: 3px; }
  .recruit-page--pop .recruit-brand-chip { top: 18px; left: 16px; width: 130px; min-height: 68px; padding: 11px 13px; gap: 8px; border-radius: 11px 30px 27px 13px; }
  .recruit-page--pop .recruit-brand-chip__mark { font-size: 19px; }
  .recruit-page--pop .recruit-brand-chip > span:last-child { font-size: 7px; }
  .recruit-page--pop .recruit-hero__rail { top: 225px; left: 9px; }
  .recruit-page--pop .recruit-hero__rail span { font-size: 17px; }
  .recruit-page--pop .recruit-hero__inner { min-height: 840px; padding: 0 0 78px; display: block; }
  .recruit-page--pop .recruit-hero__content { position: absolute; right: 0; bottom: 78px; left: 0; max-width: none; padding: 0; }
  .recruit-page--pop .recruit-hero h1 { font-size: 34px; line-height: 1.36; }
  .recruit-page--pop .recruit-hero__lead { margin: 15px 0 0; font-size: 12px; }
  .recruit-page--pop .recruit-hero__tags { gap: 5px; margin-top: 14px; padding-right: 112px; }
  .recruit-page--pop .recruit-hero__tags span { padding: 6px 9px; font-size: 9px; }
  .recruit-page--pop .recruit-hero__bubble { left: auto !important; right: 14px !important; bottom: 18px; width: 111px; height: 96px; padding: 18px 14px 13px; border-width: 3px; box-shadow: 6px 7px 0 rgba(47,39,36,.12); transform: translateX(-104px) rotate(9deg) !important; }
  .recruit-page--pop .recruit-hero__bubble span { font-size: 8px; }
  .recruit-page--pop .recruit-hero__bubble strong { font-size: 19px; }
  .recruit-page--pop .recruit-hero__bubble i { margin-top: 4px; font-size: 20px; }
  .recruit-page--pop .recruit-hero__stamp { top: 106px; right: 22px; bottom: auto; width: 84px; height: 84px; padding: 12px; border-width: 3px; }
  .recruit-page--pop .recruit-hero__stamp strong { font-size: 25px; }
  .recruit-page--pop .recruit-hero__stamp span { margin-top: 3px; font-size: 7px; }
  .recruit-page--pop .recruit-hero__scroll { display: none; }
  .recruit-page--pop .recruit-anchor-nav { width: calc(100% - 24px); margin: -22px auto 0; border-radius: 22px 22px 6px 6px; }
  .recruit-page--pop .recruit-anchor-nav__inner { min-height: 58px; gap: 17px; justify-content: flex-start; }
  .recruit-page--pop .recruit-anchor-nav a { font-size: 9px; }
  .recruit-page--pop .recruit-anchor-nav__entry { padding: 9px 12px; }
  .recruit-page--pop .recruit-section { padding: 78px 0; }
  .recruit-page--pop .recruit-section-index { margin-bottom: 32px; }
  .recruit-page--pop .recruit-section h2 { font-size: 28px; }
  .recruit-page--pop .recruit-weekline__item { border-radius: 11px; }
  .recruit-page--pop .recruit-form { border-radius: 21px; box-shadow: 7px 8px 0 rgba(47,39,36,.12); }
}

/* Final cascade for the clean Poco direction. */
body.page-template-page-recruit .header,
body.page-template-page-recruit-php .header { height: 88px; background: transparent; }
body.page-template-page-recruit .header-inner,
body.page-template-page-recruit-php .header-inner { width: calc(100% - 40px); max-width: 1080px; margin: 0 auto; align-items: center; }
body.page-template-page-recruit .header-logo,
body.page-template-page-recruit-php .header-logo { display: block !important; width: 72px; padding: 0; }
body.page-template-page-recruit .header-logo img,
body.page-template-page-recruit-php .header-logo img { width: 72px; }
body.page-template-page-recruit .header-nav,
body.page-template-page-recruit-php .header-nav { margin-left: auto; padding: 0; }
body.page-template-page-recruit .header-nav__link,
body.page-template-page-recruit-php .header-nav__link { color: var(--clean-ink) !important; text-shadow: none; font-size: 11px; font-weight: 700; }

.recruit-page--pop .recruit-hero { min-height: 760px; display: block; background: var(--clean-paper); }
.recruit-page--pop .recruit-hero__grid,
.recruit-page--pop .recruit-collage,
.recruit-page--pop .recruit-brand-chip,
.recruit-page--pop .recruit-hero__rail,
.recruit-page--pop .recruit-hero__stamp,
.recruit-page--pop .recruit-hero__scroll { display: none !important; }
.recruit-page--pop .recruit-hero__photo { display: block; z-index: 0; top: 0; right: 0; bottom: 0; left: 52%; border-left: 6px solid var(--clean-aqua); }
.recruit-page--pop .recruit-hero__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 61% center; transform: none; transition: none; }
.recruit-page--pop .recruit-hero__veil { display: none; }
.recruit-page--pop .recruit-hero__inner { min-height: 760px; padding: 128px 0 92px; display: flex; align-items: flex-end; justify-content: flex-start; z-index: 2; }
.recruit-page--pop .recruit-hero__content { max-width: 520px; }
.recruit-page--pop .recruit-hero__content .recruit-kicker { color: var(--clean-orange); }
.recruit-page--pop .recruit-hero h1 { color: var(--clean-ink); font-size: clamp(44px, 5vw, 72px); letter-spacing: -.055em; line-height: 1.24; text-shadow: none; }
.recruit-page--pop .recruit-hero h1 em { color: var(--clean-orange); }
.recruit-page--pop .recruit-hero__lead { max-width: 470px; color: var(--clean-body); }
.recruit-page--pop .recruit-hero__tags { gap: 0; margin-top: 25px; }
.recruit-page--pop .recruit-hero__tags span { padding: 2px 13px 2px 10px; color: var(--clean-body); border: 0; border-left: 2px solid var(--clean-orange); border-radius: 0; background: transparent; font-size: 11px; font-weight: 700; }
.recruit-page--pop .recruit-hero__tags span:first-child { padding-left: 0; border-left: 0; }
.recruit-page--pop .recruit-hero__bubble { position: absolute; right: auto; bottom: 28px; left: 0; width: auto; height: 54px; min-height: 54px; padding: 0 22px; display: inline-flex; align-items: center; gap: 22px; border: 0; border-radius: 999px; color: #fff !important; background: var(--clean-orange); box-shadow: none; transform: none !important; }
.recruit-page--pop .recruit-hero__bubble span { font-size: 13px; font-weight: 800; }
.recruit-page--pop .recruit-hero__bubble strong { display: none; }
.recruit-page--pop .recruit-hero__bubble i { align-self: center !important; margin: 0 !important; display: inline-flex; align-items: center; font-family: var(--recruit-mono); font-size: 22px; font-style: normal; line-height: 1; }
.recruit-page--pop .recruit-hero__bubble:hover { transform: translateX(4px) !important; filter: none; }

.recruit-page--pop .recruit-anchor-nav { margin: 0; border-top: 1px solid rgba(46,42,40,.16); border-bottom: 1px solid rgba(46,42,40,.16); border-radius: 0; background: var(--clean-white); box-shadow: none; backdrop-filter: none; }
.recruit-page--pop .recruit-anchor-nav__inner { min-height: 70px; gap: clamp(18px, 3.8vw, 52px); }
.recruit-page--pop .recruit-anchor-nav a { color: var(--clean-body); font-size: 11px; font-weight: 700; }
.recruit-page--pop .recruit-anchor-nav a:hover,
.recruit-page--pop .recruit-anchor-nav a:focus-visible,
.recruit-page--pop .recruit-anchor-nav a.is-active { color: var(--clean-orange); }
.recruit-page--pop .recruit-anchor-nav small { display: none; }
.recruit-page--pop .recruit-anchor-nav__entry { padding: 0 0 0 24px; color: var(--clean-orange) !important; background: transparent !important; border-left: 1px solid rgba(46,42,40,.16); border-radius: 0; }

.recruit-page--pop .recruit-section { padding: 116px 0; }
.recruit-page--pop .recruit-section--ivory { background: var(--clean-paper); }
.recruit-page--pop .recruit-section--cream { background: var(--clean-white); }
.recruit-page--pop .recruit-section--aqua { background: var(--clean-aqua-bg); }
.recruit-page--pop .recruit-section-index { margin-bottom: 48px; color: var(--clean-body); }
.recruit-page--pop .recruit-section-index span { display: none; }
.recruit-page--pop .recruit-section-index i { width: 32px; height: 2px; background: var(--clean-orange); }
.recruit-page--pop .recruit-section h2 { color: var(--clean-ink); letter-spacing: -.055em; }
.recruit-page--pop .recruit-section h2 em { color: var(--clean-orange); }
.recruit-page--pop .recruit-copy,
.recruit-page--pop .recruit-kicker { color: var(--clean-body); }
.recruit-page--pop .recruit-kicker { color: var(--clean-orange); }
.recruit-page--pop .recruit-people__figure img { border: 0; border-radius: 10px; box-shadow: none; }
.recruit-page--pop .recruit-people__figure figcaption { border-top-color: rgba(46,42,40,.16); }
.recruit-page--pop .recruit-people__quote { border-left: 2px solid var(--clean-orange); }
.recruit-page--pop .recruit-rhythm::after { display: none; }
.recruit-page--pop .recruit-rhythm__stats,
.recruit-page--pop .recruit-rhythm__stats div { border-color: rgba(46,42,40,.16); }
.recruit-page--pop .recruit-rhythm__stats strong { color: var(--clean-orange); }
.recruit-page--pop .recruit-weekline { gap: 3px; }
.recruit-page--pop .recruit-weekline__item { min-height: 145px; padding: 15px 12px; border: 1px solid rgba(46,42,40,.16); border-top: 4px solid var(--clean-aqua); border-radius: 0; background: var(--clean-white); }
.recruit-page--pop .recruit-weekline__item.is-work { border-top-color: var(--clean-orange); background: #fff1c9; }
.recruit-page--pop .recruit-weekline__item small { color: var(--clean-body); }
.recruit-page--pop .recruit-weekline__item b { color: var(--clean-ink); }
.recruit-page--pop .recruit-principles__list,
.recruit-page--pop .recruit-job__list,
.recruit-page--pop .recruit-details__list,
.recruit-page--pop .recruit-entry__steps,
.recruit-page--pop .recruit-principles__list article,
.recruit-page--pop .recruit-job__list li,
.recruit-page--pop .recruit-details__list dt,
.recruit-page--pop .recruit-details__list dd,
.recruit-page--pop .recruit-entry__steps li { border-color: rgba(46,42,40,.16); }
.recruit-page--pop .recruit-job__note { border-radius: 0; background: var(--clean-aqua); }
.recruit-page--pop .recruit-job__note strong,
.recruit-page--pop .recruit-details__list dd strong { color: var(--clean-orange); }
.recruit-page--pop .recruit-form { border: 1px solid rgba(46,42,40,.18); border-top: 4px solid var(--clean-orange); border-radius: 0; background: var(--clean-white); box-shadow: none; }
.recruit-page--pop .recruit-form input,
.recruit-page--pop .recruit-form textarea,
.recruit-page--pop .recruit-form select { border-radius: 0; background: #fffdf8; }
.recruit-page--pop .recruit-form__title span { color: var(--clean-orange); }
.recruit-page--pop .recruit-button--primary { border-radius: 999px; color: #fff !important; background: var(--clean-orange); }

@media (max-width: 767px) {
  body.page-template-page-recruit .header,
  body.page-template-page-recruit-php .header { height: 70px; }
  body.page-template-page-recruit .header-inner,
  body.page-template-page-recruit-php .header-inner { width: calc(100% - 32px); }
  body.page-template-page-recruit .header-logo,
  body.page-template-page-recruit-php .header-logo { width: 58px; }
  body.page-template-page-recruit .header-logo img,
  body.page-template-page-recruit-php .header-logo img { width: 58px; }
  .recruit-page--pop .recruit-hero { min-height: 720px; }
  .recruit-page--pop .recruit-hero__photo { top: 0; right: 0; bottom: auto; left: 0; height: 350px; border-left: 0; border-bottom: 5px solid var(--clean-aqua); }
  .recruit-page--pop .recruit-hero__photo img { object-position: 61% center; }
  .recruit-page--pop .recruit-hero__inner { min-height: 720px; padding: 0 0 30px; display: block; }
  .recruit-page--pop .recruit-hero__content { max-width: none; padding-top: 386px; }
  .recruit-page--pop .recruit-hero h1 { font-size: 34px; line-height: 1.4; letter-spacing: -.06em; }
  .recruit-page--pop .recruit-hero__lead { margin: 17px 0 22px; font-size: 12px; line-height: 1.9; }
  .recruit-page--pop .recruit-hero__tags { flex-wrap: wrap; row-gap: 8px; }
  .recruit-page--pop .recruit-hero__tags span { padding-right: 9px; font-size: 9px; }
  .recruit-page--pop .recruit-hero__bubble { left: 0; bottom: 30px; height: 50px; min-height: 50px; padding: 0 18px; gap: 18px; }
  .recruit-page--pop .recruit-hero__bubble span { font-size: 11px; }
  .recruit-page--pop .recruit-hero__bubble i { font-size: 19px; }
  .recruit-page--pop .recruit-anchor-nav { position: relative; overflow: hidden; }
  .recruit-page--pop .recruit-anchor-nav__inner { min-height: 58px; justify-content: flex-start; gap: 20px; overflow-x: auto; white-space: nowrap; }
  .recruit-page--pop .recruit-anchor-nav a { flex: 0 0 auto; font-size: 10px; }
  .recruit-page--pop .recruit-anchor-nav__entry { padding-left: 13px; }
  .recruit-page--pop .recruit-section { padding: 76px 0; }
  .recruit-page--pop .recruit-section-index { margin-bottom: 32px; }
  .recruit-page--pop .recruit-weekline__item { min-height: 118px; padding: 12px 8px; }
  .recruit-page--pop .recruit-weekline__item b { font-size: 22px; }
  .recruit-page--pop .recruit-weekline__item span { font-size: 8px; white-space: normal; }
}

body.page-template-page-recruit .header,
body.page-template-page-recruit-php .header { background: rgba(255,253,248,.94); border-bottom: 1px solid rgba(46,42,40,.12); }
.recruit-page--pop .recruit-hero__bubble { min-width: 164px; justify-content: space-between; }
.recruit-page--pop .recruit-hero__bubble span,
.recruit-page--pop .recruit-hero__bubble i { color: #fff !important; white-space: nowrap; }

@media (max-width: 767px) {
  .recruit-page--pop .recruit-hero__bubble { left: 0 !important; right: auto !important; transform: none !important; }
}

@media (min-width: 768px) {
  .recruit-page--pop .recruit-section { padding-top: 96px; padding-bottom: 96px; }
  .recruit-page--pop .recruit-section-index { margin-bottom: 38px; }
}

/* One authored interruption gives the page a point of view, not just a list of facts. */
.recruit-story-break {
  position: relative;
  overflow: hidden;
  background: var(--clean-orange);
  color: #fffdf8;
}

.recruit-story-break__inner {
  display: grid;
  grid-template-columns: minmax(190px, .62fr) minmax(0, 1.38fr);
  gap: 72px;
  align-items: end;
  padding-top: 62px;
  padding-bottom: 66px;
}

.recruit-story-break .recruit-kicker {
  margin: 0 0 7px;
  color: #fffdf8 !important;
}

.recruit-story-break__quote {
  max-width: 760px;
  margin: 0;
  color: #fffdf8;
  font-size: clamp(30px, 4.25vw, 58px);
  font-weight: 900;
  letter-spacing: -.075em;
  line-height: 1.28;
}

.recruit-story-break__source {
  margin: 20px 0 0;
  color: rgba(255, 253, 248, .86);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
}

@media (max-width: 767px) {
  .recruit-story-break__inner {
    display: block;
    padding-top: 43px;
    padding-bottom: 47px;
  }

  .recruit-story-break .recruit-kicker { margin-bottom: 27px; }
  .recruit-story-break__quote { font-size: clamp(28px, 8vw, 39px); line-height: 1.38; }
  .recruit-story-break__source { margin-top: 17px; font-size: 11px; }
}

/* --------------------------------------------------------------------------
   Visual pass: Poco Work Field Notes
   The page is a field journal about one real workplace, not a benefits sheet.
   -------------------------------------------------------------------------- */
.recruit-page--pop {
  --field-paper: #f6f3eb;
  --field-white: #fffdf8;
  --field-ink: #292724;
  --field-muted: #766e65;
  --field-orange: #ef8b27;
  --field-aqua: #c4e8e5;
  --field-line: rgba(41, 39, 36, .18);
  background: var(--field-paper);
  color: var(--field-ink);
}

.recruit-page--pop .recruit-hero {
  min-height: min(880px, calc(100svh - 82px));
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--field-paper);
}

.recruit-page--pop .recruit-hero::before {
  content: "04";
  position: absolute;
  z-index: -1;
  left: -.055em;
  bottom: -.13em;
  color: transparent;
  font-family: "DM Sans", sans-serif;
  font-size: min(58vw, 760px);
  font-weight: 700;
  letter-spacing: -.16em;
  line-height: .78;
  -webkit-text-stroke: 1px rgba(239, 139, 39, .28);
}

.recruit-page--pop .recruit-hero::after {
  content: "WORK / FIELD NOTES";
  position: absolute;
  z-index: 3;
  top: 120px;
  left: 20px;
  color: rgba(41, 39, 36, .45);
  font-family: "DM Sans", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .22em;
  writing-mode: vertical-rl;
}

.recruit-page--pop .recruit-hero__photo {
  top: 42px;
  right: clamp(26px, 5vw, 84px);
  bottom: 42px;
  left: 51%;
  width: auto;
  height: auto;
  border: 0;
  border-left: 10px solid var(--field-aqua);
  overflow: visible;
  z-index: 1;
}

.recruit-page--pop .recruit-hero__photo::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 18px;
  right: -18px;
  bottom: -18px;
  left: 18px;
  border: 1px solid var(--field-orange);
}

.recruit-page--pop .recruit-hero__photo::after {
  content: "MORISHITA / CUSTOMER FIRST";
  position: absolute;
  right: -12px;
  bottom: 20px;
  padding: 8px 10px;
  color: var(--field-ink);
  background: var(--field-aqua);
  font-family: "DM Sans", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .14em;
  transform: rotate(-90deg) translateX(100%);
  transform-origin: bottom right;
}

.recruit-page--pop .recruit-hero__photo img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  object-position: 58% center;
  filter: saturate(.92) contrast(1.03);
}

.recruit-page--pop .recruit-hero__inner {
  min-height: inherit;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  padding-top: clamp(90px, 12vh, 148px);
}

.recruit-page--pop .recruit-hero__content {
  max-width: 690px;
}

.recruit-page--pop .recruit-hero__folio {
  display: flex;
  justify-content: space-between;
  width: min(100%, 382px);
  margin: 0 0 28px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--field-line);
  color: var(--field-muted);
  font-family: "DM Sans", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
}

.recruit-page--pop .recruit-hero__folio b {
  color: var(--field-orange);
  font-weight: 700;
}

.recruit-page--pop .recruit-hero__content .recruit-kicker {
  color: var(--field-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
}

.recruit-page--pop .recruit-hero h1 {
  margin-top: 20px;
  color: var(--field-ink);
  font-size: clamp(64px, 7.2vw, 124px);
  font-weight: 900;
  letter-spacing: -.105em;
  line-height: .96;
}

.recruit-page--pop .recruit-hero h1 em {
  color: var(--field-orange);
}

.recruit-page--pop .recruit-hero__lead {
  max-width: 490px;
  margin-top: 34px;
  color: var(--field-muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 2;
}

.recruit-page--pop .recruit-hero__proof {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: min(100%, 500px);
  margin-top: 37px;
  border-top: 1px solid var(--field-line);
  border-bottom: 1px solid var(--field-line);
}

.recruit-page--pop .recruit-hero__proof > div {
  min-height: 82px;
  padding: 12px 18px 13px 0;
  border-left: 1px solid var(--field-line);
}

.recruit-page--pop .recruit-hero__proof > div:first-child {
  border-left: 0;
}

.recruit-page--pop .recruit-hero__proof strong,
.recruit-page--pop .recruit-hero__proof span {
  display: block;
}

.recruit-page--pop .recruit-hero__proof strong {
  color: var(--field-orange);
  font-family: "DM Sans", sans-serif;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.08em;
  line-height: 1;
}

.recruit-page--pop .recruit-hero__proof span {
  margin-top: 8px;
  color: var(--field-muted);
  font-family: "DM Sans", sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .14em;
}

.recruit-page--pop .recruit-hero__bubble {
  right: clamp(26px, 5vw, 84px);
  bottom: 42px;
  left: auto;
  min-width: 198px;
  height: 66px;
  min-height: 66px;
  padding: 0 20px;
  border-radius: 0;
  color: var(--field-white);
  background: var(--field-orange);
  box-shadow: 10px 10px 0 rgba(196, 232, 229, .9);
  transform: none;
}

.recruit-page--pop .recruit-hero__bubble:hover {
  transform: translate(-5px, -5px) !important;
  box-shadow: 15px 15px 0 rgba(196, 232, 229, .9);
}

.recruit-page--pop .recruit-hero__bubble span {
  color: var(--field-white) !important;
  font-size: 13px;
  font-weight: 800;
}

.recruit-page--pop .recruit-hero__bubble i {
  color: var(--field-white) !important;
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
}

.recruit-page--pop .recruit-anchor-nav {
  border-top: 1px solid var(--field-line);
  border-bottom: 1px solid var(--field-line);
  background: var(--field-white);
}

.recruit-page--pop .recruit-anchor-nav__inner {
  min-height: 76px;
  gap: clamp(20px, 3.8vw, 58px);
}

.recruit-page--pop .recruit-anchor-nav a {
  color: var(--field-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
}

.recruit-page--pop .recruit-anchor-nav a.is-active,
.recruit-page--pop .recruit-anchor-nav a:hover {
  color: var(--field-orange);
}

.recruit-page--pop .recruit-anchor-nav small {
  display: inline-block;
  margin-right: 7px;
  color: var(--field-orange);
  font-family: "DM Sans", sans-serif;
  font-size: 9px;
}

.recruit-page--pop .recruit-anchor-nav__entry {
  margin-left: auto;
  padding-left: 25px;
  border-left: 1px solid var(--field-line);
  color: var(--field-orange) !important;
  background: transparent !important;
}

.recruit-page--pop .recruit-section {
  position: relative;
  overflow: hidden;
  padding-top: 148px;
  padding-bottom: 148px;
}

.recruit-page--pop .recruit-section-index {
  margin-bottom: 54px;
}

.recruit-page--pop .recruit-section-index span {
  color: var(--field-orange);
  font-family: "DM Sans", sans-serif;
}

.recruit-page--pop .recruit-section-index b {
  color: var(--field-ink);
  font-size: 11px;
  letter-spacing: .12em;
}

.recruit-page--pop .recruit-section-index i {
  width: 54px;
  height: 2px;
  background: var(--field-orange);
}

.recruit-page--pop .recruit-section h2 {
  color: var(--field-ink);
  font-size: clamp(39px, 4.5vw, 72px);
  font-weight: 900;
  letter-spacing: -.095em;
  line-height: 1.12;
}

.recruit-page--pop .recruit-section h2 em {
  color: var(--field-orange);
}

.recruit-page--pop .recruit-copy {
  color: var(--field-muted);
  font-size: 14px;
  line-height: 2.05;
}

.recruit-page--pop #concept::after {
  content: "WHY 4 DAYS?";
  position: absolute;
  right: -15px;
  bottom: 55px;
  color: rgba(41, 39, 36, .07);
  font-family: "DM Sans", sans-serif;
  font-size: 96px;
  font-weight: 700;
  letter-spacing: -.08em;
  transform: rotate(-90deg);
  transform-origin: bottom right;
}

.recruit-page--pop .recruit-manifesto__grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(300px, .7fr);
  gap: clamp(52px, 10vw, 160px);
  align-items: end;
}

.recruit-page--pop .recruit-manifesto__grid .recruit-copy {
  padding-left: 32px;
  border-left: 3px solid var(--field-orange);
}

.recruit-page--pop .recruit-manifesto__grid .recruit-copy p + p {
  margin-top: 25px;
}

.recruit-page--pop .recruit-text-link {
  display: inline-flex;
  gap: 17px;
  margin-top: 28px;
  color: var(--field-orange);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
}

.recruit-page--pop .recruit-text-link span {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: .8;
}

.recruit-page--pop .recruit-story-break {
  background: var(--field-ink);
}

.recruit-page--pop .recruit-story-break::before {
  content: "Poco";
  position: absolute;
  right: -.04em;
  bottom: -.22em;
  color: transparent;
  font-family: Georgia, serif;
  font-size: min(26vw, 360px);
  font-style: italic;
  letter-spacing: -.12em;
  line-height: .8;
  -webkit-text-stroke: 1px rgba(196, 232, 229, .28);
}

.recruit-page--pop .recruit-story-break__inner {
  position: relative;
  z-index: 1;
}

.recruit-page--pop .recruit-story-break__quote {
  font-size: clamp(37px, 5.2vw, 76px);
  letter-spacing: -.1em;
}

.recruit-page--pop .recruit-story-break__source {
  color: var(--field-aqua);
}

.recruit-page--pop .recruit-people {
  background: var(--field-white);
}

.recruit-page--pop .recruit-people__grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(310px, .72fr);
  gap: clamp(50px, 9vw, 132px);
  align-items: center;
}

.recruit-page--pop .recruit-people__visual {
  position: relative;
  min-height: 640px;
  padding: 0 17% 76px 0;
}

.recruit-page--pop .recruit-people__figure {
  position: relative;
  z-index: 1;
  margin: 0;
}

.recruit-page--pop .recruit-people__figure > img {
  width: 100%;
  height: 500px;
  border-radius: 0;
  object-fit: cover;
  object-position: 50% center;
  box-shadow: 18px 18px 0 var(--field-aqua);
}

.recruit-page--pop .recruit-people__figure figcaption {
  padding-top: 17px;
  border-top: 0;
}

.recruit-page--pop .recruit-people__figure figcaption span {
  color: var(--field-orange);
  font-family: "DM Sans", sans-serif;
  font-size: 9px;
}

.recruit-page--pop .recruit-people__figure figcaption small {
  color: var(--field-muted);
  font-size: 11px;
}

.recruit-page--pop .recruit-people__figure--inset {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 34%;
  padding: 9px;
  background: var(--field-white);
  box-shadow: 0 14px 28px rgba(41, 39, 36, .12);
  transform: rotate(3deg);
}

.recruit-page--pop .recruit-people__figure--inset > img {
  height: 235px;
  box-shadow: none;
}

.recruit-page--pop .recruit-people__figure--inset figcaption {
  padding: 10px 2px 3px;
}

.recruit-page--pop .recruit-people__figure--inset figcaption small {
  display: block;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.5;
}

.recruit-page--pop .recruit-people__visual-mark {
  position: absolute;
  z-index: 0;
  top: -55px;
  left: -30px;
  color: transparent;
  font-family: Georgia, serif;
  font-size: 250px;
  font-style: italic;
  line-height: 1;
  -webkit-text-stroke: 1px rgba(239, 139, 39, .32);
}

.recruit-page--pop .recruit-people__copy {
  position: relative;
  z-index: 2;
}

.recruit-page--pop .recruit-people__copy .recruit-copy {
  max-width: 450px;
  margin-top: 28px;
}

.recruit-page--pop .recruit-people__quote {
  max-width: 390px;
  margin-top: 34px;
  padding: 22px 0 22px 20px;
  border-top: 1px solid var(--field-line);
  border-bottom: 1px solid var(--field-line);
  border-left: 0;
  color: var(--field-muted);
  font-size: 13px;
  line-height: 1.8;
}

.recruit-page--pop .recruit-people__quote strong {
  color: var(--field-ink);
}

.recruit-page--pop .recruit-rhythm {
  background: var(--field-aqua);
}

.recruit-page--pop .recruit-rhythm::before {
  content: "32";
  position: absolute;
  right: -.04em;
  bottom: -.2em;
  color: rgba(255, 253, 248, .6);
  font-family: "DM Sans", sans-serif;
  font-size: min(32vw, 430px);
  font-weight: 700;
  letter-spacing: -.14em;
  line-height: .75;
}

.recruit-page--pop .recruit-rhythm > .recruit-shell {
  position: relative;
  z-index: 1;
}

.recruit-page--pop .recruit-rhythm__head {
  grid-template-columns: minmax(0, 1fr) minmax(280px, .62fr);
  gap: clamp(50px, 10vw, 150px);
  align-items: end;
}

.recruit-page--pop .recruit-rhythm__stats {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 74px;
  border-color: var(--field-ink);
}

.recruit-page--pop .recruit-rhythm__stats div {
  min-height: 180px;
  padding: 22px 20px;
  border-color: var(--field-ink);
}

.recruit-page--pop .recruit-rhythm__stats strong {
  color: var(--field-orange);
  font-size: clamp(72px, 8vw, 112px);
}

.recruit-page--pop .recruit-rhythm__stats span {
  color: var(--field-ink);
  font-family: "DM Sans", sans-serif;
  font-size: 10px;
  letter-spacing: .1em;
}

.recruit-page--pop .recruit-weekline {
  position: relative;
  z-index: 1;
  gap: 4px;
  margin-top: 38px;
}

.recruit-page--pop .recruit-weekline__item {
  min-height: 170px;
  padding: 17px 14px;
  border: 1px solid var(--field-ink);
  border-radius: 0;
  background: var(--field-white);
}

.recruit-page--pop .recruit-weekline__item.is-work {
  border-color: var(--field-orange);
  background: var(--field-orange);
}

.recruit-page--pop .recruit-weekline__item.is-work small,
.recruit-page--pop .recruit-weekline__item.is-work b,
.recruit-page--pop .recruit-weekline__item.is-work span,
.recruit-page--pop .recruit-weekline__item.is-work em {
  color: var(--field-white);
}

.recruit-page--pop .recruit-weekline__item small {
  color: var(--field-muted);
  font-family: "DM Sans", sans-serif;
}

.recruit-page--pop .recruit-weekline__item b {
  margin-top: 30px;
  color: var(--field-ink);
  font-size: 36px;
}

.recruit-page--pop .recruit-weekline__item span {
  margin-top: 13px;
  color: var(--field-ink);
  font-size: 10px;
  line-height: 1.5;
  white-space: normal;
}

.recruit-page--pop .recruit-weekline__item em {
  margin-top: 10px;
  color: var(--field-muted);
  font-family: "DM Sans", sans-serif;
}

.recruit-page--pop .recruit-rhythm__note {
  position: relative;
  z-index: 1;
  color: var(--field-ink);
  font-size: 11px;
}

.recruit-page--pop .recruit-principles__head,
.recruit-page--pop .recruit-job__head {
  max-width: 740px;
}

.recruit-page--pop .recruit-principles__list {
  margin-top: 64px;
  border-top: 1px solid var(--field-line);
}

.recruit-page--pop .recruit-principles__list article {
  display: grid;
  grid-template-columns: minmax(230px, .68fr) minmax(0, 1fr);
  gap: 45px;
  padding: 26px 0;
  border-bottom: 1px solid var(--field-line);
}

.recruit-page--pop .recruit-principles__list h3 {
  color: var(--field-ink);
  font-size: 19px;
  letter-spacing: -.04em;
}

.recruit-page--pop .recruit-principles__list p {
  color: var(--field-muted);
  font-size: 13px;
  line-height: 1.9;
}

.recruit-page--pop .recruit-job {
  background: var(--field-white);
}

.recruit-page--pop .recruit-job__grid {
  grid-template-columns: minmax(260px, .6fr) minmax(0, 1fr);
  gap: clamp(50px, 10vw, 155px);
  align-items: start;
  margin-top: 60px;
}

.recruit-page--pop .recruit-job__list {
  border-top: 3px solid var(--field-orange);
}

.recruit-page--pop .recruit-job__list li {
  min-height: 58px;
  padding: 17px 0;
  border-color: var(--field-line);
  color: var(--field-ink);
  font-size: 13px;
}

.recruit-page--pop .recruit-job__list li span {
  flex-basis: 95px;
  color: var(--field-orange);
  font-family: "DM Sans", sans-serif;
}

.recruit-page--pop .recruit-job__note {
  margin-top: 44px;
  border-radius: 0;
  background: var(--field-aqua);
}

.recruit-page--pop .recruit-job__note strong {
  color: var(--field-orange);
}

.recruit-page--pop .recruit-details {
  background: var(--field-aqua);
}

.recruit-page--pop .recruit-details__grid {
  grid-template-columns: minmax(270px, .65fr) minmax(0, 1fr);
  gap: clamp(55px, 11vw, 170px);
  align-items: start;
}

.recruit-page--pop .recruit-details__list {
  border-top: 2px solid var(--field-ink);
}

.recruit-page--pop .recruit-details__list dt,
.recruit-page--pop .recruit-details__list dd {
  padding: 17px 0;
  border-color: rgba(41, 39, 36, .4);
}

.recruit-page--pop .recruit-details__list dt {
  color: var(--field-ink);
}

.recruit-page--pop .recruit-details__list dd {
  color: var(--field-ink);
  font-size: 13px;
}

.recruit-page--pop .recruit-details__list dd strong {
  color: var(--field-orange);
  font-size: 25px;
}

.recruit-page--pop .recruit-entry {
  background: var(--field-ink);
}

.recruit-page--pop .recruit-entry .recruit-section-index b,
.recruit-page--pop .recruit-entry h2,
.recruit-page--pop .recruit-entry .recruit-copy,
.recruit-page--pop .recruit-entry .recruit-entry__steps span {
  color: var(--field-white);
}

.recruit-page--pop .recruit-entry h2 em,
.recruit-page--pop .recruit-entry .recruit-section-index span,
.recruit-page--pop .recruit-entry .recruit-kicker {
  color: var(--field-orange);
}

.recruit-page--pop .recruit-entry .recruit-section-index i,
.recruit-page--pop .recruit-entry__steps,
.recruit-page--pop .recruit-entry__steps li {
  border-color: rgba(255, 253, 248, .28);
}

.recruit-page--pop .recruit-entry__steps b {
  color: var(--field-aqua);
}

.recruit-page--pop .recruit-form {
  border: 0;
  border-top: 5px solid var(--field-orange);
  background: var(--field-white);
  box-shadow: 18px 18px 0 rgba(196, 232, 229, .35);
}

.recruit-page--pop .recruit-form__title span {
  color: var(--field-orange);
}

.recruit-page--pop .recruit-button--primary {
  border-radius: 0;
  background: var(--field-orange);
}

@media (max-width: 767px) {
  .recruit-page--pop .recruit-hero {
    min-height: 860px;
  }

  .recruit-page--pop .recruit-hero::before {
    left: -.12em;
    bottom: .25em;
    font-size: 74vw;
  }

  .recruit-page--pop .recruit-hero::after {
    top: 107px;
    left: 10px;
    font-size: 8px;
  }

  .recruit-page--pop .recruit-hero__photo {
    top: 32px;
    right: 18px;
    bottom: auto;
    left: 18px;
    height: 330px;
    border-left: 5px solid var(--field-aqua);
  }

  .recruit-page--pop .recruit-hero__photo::before {
    top: 12px;
    right: -9px;
    bottom: -9px;
    left: 9px;
  }

  .recruit-page--pop .recruit-hero__photo::after {
    right: -7px;
    bottom: 8px;
    padding: 6px;
    font-size: 7px;
  }

  .recruit-page--pop .recruit-hero__inner {
    display: block;
    padding-top: 387px;
  }

  .recruit-page--pop .recruit-hero__folio {
    width: 100%;
    margin-bottom: 18px;
    font-size: 8px;
  }

  .recruit-page--pop .recruit-hero h1 {
    margin-top: 12px;
    font-size: clamp(52px, 14vw, 70px);
    line-height: .98;
  }

  .recruit-page--pop .recruit-hero__lead {
    margin-top: 22px;
    font-size: 11px;
    line-height: 1.85;
  }

  .recruit-page--pop .recruit-hero__proof {
    width: 100%;
    margin-top: 24px;
  }

  .recruit-page--pop .recruit-hero__proof > div {
    min-height: 67px;
    padding: 10px 8px 9px 0;
  }

  .recruit-page--pop .recruit-hero__proof strong {
    font-size: 29px;
  }

  .recruit-page--pop .recruit-hero__proof span {
    margin-top: 5px;
    font-size: 6px;
    letter-spacing: .08em;
  }

  .recruit-page--pop .recruit-hero__bubble {
    right: 18px;
    bottom: 25px;
    min-width: 177px;
    height: 57px;
    min-height: 57px;
    box-shadow: 7px 7px 0 rgba(196, 232, 229, .9);
  }

  .recruit-page--pop .recruit-anchor-nav__inner {
    min-height: 62px;
    gap: 19px;
  }

  .recruit-page--pop .recruit-anchor-nav a {
    font-size: 10px;
  }

  .recruit-page--pop .recruit-anchor-nav small {
    display: none;
  }

  .recruit-page--pop .recruit-section {
    padding-top: 93px;
    padding-bottom: 93px;
  }

  .recruit-page--pop .recruit-section-index {
    margin-bottom: 34px;
  }

  .recruit-page--pop .recruit-section h2 {
    font-size: clamp(37px, 10.5vw, 54px);
  }

  .recruit-page--pop #concept::after {
    right: -8px;
    bottom: 35px;
    font-size: 58px;
  }

  .recruit-page--pop .recruit-manifesto__grid,
  .recruit-page--pop .recruit-people__grid,
  .recruit-page--pop .recruit-rhythm__head,
  .recruit-page--pop .recruit-principles__list article,
  .recruit-page--pop .recruit-job__grid,
  .recruit-page--pop .recruit-details__grid,
  .recruit-page--pop .recruit-entry__grid {
    display: block;
  }

  .recruit-page--pop .recruit-manifesto__grid .recruit-copy {
    margin-top: 35px;
    padding-left: 19px;
  }

  .recruit-page--pop .recruit-story-break__inner {
    display: block;
  }

  .recruit-page--pop .recruit-story-break::before {
    right: -.1em;
    bottom: -.02em;
    font-size: 38vw;
  }

  .recruit-page--pop .recruit-people__visual {
    min-height: 530px;
    margin-bottom: 47px;
    padding-right: 18%;
  }

  .recruit-page--pop .recruit-people__figure > img {
    height: 365px;
    box-shadow: 10px 10px 0 var(--field-aqua);
  }

  .recruit-page--pop .recruit-people__figure--inset {
    width: 42%;
  }

  .recruit-page--pop .recruit-people__figure--inset > img {
    height: 175px;
  }

  .recruit-page--pop .recruit-people__visual-mark {
    top: -22px;
    left: -12px;
    font-size: 150px;
  }

  .recruit-page--pop .recruit-people__copy .recruit-copy {
    margin-top: 22px;
  }

  .recruit-page--pop .recruit-rhythm::before {
    right: -.08em;
    bottom: -.02em;
    font-size: 52vw;
  }

  .recruit-page--pop .recruit-rhythm__stats {
    margin-top: 47px;
  }

  .recruit-page--pop .recruit-rhythm__stats div {
    min-height: 125px;
    padding: 15px 10px;
  }

  .recruit-page--pop .recruit-rhythm__stats strong {
    font-size: 58px;
  }

  .recruit-page--pop .recruit-rhythm__stats span {
    font-size: 7px;
  }

  .recruit-page--pop .recruit-weekline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 24px;
  }

  .recruit-page--pop .recruit-weekline__item {
    min-height: 123px;
    padding: 10px 8px;
  }

  .recruit-page--pop .recruit-weekline__item b {
    margin-top: 15px;
    font-size: 27px;
  }

  .recruit-page--pop .recruit-weekline__item span {
    margin-top: 8px;
    font-size: 8px;
  }

  .recruit-page--pop .recruit-principles__list,
  .recruit-page--pop .recruit-job__grid {
    margin-top: 37px;
  }

  .recruit-page--pop .recruit-principles__list article {
    padding: 20px 0;
  }

  .recruit-page--pop .recruit-principles__list p,
  .recruit-page--pop .recruit-job__grid > .recruit-copy {
    margin-top: 11px;
  }

  .recruit-page--pop .recruit-job__list {
    margin-top: 30px;
  }

  .recruit-page--pop .recruit-details__list {
    margin-top: 34px;
  }

  .recruit-page--pop .recruit-entry__copy {
    margin-bottom: 44px;
  }

  .recruit-page--pop .recruit-form {
    box-shadow: 9px 9px 0 rgba(196, 232, 229, .35);
  }
}

/* --------------------------------------------------------------------------
   MV implementation: warm human editorial
   The recruitment page starts with a fixed brand rail, one real workplace
   photograph and a small set of facts. The layout is intentionally quiet so
   the people in the photo carry the invitation.
   -------------------------------------------------------------------------- */
:root {
  --recruit-mv-paper: #fbf8f1;
  --recruit-mv-white: #fffefa;
  --recruit-mv-ink: #302c2a;
  --recruit-mv-muted: #716962;
  --recruit-mv-orange: #f29418;
  --recruit-mv-aqua: #c5e5e2;
  --recruit-mv-line: rgba(48, 44, 42, .18);
}

body.page-template-page-recruit,
body.page-template-page-recruit-php {
  background: var(--recruit-mv-paper);
}

body.page-template-page-recruit .header,
body.page-template-page-recruit-php .header {
  display: none !important;
}

.recruit-page--pop {
  position: relative;
  margin-left: 238px;
  overflow: clip;
  background: var(--recruit-mv-paper);
  color: var(--recruit-mv-ink);
}

.recruit-page--pop .recruit-brand-rail {
  position: fixed;
  z-index: 100;
  inset: 0 auto 0 0;
  width: 238px;
  padding: 38px 30px 34px;
  display: flex;
  flex-direction: column;
  background: var(--recruit-mv-paper);
  border-right: 1px solid var(--recruit-mv-line);
}

.recruit-brand-rail__logo {
  display: block;
  width: 124px;
  height: auto;
}

.recruit-brand-rail__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.recruit-brand-rail__title {
  margin-top: 28px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--recruit-mv-orange);
  color: var(--recruit-mv-ink);
  font-family: var(--recruit-mono);
  letter-spacing: .17em;
  line-height: 1.65;
}

.recruit-brand-rail__title span,
.recruit-brand-rail__title strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
}

.recruit-brand-rail__title strong {
  font-size: 11px;
  letter-spacing: .19em;
}

.recruit-brand-rail__nav {
  display: grid;
  gap: 21px;
  margin-top: 34px;
}

.recruit-brand-rail__nav a {
  color: var(--recruit-mv-ink);
  font-family: var(--recruit-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.3;
  transition: color .2s ease, transform .2s ease;
}

.recruit-brand-rail__nav a:hover,
.recruit-brand-rail__nav a:focus-visible {
  color: var(--recruit-mv-orange);
  transform: translateX(3px);
}

.recruit-brand-rail__entry {
  margin-top: auto;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: var(--recruit-mv-orange);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  transition: background .2s ease, transform .2s ease;
}

.recruit-brand-rail__entry:hover,
.recruit-brand-rail__entry:focus-visible {
  background: #df7d09;
  transform: translateY(-2px);
}

.recruit-page--pop .recruit-hero {
  min-height: min(780px, 100svh);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--recruit-mv-paper);
}

.recruit-page--pop .recruit-hero::before,
.recruit-page--pop .recruit-hero::after,
.recruit-page--pop .recruit-hero__photo::before,
.recruit-page--pop .recruit-hero__photo::after {
  display: none !important;
}

.recruit-page--pop .recruit-hero__photo {
  position: absolute;
  z-index: -1;
  inset: 0 0 0 41%;
  width: auto;
  height: auto;
  border: 0;
  overflow: hidden;
}

.recruit-page--pop .recruit-hero__photo::after {
  content: '';
}

.recruit-page--pop .recruit-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 57% center;
  filter: saturate(.96) contrast(1.01);
  transform: none;
}

.recruit-page--pop .recruit-hero__inner {
  width: 100%;
  max-width: none;
  min-height: min(780px, 100svh);
  padding: 118px 6vw 82px;
  position: relative;
  display: flex;
  align-items: flex-end;
}

.recruit-page--pop .recruit-hero__inner::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  width: 59%;
  pointer-events: none;
  background: linear-gradient(90deg, var(--recruit-mv-paper) 0%, rgba(251, 248, 241, .98) 72%, rgba(251, 248, 241, .07) 100%);
}

.recruit-page--pop .recruit-hero__content {
  max-width: 610px;
}

.recruit-page--pop .recruit-hero__content .recruit-kicker {
  margin-bottom: 20px;
  color: var(--recruit-mv-orange);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .13em;
}

.recruit-page--pop .recruit-hero h1 {
  margin: 0;
  color: var(--recruit-mv-ink);
  font-size: clamp(40px, 3.5vw, 54px);
  font-weight: 500;
  letter-spacing: -.09em;
  line-height: 1.28;
  text-shadow: none;
}

.recruit-page--pop .recruit-hero h1 em {
  color: inherit;
}

.recruit-page--pop .recruit-hero__lead {
  max-width: none;
  margin-top: 26px;
  color: var(--recruit-mv-ink);
  font-size: 18px;
  line-height: 1.85;
}

.recruit-page--pop .recruit-hero__lead strong {
  font-weight: 500;
}

.recruit-page--pop .recruit-hero__proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(100%, 580px);
  margin-top: 28px;
  border-top: 1px solid var(--recruit-mv-line);
  border-bottom: 1px solid var(--recruit-mv-line);
}

.recruit-page--pop .recruit-hero__proof > div {
  min-height: 76px;
  padding: 14px 16px 13px 0;
  border-left: 1px solid var(--recruit-mv-line);
}

.recruit-page--pop .recruit-hero__proof > div:first-child {
  border-left: 0;
}

.recruit-page--pop .recruit-hero__proof strong,
.recruit-page--pop .recruit-hero__proof span {
  display: block;
}

.recruit-page--pop .recruit-hero__proof strong {
  color: var(--recruit-mv-ink);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1.2;
}

.recruit-page--pop .recruit-hero__proof span {
  margin-top: 8px;
  color: var(--recruit-mv-muted);
  font-family: var(--recruit-mono);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .14em;
}

.recruit-page--pop .recruit-hero__bubble {
  display: none;
}

.recruit-hero-band {
  min-height: 150px;
  display: grid;
  grid-template-columns: minmax(155px, 1.12fr) minmax(155px, .8fr) minmax(190px, 1fr) minmax(160px, .9fr);
  align-items: stretch;
  background: var(--recruit-mv-white);
  border-top: 1px solid var(--recruit-mv-line);
  border-bottom: 1px solid var(--recruit-mv-line);
}

.recruit-hero-band__image {
  min-height: 150px;
  margin: 0;
  overflow: hidden;
}

.recruit-hero-band__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 56% center;
  filter: saturate(.94);
}

.recruit-hero-band__fact {
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--recruit-mv-line);
}

.recruit-hero-band__fact strong,
.recruit-hero-band__fact span {
  display: block;
  color: var(--recruit-mv-ink);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1.6;
}

.recruit-hero-band__fact span {
  color: var(--recruit-mv-muted);
  font-size: 13px;
}

.recruit-hero-band__entry {
  margin: 30px 30px 30px 24px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff !important;
  background: var(--recruit-mv-orange);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  transition: background .2s ease, transform .2s ease;
}

.recruit-hero-band__entry span {
  font-family: var(--recruit-mono);
  font-size: 22px;
  font-weight: 400;
}

.recruit-hero-band__entry:hover,
.recruit-hero-band__entry:focus-visible {
  background: #df7d09;
  transform: translateY(-2px);
}

.recruit-page--pop .recruit-anchor-nav {
  display: none;
}

.recruit-page--pop .recruit-section {
  scroll-margin-top: 24px;
}

@media (max-width: 1050px) and (min-width: 768px) {
  .recruit-page--pop { margin-left: 190px; }
  .recruit-page--pop .recruit-brand-rail { width: 190px; padding-right: 22px; padding-left: 22px; }
  .recruit-brand-rail__logo { width: 105px; }
  .recruit-brand-rail__nav { gap: 17px; }
  .recruit-page--pop .recruit-hero__inner { padding-right: 4vw; padding-left: 4vw; }
  .recruit-page--pop .recruit-hero__photo { left: 37%; }
  .recruit-page--pop .recruit-hero h1 { font-size: clamp(38px, 4.5vw, 55px); }
  .recruit-hero-band { grid-template-columns: 1fr 1fr 1.15fr; }
  .recruit-hero-band__image { display: none; }
}

@media (max-width: 767px) {
  .recruit-page--pop {
    margin-left: 0;
  }

  .recruit-page--pop .recruit-brand-rail {
    position: relative;
    inset: auto;
    width: 100%;
    height: 78px;
    padding: 12px 16px;
    display: grid;
    grid-template-columns: 55px 1fr auto;
    gap: 14px;
    align-items: center;
    border-right: 0;
    border-bottom: 1px solid var(--recruit-mv-line);
  }

  .recruit-brand-rail__logo { width: 55px; }
  .recruit-brand-rail__title { margin: 0; padding: 0; border: 0; line-height: 1.35; }
  .recruit-brand-rail__title span { font-size: 10px; }
  .recruit-brand-rail__title strong { font-size: 9px; letter-spacing: .13em; }
  .recruit-brand-rail__nav { display: none; }
  .recruit-brand-rail__entry { margin: 0; padding: 12px 13px; font-size: 11px; }

  .recruit-page--pop .recruit-hero {
    min-height: 835px;
  }

  .recruit-page--pop .recruit-hero__photo {
    inset: 0 0 auto;
    height: 390px;
  }

  .recruit-page--pop .recruit-hero__photo img {
    object-position: 53% center;
  }

  .recruit-page--pop .recruit-hero__inner {
    min-height: 835px;
    padding: 425px 20px 36px;
    display: block;
  }

  .recruit-page--pop .recruit-hero__inner::before {
    inset: 350px 0 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(251, 248, 241, .12) 0%, var(--recruit-mv-paper) 12%, var(--recruit-mv-paper) 100%);
  }

  .recruit-page--pop .recruit-hero__content { max-width: none; }
  .recruit-page--pop .recruit-hero__content .recruit-kicker { margin-bottom: 14px; font-size: 10px; }
  .recruit-page--pop .recruit-hero__inner { padding-right: 20px !important; padding-left: 20px !important; }
  .recruit-page--pop .recruit-hero h1 { font-size: clamp(30px, 8vw, 36px); line-height: 1.38; }
  .recruit-page--pop .recruit-hero__lead { margin-top: 18px; font-size: 16px; }
  .recruit-page--pop .recruit-hero__proof { margin-top: 21px; }
  .recruit-page--pop .recruit-hero__proof > div { min-height: 65px; padding: 11px 8px 10px 0; }
  .recruit-page--pop .recruit-hero__proof strong { font-size: 13px; }
  .recruit-page--pop .recruit-hero__proof span { margin-top: 6px; font-size: 6px; letter-spacing: .08em; }
  .recruit-page--pop .recruit-hero__bubble {
    position: absolute;
    right: 20px;
    bottom: 24px;
    left: 20px;
    height: 52px;
    min-height: 52px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: var(--recruit-mv-orange);
  }

  .recruit-page--pop .recruit-hero__bubble span { color: #fff !important; font-size: 12px; font-weight: 700; }
  .recruit-page--pop .recruit-hero__bubble i { color: #fff !important; font-size: 21px; }

  .recruit-hero-band {
    min-height: 0;
    grid-template-columns: 1fr 1fr;
  }

  .recruit-hero-band__image { grid-column: 1 / -1; min-height: 160px; }
  .recruit-hero-band__fact { min-height: 112px; padding: 20px 16px; }
  .recruit-hero-band__fact strong { font-size: 13px; }
  .recruit-hero-band__fact span { font-size: 11px; }
  .recruit-hero-band__entry { grid-column: 1 / -1; min-height: 54px; margin: 16px; padding: 0 18px; }

  .recruit-page--pop .recruit-anchor-nav {
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-top: 0;
  }

  .recruit-page--pop .recruit-anchor-nav__inner {
    min-height: 58px;
    gap: 19px;
    justify-content: flex-start;
    overflow-x: auto;
    white-space: nowrap;
  }

  .recruit-page--pop .recruit-anchor-nav a { flex: 0 0 auto; font-size: 10px; }
  .recruit-page--pop .recruit-anchor-nav small { display: none; }
  .recruit-page--pop .recruit-anchor-nav__entry { padding-left: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .recruit-brand-rail__nav a,
  .recruit-brand-rail__entry,
  .recruit-hero-band__entry { transition: none; }
}

/* --------------------------------------------------------------------------
   Approved MV artboard
   The visual is rendered as the approved image itself. Only invisible,
   accessible link targets sit above it; typography and photography are not
   reconstructed in CSS.
   -------------------------------------------------------------------------- */
.recruit-page--pop {
  margin-left: 0;
  overflow: visible;
}

.recruit-artboard {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #fbf8f1;
  line-height: 0;
}

.recruit-artboard__image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.recruit-artboard__a11y,
.recruit-artboard__hotspot span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.recruit-artboard__hotspots {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
}

.recruit-artboard__hotspot {
  position: absolute;
  display: block;
  pointer-events: auto;
  border-radius: 2px;
}

.recruit-artboard__hotspot:focus-visible {
  outline: 3px solid #1b66d1;
  outline-offset: 3px;
}

.recruit-artboard__hotspot--home { top: 2.8%; left: 2.1%; width: 11.5%; height: 14.5%; }
.recruit-artboard__hotspot--brand { top: 31.2%; left: 2.1%; width: 11.4%; height: 4.6%; }
.recruit-artboard__hotspot--job { top: 35.4%; left: 2.1%; width: 11.4%; height: 4.6%; }
.recruit-artboard__hotspot--interview { top: 39.6%; left: 2.1%; width: 11.4%; height: 4.6%; }
.recruit-artboard__hotspot--workstyle { top: 43.8%; left: 2.1%; width: 11.4%; height: 4.6%; }
.recruit-artboard__hotspot--description { top: 48%; left: 2.1%; width: 11.4%; height: 4.6%; }
.recruit-artboard__hotspot--faq { top: 52.2%; left: 2.1%; width: 11.4%; height: 4.6%; }
.recruit-artboard__hotspot--entry-left { top: 61.2%; left: 2.15%; width: 14.5%; height: 8%; }
.recruit-artboard__hotspot--entry-right { top: 81%; left: 79.4%; width: 17.8%; height: 9.5%; }

@media (max-width: 767px) {
  .recruit-artboard {
    border-bottom: 1px solid var(--recruit-mv-line);
  }

  .recruit-artboard__hotspot--home,
  .recruit-artboard__hotspot--brand,
  .recruit-artboard__hotspot--job,
  .recruit-artboard__hotspot--interview,
  .recruit-artboard__hotspot--workstyle,
  .recruit-artboard__hotspot--description,
  .recruit-artboard__hotspot--faq {
    display: none;
  }

  .recruit-artboard__hotspot--entry-left,
  .recruit-artboard__hotspot--entry-right {
    min-width: 44px;
    min-height: 44px;
  }
}

/* --------------------------------------------------------------------------
   Hybrid MV: semantic grid + real photos + authored hand-drawn accents
   -------------------------------------------------------------------------- */
.recruit-artboard { display: none !important; }

.recruit-hybrid {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  grid-template-rows: clamp(580px, 41vw, 690px) 220px;
  width: 100%;
  overflow: hidden;
  background: #fbf8f1;
  border-bottom: 1px solid var(--recruit-mv-line);
}

.recruit-hybrid__rail {
  grid-column: 1;
  grid-row: 1 / 3;
  padding: 34px 32px 30px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--recruit-mv-line);
  background: #fbf8f1;
}

.recruit-hybrid__logo {
  display: block;
  width: 126px;
}

.recruit-hybrid__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.recruit-hybrid__site-name {
  margin: 30px 0 0;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--recruit-mv-orange);
  font-family: var(--recruit-mono);
  line-height: 1.55;
}

.recruit-hybrid__site-name span,
.recruit-hybrid__site-name strong {
  display: block;
  color: var(--recruit-mv-ink);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .18em;
}

.recruit-hybrid__site-name strong { font-size: 11px; }

.recruit-hybrid__nav {
  margin-top: 31px;
  display: grid;
  gap: 18px;
}

.recruit-hybrid__nav a {
  color: var(--recruit-mv-ink);
  font-family: var(--recruit-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .11em;
  line-height: 1.35;
  transition: color .2s ease, transform .2s ease;
}

.recruit-hybrid__nav a:hover,
.recruit-hybrid__nav a:focus-visible {
  color: var(--recruit-mv-orange);
  transform: translateX(3px);
}

.recruit-hybrid__rail-entry {
  min-height: 60px;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: var(--recruit-mv-orange);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  transition: background .2s ease, transform .2s ease;
}

.recruit-hybrid__rail-entry:hover,
.recruit-hybrid__rail-entry:focus-visible,
.recruit-hybrid__band-entry:hover,
.recruit-hybrid__band-entry:focus-visible {
  background: #dd7b08;
  transform: translateY(-2px);
}

.recruit-hybrid__hero {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(430px, 43%) minmax(0, 57%);
  min-width: 0;
  background: #fbf8f1;
}

.recruit-hybrid__copy {
  min-width: 0;
  padding: clamp(54px, 5.5vw, 88px) clamp(36px, 4.2vw, 68px) 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.recruit-hybrid__kicker {
  margin: 0 0 25px;
  color: var(--recruit-mv-orange);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1.5;
}

.recruit-hybrid h1 {
  margin: 0;
  color: var(--recruit-mv-ink);
  font-size: clamp(38px, 3.2vw, 54px);
  font-weight: 400;
  letter-spacing: -.075em;
  line-height: 1.38;
}

.recruit-hybrid__handwriting {
  width: fit-content;
  max-width: 100%;
  margin: 31px 0 0;
  position: relative;
  color: #91cbd1;
  font-family: "Klee One", "Yuji Syuku", cursive;
  font-size: clamp(23px, 2vw, 31px);
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 1.45;
  transform: rotate(-2.4deg);
}

.recruit-hybrid__handwriting svg {
  position: absolute;
  right: -5px;
  bottom: -19px;
  left: -5px;
  width: calc(100% + 10px);
  height: 27px;
  overflow: visible;
  fill: none;
  stroke: #91cbd1;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .86;
}

.recruit-hybrid__photo {
  min-width: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #fff;
}

.recruit-hybrid__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 56% center;
  filter: saturate(.97) contrast(1.01);
}

.recruit-hybrid__band {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: minmax(240px, 1.25fr) minmax(190px, .8fr) minmax(235px, 1fr) minmax(220px, .9fr);
  min-width: 0;
  background: #fffefa;
  border-top: 1px solid var(--recruit-mv-line);
}

.recruit-hybrid__subphoto {
  min-width: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.recruit-hybrid__subphoto img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 56% center;
  filter: saturate(.95);
}

.recruit-hybrid__fact {
  min-width: 0;
  padding: 25px 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border-left: 1px solid var(--recruit-mv-line);
}

.recruit-hybrid__icon {
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  overflow: visible;
  fill: none;
  stroke: var(--recruit-mv-ink);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.recruit-hybrid__icon .blob {
  fill: rgba(145, 203, 209, .55);
  stroke: none;
  transform: translate(6px, 7px) rotate(-7deg);
  transform-origin: center;
}

.recruit-hybrid__fact p { margin: 0; }
.recruit-hybrid__fact strong,
.recruit-hybrid__fact span {
  display: block;
  color: var(--recruit-mv-ink);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.75;
}
.recruit-hybrid__fact span { color: var(--recruit-mv-muted); font-size: 13px; }

.recruit-hybrid__band-entry {
  min-height: 74px;
  margin: 42px 30px;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff !important;
  background: var(--recruit-mv-orange);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .07em;
  transition: background .2s ease, transform .2s ease;
}

.recruit-hybrid__band-entry span {
  color: #fff;
  font-family: var(--recruit-mono);
  font-size: 23px;
}

@media (max-width: 1120px) and (min-width: 768px) {
  .recruit-hybrid { grid-template-columns: 190px minmax(0, 1fr); }
  .recruit-hybrid__rail { padding-right: 22px; padding-left: 22px; }
  .recruit-hybrid__logo { width: 105px; }
  .recruit-hybrid__hero { grid-template-columns: minmax(355px, 45%) minmax(0, 55%); }
  .recruit-hybrid__copy { padding-right: 32px; padding-left: 32px; }
  .recruit-hybrid h1 { font-size: clamp(34px, 3.6vw, 44px); }
  .recruit-hybrid__band { grid-template-columns: minmax(190px, 1fr) minmax(165px, .8fr) minmax(200px, 1fr); }
  .recruit-hybrid__subphoto { display: none; }
  .recruit-hybrid__band-entry { margin-right: 22px; margin-left: 22px; }
}

@media (max-width: 767px) {
  .recruit-hybrid {
    display: block;
    overflow: visible;
  }

  .recruit-hybrid__rail {
    height: 78px;
    padding: 11px 16px;
    display: grid;
    grid-template-columns: 55px 1fr auto;
    gap: 14px;
    align-items: center;
    border-right: 0;
    border-bottom: 1px solid var(--recruit-mv-line);
  }

  .recruit-hybrid__logo { width: 55px; }
  .recruit-hybrid__site-name { margin: 0; padding: 0; border: 0; line-height: 1.35; }
  .recruit-hybrid__site-name span { font-size: 10px; }
  .recruit-hybrid__site-name strong { font-size: 9px; letter-spacing: .13em; }
  .recruit-hybrid__nav { display: none; }
  .recruit-hybrid__rail-entry { min-height: 44px; margin: 0; padding: 0 14px; font-size: 11px; }

  .recruit-hybrid__hero {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 370px auto;
  }

  .recruit-hybrid__photo { grid-row: 1; }
  .recruit-hybrid__photo img { object-position: 53% center; }
  .recruit-hybrid__copy { grid-row: 2; padding: 42px 20px 55px; }
  .recruit-hybrid__kicker { margin-bottom: 15px; font-size: 10px; }
  .recruit-hybrid h1 { font-size: clamp(31px, 8.2vw, 38px); line-height: 1.42; }
  .recruit-hybrid__handwriting { margin-top: 24px; font-size: 22px; }

  .recruit-hybrid__band {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .recruit-hybrid__subphoto { grid-column: 1 / -1; height: 155px; }
  .recruit-hybrid__fact { min-height: 118px; padding: 18px 12px; gap: 9px; }
  .recruit-hybrid__fact:nth-of-type(2) { border-left: 0; }
  .recruit-hybrid__icon { flex-basis: 43px; width: 43px; height: 43px; }
  .recruit-hybrid__fact strong { font-size: 11px; }
  .recruit-hybrid__fact span { font-size: 10px; }
  .recruit-hybrid__band-entry { grid-column: 1 / -1; min-height: 54px; margin: 16px; padding: 0 18px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .recruit-hybrid__nav a,
  .recruit-hybrid__rail-entry,
  .recruit-hybrid__band-entry { transition: none; }
}

/* --------------------------------------------------------------------------
   Yellow recruitment template adaptation
   Rebuilt from the public reference using Poco content and photography.
   -------------------------------------------------------------------------- */
.recruit-hybrid { display: none !important; }

.recruit-page--pop {
  --yellow-ink: #40393c;
  --yellow-accent: #f09135;
  --yellow-accent-2: #f7b35e;
  --yellow-gray: #fcf9f3;
  --yellow-line: rgba(64, 57, 60, .2);
  --poco-orange-gradient: repeating-linear-gradient(-48deg, rgba(64,57,60,.022) 0 1px, transparent 1px 3px), linear-gradient(112deg, #fffaf3 0%, #fcebdc 52%, #f6d3b7 100%);
  --poco-warm-gradient: repeating-linear-gradient(-48deg, rgba(64,57,60,.018) 0 1px, transparent 1px 3px), linear-gradient(112deg, #fffdf9 0%, #fff6ed 54%, #fae5d2 100%);
  --poco-cta-gradient: linear-gradient(110deg, #f4a04f 0%, #f09135 58%, #e47715 100%);
  --yellow-pattern: var(--poco-orange-gradient);
  padding-top: 90px;
  background: #fff;
  color: var(--yellow-ink);
}

.yellow-header {
  position: fixed;
  z-index: 120;
  inset: 0 0 auto;
  height: 90px;
  padding: 0 40px;
  display: flex;
  align-items: center;
  gap: 34px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
  backdrop-filter: blur(12px);
}

.yellow-header__brand {
  margin-right: auto;
  display: grid;
  grid-template-columns: 72px auto;
  gap: 10px;
  align-items: center;
}

.yellow-header__brand img { width: 72px; height: 72px; object-fit: contain; }
.yellow-header__brand span {
  color: var(--yellow-ink);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  writing-mode: vertical-rl;
}

.yellow-header__nav { display: flex; align-items: center; gap: clamp(22px, 3vw, 44px); }
.yellow-header__nav a {
  color: var(--yellow-ink);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.yellow-header__entry {
  width: 140px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #fffdf9 !important;
  background: var(--poco-cta-gradient);
  box-shadow: 0 7px 16px rgba(228,119,21,.18);
  font-family: var(--recruit-mono);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .05em;
}

.yellow-header__menu { display: none; }

.yellow-hero,
.yellow-news,
.recruit-page--pop [id] { scroll-margin-top: 90px; }

.yellow-hero {
  position: relative;
  min-height: 735px;
  overflow: hidden;
  background: #fff;
}

.yellow-hero::after {
  content: '';
  position: absolute;
  z-index: 2;
  right: -1px;
  bottom: -1px;
  width: 31%;
  height: 18%;
  background: #fff;
  clip-path: polygon(24% 100%, 100% 0, 100% 100%);
  pointer-events: none;
}

.yellow-hero__photo {
  position: absolute;
  inset: 0 auto 0 0;
  width: 76%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.yellow-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% center;
  filter: saturate(.94) contrast(1.02);
}

.yellow-hero__photo figcaption {
  position: absolute;
  z-index: 2;
  left: 7%;
  bottom: 11%;
  color: #f09135;
  font-family: "Klee One", cursive;
  font-size: clamp(27px, 3.5vw, 52px);
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1;
  transform: rotate(-7deg);
  text-shadow: 0 1px 0 rgba(255,255,255,.72), 0 2px 10px rgba(228,119,21,.12);
}

.yellow-hero__panel {
  position: absolute;
  z-index: 4;
  top: 150px;
  right: 5.5%;
  width: min(600px, 46%);
  min-height: 410px;
  padding: 52px 42px 35px;
  background: var(--yellow-pattern);
  clip-path: polygon(0 0, 86% 0, 100% 17%, 100% 100%, 0 100%);
}

.yellow-hero__kicker {
  margin: 0 0 18px;
  color: var(--yellow-ink);
  font-family: var(--recruit-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .15em;
}

.yellow-hero h1 {
  margin: 0;
  color: var(--yellow-ink);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(37px, 3.2vw, 48px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.38;
}

.yellow-hero__lead {
  margin: 25px 0 0;
  color: var(--yellow-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 2;
}

.yellow-action {
  width: min(100%, 250px);
  min-height: 50px;
  margin-top: 30px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--yellow-ink) !important;
  background: rgba(255,255,255,.88);
  border: 2px solid rgba(240,145,53,.28);
  box-shadow: 0 5px 0 rgba(228,119,21,.14), 0 8px 16px rgba(64,57,60,.08);
  font-size: 15px;
  font-weight: 800;
}

.yellow-action span { color: var(--yellow-ink); font-size: 22px; }

.yellow-news {
  width: min(1200px, calc(100% - 56px));
  margin: 0 auto;
  padding: 95px 0 105px;
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 25px 28px;
  align-items: start;
}

.yellow-news h2 {
  min-height: 70px;
  margin: 0;
  padding: 0 24px;
  display: flex;
  align-items: center;
  color: var(--yellow-ink);
  background: var(--yellow-pattern);
  clip-path: polygon(0 0, 83% 0, 100% 50%, 83% 100%, 0 100%);
  font-size: 17px;
  font-weight: 800;
}

.yellow-news__list { border-top: 1px solid var(--yellow-ink); }
.yellow-news__list p {
  min-height: 72px;
  margin: 0;
  padding: 18px 10px;
  display: grid;
  grid-template-columns: 110px 110px 1fr;
  gap: 18px;
  align-items: center;
  border-bottom: 1px solid var(--yellow-ink);
}
.yellow-news__list time { color: var(--yellow-ink); font-size: 13px; }
.yellow-news__list span { padding: 6px 8px; color: var(--yellow-ink); background: #eaf5a0; font-size: 11px; font-weight: 800; text-align: center; }
.yellow-news__list p:first-child span { background: #f6c0ae; }
.yellow-news__list strong { color: var(--yellow-ink); font-size: 14px; font-weight: 800; }
.yellow-news > a { grid-column: 2; justify-self: end; color: var(--yellow-ink); font-size: 12px; font-weight: 800; }
.yellow-news > a::before { content: '›'; width: 17px; height: 17px; margin-right: 8px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--yellow-accent); font-size: 18px; line-height: 1; vertical-align: -2px; }

.recruit-page--pop .recruit-anchor-nav { display: none !important; }

.recruit-page--pop .recruit-section {
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: visible;
  background: #fff;
}

.recruit-page--pop .recruit-section-index {
  margin-bottom: 60px;
  color: var(--yellow-ink);
}
.recruit-page--pop .recruit-section-index span { display: none; }
.recruit-page--pop .recruit-section-index i { width: 18px; height: 18px; background: var(--yellow-accent); clip-path: polygon(0 0, 100% 0, 0 100%); }
.recruit-page--pop .recruit-section-index b { color: var(--yellow-ink); font-size: 14px; font-weight: 800; letter-spacing: .04em; }

.recruit-page--pop #concept .recruit-section-index,
.recruit-page--pop #people .recruit-section-index,
.recruit-page--pop #conditions .recruit-section-index,
.recruit-page--pop #entry .recruit-section-index {
  width: 100vw;
  min-height: 220px;
  margin: -120px 0 90px calc(50% - 50vw);
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  background: var(--poco-warm-gradient);
}

.recruit-page--pop #concept .recruit-section-index b,
.recruit-page--pop #people .recruit-section-index b,
.recruit-page--pop #conditions .recruit-section-index b,
.recruit-page--pop #entry .recruit-section-index b {
  font-size: clamp(28px, 3vw, 42px);
}

.recruit-page--pop #concept .recruit-section-index i,
.recruit-page--pop #people .recruit-section-index i,
.recruit-page--pop #conditions .recruit-section-index i,
.recruit-page--pop #entry .recruit-section-index i { display: none; }

.recruit-page--pop .recruit-section h2 {
  color: var(--yellow-ink);
  font-size: clamp(34px, 4vw, 60px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.35;
}
.recruit-page--pop .recruit-section h2 em { color: var(--yellow-ink); }
.recruit-page--pop .recruit-copy { color: var(--yellow-ink); font-size: 14px; font-weight: 500; line-height: 2.2; }
.recruit-page--pop .recruit-kicker { color: var(--yellow-ink); }

.recruit-page--pop .recruit-manifesto__grid { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 90px; align-items: start; }
.recruit-page--pop .recruit-manifesto__grid .recruit-copy { padding-left: 28px; border-left: 1px solid var(--yellow-ink); }
.recruit-page--pop .recruit-text-link { color: var(--yellow-ink); font-weight: 800; }
.recruit-page--pop .recruit-text-link::before { content: ''; width: 10px; height: 10px; background: var(--yellow-accent); }

.recruit-page--pop .recruit-story-break {
  width: min(900px, calc(100% - 48px));
  min-height: 310px;
  margin: 110px auto;
  padding: 0;
  color: var(--yellow-ink);
  background-color: #fffdf9;
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 0 34%, rgba(255,253,249,.96) 49%), var(--poco-warm-gradient), url('../img/recruit/recruit-counseling.jpg');
  background-size: auto, auto, 42% 100%;
  background-position: center, center, left center;
  background-repeat: repeat, repeat, no-repeat;
  border: 2px solid rgba(240,145,53,.55);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}
.recruit-page--pop .recruit-story-break::before { display: none; }
.recruit-page--pop .recruit-story-break__inner { min-height: 306px; padding: 48px 50px 45px 43%; display: block; }
.recruit-page--pop .recruit-story-break .recruit-kicker { color: var(--yellow-ink) !important; }
.recruit-page--pop .recruit-story-break__quote { color: var(--yellow-ink); font-size: clamp(28px,3vw,40px); line-height: 1.45; }
.recruit-page--pop .recruit-story-break__source { color: var(--yellow-ink); }

.recruit-page--pop .recruit-people__grid { grid-template-columns: 1fr 1fr; gap: 72px; }
.recruit-page--pop .recruit-people__visual { min-height: 570px; padding: 0 14% 58px 0; }
.recruit-page--pop .recruit-people__figure > img { height: 440px; border: 0; border-radius: 0; box-shadow: none; clip-path: polygon(0 0,100% 0,100% 88%,88% 100%,0 100%); }
.recruit-page--pop .recruit-people__figure--inset { background: #fff; border: 0; box-shadow: none; }
.recruit-page--pop .recruit-people__figure--inset > img { height: 210px; clip-path: polygon(0 0,100% 0,100% 82%,82% 100%,0 100%); }
.recruit-page--pop .recruit-people__visual-mark { display: none; }
.recruit-page--pop .recruit-people__quote { border-left: 7px solid var(--yellow-accent); }

.recruit-page--pop .recruit-rhythm { padding: 110px 0; background: var(--yellow-gray); }
.recruit-page--pop .recruit-rhythm::before { display: none; }
.recruit-page--pop .recruit-rhythm > .recruit-shell {
  padding: 54px;
  background: var(--poco-warm-gradient);
  border: 2px solid rgba(240,145,53,.55);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}
.recruit-page--pop .recruit-rhythm__stats { border-color: var(--yellow-ink); }
.recruit-page--pop .recruit-rhythm__stats div { border-color: var(--yellow-ink); }
.recruit-page--pop .recruit-rhythm__stats strong { color: var(--yellow-ink); }
.recruit-page--pop .recruit-weekline__item { border-color: var(--yellow-ink); background: rgba(255,255,255,.82); }
.recruit-page--pop .recruit-weekline__item.is-work { border-color: var(--yellow-ink); background: var(--yellow-ink); }

.recruit-page--pop .recruit-principles__list article { grid-template-columns: .65fr 1fr; }
.recruit-page--pop .recruit-principles__list h3,
.recruit-page--pop .recruit-principles__list p { color: var(--yellow-ink); }

.recruit-page--pop .recruit-job { background: #fff; }
.recruit-page--pop .recruit-job__list { border-top-color: var(--yellow-ink); }
.recruit-page--pop .recruit-job__list li span { color: var(--yellow-ink); background: var(--yellow-accent); padding: 3px 7px; }
.recruit-page--pop .recruit-job__note { background: var(--poco-warm-gradient); }
.recruit-page--pop .recruit-job__note strong { color: var(--yellow-ink); }

.recruit-page--pop .recruit-details { background: #fff; }
.recruit-page--pop .recruit-details__list { border-top-color: var(--yellow-ink); }
.recruit-page--pop .recruit-details__list dt,
.recruit-page--pop .recruit-details__list dd { color: var(--yellow-ink); border-color: var(--yellow-line); }
.recruit-page--pop .recruit-details__list dd strong { color: var(--yellow-ink); background: linear-gradient(transparent 62%, var(--yellow-accent) 62%); }

.recruit-page--pop .recruit-entry { background: #fff; }
.recruit-page--pop .recruit-entry h2,
.recruit-page--pop .recruit-entry h2 em,
.recruit-page--pop .recruit-entry .recruit-copy,
.recruit-page--pop .recruit-entry .recruit-entry__steps span { color: var(--yellow-ink); }
.recruit-page--pop .recruit-entry__steps,
.recruit-page--pop .recruit-entry__steps li { border-color: var(--yellow-line); }
.recruit-page--pop .recruit-entry__steps b { color: var(--yellow-ink); background: var(--yellow-accent); }
.recruit-page--pop .recruit-form { border: 2px solid rgba(240,145,53,.6); border-top: 2px solid rgba(240,145,53,.6); box-shadow: 0 8px 18px rgba(0,0,0,.1); background: #fffdf9; }
.recruit-page--pop .recruit-form__title span { color: var(--yellow-ink); }
.recruit-page--pop .recruit-button--primary { background: var(--poco-cta-gradient); color: #fffdf9 !important; }
.recruit-page--pop .recruit-button--primary span { color: #fffdf9; }

@media (max-width: 900px) {
  .yellow-header__nav { gap: 16px; }
  .yellow-header__nav a { font-size: 11px; }
  .yellow-hero__panel { right: 3%; width: 50%; }
  .yellow-hero h1 { font-size: 38px; }
}

@media (max-width: 767px) {
  .recruit-page--pop { padding-top: 78px; }

  .yellow-header { height: 78px; padding: 0 20px; gap: 11px; }
  .yellow-header__brand { grid-template-columns: 58px auto; gap: 6px; }
  .yellow-header__brand img { width: 58px; height: 58px; }
  .yellow-header__brand span { font-size: 8px; }
  .yellow-header__nav {
    position: absolute;
    top: 78px;
    right: 0;
    left: 0;
    padding: 22px;
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    background: #fff;
    box-shadow: 0 12px 20px rgba(0,0,0,.1);
  }
  .yellow-header.is-open .yellow-header__nav { display: grid; }
  .yellow-header__entry { width: 112px; height: 50px; font-size: 10px; }
  .yellow-header__menu { width: 50px; height: 50px; padding: 13px; display: flex; flex-direction: column; justify-content: center; gap: 5px; background: #fff; border: 1px solid #ddd; box-shadow: 0 5px 10px rgba(0,0,0,.08); }
  .yellow-header__menu span { display: block; width: 100%; height: 2px; background: var(--yellow-ink); }
  .yellow-header__menu span { transition: transform .2s ease, opacity .2s ease; }
  .yellow-header.is-open .yellow-header__menu span:first-child { transform: translateY(7px) rotate(45deg); }
  .yellow-header.is-open .yellow-header__menu span:nth-child(2) { opacity: 0; }
  .yellow-header.is-open .yellow-header__menu span:last-child { transform: translateY(-7px) rotate(-45deg); }

  .yellow-hero { min-height: 0; padding-bottom: 0; overflow: visible; }
  .yellow-hero::after { display: none; }
  .yellow-hero__photo { position: relative; width: calc(100% - 38px); height: 420px; margin: 0 auto; }
  .yellow-hero__photo img { object-position: 53% center; }
  .yellow-hero__photo figcaption { left: 5%; bottom: 7%; max-width: 80%; font-size: 24px; line-height: 1.12; }
  .yellow-hero__panel { position: relative; top: auto; right: auto; width: calc(100% - 38px); min-height: 0; margin: -1px 0 0 auto; padding: 38px 22px 54px; clip-path: polygon(0 0,100% 0,100% 100%,14% 100%,0 88%); }
  .yellow-hero__kicker { font-size: 8px; }
  .yellow-hero h1 { font-size: 27.5px; line-height: 1.48; }
  .yellow-hero__lead { font-size: 11px; }
  .yellow-action { width: 190px; min-height: 52px; margin: 27px auto 0; }

  .yellow-news { width: calc(100% - 38px); padding: 70px 0 80px; display: block; }
  .yellow-news h2 { width: 185px; margin-bottom: 30px; }
  .yellow-news__list p { grid-template-columns: 86px 90px; gap: 10px; }
  .yellow-news__list strong { grid-column: 1 / -1; }
  .yellow-news > a { margin-top: 20px; display: block; text-align: right; }

  .recruit-page--pop .recruit-section { padding-top: 82px; padding-bottom: 82px; }
  .recruit-page--pop #concept .recruit-section-index,
  .recruit-page--pop #people .recruit-section-index,
  .recruit-page--pop #conditions .recruit-section-index,
  .recruit-page--pop #entry .recruit-section-index { min-height: 170px; margin-top: -82px; margin-bottom: 65px; }
  .recruit-page--pop #concept .recruit-section-index b,
  .recruit-page--pop #people .recruit-section-index b,
  .recruit-page--pop #conditions .recruit-section-index b,
  .recruit-page--pop #entry .recruit-section-index b { font-size: 28px; }
  .recruit-page--pop .recruit-section h2 { font-size: clamp(31px,9vw,42px); }
  .recruit-page--pop .recruit-manifesto__grid,
  .recruit-page--pop .recruit-people__grid { display: block; }
  .recruit-page--pop .recruit-manifesto__grid .recruit-copy { margin-top: 35px; }
  .recruit-page--pop .recruit-story-break { margin: 75px auto; background-image: var(--poco-warm-gradient); }
  .recruit-page--pop .recruit-story-break__inner { min-height: 0; padding: 42px 28px; }
  .recruit-page--pop .recruit-people__visual { margin-bottom: 45px; }
  .recruit-page--pop .recruit-rhythm { padding: 70px 0; }
  .recruit-page--pop .recruit-rhythm > .recruit-shell { padding: 30px 18px; }
}

/* Recruitment copy clarity pass */
.recruit-summary {
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 28px 42px;
  align-items: stretch;
}

.recruit-summary__head {
  padding: 26px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--poco-orange-gradient);
  clip-path: polygon(0 0, 88% 0, 100% 18%, 100% 100%, 0 100%);
}

.recruit-summary__head p {
  margin: 0 0 9px;
  font-family: var(--recruit-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
}

.recruit-summary .recruit-summary__head h2 {
  min-height: 0;
  margin: 0;
  padding: 0;
  display: block;
  clip-path: none;
  background: none;
  font-size: 25px;
}

.recruit-summary__head span {
  margin-top: 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.8;
}

.recruit-summary__list {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--yellow-ink);
  border-left: 1px solid var(--yellow-ink);
}

.recruit-summary__list div {
  min-height: 90px;
  padding: 17px 19px;
  border-right: 1px solid var(--yellow-ink);
  border-bottom: 1px solid var(--yellow-ink);
}

.recruit-summary__list dt {
  margin-bottom: 10px;
  color: #9a5521;
  font-size: 10px;
  font-weight: 800;
}

.recruit-summary__list dd {
  margin: 0;
  color: var(--yellow-ink);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.5;
}

.recruit-summary > a { grid-column: 2; }

.recruit-fit {
  margin-top: 72px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--yellow-ink);
}

.recruit-fit section {
  padding: 38px 40px 40px;
  background: #fff;
}

.recruit-fit section + section {
  border-left: 1px solid var(--yellow-ink);
  background: linear-gradient(rgba(255,255,255,.38), rgba(255,255,255,.38)), var(--poco-warm-gradient);
}

.recruit-fit h3 {
  margin: 7px 0 25px;
  color: var(--yellow-ink);
  font-size: 24px;
  font-weight: 800;
}

.recruit-fit ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.recruit-fit li {
  position: relative;
  padding: 11px 0 11px 22px;
  border-top: 1px solid var(--yellow-line);
  color: var(--yellow-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.7;
}

.recruit-fit li:last-child { border-bottom: 1px solid var(--yellow-line); }
.recruit-fit li::before { content: '✓'; position: absolute; left: 2px; color: #e47715; font-weight: 900; }
.recruit-fit section > p:last-child { margin: 20px 0 0; color: var(--yellow-ink); font-size: 12px; line-height: 1.9; }

.recruit-form__gmail-note {
  margin: 10px 0 0;
  color: #6e685f;
  font-size: 10px;
  line-height: 1.7;
  text-align: center;
}

.recruit-page--pop h1,
.recruit-page--pop h2,
.recruit-page--pop h3,
.recruit-page--pop .recruit-story-break__quote {
  text-wrap: balance;
  line-break: strict;
  word-break: auto-phrase;
  overflow-wrap: normal;
}

.recruit-form__notice {
  margin: 0 0 24px;
  padding: 14px 16px;
  border: 1px solid currentColor;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.8;
}

.recruit-form__notice--success { color: #26766b; background: #effaf7; }
.recruit-form__notice--error { color: #a34232; background: #fff3ee; }

.recruit-form__trap {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.recruit-mobile-break { display: none; }

.recruit-thanks-page { min-height: 100vh; }

.recruit-thanks {
  min-height: calc(100vh - 92px);
  padding: 150px 24px 100px;
  display: grid;
  place-items: center;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.12)),
    var(--poco-warm-gradient);
}

.recruit-thanks__card {
  width: min(760px, 100%);
  padding: clamp(48px, 7vw, 88px);
  position: relative;
  background: #fffdf9;
  border: 1px solid rgba(240,145,53,.55);
  box-shadow: 0 18px 50px rgba(64,57,60,.1);
  text-align: center;
}

.recruit-thanks__card::before {
  content: '✓';
  width: 58px;
  height: 58px;
  margin: 0 auto 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--poco-cta-gradient);
  color: #fff;
  font-size: 25px;
  font-weight: 900;
}

.recruit-thanks__eyebrow {
  margin: 0 0 18px;
  color: #a65b22;
  font-family: var(--recruit-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}

.recruit-thanks h1 {
  margin: 0 0 28px;
  color: var(--yellow-ink);
  font-size: clamp(32px, 5vw, 54px);
  font-weight: 900;
  line-height: 1.35;
}

.recruit-thanks__lead,
.recruit-thanks__card > p:not(.recruit-thanks__eyebrow) {
  margin: 0;
  color: var(--yellow-ink);
  font-size: 15px;
  line-height: 2;
}

.recruit-thanks__note {
  margin-top: 16px !important;
  color: #776f69 !important;
  font-size: 12px !important;
}

.recruit-thanks .yellow-action { margin: 42px auto 0; }

.recruit-close-button {
  border: 0;
  font: inherit;
  cursor: pointer;
}

@media (min-width: 768px) {
  .recruit-page--pop .recruit-people__copy h2 { font-size: clamp(38px, 3.3vw, 48px); }
  .recruit-page--pop .recruit-rhythm__head { grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); }
  .recruit-page--pop .recruit-rhythm__head h2 { font-size: clamp(38px, 3.3vw, 48px); }
}

@media (max-width: 767px) {
  body.page-template-page-recruit { overflow-x: hidden; }

  .recruit-summary { display: block; }
  .recruit-summary__head { min-height: 155px; margin-bottom: 26px; }
  .recruit-summary__list { grid-template-columns: 1fr 1fr; }
  .recruit-summary__list div { min-height: 85px; padding: 14px 13px; }
  .recruit-summary__list dd { font-size: 13px; }
  .recruit-summary > a { margin-top: 22px; }

  .recruit-fit { margin-top: 48px; display: block; }
  .recruit-fit section { padding: 30px 22px 32px; }
  .recruit-fit section + section { border-top: 1px solid var(--yellow-ink); border-left: 0; }
  .recruit-fit h3 { font-size: 22px; }

  .recruit-page--pop .recruit-section h2 {
    font-size: clamp(28px, 8vw, 36px);
    line-height: 1.45;
  }

  .recruit-page--pop .recruit-copy,
  .recruit-page--pop .recruit-story-break__source,
  .recruit-page--pop .yellow-hero__lead {
    line-break: strict;
    word-break: normal;
    overflow-wrap: break-word;
  }

  .recruit-mobile-break { display: block; }

  .recruit-thanks { min-height: calc(100vh - 78px); padding: 112px 16px 60px; }
  .recruit-thanks__card { padding: 48px 22px 52px; }
  .recruit-thanks h1 { font-size: 30px; }
  .recruit-thanks__lead,
  .recruit-thanks__card > p:not(.recruit-thanks__eyebrow) { font-size: 13px; }
}