/* Cropped planes inherit the symbol's approximately 45-degree diagonal. */
.nx-boundary{--upper:#fff;--cut:clamp(120px,12.5vw,200px);position:relative;background:#222;height:clamp(200px,17vw,260px);isolation:isolate}
.nx-boundary::before{content:"";position:absolute;right:0;top:0;width:var(--cut);height:var(--cut);background:var(--upper);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.nx-boundary-inner{height:100%;width:min(1280px,calc(100% - 112px));margin:auto;display:flex;align-items:flex-end;padding-bottom:12px}
body .nx-boundary .nx-boundary-title{position:relative;max-width:calc(100% - var(--cut));font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.6;letter-spacing:-.02em;color:#fff!important;margin:0;text-wrap:balance}
body.company-visual .nx-boundary-inner{padding-inline:24px}
body .nx-ink-section{background:#222!important;color:#fff;padding-top:0!important;border-top:0!important}
body .nx-ink-section>.nx-boundary+div{padding-top:64px!important}
body .nx-white-before{background:#fff!important}
body .nx-ink-section :is(.lp-head-lead,.stat,.stat-label,.stat-value,.stat-note,.stat-unit,.range-caption,.age-generations,.profession-list,.company-prose p,.company-story-close,.story-background summary,.visual-text-link){color:#fff!important;opacity:1}
body .nx-ink-section .company-prose{color:#fff}
body .nx-ink-section .visual-text-link{border-color:#fff}
body .nx-ink-section .story-background{border-color:#79766f}
body .nx-ink-section .people-marks svg{fill:#f6f0e5}
body .nx-ink-section .people-marks .female svg{fill:#222;stroke:#f6f0e5;stroke-width:1}
body .nx-ink-section .people-chart figcaption{color:#fff}
body .nx-ink-section :is(.people-chart figcaption span,.age-generations,.stats-extras){border-color:#f6f0e5}
body .nx-ink-section :is(.people-chart figcaption span::before,.people-chart figcaption span::after,.range-track,.range-track::before,.range-track::after,.range-average,.holiday-count i){background:#f6f0e5}
body .nx-ink-section .range-average span{color:#fff}
body .nx-ink-section .profession-list svg{fill:#f6f0e5}
body .nx-ink-section .stats-wall{margin-top:0}
body .nx-ink-section .stats-wall .stat-value{font-weight:400}
body .nx-ink-section.training-visual :is(.learning-axis,.learning-name,.learning-period,.learning-details summary,.learning-details p,.p2-onboarding-head h3,.p2-onboarding-head p,.training-stops button,.p2-onboarding-step h4,.p2-onboarding-detail h5,.p2-onboarding-detail li){color:#fff!important}
body .nx-ink-section.training-visual :is(.learning-line,.learning-line::before,.learning-line.initial::after){background:#f6f0e5}
body .nx-ink-section.training-visual :is(.learning-line.ongoing::after,.learning-details .stage,.training-stops button){border-color:#f6f0e5}
body .nx-ink-section.training-visual .learning-period svg{stroke:#f6f0e5}
body .nx-ink-section.training-visual .month-stop{border-color:#f6f0e5;background:#222}
body .nx-ink-section.training-visual .training-stops button[aria-selected=true] .month-stop{background:#f6f0e5}
body .nx-ink-section.training-visual .training-stops button[aria-selected=true] .month-label{text-decoration-thickness:2px}
body .nx-ink-section :is(button,summary,a):focus-visible{outline-color:#f6f0e5}

body .nx-entry{--entry-cut:clamp(64px,7vw,112px);position:relative;background:#f6f0e5;color:#222;padding:96px 0 112px;border:0;isolation:isolate}
.nx-entry::after{content:"";position:absolute;bottom:0;left:0;width:var(--entry-cut);height:var(--entry-cut);background:#222;clip-path:polygon(0 0,100% 100%,0 100%);pointer-events:none}
.nx-entry-inner{position:relative;width:min(1240px,calc(100% - 112px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(64px,12vw,180px);align-items:start}
.nx-entry-copy{max-width:440px;padding-top:18px}
body .nx-entry-copy h2{color:#222;font-size:clamp(28px,3vw,42px);line-height:1.5;font-weight:500;letter-spacing:-.02em;margin:0 0 24px}
body .nx-entry .entry-text{color:#222!important;font:400 16px/2 var(--font-base);letter-spacing:.03em;opacity:1;margin:0;max-width:none}
.nx-entry-links{display:grid;gap:20px}
body .nx-entry a.nx-entry-link{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:6px 22px;padding:24px 0;color:#222!important;text-decoration:none;border:0;border-bottom:1px solid #222;border-radius:0;background:none;box-shadow:none;transform:none}
body .nx-entry a.is-primary{border-bottom-width:1px}
body .nx-entry .edoor-t{font-size:18px;font-weight:550;line-height:1.7;letter-spacing:0;grid-column:1}
body .nx-entry .edoor-e{font-family:var(--font-en);font-size:13px;line-height:1.5;letter-spacing:.07em;color:#222!important;grid-column:1;opacity:1}
.nx-arrow{width:48px;height:24px;grid-column:2;grid-row:1/3;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s ease}
.nx-entry-link:hover .nx-arrow{transform:translateX(7px)}
.nx-entry-link:focus-visible{outline:2px solid #222;outline-offset:6px}
/* These rules isolate the top-page footer from every page-specific stylesheet. */
body .footer.nx-footer{background:#222!important;color:#fff!important;padding:64px 0 32px;box-sizing:border-box;font-size:16px;line-height:1.9}
.footer.nx-footer *{box-sizing:border-box}
.footer.nx-footer .footer-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 56px 64px;display:grid;grid-template-columns:1.4fr 2fr;gap:64px;align-items:start;border-bottom:1px solid rgba(255,255,255,.08)}
.footer.nx-footer .footer-logo{display:inline-flex;align-items:flex-end;gap:12px;margin-bottom:18px}
.footer.nx-footer .footer-logo img{height:22px;width:auto;max-width:100%;display:block;filter:none}
.footer.nx-footer .footer-logo .recruit{font:500 13px/1 var(--font-en);letter-spacing:.18em;text-transform:lowercase;padding-bottom:2px;color:#fff!important;opacity:1}
.footer.nx-footer .footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.footer.nx-footer .footer-col-title{font:600 13px/1.6 var(--font-en);letter-spacing:.28em;text-transform:uppercase;color:#fff!important;margin:0 0 16px;opacity:1}
.footer.nx-footer .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.footer.nx-footer .footer-col li{margin:0;padding:0;border:0;background:none;transform:none;opacity:1}
.footer.nx-footer .footer-col a{color:#fff!important;font-size:13px;font-weight:500;line-height:1.8;letter-spacing:.03em;text-decoration:none;opacity:1}
.footer.nx-footer .footer-col a:hover{text-decoration:underline;text-underline-offset:5px}
.footer.nx-footer .footer-bottom{display:flex;width:100%;max-width:1200px;margin:auto;padding:32px 56px 0;color:#fff!important;font:400 13px/1.6 var(--font-en);letter-spacing:.08em}
.footer.nx-footer .footer-bottom span{color:#fff!important;font-size:13px;opacity:1}
.footer.nx-footer a:focus-visible{outline:2px solid #fff;outline-offset:5px}
/* Explicit pseudo-element selectors keep lane endpoints visible on the dark field. */
body .nx-ink-section.training-visual .learning-line::before,
body .nx-ink-section.training-visual .learning-line.ongoing::before,
body .nx-ink-section.training-visual .learning-line.initial::after{background:#f6f0e5}
body .nx-ink-section.training-visual .learning-line.ongoing::after{border-color:#f6f0e5}
body .nx-ink-section .people-chart figcaption span::before,
body .nx-ink-section .people-chart figcaption span::after,
body .nx-ink-section .range-track::before,
body .nx-ink-section .range-track::after{background:#f6f0e5}
body.visual-story.company-visual .nx-ink-section .visual-text-link,
body.visual-story.company-visual .nx-ink-section .visual-text-link span{color:#fff!important}
body.company-page.refined-site.visual-story.company-visual .section.nx-ink-section .company-story-aside a.visual-text-link{color:#fff!important;text-decoration:none}
body .nx-ink-section.training-visual .ext-link-list li :is(span,a){color:#fff!important;border-color:#fff!important}
body.refined-site.visual-story .lp-section.training-visual.nx-ink-section .lp-inner .ext-link-list li a{color:#fff!important}

@media(max-width:1000px){.nx-entry-inner{gap:64px}}
@media(max-width:767px){
 .nx-boundary{--cut:88px;height:176px}
 .nx-boundary-inner{width:calc(100% - 48px);padding-bottom:0}
 body.company-visual .nx-boundary-inner{padding-inline:0}
 body .nx-boundary .nx-boundary-title{font-size:26px;max-width:100%;line-height:1.6}
 body .nx-ink-section>.nx-boundary+div{padding-top:40px!important}
 body .nx-entry{--entry-cut:56px;padding:56px 0 88px}
 .nx-entry-inner{width:calc(100% - 48px);grid-template-columns:1fr;gap:24px}
 .nx-entry-copy{padding:0;max-width:440px}
 body .nx-entry-copy h2{font-size:28px;margin-bottom:18px}
 body .nx-entry .entry-text{font-size:15px}
 .nx-entry-links{gap:8px}
 body .nx-entry .edoor-t{font-size:17px}
 .footer.nx-footer .footer-inner{padding:0 24px 40px;grid-template-columns:1fr;gap:40px}
 .footer.nx-footer .footer-cols{grid-template-columns:1fr 1fr;gap:32px 24px}
 .footer.nx-footer .footer-bottom{padding:28px 24px 0}
}
@media(max-width:360px){body .nx-boundary .nx-boundary-title{font-size:24px}.footer.nx-footer .footer-logo{gap:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.nx-arrow{transition:none}.nx-entry-link:hover .nx-arrow{transform:none}}

/* Overlap clipped planes at the seam so fractional layout pixels cannot expose an edge. */
.nx-boundary::before{top:-2px}
.nx-entry::after{bottom:-2px}
.t2-nums .nx-boundary::before,.workplace-numbers .nx-boundary::before,.training-visual .nx-boundary::before{display:none}
.t2-nums .nx-boundary,.workplace-numbers .nx-boundary{height:180px}
/* Human faces and a data-driven pie replace the decorative symbol tally. */
body .human-stats{display:block}
body .human-stats .human-demographics{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:start}
body .human-stats .human-demographics>.stat{display:block;min-width:0}
body .human-stats .stat-label{font-size:18px;margin:0 0 22px;line-height:1.6}
body .human-stats .stat-staff{display:grid!important;grid-template-columns:auto 1fr;column-gap:24px;align-items:center!important}
body .human-stats .stat-staff .stat-label{grid-column:1/-1;grid-row:auto;margin-bottom:24px}
body .human-stats .stat-staff .stat-value{grid-column:1;grid-row:2;font-size:clamp(76px,7vw,104px);margin:0;line-height:1}
body .human-stats .stat-staff .stat-unit{font-size:20px;margin-left:8px}
.staff-faces{list-style:none;display:flex;align-items:center;padding:0;margin:0;grid-column:2;grid-row:2}
.staff-faces li{margin:0;padding:0;position:relative;flex:none}
.staff-faces li+li{margin-left:-22px}
.staff-faces .staff-face{display:block;width:clamp(64px,5.5vw,80px);aspect-ratio:1;border-radius:50%;border:3px solid #fff;background:#f6f0e5;overflow:hidden;position:relative;}
.staff-faces img{display:block;width:100%;height:100%;object-fit:cover}
body .human-stats .stat-staff .stat-note{grid-column:1/-1;grid-row:3;margin-top:30px;max-width:34em}
.gender-visual{display:flex;align-items:center;gap:clamp(28px,4vw,64px)}
.gender-pie{--male-share:70%;width:190px;aspect-ratio:1;flex:none;border-radius:50%;background:conic-gradient(from 0deg,#f6f0e5 0 var(--male-share),var(--nexport-green) var(--male-share) 100%)}
.gender-legend{display:grid;gap:18px;margin:0}
.gender-legend>div{display:grid;grid-template-columns:56px auto;gap:12px;align-items:center}
.gender-legend dt{font-size:15px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.gender-legend i{display:block;width:10px;height:10px;border-radius:50%;flex:none}
.male-key{background:#f6f0e5}.female-key{background:var(--nexport-green)}
.gender-legend dd{margin:0;font:400 42px/1.1 var(--font-en)}
.gender-legend dd span{font:500 15px/1.5 var(--font-base);margin-left:6px}
body .human-stats .stats-extras{margin-top:72px;padding-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 7%;border-top:1px solid #79766f}
body .human-stats .stats-extras>.stat{grid-column:auto;min-width:0}
body .human-stats .stats-extras .stat-label{font-size:16px;margin-bottom:16px}
body .human-stats .stats-extras .stat-value{font:400 52px/1.1 var(--font-en);margin:0 0 18px}
body .human-stats .stats-extras .stat-unit{display:inline;font-size:15px;margin:0 0 0 8px}
body .human-stats .stat-note{font-size:15px}
body .workplace-numbers .human-stats .stats-extras{grid-template-columns:repeat(2,minmax(0,1fr))}
body .human-stats .stat-professions{margin-top:56px}
body .human-stats .stat-professions .stat-value{font-size:40px}
body .human-stats .profession-list li{font-size:17px}
/* Every pair of store photographs shares one crop and one display size. */
body .stat-store-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
body .stat-store-photos figure{width:100%;margin:0;aspect-ratio:3/2}
body .stat-store-photos img{width:100%;height:100%;object-fit:cover;display:block}
body.visual-story .workplace-panorama{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
body.visual-story .workplace-panorama img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto}
body .stores-grid .store-photo{aspect-ratio:3/2;overflow:hidden}
body .stores-grid .store-photo img{display:block;width:100%;height:100%;object-fit:cover}
body.refined-site .stores-grid .store{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Pause remains available as a quiet icon, with an accessible name. */
.symbol-hero .photo-stage>.playback{position:absolute;right:20px;bottom:20px;z-index:2;display:block}
.symbol-hero .photo-stage>.playback[hidden]{display:none}
body .symbol-hero .playback button.wave-pause{display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:0;border:1px solid #fff;border-radius:50%;background:#222;color:#fff}
.wave-pause svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.wave-pause .wave-play-icon{display:none;stroke-width:1.5}
.wave-pause[aria-pressed=true] .wave-play-icon{display:block}
.wave-pause[aria-pressed=true] .wave-pause-icon{display:none}
.wave-pause:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1100px){
 .staff-faces{grid-column:1/-1;grid-row:3;margin-top:24px}
 body .human-stats .stat-staff .stat-note{grid-row:4}
 .gender-pie{width:158px}
 .gender-visual{gap:24px}
 .gender-legend>div{gap:4px;grid-template-columns:54px auto}
}
@media(max-width:767px){
 .t2-nums .nx-boundary,.workplace-numbers .nx-boundary{height:142px}
 body .human-stats .human-demographics{grid-template-columns:1fr;gap:48px}
 body .human-stats .stat-staff{grid-template-columns:auto 1fr;column-gap:16px}
 body .human-stats .stat-staff .stat-value{font-size:80px}
 .staff-faces{grid-column:2;grid-row:2;margin-top:0}
 .staff-faces .staff-face{width:54px;border-width:2px}
 .staff-faces li+li{margin-left:-22px}
 body .human-stats .stat-staff .stat-note{grid-row:3;margin-top:24px}
 .gender-pie{width:172px}
 .gender-visual{gap:36px}
 .gender-legend dd{font-size:36px}
 body .human-stats .stats-extras{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;margin-top:48px;padding-top:38px}
 body .human-stats .stats-extras .stat-value{font-size:40px}
 body .human-stats .stats-extras>.stat-stores{grid-column:1/-1}
 body.visual-story .workplace-panorama{grid-template-columns:1fr}
 body.visual-story .workplace-panorama figure:last-child{margin-left:0}
 .symbol-hero .photo-stage>.playback{right:12px;bottom:12px;width:auto}
}
@media(max-width:360px){
 body .human-stats .stat-staff{column-gap:12px}
 body .human-stats .stat-staff .stat-value{font-size:66px}
 .staff-faces .staff-face{width:44px}.staff-faces li+li{margin-left:-21px}
 .gender-pie{width:140px}.gender-visual{gap:24px}
}

/* Static official portraits: four examples, with a plus for the wider team. */
.staff-faces .staff-face{display:block;cursor:default}
.staff-faces li+li{margin-left:-18px}
.staff-faces .staff-more{margin-left:10px;color:#fff;font:400 30px/1 var(--font-en)}
.staff-faces img{object-position:50% 18%}
body .human-stats .stats-extras .stat-label{min-height:1.6em}
body .human-stats .stats-extras .stat-value{height:1.1em}
/* A restrained increase in line contrast, keeping the existing edge fade. */
.sec-people .sp-mark{opacity:.16}
/* Exact triangular path from the official symbol; the cards sit in front. */
.t2-gates{position:relative;isolation:isolate}
.gates-triangle{position:absolute;top:-2px;right:0;width:clamp(340px,42vw,660px);height:auto;fill:#222;pointer-events:none;z-index:0}
.t2-gates-inner{position:relative;z-index:1}
.t2-gates-head{width:58%}
.header-nav a.is-on-diagonal{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
/* Preserve the selection layout, append only the official triangle to its rail. */
.refined-site .flow{position:relative}
@media(min-width:1101px){
 .refined-site .t2-flow::after,.refined-site .flow::after{content:"";display:block;position:absolute;left:auto;right:-1px;top:-12px;width:25px;height:25px;background:#222;transform:none;transition:none;pointer-events:none;
 mask:url('/assets/img/nexport-triangle-right.svg') center/contain no-repeat;-webkit-mask:url('/assets/img/nexport-triangle-right.svg') center/contain no-repeat}
 .refined-site .t2-flow.is-in::after{transform:none}
}
@media(max-width:1100px) and (min-width:768px){
 .staff-faces{grid-column:2;grid-row:2;margin-top:0}
 .staff-faces .staff-face{width:58px;border-width:2px}
 .staff-faces li+li{margin-left:-20px}
 .staff-faces .staff-more{margin-left:6px;font-size:26px}
 body .human-stats .stat-staff{column-gap:12px}
 body .human-stats .stat-staff .stat-note{grid-row:3}
}
@media(max-width:767px){
 .staff-faces li+li{margin-left:-18px}
 .staff-faces .staff-more{margin-left:7px;font-size:26px}
 body .human-stats .stats-extras .stat-label{min-height:3.2em}
 .sec-people .sp-mark{opacity:.14}
 .gates-triangle{width:clamp(170px,48vw,300px)}
 .t2-gates-head{width:76%}
}
@media(max-width:360px){
 .staff-faces li+li{margin-left:-15px}
 .staff-faces .staff-more{margin-left:6px;font-size:24px}
}

/* Official NEXPORT green; shared navigation and interview-index interactions. */
:root{--nexport-green:#05a676}
body:is(.refined-site,.approved-interview) .header .header-nav a:not(.header-cta)::after{display:none!important}
body:is(.refined-site,.approved-interview) .header .header-nav a:not(.header-cta),body:is(.refined-site,.approved-interview) .header .header-nav a:not(.header-cta) span{text-decoration:none!important}
body:is(.refined-site,.approved-interview) .header .header-nav a[aria-current] span{border:0!important;padding-bottom:0}
body:is(.refined-site,.approved-interview) .header .header-nav a:not(.header-cta):is([aria-current],:hover,:focus-visible),body:is(.refined-site,.approved-interview) .header .header-nav a:not(.header-cta):is([aria-current],:hover,:focus-visible) span{color:var(--nexport-green)!important}
body:is(.refined-site,.approved-interview) .header .header-nav .header-cta:is(:hover,:focus-visible),body:is(.refined-site,.approved-interview) .header .header-nav .header-cta:is(:hover,:focus-visible) span{background-color:var(--nexport-green)!important;border-color:var(--nexport-green)!important;color:#fff!important}
body:is(.refined-site,.approved-interview) .header .header-nav a{transition:color .12s ease,background-color .12s ease,border-color .12s ease}
.refined-site.interview-list-page .list-row-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-width:0}
.refined-site.interview-list-page .list-row-heading .list-row-num{flex:none;font-size:14px;font-weight:500;line-height:1.8;letter-spacing:0;margin:0}
.refined-site.interview-list-page .list-row-heading .list-row-tag{display:block;font-size:13px;line-height:1.8;margin:0}
.refined-site.interview-list-page .list-row-arrow{padding:10px 14px;color:#222;background:transparent;border-bottom:1px solid #222;transition:none}
.refined-site.interview-list-page .list-row:is(:hover,:focus-visible) .list-row-arrow{background:var(--nexport-green);border-color:var(--nexport-green);color:#222}
.refined-site.interview-list-page .list-row-arrow::after{content:'→';color:currentColor}
@media(prefers-reduced-motion:reduce){body:is(.refined-site,.approved-interview) .header .header-nav a{transition:none}}