/* Shared appearance and language controls. The photography stays unchanged. */
:root{color-scheme:light}
.beservy-v23 .nav{gap:18px}
.beservy-v23 .nav nav{gap:18px;font-size:12px;margin-left:auto}
.site-preferences{display:flex;align-items:center;gap:7px;flex-shrink:0;margin-left:5px}
.preference-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 10px;border:1px solid #dce2dc;border-radius:30px;background:transparent;color:#185c35;font-size:11px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}
.preference-button:hover{background:#eaf1e9;border-color:#91b79c}
.preference-button svg{width:16px;height:16px;flex-shrink:0}
.moon-icon{display:none}
.history-page .story-hero{position:relative;isolation:isolate;min-height:620px;background:#14231b;color:white;display:flex;align-items:center;overflow:hidden}
.story-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% 50%}
.story-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101d18ef 0%,#102019ce 38%,#10201918 85%)}
.story-hero .container{padding-block:90px}
.story-hero .eyebrow{color:#c5dfc3}
.story-hero h1{font-size:clamp(54px,6.6vw,100px);font-weight:500;line-height:1;letter-spacing:-.055em;max-width:700px}
.story-hero h1 span{color:#c5dfc3}
.story-hero p:not(.eyebrow){color:#eef4eb;max-width:440px;font-size:18px;line-height:1.65;margin-top:28px}
.story-hero .story-credit{position:absolute;bottom:20px;right:36px;font-size:9px;color:#ecf1e8}
.story-opening{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:90px;align-items:start}
.story-year{font-size:clamp(90px,13vw,180px);font-weight:500;color:#15783c;line-height:1;letter-spacing:-.075em}
.story-opening h2{font-size:36px;margin:10px 0 24px;font-weight:500}
.story-opening p+p{margin-top:18px}
.story-journey{padding:30px 0 70px;background:#f3f6f0}
.story-chapter{display:grid;grid-template-columns:160px 1fr 1fr;gap:42px;padding:46px 0;border-bottom:1px solid #d5ded3}
.story-chapter .eyebrow{padding-top:7px}
.story-chapter h2{font-size:32px;font-weight:500}
.story-chapter p{font-size:16px;line-height:1.8}
.story-photo{position:relative;height:550px;overflow:hidden}
.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.story-photo figcaption{position:absolute;bottom:22px;left:36px;color:white;text-shadow:0 1px 5px #000;font-size:10px}
.story-values{padding-block:80px}
.story-values>h2{font-size:clamp(36px,4vw,60px);font-weight:500;max-width:680px;margin-bottom:45px}
.story-values>h2 span{color:#15783c}
.story-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.story-values-grid article{border-top:1px solid #d5ded3;padding-top:22px}
.story-values-grid h3{font-weight:500;margin-bottom:16px}
.story-source{font-size:11px;margin-top:35px}
.story-source a{text-decoration:underline;text-underline-offset:3px}
/* Night palette: deep green surfaces, warm white type and brand-green accents. */
html[data-theme=dark]{color-scheme:dark;background:#101a15}
html[data-theme=dark] body{--ink:#edf3e9;--green:#87ca9a;--muted:#b9c6b9;--white:#101a15;--soft:#17271d;--line:#344638;background:#101a15;color:#edf3e9}
html[data-theme=dark] :is(.header,.footer,.channels-v23,.service-landscape-v23,.one-product-v21,.robot-hub-v21,.robot-tracking-v19,.section,.faq-section,.group-section,.story-values,.service-inclusions,.about-section){background:#101a15;color:#edf3e9;border-color:#344638}
html[data-theme=dark] .header{background:#101a15f5}
html[data-theme=dark] :is(.dropdown-menu,.nav nav.is-open,.menu-toggle,.motion-toggle,.contact-form,.app-screen,.app-phone,.product-screen,.product-window,.app-window,.form-result){background:#19281f;color:#edf3e9;border-color:#344638}
html[data-theme=dark] :is(h1,h2,h3,.product-heading strong,.app-task strong,.app-screen strong,.app-meta strong,.group-directory h3){color:#edf3e9}
html[data-theme=dark] :is(p,.small-note,.breadcrumb,.product-lead,.product-role-description,.app-screen p,.group-directory p,.robot-hub-footer p){color:#b9c6b9}
html[data-theme=dark] :is(.eyebrow,.text-link,.channels-v23 a,.channels-v23 a span,.story-year,.story-values>h2 span,.landscape-heading-v23 h2 span,.one-product-v21 h2 span,.method-heading-v23 h2 span){color:#87ca9a}
html[data-theme=dark] :is(.landscape-selector-v23 button,.landscape-selector-v23 button span){color:#bdc9b8;border-color:#405141}
html[data-theme=dark] .landscape-selector-v23 button[aria-selected=true]{color:#91d49f}
html[data-theme=dark] .landscape-stage-v23:before{background:linear-gradient(90deg,#101a15 0%,#101a15 32%,#101a15ec 44%,#101a1566 62%,transparent 84%)}
html[data-theme=dark] .landscape-details-v23{background:transparent}
html[data-theme=dark] .landscape-details-v23 :is(h3,.eyebrow){color:#91d49f}
html[data-theme=dark] .landscape-details-v23 p:not(.eyebrow){color:#d2ddcd}
html[data-theme=dark] :is(.product-copy,.care-copy,.service-copy,.about-copy):before{background:linear-gradient(90deg,transparent,#101a15)}
html[data-theme=dark] :is(.one-product-v21:before,.people-scene:before){background:linear-gradient(90deg,#101a15 0%,#101a15 22%,#101a15dd 40%,#101a1555 59%,transparent 80%)}
html[data-theme=dark] :is(.method-band-v23,.story-journey,.process-section,.service-process,.app-flow-demo){background:#17271d;color:#edf3e9}
html[data-theme=dark] :is(.story-chapter,.story-values-grid article,.people-method-v22 li,.faq-list details,.group-directory a,.app-task,.product-task){border-color:#344638}
html[data-theme=dark] :is(.button,.nav-contact){background:#86c998;color:#10241a;border-color:#86c998}
html[data-theme=dark] :is(.button,.nav-contact):hover{background:#a8d9b2;border-color:#a8d9b2}
html[data-theme=dark] .contact-strip{background:#1b3b29;color:#edf3e9}
html[data-theme=dark] .contact-strip :is(h2,p){color:#edf3e9}
html[data-theme=dark] .button-light{background:#edf3e9;color:#133321}
html[data-theme=dark] :is(input,textarea,select){background:#14231b;color:#edf3e9;border-color:#4b6250}
html[data-theme=dark] :is(.app-sidebar,.app-meta,.app-topbar,.app-window-head,.product-window-head,.phone-task,.floating-note,.app-role-tabs){background:#213326;color:#edf3e9;border-color:#344638}
html[data-theme=dark] :is(.app-sidebar a,.app-sidebar button,.app-screen small,.app-screen h3,.product-window-head strong,.app-topbar strong,.phone-task strong,.floating-note strong){color:#c5dfc3}
html[data-theme=dark] .preference-button{color:#c5dfc3;border-color:#4b6250}
html[data-theme=dark] .preference-button:hover{background:#243c2c}
html[data-theme=dark] .sun-icon{display:none}
html[data-theme=dark] .moon-icon{display:block}
html[data-theme=dark] .menu-toggle span{background:#edf3e9}
html[data-theme=dark] .brand img{mix-blend-mode:normal!important}
html[data-theme=dark] .footer-signature span:first-child{color:#edf3e9}
html[data-theme=dark] .footer-brand>span{color:#b9c6b9}
html[data-theme=dark] .product-panel .app-screen{background:#19281f!important;color:#edf3e9!important}
html[data-theme=dark] .product-phone{background:#19281f;border-color:#344638}
html[data-theme=dark] .product-panel .screen-summary{background:#243528}
html[data-theme=dark] .product-panel :is(.screen-row strong,.screen-summary strong,.screen-heading h3,.one-brand){color:#edf3e9}
html[data-theme=dark] .product-panel :is(.screen-summary span,.screen-row small,h4,.screen-heading small,.screen-note){color:#b9c6b9}
html[data-theme=dark] .product-tabs button{color:#b9c6b9}
html[data-theme=dark] .product-tabs button[aria-selected=true]{color:#a4d8b0;border-color:#a4d8b0}
html[data-theme=dark] .product-wordmark{color:#263d2c}
.credits-page :is(h1,h2,p,ul){margin-bottom:24px}
.credits-page h1{margin-top:24px}
.credits-page li{margin-bottom:12px}
.credits-page a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:981px) and (max-width:1180px){.js-ready .beservy-v23 .menu-toggle{display:block;order:4}.site-preferences{margin-left:auto;order:3}.js-ready .beservy-v23 .nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:15px 24px 24px;max-height:calc(100svh - 90px);overflow:auto;border-bottom:1px solid var(--line)}.js-ready .beservy-v23 .nav nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.beservy-v23 .nav nav>a:not(.nav-contact),.beservy-v23 .nav-dropdown>summary{padding:12px 0;line-height:24px}html[data-theme=dark] .nav nav.is-open{background:#19281f}}
/* Photographic hero text retains its approved light colours in both modes. */
html[data-theme=dark] :is(.cover-v23,.story-hero,.service-hero) :is(h1,h2,h3,p){color:#fff}
html[data-theme=dark] .story-hero h1 span{color:#c5dfc3}
html[data-theme=dark] .cover-v23 h1 span,html[data-theme=dark] .cover-v23 .cover-passion-v24{color:#91d9c5}
@media(max-width:1180px){.beservy-v23 .nav{gap:12px}.beservy-v23 .nav nav{gap:13px;font-size:11px}.beservy-v23 .brand{width:150px}.site-preferences{gap:5px;margin-left:0}.preference-button{padding:8px}}
@media(min-width:981px) and (max-width:1180px){.beservy-v23 .nav-contact{padding:8px 12px}}
@media(max-width:980px){.beservy-v23 .nav{flex-wrap:nowrap}.beservy-v23 .menu-toggle{order:4;flex-shrink:0}.site-preferences{margin-left:auto;order:3}.beservy-v23 .nav nav{margin-left:0;font-size:16px}.story-opening{gap:35px}.story-chapter{grid-template-columns:100px 1fr;gap:28px}.story-chapter p{grid-column:2}.story-photo{height:430px}}
@media(max-width:700px){.site-preferences{gap:5px}.preference-button{min-height:34px;padding:8px;font-size:10px;gap:5px}.beservy-v23 .nav{min-height:72px;gap:10px}.beservy-v23 .brand{width:136px}.beservy-v23 .menu-toggle{width:36px;height:36px;padding:8px}.story-opening{grid-template-columns:1fr;padding-block:55px;gap:25px}.story-opening h2{font-size:30px}.history-page .story-hero{min-height:570px}.story-hero h1{font-size:56px}.story-hero p:not(.eyebrow){font-size:16px}.story-chapter{grid-template-columns:1fr;gap:18px;padding-block:35px}.story-chapter p{grid-column:auto}.story-values-grid{grid-template-columns:1fr;gap:32px}.story-photo{height:350px}.story-hero:after{background:linear-gradient(90deg,#101d18e8,#10201980)}.story-hero .story-credit{right:20px}.story-photo figcaption{left:20px}.story-values{padding-block:55px}html[data-theme=dark] .landscape-stage-v23:before{background:linear-gradient(180deg,#101a15 0%,#101a15 49%,#101a15ec 60%,#101a1550 72%,transparent 83%)}}
@media(max-width:370px){.beservy-v23 .brand{width:112px}.beservy-v23 .nav{gap:7px}.preference-button{padding:7px}.preference-button svg{width:14px;height:14px}}

/* Compact language flags and an icon-only appearance switch. */
.theme-preference{width:40px;height:40px;min-height:40px;padding:9px;flex-shrink:0;box-shadow:0 2px 8px #16392208;transition:background .2s,border-color .2s,transform .2s}
.theme-preference svg{width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round}
.theme-preference .sun-icon circle,.theme-preference .moon-icon path{fill:currentColor;fill-opacity:.12}
.theme-preference:hover{transform:translateY(-1px)}
.theme-preference:active{transform:scale(.96)}
.language-selector{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #dce2dc;border-radius:30px;flex-shrink:0}
.language-option{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:20px;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s}
.language-option img{display:block;width:24px;height:16px;object-fit:cover;border-radius:2px;outline:1px solid #071b181a}
.language-option[aria-current=page]{background:#ddebe0;box-shadow:inset 0 0 0 1px #91b79c}
.language-option:hover{background:#eaf1e9;transform:translateY(-1px)}
.language-option:focus-visible,.theme-preference:focus-visible{outline:2px solid #1b8749;outline-offset:3px}
html[data-theme=dark] .theme-preference{background:#20362a;border-color:#4b6250;color:#d1e5bd}
html[data-theme=dark] .theme-preference:hover{background:#2b4934}
html[data-theme=dark] .language-selector{border-color:#4b6250}
html[data-theme=dark] .language-option[aria-current=page]{background:#2b4934;box-shadow:inset 0 0 0 1px #87ca9a}
html[data-theme=dark] .language-option:hover{background:#243c2c}
@media(max-width:700px){.theme-preference{width:34px;height:34px;min-height:34px;padding:7px}.theme-preference svg{width:18px;height:18px}.language-selector{padding:2px}.language-option{width:30px;height:30px}.language-option img{width:22px;height:15px}}
@media(max-width:359px){.beservy-v23 .brand{width:120px}.beservy-v23 .nav{gap:8px}.site-preferences{gap:4px}}
@media(prefers-reduced-motion:reduce){.theme-preference,.language-option{transition:none}.theme-preference:hover,.language-option:hover{transform:none}}