/* Careers v2 (inc/careers-v2.php, page-templates/tpl-careers-v2.php). Scoped to .cc2 so the async common.css cannot
   restyle it. The part above the "below the fold" marker is inlined in <head> by ss_cc2_critical_css() (read from this
   file at request time). Reveal policy: nothing hidden waiting for JS, no entrances, UI transitions <= 150 ms.
   Surfaces = the industry-page navy tokens (inc/ss-glow.php); the only glow is the shared gold burst. */
.cc2{--navy:var(--ss-navy-hero,var(--ss-navy-deep));--band:var(--ss-navy-band,var(--ss-navy-deep));--card:var(--ss-navy-card,var(--ss-navy));--navy-line:rgba(255,255,255,.1);--gold:var(--ss-gold);--gold-ink:var(--ss-navy);--gold-soft:var(--ss-gold-soft);--goldg:var(--ss-gold-grad);--ink:var(--ss-ink);--ink2:var(--ss-ink-2);--ink3:var(--ss-ink-3);--line:var(--ss-line);--ground:var(--ss-ground);--mist:var(--ss-mist);--on-navy:var(--ss-on-navy);--font:"Proxima Nova","Helvetica Neue",Arial,sans-serif;
  --hdr:57px;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (min-width:768px){.cc2{--hdr:67px}}
@media (min-width:1200px){.cc2{--hdr:75px}}
body.cc2-page{margin:0;background:var(--ss-navy-hero,var(--ss-navy-deep))}
body.cc2-page .site-content{padding-top:0!important}
.cc2 *,.cc2 *:before,.cc2 *:after{box-sizing:border-box}
.cc2 :where(h1,h2,h3,h4){margin:0;font-family:var(--font);color:inherit;text-wrap:balance;letter-spacing:-.02em;text-transform:none}
.cc2 :where(p,figure,blockquote){margin:0}
.cc2 :where(ul,ol){margin:0;padding:0;list-style:none}
.cc2 :where(img){max-width:100%;height:auto;display:block}
.cc2 :where(a){color:inherit;text-decoration:none}
.cc2 :where(button){font-family:inherit}
.cc2 :where(b){font-weight:700}
.cc2-w{max-width:1312px;margin:0 auto;padding-inline:64px;position:relative}
.cc2-w--narrow{max-width:1008px}
@media (max-width:900px){.cc2-w{padding-inline:24px}}
@media (max-width:560px){.cc2-w{padding-inline:16px}}
.cc2-sec{padding-block:104px;position:relative}
@media (max-width:760px){.cc2-sec{padding-block:68px}}
.cc2-dark{background-color:var(--navy);color:#fff}
.cc2-ground{background:var(--ground)}
.cc2-glow--soft{background-image:var(--ss-glow-gold-soft)}
.cc2-pill{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--ss-navy-deep);font-size:13px;font-weight:700;line-height:1.2;padding:6px 15px;border-radius:999px;letter-spacing:.02em;justify-self:start}
.cc2-pill--ghost{background:rgba(var(--ss-gold-rgb),.1);color:var(--gold);border:1px solid rgba(var(--ss-gold-rgb),.45)}
.cc2-h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;line-height:1.1}
.cc2-h2 .hl{padding-bottom:.14em;margin-bottom:-.14em;padding-right:.06em;margin-right:-.06em;color:var(--ss-navy);background:var(--ss-blue-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cc2-dark .cc2-h2 .hl{padding-bottom:.14em;margin-bottom:-.14em;padding-right:.06em;margin-right:-.06em;color:var(--gold);background:var(--ss-gold-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cc2-lede{font-size:18px;color:var(--ink2);max-width:62ch}
.cc2-dark .cc2-lede{color:var(--on-navy)}
.cc2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16px/1 var(--font);border:0;border-radius:999px;padding:17px 28px;cursor:pointer;background:var(--goldg);color:var(--ss-navy-deep)!important;box-shadow:0 10px 24px rgba(var(--ss-gold-end-rgb),.25);white-space:nowrap;transition:filter .15s}
.cc2-btn svg{width:16px;height:16px;flex:none}
.cc2-btn--line{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.4);box-shadow:none;transition:border-color .15s,color .15s}
.cc2-btn--line:hover{border-color:var(--gold);color:var(--gold)!important;filter:none}

/* ---------- hero (industry-page look: navy + gold burst, eyebrow, stacked H1 with a gold last line, chips) ---------- */
.cc2-hero{color:#fff;position:relative;overflow:hidden;padding-top:var(--hdr);background-color:var(--navy);background-image:var(--ss-glow-gold),var(--ss-glow-navy)}
.cc2-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center;padding-block:72px 88px}
.cc2-hero__copy{display:grid;justify-items:start}
.cc2-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 14px;line-height:1.2}
.cc2-hero h1{font-size:clamp(40px,5.1vw,66px);line-height:1.04;font-weight:700;margin:22px 0 20px;letter-spacing:-.02em;color:#fff}
.cc2-hero h1 em{padding-bottom:.14em;margin-bottom:-.14em;padding-right:.06em;margin-right:-.06em;font-style:normal;display:block;width:fit-content;color:var(--gold);background:var(--ss-gold-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cc2-hero .cc2-lede{font-size:19px;color:var(--on-navy)}
.cc2-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cc2-chips li{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.3;color:var(--on-navy);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 14px}
.cc2-chips b{color:#fff}
.cc2-chips__ic{color:var(--gold);display:inline-grid;place-items:center;width:16px;height:16px;font-size:13px}
.cc2-chips__ic svg{width:16px;height:16px}
.cc2-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.cc2-hero__pic{position:relative}
.cc2-hero__main{border-radius:24px;overflow:hidden;aspect-ratio:16/10;background:var(--card);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.cc2-hero__main img{width:100%;height:100%;object-fit:cover}
.cc2-hero__inset{position:absolute;right:-18px;bottom:-30px;width:34%;aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:5px solid var(--navy);box-shadow:0 18px 40px rgba(0,0,0,.4);background:var(--card)}
.cc2-hero__inset img{width:100%;height:100%;object-fit:cover}
.cc2-hero__tag{position:absolute;left:20px;top:20px;background:rgba(var(--ss-navy-deep-rgb),.82);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.35;color:#fff}
.cc2-hero__tag b{display:block;color:var(--gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:1000px){.cc2-hero__in{grid-template-columns:1fr;gap:44px;padding-block:44px 72px}.cc2-hero__inset{right:-6px}}
@media (max-width:560px){
  .cc2-hero h1{font-size:40px;margin:18px 0 16px}
  .cc2-hero .cc2-lede{font-size:17px}
  .cc2-ctas .cc2-btn{flex:1 1 auto}
  .cc2-hero__inset{width:30%;bottom:-20px;border-width:4px}
  .cc2-hero__tag{left:12px;top:12px;padding:8px 11px;font-size:13px}
}

/* ---------- recognition band (the industry-page partner strip: navy band, mono at rest, colour on hover) ---------- */
.cc2-band{background:var(--band);border-top:1px solid rgba(255,255,255,.06);color:#fff}
.cc2-band__in{display:grid;justify-items:center;gap:18px;padding-block:34px}
.cc2-band__t{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
.cc2-band__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px 38px}
.cc2-aw__in{display:grid;justify-items:center;gap:10px;color:inherit;text-decoration:none}
.cc2-aw__art{position:relative;display:block;height:78px}
.cc2-aw__art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transition:opacity .15s,filter .15s}
.cc2-aw__mono{filter:grayscale(1) brightness(1.25);opacity:.8}
.cc2-aw__mono.is-white{filter:brightness(0) invert(1);opacity:.7}
.cc2-aw__color{opacity:0}
.cc2-aw__in:focus-visible .cc2-aw__mono{filter:none;opacity:1}
.cc2-aw--swap .cc2-aw__in:focus-visible .cc2-aw__mono{opacity:0}
.cc2-aw--swap .cc2-aw__in:focus-visible .cc2-aw__color{opacity:1}
.cc2-aw__txt{display:grid;justify-items:center;align-content:center;gap:2px;height:78px;padding:0 16px;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;color:rgba(255,255,255,.8);text-align:center;line-height:1.1;transition:border-color .15s,color .15s}
.cc2-aw__txt b{font-size:19px;font-weight:700;letter-spacing:-.01em;color:#fff;transition:color .15s}
.cc2-aw__txt span{font-size:13.5px;font-weight:700}
.cc2-aw__txt small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}
.cc2-aw__cap{font-size:12.5px;line-height:1.3;color:var(--mist);text-align:center;max-width:170px;transition:color .15s}
@media (max-width:560px){.cc2-aw__art,.cc2-aw__txt{height:62px}.cc2-band__row{gap:20px 24px}.cc2-aw__txt b{font-size:17px}.cc2-aw__cap{max-width:140px}}
/* Visible breadcrumb trail removed site-wide 2026-10-01 (BreadcrumbList schema kept, Yoast): the copy keeps the trail row (21px) as space so the first element sits where the trail ended. */
.cc2-hero__copy{padding-top:21px}

/* ==== below the fold ==== */

/* ---------- section heads (always stacked: pill, heading, intro) ---------- */
.cc2-head{display:grid;gap:18px;margin-bottom:52px;max-width:780px;justify-items:start}
.cc2-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ss-navy-deep);border-bottom:2px solid var(--gold);padding-bottom:2px;white-space:nowrap;transition:color .15s}
.cc2-dark .cc2-link{color:#fff}
.cc2-link svg{width:14px;height:14px}
@media (max-width:640px){.cc2-head{margin-bottom:36px}.cc2-lede{font-size:16.5px}}

/* ---------- mission, vision, values ---------- */
.cc2-mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:56px}
.cc2-mv__card{padding:26px 28px;border-radius:18px;background:var(--gold-soft);font-size:20px;font-weight:600;line-height:1.4;color:var(--ink)}
.cc2-mv__card small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);font-weight:700;margin-bottom:8px}
.cc2-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cc2-value{padding:26px 26px 28px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:border-color .15s}
.cc2-value__n{display:block;font-size:14px;font-weight:700;color:var(--gold-ink);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.cc2-value h3{font-size:21px;font-weight:700;margin:8px 0 6px}
.cc2-value p{font-size:15.5px;color:var(--ink2);line-height:1.55}
@media (max-width:900px){.cc2-mv{grid-template-columns:1fr}.cc2-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cc2-values{grid-template-columns:1fr}.cc2-mv__card{font-size:18px;padding:22px}}

/* ---------- benefits + perks ---------- */
.cc2-ben{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.cc2-ben__col{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 30px 14px}
.cc2-ben__t{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.cc2-ben__list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.cc2-ben__list li:first-child{border-top:0}
.cc2-ben__list svg{width:22px;height:22px;color:var(--gold-ink);margin-top:1px}
.cc2-ben__list b{display:block;font-size:16.5px;line-height:1.35}
.cc2-ben__list span{display:block;font-size:15px;color:var(--ink2);line-height:1.5;margin-top:3px}
@media (max-width:900px){.cc2-ben{grid-template-columns:1fr}}
@media (max-width:560px){.cc2-ben__col{padding:22px 20px 8px}}

/* ---------- life at SmartSites: Netflix-style rail (hv2-rail.js drives arrows / drag / edge state) ---------- */
.cc2-life{background-image:var(--ss-glow-gold-soft)}
.cc2-life .cc2-head{margin-bottom:36px}
.cc2-rail{--gut:64px;--cw:380px;position:relative}
@media (max-width:900px){.cc2-rail{--gut:24px;--cw:320px}}
@media (max-width:560px){.cc2-rail{--gut:16px;--cw:78vw}}
.cc2 .cc2-rail__track{--pad:max(var(--gut),calc((100% - 1312px) / 2 + var(--gut)));display:grid;grid-auto-flow:column;grid-auto-columns:var(--cw);gap:18px;margin:0;padding:6px var(--pad) 14px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}
.cc2-rail__track::-webkit-scrollbar{display:none}
.cc2-rail__track:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.cc2-rail__track.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.cc2-rail__item{scroll-snap-align:start;min-width:0}
.cc2-rail:before,.cc2-rail:after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none;transition:opacity .15s}
.cc2-rail:before{left:0;background:linear-gradient(90deg,var(--navy),rgba(var(--ss-navy-deep-rgb),0));opacity:0}
.cc2-rail:after{right:0;background:linear-gradient(270deg,var(--navy),rgba(var(--ss-navy-deep-rgb),0))}
.cc2-rail.is-scrolled:before{opacity:1}
.cc2-rail.is-end:after{opacity:0}
.cc2-rail__btn{position:absolute;top:calc(6px + var(--cw) * 3 / 8);transform:translateY(-50%);z-index:3;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(var(--ss-navy-deep-rgb),.85);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s}
.cc2-rail__btn svg{width:18px;height:18px}
.cc2-rail__btn--prev{left:max(12px,calc((100% - 1312px) / 2 + 12px))}
.cc2-rail__btn--next{right:max(12px,calc((100% - 1312px) / 2 + 12px))}
.cc2-rail:hover .cc2-rail__btn,.cc2-rail:focus-within .cc2-rail__btn{opacity:1}
.cc2-rail .cc2-rail__btn:disabled{opacity:0;pointer-events:none}
@media (hover:none),(max-width:760px){.cc2-rail__btn{display:none}}
.cc2-shot{display:grid;gap:10px}
.cc2-shot img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:var(--card)}
.cc2-shot figcaption{font-size:14px;color:var(--mist);line-height:1.4}
.cc2-life .cc2-link{margin-top:30px}
.cc2-link+.cc2-link{margin-left:28px}

/* ---------- team reviews: one minimal card style ---------- */
.cc2-rv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.cc2-rv__card{display:grid;gap:12px;padding:26px 26px 28px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:border-color .15s}
.cc2-rv__logo{height:44px;width:auto}
.cc2-rv__card h3{font-size:19px;font-weight:700;line-height:1.3}
.cc2-rv__card blockquote{font-size:15.5px;color:var(--ink2);line-height:1.6}
@media (max-width:900px){.cc2-rv{grid-template-columns:1fr}}

/* ---------- open positions ---------- */
.cc2-jobs .cc2-head{margin-bottom:36px}
.cc2-roles{display:grid;gap:10px;margin-bottom:18px}
.cc2-roles a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:14px;background:var(--card);border:1px solid var(--navy-line);font-weight:700;font-size:17px;transition:border-color .15s,color .15s}
.cc2-roles__go{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--gold);white-space:nowrap}
.cc2-roles__go svg{width:14px;height:14px}
.cc2-indeed{display:flex;align-items:center;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;padding:26px 28px;border-radius:20px;background:var(--card);border:1px solid var(--navy-line)}
.cc2-indeed__tx{display:grid;gap:4px;min-width:0;flex:1 1 320px}
.cc2-indeed__tx b{font-size:20px;line-height:1.3}
.cc2-indeed__tx span{color:var(--on-navy);font-size:15.5px}
.cc2-scam{margin-top:18px;padding:14px 18px;border-radius:14px;border:1px solid rgba(var(--ss-gold-rgb),.35);background:rgba(var(--ss-gold-rgb),.06);font-size:14.5px;line-height:1.5;color:var(--on-navy)}
.cc2-scam b{color:var(--gold)}
@media (max-width:560px){.cc2-indeed{padding:22px 20px}.cc2-indeed .cc2-btn{flex:1 1 auto;white-space:normal;text-align:center}}
@media (prefers-reduced-motion:reduce){.cc2 *{transition:none!important;scroll-behavior:auto!important}}
