/* STAR2CO R12: supplier recruitment, isolated from the existing homepage player. */
html.star2-vendor-r12:root { --star2-vendor-build: R13; }
html.star2-vendor-r12:root .vendor-page {
  --v-ink: #193f31; --v-muted: #597064; --v-line: #dce7dc; --v-tint: #edf5e9;
  color: var(--v-ink); background: #fbfcf8; overflow-wrap: anywhere;
}
.vendor-page *, .vendor-page *::before, .vendor-page *::after { box-sizing: border-box; }
.vendor-page .v12-wrap { width: min(calc(100% - 2 * clamp(1rem,3vw,3rem)),72rem); margin-inline: auto; min-width: 0; }
.vendor-page :is(h1,h2,h3,p,figure) { margin: 0; }
.vendor-page :is(a,button,summary):focus-visible { outline: 3px solid #99641e; outline-offset: 5px; }
.vendor-page a { text-decoration: none; }
.vendor-page .v12-breadcrumb { display:flex; flex-wrap:wrap; gap:.4rem .65rem; padding-block:1.15rem; color:#64776a; font-size:.85rem; }
.vendor-page .v12-breadcrumb a:hover { color:#193f31; text-decoration:underline; }
.vendor-page .v12-hero { padding:1.5rem 0 3rem; background:radial-gradient(ellipse at 80% 20%,#f2ebd5 0,transparent 52%),linear-gradient(160deg,#fbfcf8,#edf5ea); border-bottom:1px solid #dce7dc; }
.vendor-page .v12-hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr); align-items:center; gap:clamp(1.5rem,3vw,3rem); }
.vendor-page .v12-hero-grid > * { min-width:0; }
.vendor-page .v12-eyebrow { display:inline-flex; align-items:center; flex-wrap:wrap; gap:.5rem; color:#406347; font-weight:700; font-size:.85rem; letter-spacing:.06em; margin-bottom:1rem; }
.vendor-page .v12-dot { width:.45rem; height:.45rem; border-radius:50%; background:#bf9855; flex:0 0 auto; }
html.star2-vendor-r12:root .vendor-page .v12-hero h1 { font-size:clamp(2rem,1.55rem + 1.4vw,3.3rem) !important; line-height:1.4 !important; font-weight:800; letter-spacing:-.035em !important; text-wrap:balance; }
.vendor-page .v12-hero h1 span { display:block; }
.vendor-page .v12-hero h1 strong { color:#39704c; font-weight:inherit; }
.vendor-page .v12-lead { color:var(--v-muted); margin-top:1.15rem; max-width:36rem; }
.vendor-page .v12-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin-top:1.5rem; }
html.star2-vendor-r12:root .vendor-page .v12-button {
  display:inline-flex; justify-content:center; align-items:center; gap:.55rem; min-height:3rem; max-width:100%;
  padding:.7rem 1.15rem; border:1px solid #b9cdbe; border-radius:.8rem; background:#fff; color:#24543d;
  font:inherit; font-weight:700; line-height:1.6; text-align:center; white-space:normal; box-shadow:none;
  transition:background .18s ease,border-color .18s ease;
}
html.star2-vendor-r12:root .vendor-page .v12-button-primary { background:#245b3f; border-color:#245b3f; color:#fff; }
html.star2-vendor-r12:root .vendor-page .v12-button-line { background:#06c755 !important; border-color:#06c755; color:#fff !important; }
.vendor-page .v12-button:hover { border-color:#245b3f; background:#edf5e9; }
html.star2-vendor-r12:root .vendor-page .v12-button-primary:hover { background:#174a30; color:#fff; }
.vendor-page .v12-icon { width:1.3rem; height:1.3rem; flex:0 0 1.3rem; fill:none; stroke:currentColor; }
.vendor-page .v12-art { padding:.5rem; border:1px solid #d9e4d7; border-radius:1.25rem; background:#fff; box-shadow:0 18px 42px #244b3210; }
.vendor-page .v12-art picture { display:block; }
.vendor-page .v12-art img { display:block; width:100%; height:auto; object-fit:contain; border-radius:.85rem; }
.vendor-page .v12-art figcaption { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; color:#5a7061; font-size:.8rem; padding:.6rem .35rem .1rem; }
.vendor-page .v12-category-mark { display:inline-grid; place-items:center; width:1.8rem; height:1.8rem; border:1px solid #d8e5d6; border-radius:.55rem; background:#f0f5e9; color:#315d42; font-weight:800; flex:0 0 auto; }
.vendor-page .v12-tabs { display:flex; flex-wrap:wrap; gap:.55rem; padding-block:1.35rem; border-bottom:1px solid var(--v-line); }
.vendor-page .v12-tabs a { display:inline-flex; align-items:center; gap:.45rem; padding:.4rem .75rem; border:1px solid #e1e7dd; border-radius:.6rem; background:#fff; min-height:2.75rem; color:#5a6c5f; }
.vendor-page .v12-tabs a[aria-current="page"] { background:#e9f2e4; color:#24543d; border-color:#aac5aa; font-weight:750; }
.vendor-page .v12-section { padding-block:clamp(2.5rem,5vw,4rem); }
.vendor-page .v12-section + .v12-section { border-top:1px solid var(--v-line); }
.vendor-page .v12-section-head { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:1rem; margin-bottom:1.65rem; }
.vendor-page .v12-kicker { display:block; color:#7b6a43; font-size:.8rem; letter-spacing:.09em; font-weight:750; margin-bottom:.5rem; }
html.star2-vendor-r12:root .vendor-page h2 { font-size:clamp(1.6rem,1.25rem + 1vw,2.25rem) !important; line-height:1.5 !important; letter-spacing:-.025em; text-wrap:balance; }
.vendor-page .v12-section-head p { max-width:31rem; color:var(--v-muted); }
.vendor-page .v12-fit { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:1.3rem; align-items:stretch; }
.vendor-page .v12-fit-panel { padding:1.65rem; border:1px solid var(--v-line); border-radius:1rem; background:#fff; }
.vendor-page .v12-fit-panel > p { color:var(--v-muted); margin-top:.5rem; }
.vendor-page .v12-tags { display:flex; flex-wrap:wrap; gap:.6rem; list-style:none; padding:0; margin:1.2rem 0 0; }
.vendor-page .v12-tags li { padding:.4rem .7rem; border-radius:.55rem; background:#f0f5eb; color:#365c42; border:1px solid #e0e9d8; }
.vendor-page .v12-fit-note { background:#f6f1e2; border-color:#e7dfc6; }
.vendor-page .v12-fit-note .v12-icon { width:2rem; height:2rem; margin-bottom:.7rem; color:#95703a; }
.vendor-page .v12-grid-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.vendor-page .v12-feature { padding:1.4rem; border:1px solid var(--v-line); border-radius:1rem; background:#fff; min-width:0; }
.vendor-page .v12-feature-icon { width:2.6rem; height:2.6rem; display:grid; place-items:center; border:1px solid #dbe7d5; background:#edf5e6; border-radius:.85rem; margin-bottom:1rem; }
.vendor-page .v12-feature p { margin-top:.6rem; color:var(--v-muted); }
.vendor-page .v12-flow { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.3rem; counter-reset:cooperation; }
.vendor-page .v12-flow li { position:relative; padding:1.35rem 0 0; border-top:2px solid #cbdcc8; min-width:0; }
.vendor-page .v12-flow .v12-step { display:block; font-size:.85rem; color:#8e7547; letter-spacing:.13em; margin-bottom:.65rem; }
.vendor-page .v12-flow p { margin-top:.5rem; color:var(--v-muted); }
.vendor-page .v12-contact > *, .vendor-page .v12-fit > * { min-width:0; }
.vendor-page .v12-contact { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:2rem; padding:clamp(1.3rem,3vw,2.5rem); background:#eaf2e5; border:1px solid #d3e1cf; border-radius:1.3rem; }
.vendor-page .v12-contact p { color:#4d6554; margin-top:.8rem; }
.vendor-page .v12-prep { padding:1.35rem; background:#ffffffc9; border:1px solid #dae5d6; border-radius:1rem; }
.vendor-page .v12-prep ul { list-style:none; margin:1rem 0 0; padding:0; }
.vendor-page .v12-prep li { display:flex; gap:.5rem; align-items:baseline; margin-top:.5rem; }
.vendor-page .v12-prep li::before { content:'✓'; color:#4e7e50; font-weight:800; }
.vendor-page .v12-faq { display:grid; gap:.8rem; max-width:54rem; margin-inline:auto; }
.vendor-page .v12-faq details { border:1px solid var(--v-line); border-radius:.8rem; background:#fff; padding:0 1.1rem; }
.vendor-page .v12-faq summary { padding:1rem 0; cursor:pointer; color:#284f37; font-weight:700; }
.vendor-page .v12-faq details p { padding:0 0 1.1rem; color:var(--v-muted); }
.vendor-page .v12-center { text-align:center; max-width:50rem; margin-inline:auto; }
.vendor-page .v12-center .v12-lead { margin-inline:auto; max-width:42rem; }
.vendor-page .v12-center .v12-actions { justify-content:center; }
.vendor-page .v12-overview-hero { padding-top:2rem; padding-bottom:2.5rem; }
.vendor-page .v12-category-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1.2rem; }
.vendor-page .v12-category-card { grid-column:span 2; display:block; background:#fff; border:1px solid #d9e4d5; border-radius:1.2rem; overflow:hidden; transition:border-color .18s; min-width:0; }
.vendor-page .v12-category-card:nth-child(-n+2) { grid-column:span 3; }
.vendor-page .v12-category-card:hover { border-color:#81a487; }
.vendor-page .v12-category-card img { display:block; width:100%; height:auto; object-fit:contain; }
.vendor-page .v12-card-copy { padding:1.2rem; }
.vendor-page .v12-card-heading { display:flex; align-items:center; gap:.65rem; margin-bottom:.55rem; }
.vendor-page .v12-card-copy p { color:var(--v-muted); }
.vendor-page .v12-text-link { display:block; margin-top:.9rem; color:#295c3b; font-weight:750; }
.vendor-page [id] { scroll-margin-top:calc(var(--star2-header-height,5rem) + 1rem); }
/* Shared navigation uses the same portraits as the individual recruitment pages. */
html.star2-vendor-r12:root .site-header .nav-life .mega-menu .vendor-menu-intro { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:.6rem 1rem; flex-wrap:wrap; padding:.2rem .2rem .75rem; color:#315a40; }
html.star2-vendor-r12:root .vendor-menu-intro strong { display:block; font-size:1rem; line-height:1.6; }
html.star2-vendor-r12:root .vendor-menu-intro a { font-size:.85rem; min-height:2.5rem; display:inline-flex; align-items:center; color:#54705a; text-decoration:underline; text-underline-offset:.2em; }
html.star2-vendor-r12:root .site-header .nav-life .mega-menu > .mega-col[data-vendor-menu-card] { grid-template-areas:'art art' 'icon title' 'list list' 'cta cta' !important; grid-template-rows:auto auto 1fr auto; }
html.star2-vendor-r12:root .site-header .nav-life .mega-menu .mega-col > img.v12-menu-art { display:block; aspect-ratio:auto; height:auto; width:100%; object-fit:contain; }
html.star2-vendor-r12:root .site-header .nav-life .mega-menu .vendor-menu-cta { grid-area:cta; font-size:.8rem; color:#527257; border-top:1px solid #e4ecdf; padding-top:.5rem; }
html.star2-vendor-r12:root .site-header .nav-life .mega-menu .mega-col ul { gap:.25rem; }
html.star2-vendor-r12:root .site-header .nav-life .mega-menu .mega-col li { font-size:.8rem !important; }
@media (max-width:960px) {
  .vendor-page .v12-hero-grid, .vendor-page .v12-fit, .vendor-page .v12-contact { grid-template-columns:minmax(0,1fr); }
  .vendor-page .v12-hero { padding-top:1rem; }
  .vendor-page .v12-art { max-width:48rem; width:100%; margin-inline:auto; }
  .vendor-page .v12-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vendor-page .v12-category-card, .vendor-page .v12-category-card:nth-child(-n+2) { grid-column:auto; }
  .vendor-page .v12-category-card:last-child { grid-column:1/-1; max-width:36rem; width:100%; justify-self:center; }
}
@media (max-width:660px) {
  .vendor-page .v12-grid-three, .vendor-page .v12-flow, .vendor-page .v12-category-grid { grid-template-columns:minmax(0,1fr); }
  .vendor-page .v12-category-card:last-child { max-width:none; }
  .vendor-page .v12-actions { display:grid; grid-template-columns:minmax(0,1fr); }
  .vendor-page .v12-button { width:100%; }
  .vendor-page .v12-fit-panel, .vendor-page .v12-feature { padding:1.15rem; }
  .vendor-page .v12-tabs { gap:.4rem; }
  .vendor-page .v12-tabs a { flex:1 1 auto; justify-content:center; }
  .vendor-page .v12-center { text-align:left; }
}
html.star2-vendor-r12:root[data-star2-nav="compact"] .site-header .nav-life .mega-menu > .mega-col[data-vendor-menu-card] { grid-template-columns:2.6rem minmax(0,1fr) !important; grid-template-areas:'icon title' 'list list' 'cta cta' !important; grid-template-rows:auto auto auto; }
html.star2-vendor-r12:root[data-star2-nav="compact"] .site-header .nav-life .mega-menu .mega-col > img.v12-menu-art { display:none; }
@media (prefers-reduced-motion:reduce) { .vendor-page *, .vendor-page *::before, .vendor-page *::after { transition:none !important; scroll-behavior:auto !important; } }

/* Keep menu introduction touch targets consistent at narrow widths. */
html.star2-vendor-r12:root[data-star2-nav="compact"] .vendor-menu-intro { padding:.4rem .1rem !important; }

/* R13: one consistent navigation name; invitation headline belongs inside the page. */
html.star2-vendor-r12:root .vendor-page .v13-invite-title {
  font-size:clamp(2.1rem,1.3rem + 3vw,4rem) !important;
  line-height:1.35 !important; color:#245b3f; letter-spacing:.015em !important;
  text-wrap:balance; overflow-wrap:anywhere;
}
.vendor-page .v13-hero-tagline { margin-top:.8rem; font-size:clamp(1.15rem,1rem + .45vw,1.55rem); line-height:1.65; font-weight:700; color:#557044; text-wrap:balance; }
.vendor-page .v12-overview-hero { padding-top:.6rem; }
.vendor-page .v12-overview-hero > .v12-wrap { width:min(calc(100% - 2 * clamp(1rem,3vw,3rem)),80rem); }
.vendor-page .v12-overview-hero .v12-center { max-width:58rem; }
.vendor-page .v12-overview-hero .v12-lead { max-width:47rem; }
.vendor-page .v13-showcase { margin-top:2rem; padding:.5rem; background:#fff; border:1px solid #dae5d5; border-radius:1.4rem; box-shadow:0 1rem 3rem #244b3210; }
.vendor-page .v13-stage { aspect-ratio:2/1; background:#f5f5ed; border-radius:1rem; overflow:hidden; }
.vendor-page .v13-slide { width:100%; height:100%; margin:0; }
.vendor-page .v13-slide[hidden] { display:none !important; }
.vendor-page .v13-slide img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.vendor-page .v13-slider-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.7rem 1rem; padding:.85rem .65rem; }
.vendor-page .v13-slider-select, .vendor-page .v13-slider-tools { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem; min-width:0; }
html.star2-vendor-r12:root .vendor-page .v13-showcase button { appearance:none; border:1px solid #dce6d6; background:#f7f9f3; color:#365840; min-width:2.6rem; min-height:2.6rem; height:auto; padding:.4rem .6rem; border-radius:.7rem; font:inherit; font-weight:650; line-height:1.5; white-space:normal; cursor:pointer; }
html.star2-vendor-r12:root .vendor-page .v13-showcase button:hover { background:#eaf2e4; }
html.star2-vendor-r12:root .vendor-page .v13-showcase button[aria-current="true"] { background:#245b3f; border-color:#245b3f; color:#fff; }
.vendor-page .v13-counter { color:#64775e; font-variant-numeric:tabular-nums; font-size:.9rem; padding-inline:.35rem; }
.vendor-page .v13-slider-caption { border-top:1px solid #e8ecdf; margin-inline:.65rem; padding:.85rem 0 .4rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.65rem 1rem; color:#587054; font-size:.9rem; }
.vendor-page .v13-slider-caption p { display:flex; flex-wrap:wrap; gap:.3rem .75rem; min-width:0; }
.vendor-page .v13-slider-caption strong { color:#2f573d; }
.vendor-page .v13-slider-caption > div { display:flex; gap:.8rem; flex-wrap:wrap; }
.vendor-page .v13-slider-caption a { min-height:2.5rem; display:inline-flex; align-items:center; font-weight:700; color:#2c6141; text-decoration:underline; text-underline-offset:.25em; }
@media(max-width:660px) {
  .vendor-page .v13-showcase { border-radius:1rem; padding:.3rem; margin-top:1.4rem; }
  .vendor-page .v13-stage { border-radius:.7rem; }
  .vendor-page .v13-slider-bar { padding:.65rem .35rem; }
  .vendor-page .v13-slider-select { flex:1 1 100%; justify-content:center; }
  .vendor-page .v13-slider-tools { flex:1 1 100%; justify-content:center; }
  .vendor-page .v13-slider-caption { margin-inline:.35rem; }
}