/* Supporting sections extend the approved M1 stories. */
.site-header .nav {gap:24px;flex-shrink:0}
.site-header .career-nav {font-size:15px;font-weight:600;color:var(--navy);padding:12px 2px;position:relative}
.site-header .career-nav:hover {color:var(--blue)}
.site-header .career-nav[aria-current="page"]::after {content:"";position:absolute;bottom:4px;left:0;right:0;height:3px;background:var(--brand-sand)}
.bivo-section {padding:100px max(6%,24px);scroll-margin-top:110px}
.bivo-section-inner {max-width:1180px;margin:0 auto}
.bivo-kicker {font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 20px}
.bivo-section h2 {font-size:clamp(32px,3.7vw,52px);line-height:1.1;letter-spacing:-.04em;font-weight:900}
.bivo-section p {font-size:17px;line-height:1.65}
.bivo-section p.bivo-kicker {font-size:13px;line-height:1.4}
.bivo-section-lead {max-width:600px;color:var(--muted);margin:22px 0 0}
.field-story {padding:32px max(3%,16px) 52px;background:#fff}
@media(min-width:901px){.field-story{padding-top:64px}}
.field-scene {max-width:1320px;min-height:490px;margin:0 auto;position:relative;display:flex;align-items:center;overflow:hidden;border-radius:24px;isolation:isolate;background:#dce8f0}
.field-scene>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.field-scene::after {content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,35,61,.88),rgba(0,35,61,.55) 38%,rgba(0,35,61,0) 65%)}
.field-copy {position:relative;z-index:1;padding:68px 5.5%;width:53%;color:#fff}
.field-title-accent {color:var(--brand-sand)}
.field-copy h2 {font-size:clamp(32px,3.8vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:900;margin:0}
.field-contact {display:inline-flex;align-items:center;gap:16px;max-width:100%;margin-top:28px;padding:17px 24px;white-space:normal;text-align:left;font-size:16px;line-height:1.4;background:var(--blue);color:#fff}
.field-contact>span:last-child {flex-shrink:0}
.field-contact:focus-visible {outline:3px solid var(--brand-sand);outline-offset:5px}
.services-section {padding-top:64px}
.services-header {display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:44px}
.services-header .bivo-section-lead {margin:0}
.service-list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}
.service-item {text-align:left;color:var(--navy);padding:25px 0 23px;background:none;border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:64px minmax(0,1fr) 16px;grid-template-rows:auto 1fr;gap:10px 12px;align-items:center;min-height:152px;position:relative;transition:color .2s}
.service-icon {grid-column:1;grid-row:1/3;display:block;width:64px;height:64px;object-fit:contain}
.service-number {grid-column:2;grid-row:1;font-size:12px;font-weight:600;color:#698191}
.service-name {grid-column:2;grid-row:2;font-size:19px;font-weight:700;line-height:1.3;min-width:0}
.service-item:hover {color:var(--blue)}
.service-item:focus-visible,.bivo-text-link:focus-visible,.faq-list summary:focus-visible {outline:3px solid var(--blue);outline-offset:6px}
.service-item .service-arrow {grid-column:3;grid-row:2;align-self:center;font-size:19px;font-weight:400}
.bivo-text-link {display:inline-flex;gap:20px;align-items:center;color:var(--navy);font-size:15px;font-weight:700;padding:0 0 7px;border-bottom:1px solid currentColor;width:fit-content}
.bivo-text-link:hover {color:var(--blue)}
.faq-section {background:var(--brand-sky-soft)}
.faq-layout {display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}
.faq-intro p:last-child {color:var(--muted);max-width:310px}
.faq-list {border-top:1px solid var(--line)}
.faq-list details {border-bottom:1px solid var(--line)}
.faq-list summary {cursor:pointer;list-style:none;position:relative;padding:23px 38px 23px 0;font-size:18px;font-weight:700;line-height:1.4}
.faq-list summary::-webkit-details-marker {display:none}
.faq-list summary::after {content:"+";position:absolute;right:0;top:19px;font-size:27px;font-weight:400;color:var(--blue)}
.faq-list details[open] summary::after {content:"−"}
.faq-list details p {font-size:16px;line-height:1.7;color:var(--muted);padding:0 30px 24px 0;margin:0}
.career-strip {padding-top:80px;padding-bottom:88px}
.career-strip-inner {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:0;max-width:1180px;margin:auto;background:var(--brand-sand);border-radius:20px;overflow:hidden}
.career-strip-image {display:block;width:100%;height:auto;aspect-ratio:1678/937}
.career-strip-copy {min-width:0;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.career-strip-copy h2 {font-size:clamp(28px,3.1vw,42px);max-width:100%;margin:0 0 20px;color:var(--navy)}
.career-strip-copy p:not(.bivo-kicker) {font-size:16px;line-height:1.6;max-width:480px;margin:0 0 23px}
.career-strip-copy .bivo-text-link {max-width:100%;gap:12px;line-height:1.4}
.career-strip-copy .bivo-text-link span {flex-shrink:0}
.footer-links {display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
.footer-links a:hover {color:var(--blue)}
.company-footer {flex-wrap:wrap;gap:26px 34px}
.company-footer .footer-copyright {margin-left:auto}
.company-footer .footer-vat {font-size:12px}
.service-intent {font-size:14px;color:var(--blue);margin:0 0 20px}
.service-intent[hidden] {display:none}
.bivo-contact-direct {margin:28px 0 0!important;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-size:15px!important}
.bivo-contact-direct a {border-bottom:1px solid var(--line);padding-bottom:4px}
/* The career page uses the same type, palette and image language. */
.career-page {margin:0;color:var(--navy);font-family:Figtree,Arial,sans-serif;background:#fff}
.career-page * {box-sizing:border-box}
.career-page a {color:inherit;text-decoration:none}
.career-page .site-header {position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:25px 5%;gap:24px}
.career-page .header-brand {display:flex;align-items:center;gap:26px}
.career-page .header-brand img {width:80px;height:auto;display:block}
.career-page .header-description {font-size:14px;line-height:1.45;margin:0}
.career-page .header-description span {display:block;color:var(--muted)}
.career-page .nav {display:flex;align-items:center}
.career-page .small-cta {display:inline-block;font-size:14px;padding:12px 19px;border:1px solid var(--line);border-radius:999px;font-weight:700}
.career-page main {overflow:hidden}
.career-hero {padding:64px 6% 76px;max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:44px;align-items:center}
.career-hero h1 {font-size:clamp(40px,3.7vw,48px);line-height:1.06;letter-spacing:-.04em;margin:0;max-width:520px;text-align:left}
.career-hero .career-intro {font-size:17px;line-height:1.65;color:var(--muted);max-width:470px;margin:24px 0 28px}
.career-hero-image {display:block;width:100%;height:auto;aspect-ratio:1678/937;object-fit:contain;border-radius:22px;background:#dce8f0}
.career-page .primary {display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:999px;padding:16px 25px;font-size:15px;font-weight:700;line-height:1.25}
.career-page .primary:hover {background:var(--navy)}
.career-page .primary:focus-visible {outline:3px solid var(--blue);outline-offset:4px}
.career-openings {background:var(--brand-neutral);color:var(--navy)}
.career-openings .bivo-kicker {color:var(--blue)}
.career-openings h2 {color:var(--navy)}
.career-openings .bivo-section-lead {color:var(--muted)}
.career-jobs-heading {max-width:620px;margin-bottom:40px}
.career-jobs {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.career-openings .career-job {background:#fff;color:var(--navy);border:1px solid #dce8f0;border-radius:18px;padding:32px;display:flex;flex-direction:column;align-items:flex-start}
.career-job .job-meta {font-size:13px;color:var(--muted);margin:0 0 22px}
.career-job h3 {font-size:28px;line-height:1.15;letter-spacing:-.03em;margin:0 0 18px}
.career-job p {font-size:16px;color:var(--muted);margin:0 0 30px}
.career-job .bivo-text-link {margin-top:auto}
.career-openings .career-job .bivo-text-link {color:var(--blue)}
.career-openings .career-job .bivo-text-link:hover {color:var(--navy)}
.career-openings .career-job .bivo-text-link:focus-visible {outline-color:#225ecf}
.career-partner {padding:44px max(6%,24px);background:var(--brand-sand)}
.career-partner-inner {background:transparent;padding:0;border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:32px}
.career-partner h2 {font-size:28px;letter-spacing:-.025em;margin:0 0 10px}
.career-partner p {font-size:16px;max-width:650px;margin:0}
.career-partner .bivo-text-link {flex-shrink:0;min-height:44px}
.career-page .company-footer {display:flex;align-items:center;justify-content:space-between;padding:32px 6%;border-top:1px solid var(--line)}
.career-page .company-footer img {width:80px;height:auto}
.career-page .company-footer address {font-style:normal;display:flex;flex-direction:column;gap:6px;line-height:1.5}
.career-page .footer-contact {display:flex;flex-direction:column;gap:9px}
@media(max-width:900px){
 .bivo-section{padding:72px 6%}.field-scene{min-height:430px}.field-copy{width:59%;padding:48px 5%}.field-copy h2{font-size:42px}.field-scene::after{background:linear-gradient(90deg,rgba(0,35,61,.88),rgba(0,35,61,.42) 50%,rgba(0,35,61,0) 83%)}
 .services-header{gap:30px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-layout{gap:7%;grid-template-columns:.8fr 1.2fr}
 .career-strip-inner{grid-template-columns:1fr}.career-page .header-description{display:none}.career-openings .career-job{padding:25px}
}
@media(max-width:980px){
 .career-hero{grid-template-columns:1fr;gap:36px;padding-top:52px}.career-hero>div{max-width:660px}.career-hero-image{width:100%}
}
@media(max-width:600px){
 .site-header{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:min-content min-content;gap:9px 18px!important;align-items:center!important;padding:15px 22px!important}
 .site-header .header-brand{display:contents!important}.site-header .header-brand>a{grid-column:1;grid-row:1}.site-header .header-brand>a img{width:64px!important;height:auto!important}
 .site-header #service-title{grid-column:1/-1;grid-row:2;text-align:left;margin:0!important;font-size:13px!important;line-height:1.45!important;max-width:none!important}
 .site-header #service-title .service-tagline{font-size:12px!important}
 .site-header .nav{grid-column:2;grid-row:1;gap:18px;justify-content:flex-end;display:flex!important}.site-header .career-nav{display:inline-flex!important;font-size:14px}.site-header .small-cta{padding:10px 13px;font-size:12px;white-space:nowrap}
 .bivo-section{padding:56px 22px}.bivo-section h2{font-size:34px}.bivo-section p{font-size:16px}.bivo-kicker{margin-bottom:16px}
 .field-story{padding:20px 14px 18px}.field-scene{min-height:570px;border-radius:18px;display:flex;align-items:flex-end}.field-scene>img{object-position:95% center}.field-scene::after{background:linear-gradient(0deg,rgba(0,35,61,.97),rgba(0,35,61,.72) 32%,rgba(0,35,61,0) 64%)}.field-copy{width:100%;padding:32px 27px}.field-copy h2{font-size:38px;max-width:300px}
 .services-header{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.service-list{gap:0 22px}.service-item{grid-template-columns:minmax(0,1fr) 16px;grid-template-rows:64px 1fr;min-height:174px;padding:20px 0;gap:12px 8px}.service-icon{grid-column:1;grid-row:1}.service-number{grid-column:2;grid-row:1;align-self:start}.service-name{grid-column:1;grid-row:2;font-size:17px}.service-item .service-arrow{grid-column:2;grid-row:2}
 .faq-layout{grid-template-columns:1fr;gap:24px}.faq-intro p:last-child{max-width:100%;margin-bottom:0}.faq-list summary{font-size:17px;padding-top:22px;padding-bottom:22px}.faq-list details p{font-size:16px;padding-right:20px}
 .career-strip{padding-top:56px}.career-strip-copy{padding:28px 24px 32px}
 .company-footer{gap:25px}.company-footer .footer-copyright{margin-left:0;width:100%}.footer-links{width:100%;gap:26px}.bivo-contact-direct{gap:15px;font-size:14px!important}
 .career-page .site-header{padding:20px 22px}.career-page .header-brand img{width:68px}.career-page .nav{gap:15px}.career-page .small-cta{font-size:13px;padding:10px 13px}.career-hero{padding:42px 22px 54px;gap:30px}.career-hero h1{font-size:clamp(38px,10.5vw,42px);line-height:1.07}.career-hero .career-intro{font-size:17px;margin-top:22px}.career-jobs{grid-template-columns:1fr;gap:18px}.career-openings .career-job{padding:29px 25px}.career-job h3{font-size:27px}.career-partner{padding:32px 22px}.career-partner-inner{align-items:flex-start;flex-direction:column;gap:18px}.career-partner h2{font-size:28px}.career-page .company-footer{padding:30px 22px}
}
@media(prefers-reduced-motion:reduce){.bivo-section *{scroll-behavior:auto;transition:none}}
/* Approved career update, 2026-09-29 */
.career-hero-copy{min-width:0}.career-hero h1{max-width:600px}.career-invitation{font-size:16px;line-height:1.6;color:var(--navy);font-weight:700;max-width:500px;margin:0 0 26px;padding-left:16px;border-left:4px solid var(--brand-sand)}.career-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.career-actions .bivo-text-link{color:var(--blue);min-height:44px}.career-benefits{max-width:1440px;margin:auto;padding:0 6% 72px}.career-benefits-inner{width:100%;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.career-benefits article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:27px 28px}.career-benefits article+article{border-left:1px solid var(--line)}.career-benefit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand-sand);color:var(--navy);font-size:20px;font-weight:800}.career-benefits h2{font-size:19px;letter-spacing:0;margin:0 0 6px}.career-benefits p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.career-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1100px){.career-jobs{grid-template-columns:repeat(3,minmax(0,1fr))}.career-jobs .career-job:nth-last-child(-n+2){grid-column:span 1}}
@media(max-width:760px){.career-benefits{padding:0 22px 48px}.career-benefits-inner{grid-template-columns:1fr}.career-benefits article{padding:22px 0}.career-benefits article+article{border-left:0;border-top:1px solid var(--line)}.career-actions{align-items:flex-start;flex-direction:column;gap:18px}.career-hero h1{font-size:clamp(34px,9.5vw,42px)}.career-invitation{font-size:16px}.career-page .primary{min-height:48px}.career-jobs{grid-template-columns:1fr}}
