/* Generated by WbamsCms. Do not edit directly. */
:root,
.draisap-dark-mode,
.dark-mode {
    --mtd-illustration-color-0: var(--mtd-illustration-primary-0, var(--brand-primary, #074FA9));
    --mtd-illustration-color-1: var(--mtd-illustration-primary-1, var(--brand-primary, #0367E4));
    --mtd-illustration-color-2: var(--mtd-illustration-primary-2, var(--brand-primary-lighter, #347BE9));
    --mtd-illustration-color-3: var(--mtd-illustration-primary-3, var(--brand-primary-lighter, #428BF0));
    --mtd-illustration-color-4: var(--mtd-illustration-primary-4, var(--brand-primary-lighter, #76A9F1));
    --mtd-illustration-color-5: var(--mtd-illustration-gray-8, var(--gray-lighter-4, #EAEEF3));
    --mtd-illustration-color-6: var(--mtd-illustration-green-3, var(--brand-success, #35B65E));
    --mtd-illustration-color-7: var(--mtd-illustration-gray-w, #ffffff);
    --shape-light-gradient-start: var(--brand-primary, #1062fe);
    --shape-dark-gradient-start: var(--brand-secondary, #083fbf);
    --svg-banner-primary-shape-left: var(--svg-banner-shape-left, var(--brand-primary, #1062fe));
    --svg-banner-primary-shape-right: var(--svg-banner-shape-right, var(--brand-primary-lighter, #009AFF));
    --svg-icon-color-3: var(--brand-secondary, #083fbf);
}

:root {
    --primary: #1062FE;
    --primary-lifted: #6298FE;
    --primary-accented: #015ABE;
    --secondary: #083FBF;
    --secondary-lifted: #337AFF;
    --secondary-accented: #0143BE;
    --success: #36C055;
    --success-lifted: #70D786;
    --success-accented: #2D9F46;
    --info: #1062FE;
    --info-lifted: #6298FE;
    --info-accented: #015ABE;
    --notice: #7643C9;
    --notice-lifted: #8F68D5;
    --notice-accented: #690AC2;
    --warning: #FFAA00;
    --warning-lifted: #FFC552;
    --warning-accented: #F08000;
    --error: #D92632;
    --error-lifted: #E56C74;
    --error-accented: #B6202A;
    --neutral: #5E636E;
    --neutral-lifted: #979BA4;
    --neutral-accented: #17191C;
    --grayscale: #5E636E;
    --grayscale-lifted: #ACB0B9;
    --grayscale-accented: #17191C;
    --gray: #5E636E;
    --gray-lighter: #979BA4;
    --gray-lighter-2: #ACB0B9;
    --gray-lighter-3: #DEE0E3;
    --gray-lighter-4: #E9EAEC;
    --gray-lighter-5: #F7F7F8;
    --gray-darker: #17191C;
    --gray-gradient-start: #FFFFFF;
    --gray-gradient-end: #E8F8ED;
    --text: #17191C;
    --text-muted: #979BA4;
    --text-lifted: #5E636E;
    --text-accented: #17191C;
    --text-inverted: #FFFFFF;
    --border: #DEE0E3;
    --border-muted: #E9EAEC;
    --border-lifted: #ACB0B9;
    --border-accented: #979BA4;
    --bg: #FFFFFF;
    --bg-muted: #F7F7F8;
    --bg-lifted: #E9EAEC;
    --bg-accented: #DEE0E3;
    --bg-inverted: #17191C;
    --primary-color: #1062FE;
    --secondary-color: #083FBF;
    --success-color: #36C055;
    --info-color: #1062FE;
    --notice-color: #7643C9;
    --warning-color: #FFAA00;
    --error-color: #D92632;
    --neutral-color: #5E636E;
    --grayscale-color: #5E636E;
    --gray-color: #5E636E;
    --text-color: #17191C;
    --border-color: #DEE0E3;
    --bg-color: #FFFFFF;
    --danger: #D92632;
    --light: #E9EAEC;
    --dark: #17191C;
    --gray-gradient: linear-gradient(135deg, var(--gray-gradient-start), var(--gray-gradient-end));
    --mtd-theme-primary: #1062FE;
    --mtd-theme-primary-lifted: #6298FE;
    --mtd-theme-primary-accented: #015ABE;
}
body.dark-mode {
    --primary: #1062FE;
    --primary-lifted: #337AFF;
    --primary-accented: #0143BE;
    --secondary: #083FBF;
    --secondary-lifted: #337AFF;
    --secondary-accented: #0143BE;
    --success: #31AF4E;
    --success-lifted: #5CD175;
    --success-accented: #247F38;
    --info: #1062FE;
    --info-lifted: #337AFF;
    --info-accented: #0143BE;
    --notice: #7643C9;
    --notice-lifted: #8F68D5;
    --notice-accented: #690AC2;
    --warning: #EB7D00;
    --warning-lifted: #FFAE52;
    --warning-accented: #CC6D00;
    --error: #D92632;
    --error-lifted: #E56C74;
    --error-accented: #B6202A;
    --neutral: #B3B3B3;
    --neutral-lifted: #8C8C8C;
    --neutral-accented: #E0E0E0;
    --grayscale: #B3B3B3;
    --grayscale-lifted: #666666;
    --grayscale-accented: #E0E0E0;
    --gray: #B3B3B3;
    --gray-lighter: #8C8C8C;
    --gray-lighter-2: #666666;
    --gray-lighter-3: #1A3456;
    --gray-lighter-4: #13263F;
    --gray-lighter-5: #0D1B2E;
    --gray-darker: #E0E0E0;
    --gray-gradient-start: #07111F;
    --gray-gradient-end: #0D1B2E;
    --text: #E0E0E0;
    --text-muted: #8C8C8C;
    --text-lifted: #B3B3B3;
    --text-accented: #E0E0E0;
    --text-inverted: #121212;
    --border: #424242;
    --border-muted: #303030;
    --border-lifted: #666666;
    --border-accented: #8C8C8C;
    --bg: #07111F;
    --bg-muted: #0D1B2E;
    --bg-lifted: #13263F;
    --bg-accented: #1A3456;
    --bg-inverted: #FFFFFF;
    --primary-color: #1062FE;
    --secondary-color: #083FBF;
    --success-color: #31AF4E;
    --info-color: #1062FE;
    --notice-color: #7643C9;
    --warning-color: #EB7D00;
    --error-color: #D92632;
    --neutral-color: #B3B3B3;
    --grayscale-color: #B3B3B3;
    --gray-color: #B3B3B3;
    --text-color: #E0E0E0;
    --border-color: #424242;
    --bg-color: #07111F;
    --danger: #D92632;
    --light: #13263F;
    --dark: #FFFFFF;
    --gray-gradient: linear-gradient(135deg, var(--gray-gradient-start), var(--gray-gradient-end));
    --mtd-theme-primary: #1062FE;
    --mtd-theme-primary-lifted: #337AFF;
    --mtd-theme-primary-accented: #0143BE;
}
body {
    color: var(--text);
    background-color: var(--bg);
}
.spanner {
    --mtd-spanner-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.spanner > div,
.spanner > span {
    background: var(--mtd-spanner-color) !important;
    background-color: var(--mtd-spanner-color) !important;
}
.btn_loader.btn_loading .btn_loading_icon .spanner {
    --mtd-spanner-color: currentColor;
}
.btn_loader.btn_loading.btn-default .btn_loading_icon .spanner {
    --mtd-spanner-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.owl-carousel .owl-dots {
    --mtd-owl-dot-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.owl-carousel .owl-dots .owl-dot span {
    color: var(--mtd-owl-dot-color) !important;
    background-color: var(--mtd-owl-dot-color) !important;
    opacity: .28;
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot:focus span {
    color: var(--mtd-owl-dot-color) !important;
    background-color: var(--mtd-owl-dot-color) !important;
    opacity: 1;
}
a,
.text-primary,
.btn-link {
    color: var(--primary);
}
a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: var(--primary-lifted);
}
.btn-primary,
button.btn-primary,
input.btn-primary,
.label-primary,
.badge-primary,
.panel-primary > .panel-heading,
.bg-primary {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.bg-gradient {
    color: var(--text-inverted) !important;
    background: linear-gradient(135deg, var(--primary-accented), var(--primary), var(--primary-lifted)) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: var(--text-inverted) !important;
    background-color: var(--primary-lifted) !important;
    border-color: var(--primary-lifted) !important;
}
.btn-secondary,
.label-secondary,
.badge-secondary,
.bg-secondary {
    color: var(--text-inverted) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}
.btn-success,
.bg-success {
    color: var(--text-inverted) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}
.btn-info,
.bg-info {
    color: var(--text-inverted) !important;
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}
.btn-warning,
.bg-warning {
    color: var(--text-inverted) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}
.btn-danger,
.bg-danger {
    color: var(--text-inverted) !important;
    background-color: var(--error) !important;
    border-color: var(--error) !important;
}
.alert-success,
.label-success,
.badge-success {
    border-color: var(--success) !important;
}
.alert-info,
.label-info,
.badge-info {
    border-color: var(--info) !important;
}
.alert-warning,
.label-warning,
.badge-warning {
    border-color: var(--warning) !important;
}
.alert-danger,
.label-danger,
.badge-danger {
    border-color: var(--error) !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--primary) 18%, transparent);
}
.mtd-navbar.theme,
.navbar-side.theme {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.mtd-navbar.theme a,
.mtd-navbar.theme .nav-link,
.mtd-navbar.theme .dropdown-toggle,
.mtd-navbar.theme .btn,
.mtd-navbar.theme .logo,
.navbar-side.theme a,
.navbar-side.theme .nav-link,
.navbar-side.theme .dropdown-toggle,
.navbar-side.theme .btn,
.navbar-side.theme .logo {
    color: var(--text-inverted) !important;
}
.mtd-navbar.theme .navbar-toggler span,
.mtd-navbar.theme .tswicther[type=checkbox] + span {
    color: var(--text-inverted) !important;
}
.mtd-navbar.theme .logo-light {
    display: none !important;
}
.mtd-navbar.theme .logo-dark {
    display: block !important;
}
.mtd-navbar.theme .badge,
.navbar-side.theme .badge {
    color: var(--text) !important;
    background-color: var(--text-inverted) !important;
}
.mtd-navbar.theme .navbar-nav li ul.dropdown-menu li a:hover,
.mtd-navbar.theme .navbar-nav li ul.dropdown-menu li a:focus,
.navbar-side.theme li a:hover,
.navbar-side.theme li a:focus {
    color: var(--text-inverted) !important;
    background-color: var(--primary-lifted) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu,
.mtd-navbar.submenu-theme .navbar-nav li.show ul.dropdown-menu,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu:after,
.mtd-navbar.submenu-theme .navbar-nav li.show ul.dropdown-menu:after,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu:after {
    border-bottom-color: var(--primary) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a,
.mtd-navbar.submenu-theme .dropdown-header,
.mtd-navbar.submenu-theme .mega-menu,
.mtd-navbar.submenu-theme .mega-menu p,
.mtd-navbar.submenu-theme .mega-menu h1,
.mtd-navbar.submenu-theme .mega-menu h2,
.mtd-navbar.submenu-theme .mega-menu h3,
.mtd-navbar.submenu-theme .mega-menu h4,
.mtd-navbar.submenu-theme .mega-menu h5,
.mtd-navbar.submenu-theme .mega-menu h6 {
    color: var(--text-inverted) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a:hover,
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a:focus,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a:hover,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a:focus {
    color: var(--text-inverted) !important;
    background-color: var(--primary-lifted) !important;
}
.footer-widgets.theme {
    color: var(--text-inverted) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.footer-widgets.theme h1,
.footer-widgets.theme h2,
.footer-widgets.theme h3,
.footer-widgets.theme h4,
.footer-widgets.theme h5,
.footer-widgets.theme h6,
.footer-widgets.theme p,
.footer-widgets.theme span,
.footer-widgets.theme li,
.footer-widgets.theme a,
.footer-widgets.theme .footer-navbar,
.footer-widgets.theme .contacts_box {
    color: var(--text-inverted) !important;
}
.footer-widgets.theme a:hover,
.footer-widgets.theme a:focus {
    color: var(--text-inverted) !important;
    text-decoration: underline;
}
.footer-widgets.theme .btn,
.footer-widgets.theme mark {
    color: var(--text-inverted) !important;
    background-color: var(--primary-lifted) !important;
    border-color: var(--primary-lifted) !important;
}
.footer-widgets.theme .border,
.footer-widgets.theme .contacts_box,
.footer-widgets.theme .footer-navbar .navbar-items {
    border-color: color-mix(in srgb, var(--text-inverted) 24%, transparent) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .quote [class*='fa-'] {
    color: var(--primary) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item,
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item {
    color: var(--text-inverted) !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-lifted)) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--primary) 24%, transparent) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .quote [class*='fa-'],
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .readmore,
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .author-info .author-name-link span.link a,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .quote [class*='fa-'],
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .readmore,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .author-info .author-name-link span.link a,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .quote [class*='fa-'],
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .readmore,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .author-info .author-name-link span.link a {
    color: var(--text-inverted) !important;
}
body.dark-mode {
    color: var(--text);
    background-color: var(--bg);
}

body {
    font-family: "Segoe UI", Aptos, Arial, sans-serif !important;
}

h1, h2, h3, .h1, .h2, .h3 {
    font-family: "Segoe UI", Aptos, Arial, sans-serif !important;
}

/* OPSIAM-V4-BEGIN */
:root {
  --os4-bg:#f5f7f9;
  --os4-surface:#ffffff;
  --os4-surface-2:#edf2f5;
  --os4-stone:#eeeae3;
  --os4-ink:#102a43;
  --os4-muted:#526777;
  --os4-line:#cfd9df;
  --os4-navy:#0b2f4d;
  --os4-navy-2:#071f34;
  --os4-blue:#176b98;
  --os4-blue-hover:#0d547c;
  --os4-copper:#aa542e;
  --os4-copper-text:#873a1d;
  --os4-copper-soft:#f4e6df;
  --os4-focus:#ffbf47;
  --os4-shadow:0 14px 34px rgba(16,42,67,.10);
}

body.dark-mode {
  --os4-bg:#091923;
  --os4-surface:#102733;
  --os4-surface-2:#15313f;
  --os4-stone:#20333b;
  --os4-ink:#eef5f7;
  --os4-muted:#b7c9d1;
  --os4-line:#537783;
  --os4-navy:#176b98;
  --os4-navy-2:#061720;
  --os4-blue:#79bedc;
  --os4-blue-hover:#a1d4e8;
  --os4-copper:#ef9b72;
  --os4-copper-text:#ffc0a0;
  --os4-copper-soft:#422a25;
  --os4-shadow:0 14px 34px rgba(0,0,0,.26);
}

html { scroll-behavior:smooth; }
body { margin:0; background:var(--os4-bg)!important; color:var(--os4-ink)!important; font-family:"Segoe UI",Aptos,Arial,sans-serif!important; text-rendering:optimizeLegibility; }
body h1,body h2,body h3,body h4,body p,body li,body dt,body dd { font-family:"Segoe UI",Aptos,Arial,sans-serif!important; }
body a:focus-visible,body button:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible { outline:3px solid var(--os4-focus)!important; outline-offset:3px!important; }

/* Institutional header and wordmark. */
.section-header,#header,#header>.container { min-height:78px!important; height:78px!important; background:var(--os4-surface)!important; border:0!important; border-bottom:1px solid var(--os4-line)!important; box-shadow:none!important; }
.section-header .serepok-brand { width:auto!important; min-width:220px!important; height:78px!important; display:flex!important; align-items:center!important; gap:11px!important; padding:8px 14px!important; background:var(--os4-surface)!important; }
.section-header .serepok-brand-logo { width:54px!important; min-width:54px!important; height:54px!important; max-height:54px!important; object-fit:contain!important; filter:none!important; }
.os4-wordmark { display:flex; flex-direction:column; color:var(--os4-ink); line-height:1; white-space:nowrap; }
.os4-wordmark strong { color:var(--os4-ink)!important; font-size:17px; font-weight:760; letter-spacing:.015em; }
.os4-wordmark span { margin-top:6px; color:var(--os4-muted)!important; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.section-header .navbar-nav { align-items:stretch!important; }
.section-header .navbar-nav .nav-link,.section-header .mtd-header-menu-item>a { min-height:78px!important; display:flex!important; align-items:center!important; padding:0 10px!important; color:var(--os4-ink)!important; font-size:10px!important; font-weight:760!important; letter-spacing:.045em!important; text-transform:uppercase!important; border:0!important; }
.section-header .navbar-nav .nav-link:hover,.section-header .navbar-nav .active>.nav-link { background:var(--os4-surface-2)!important; color:var(--os4-blue)!important; }
.section-header .navbar-nav>.opsiam-menu-cta>.nav-link { min-height:auto!important; align-self:center!important; margin:16px 0 16px 8px!important; padding:14px 18px!important; background:var(--os4-navy)!important; color:#fff!important; border-radius:3px!important; }

/* Keep every dark navigation surface readable. The WBAMS header adds a
   high-specificity state color, so these rules deliberately own the full
   overflow-menu state instead of relying on inherited link colors. */
body .section-header #header .navbar-nav>.serepok-more-nav>#serepokMoreDropdown,
body .section-header #header .navbar-nav>.opsiam-menu-cta>.nav-link {
  background:var(--os4-navy)!important;
  color:#fff!important;
}
body .section-header #header .navbar-nav>.serepok-more-nav>#serepokMoreDropdown *,
body .section-header #header .navbar-nav>.opsiam-menu-cta>.nav-link * {
  color:#fff!important;
}
body .section-header #header .navbar-nav .serepok-more-menu {
  min-width:235px!important;
  padding:8px!important;
  background:var(--os4-surface)!important;
  color:var(--os4-ink)!important;
  border:1px solid var(--os4-line)!important;
  border-radius:4px!important;
  box-shadow:var(--os4-shadow)!important;
}
body .section-header #header .navbar-nav .serepok-more-menu>.serepok-nav-separator {
  display:none!important;
}
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link {
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 12px!important;
  background:transparent!important;
  color:var(--os4-ink)!important;
  border-radius:2px!important;
}
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link * {
  color:var(--os4-ink)!important;
}
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link:hover,
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link:focus {
  background:var(--os4-surface-2)!important;
  color:var(--os4-blue)!important;
}
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link:hover *,
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link:focus * {
  color:var(--os4-blue)!important;
}
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item.active>.nav-link,
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link.active,
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link.serepok-current,
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link[aria-current="page"] {
  background:var(--os4-navy)!important;
  color:#fff!important;
}
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item.active>.nav-link *,
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link.active *,
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link.serepok-current *,
body .section-header #header .navbar-nav .serepok-more-menu>.nav-item>.nav-link[aria-current="page"] * {
  color:#fff!important;
}
.section-header .navbar-end { color:var(--os4-ink)!important; }
.cThemeSwitcher+label,.cThemeSwitcher~label { color:var(--os4-ink)!important; }

/* Operation Siam owns one continuous dark header surface. Internal Serepok
   containers stay transparent so capped widths never create a center strip. */
body.dark-mode .section-header.serepok-header-color-0 { --serepok-header-bg:var(--os4-surface); }
body.dark-mode .section-header,
body.dark-mode .section-header .nav-div,
body.dark-mode .section-header #header,
body.dark-mode .section-header #header.sticky { background:var(--os4-surface)!important; }
body .section-header #header>.container,
body .section-header .serepok-brand { background:transparent!important; }

/* CMS page-builder canvas. */
body[data-templatefile="pagebuilder"],body[data-templatefile="pagebuilder"] .mtd-site-shell,body[data-templatefile="pagebuilder"] .mtd-main-body,body[data-templatefile="pagebuilder"] .mtd-primary-content,body[data-templatefile="pagebuilder"] .mtd-global-content-shell { background:var(--os4-bg)!important; background-image:none!important; color:var(--os4-ink)!important; }
body[data-templatefile="pagebuilder"] .mtd-page-container { width:100%!important; max-width:none!important; padding:0!important; margin:0!important; }
body[data-templatefile="pagebuilder"] .mtd-global-content-shell { padding:0!important; }
body[data-templatefile="pagebuilder"] .mtd-page-heading,body[data-templatefile="pagebuilder"] .mtd-page-breadcrumb-bar,body[data-templatefile="pagebuilder"] .mtd-sidebar { display:none!important; }
body[data-templatefile="pagebuilder"] .mtd-content-grid { display:block!important; }
body[data-templatefile="pagebuilder"] .opsiam-section,body[data-templatefile="pagebuilder"] .opsiam-section>.container,body[data-templatefile="pagebuilder"] .opsiam-section>.container-fluid,body[data-templatefile="pagebuilder"] .opsiam-section .mtd-text-editor-content { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }

.os4-kicker { margin:0 0 18px!important; color:var(--os4-copper)!important; font-size:11px!important; font-weight:800!important; letter-spacing:.14em!important; line-height:1.4!important; text-transform:uppercase!important; }
.os4-kicker--light { color:#f1b899!important; }
body.dark-mode .os4-kicker--light { color:#ffe0cf!important; }
.os4-lead { max-width:730px; color:var(--os4-muted)!important; font-size:19px!important; line-height:1.7!important; }
.os4-actions { display:flex; flex-wrap:wrap; gap:11px; align-items:center; }
.os4-btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 22px; border:1px solid transparent; border-radius:3px; font-size:12px!important; font-weight:760!important; text-decoration:none!important; transition:background .18s ease,color .18s ease,transform .18s ease; }
.os4-btn:hover { transform:translateY(-1px); }
.os4-btn--primary { background:var(--os4-navy)!important; color:#fff!important; }
.os4-btn--primary:hover { background:var(--os4-blue-hover)!important; color:#fff!important; }
.os4-btn--outline { background:transparent!important; color:var(--os4-ink)!important; border-color:var(--os4-line)!important; }
.os4-btn--outline:hover { background:var(--os4-surface-2)!important; }
.os4-btn--light { background:#fff!important; color:#102a43!important; }
.os4-link { display:inline-flex; align-items:center; gap:14px; margin-top:35px; color:var(--os4-blue)!important; font-size:13px!important; font-weight:760!important; text-decoration:none!important; }
.os4-link span { font-size:17px; }

.os4-hero { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(470px,.96fr); min-height:610px; background:var(--os4-surface); border-bottom:1px solid var(--os4-line); }
.os4-hero__copy { display:flex; flex-direction:column; justify-content:center; padding:78px 5.5vw 70px 7vw; }
.os4-hero h1 { max-width:800px; margin:0 0 25px!important; color:var(--os4-ink)!important; font-size:clamp(45px,4.45vw,68px)!important; font-weight:760!important; line-height:1.05!important; letter-spacing:-.045em!important; }
.os4-hero .os4-actions { margin:31px 0 27px; }
.os4-independence { max-width:760px; margin:0!important; padding-top:22px; border-top:1px solid var(--os4-line); color:var(--os4-muted)!important; font-size:11px!important; line-height:1.65!important; }
.os4-hero__art { position:relative; min-height:610px; background:var(--os4-stone) url('/assets/img/brand/operation-siam-institutional-v4.webp') center/cover no-repeat; border-left:1px solid var(--os4-line); }
.os4-hero__art span { position:absolute; right:18px; bottom:15px; padding:7px 9px; background:rgba(255,255,255,.88); color:#314b5d!important; font-size:9px; font-weight:760; letter-spacing:.08em; text-transform:uppercase; }
body.dark-mode .os4-hero__art::before { content:""; position:absolute; inset:0; background:rgba(6,23,32,.30); pointer-events:none; }
body.dark-mode .os4-hero__art span { z-index:1; background:rgba(16,39,51,.92); color:#eef5f7!important; }

.os4-factbar { display:grid; grid-template-columns:repeat(4,1fr); background:var(--os4-navy-2); color:#fff; }
.os4-factbar div { min-height:120px; padding:28px 30px; border-right:1px solid rgba(255,255,255,.17); }
.os4-factbar span { display:block; color:#a9c6d4!important; font-size:9px; font-weight:760; letter-spacing:.11em; text-transform:uppercase; }
.os4-factbar strong { display:block; margin-top:13px; color:#fff!important; font-size:14px; line-height:1.45; }

/* Founding campaign: a distinct editorial system for fact, history, launch
   planning, and contribution choices. It deliberately avoids empty boxed
   canvases and keeps all text on token-controlled contrast surfaces. */
.os4-launchhero { display:grid; grid-template-columns:minmax(440px,.82fr) minmax(0,1.18fr); min-height:650px; background:var(--os4-surface); border-bottom:1px solid var(--os4-line); }
.os4-launchhero__copy { display:flex; min-width:0; flex-direction:column; justify-content:center; padding:78px 5vw 70px max(7vw,calc((100vw - 1480px)/2)); }
.os4-launchhero h1 { max-width:720px; margin:0 0 26px!important; color:var(--os4-ink)!important; font-size:clamp(48px,4.8vw,72px)!important; font-weight:770!important; line-height:1.02!important; letter-spacing:-.05em!important; }
.os4-launchhero .os4-actions { margin:31px 0 27px; }
.os4-launchhero__art { position:relative; min-width:0; min-height:650px; margin:0; overflow:hidden; background:var(--os4-stone); border-left:1px solid var(--os4-line); }
.os4-launchhero__art img { width:100%; height:100%; position:absolute; inset:0; display:block; object-fit:cover; object-position:58% center; }
.os4-launchhero__art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,31,52,.08),transparent 36%),linear-gradient(0deg,rgba(7,31,52,.28),transparent 32%); pointer-events:none; }
.os4-launchhero__art figcaption { position:absolute; z-index:1; right:18px; bottom:15px; padding:7px 9px; background:rgba(255,255,255,.90); color:#314b5d!important; font-size:9px!important; font-weight:760; letter-spacing:.07em; text-transform:uppercase; }
body.dark-mode .os4-launchhero__art img { filter:brightness(.72) saturate(.86) contrast(1.04); }
body.dark-mode .os4-launchhero__art figcaption { background:rgba(16,39,51,.94); color:#eef5f7!important; }

.os4-launchrecord { display:grid; grid-template-columns:repeat(4,1fr); background:var(--os4-navy-2); color:#fff; }
.os4-launchrecord div { min-height:165px; padding:31px clamp(24px,3vw,42px); border-right:1px solid rgba(255,255,255,.17); }
.os4-launchrecord span { display:block; margin-bottom:15px; color:#f1b899!important; font-size:25px!important; font-weight:780; letter-spacing:-.025em; }
.os4-launchrecord strong { display:block; color:#fff!important; font-size:12px!important; font-weight:650!important; line-height:1.65!important; }
.os4-data-note { margin:0!important; padding:18px max(7vw,calc((100vw - 1480px)/2)); background:var(--os4-copper-soft); color:var(--os4-ink)!important; border-bottom:1px solid var(--os4-line); font-size:11px!important; line-height:1.65!important; }

.os4-timeline-section { display:grid; grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr); gap:clamp(48px,7vw,120px); padding:92px max(7vw,calc((100vw - 1480px)/2)); background:var(--os4-surface-2); border-top:1px solid var(--os4-line); border-bottom:1px solid var(--os4-line); }
.os4-timeline-section__intro { align-self:start; position:sticky; top:110px; }
.os4-timeline-section h2 { max-width:620px; margin:0 0 22px!important; color:var(--os4-ink)!important; font-size:clamp(37px,4vw,57px)!important; font-weight:750!important; line-height:1.07!important; letter-spacing:-.04em!important; }
.os4-timeline-section__intro>p:not(.os4-kicker) { color:var(--os4-muted)!important; font-size:14px!important; line-height:1.75!important; }
.os4-timeline { margin:0; padding:0; border-top:1px solid var(--os4-line); list-style:none; }
.os4-timeline li { display:grid; grid-template-columns:135px 1fr; gap:28px; padding:28px 0; border-bottom:1px solid var(--os4-line); }
.os4-timeline time { color:var(--os4-copper)!important; font-size:11px!important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.os4-timeline h3 { margin:0 0 10px!important; color:var(--os4-ink)!important; font-size:20px!important; font-weight:740!important; line-height:1.25!important; }
.os4-timeline p { max-width:760px; margin:0!important; color:var(--os4-muted)!important; font-size:13px!important; line-height:1.75!important; }

.os4-story { display:grid; grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr); min-height:600px; background:var(--os4-surface); border-bottom:1px solid var(--os4-line); }
.os4-story__art { min-height:600px; background-color:var(--os4-stone); background-image:linear-gradient(180deg,rgba(7,31,52,.04),rgba(7,31,52,.28)),url('/assets/img/brand/heroes/culture-weave-v1.webp'); background-position:center; background-size:cover; }
body.dark-mode .os4-story__art { filter:brightness(.70) saturate(.84); }
.os4-story article { display:flex; min-width:0; flex-direction:column; justify-content:center; padding:78px max(7vw,calc((100vw - 1480px)/2)) 78px clamp(45px,6vw,100px); }
.os4-story h2 { max-width:700px; margin:0 0 25px!important; color:var(--os4-ink)!important; font-size:clamp(38px,4vw,58px)!important; font-weight:750!important; line-height:1.07!important; letter-spacing:-.04em!important; }
.os4-story p { max-width:790px; color:var(--os4-muted)!important; font-size:15px!important; line-height:1.78!important; }
.os4-story small { display:block; max-width:760px; margin-top:30px; padding-top:20px; color:var(--os4-muted)!important; border-top:1px solid var(--os4-line); font-size:10px!important; line-height:1.65!important; }

.os4-process--launch { --os4-process-art:url('/assets/img/brand/heroes/campaign-launch-v1.png'); background:var(--os4-surface); }
.os4-process__lead { max-width:570px; margin:24px 0 0!important; color:var(--os4-muted)!important; font-size:14px!important; line-height:1.75!important; }
.os4-launch-options .os4-grid { gap:24px; background:transparent; border:0; }
.os4-launch-options .os4-card { min-height:290px; border:1px solid var(--os4-line); border-top:4px solid var(--os4-copper); box-shadow:var(--os4-shadow); }
.os4-launch-options .os4-card h3 { margin-top:31px!important; }
.os4-launch-options__action { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }

.os4-section { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); gap:8vw; align-items:start; padding:95px 7vw; background:var(--os4-surface); }
.os4-section--tint { background:var(--os4-surface-2); }
.os4-section--register { align-items:center; }
.os4-section__intro h2 { max-width:820px; margin:0 0 25px!important; color:var(--os4-ink)!important; font-size:clamp(36px,3.8vw,55px)!important; font-weight:740!important; line-height:1.08!important; letter-spacing:-.038em!important; }
.os4-section__intro>p:not(.os4-kicker) { max-width:800px; color:var(--os4-muted)!important; font-size:16px!important; line-height:1.78!important; }
.os4-notice,.os4-callout { padding:30px; background:var(--os4-stone); border-left:4px solid var(--os4-copper); }
.os4-notice--warning { background:var(--os4-copper-soft); }
.os4-notice strong,.os4-callout strong { display:block; margin-bottom:13px; color:var(--os4-ink)!important; font-size:15px; }
.os4-notice p,.os4-callout p,.os4-callout li { color:var(--os4-muted)!important; font-size:13px!important; line-height:1.7!important; }
.os4-notice a,.os4-callout a { color:var(--os4-blue)!important; font-size:12px; font-weight:760; }
.os4-callout ul { margin:0 0 15px; padding-left:20px; }

.os4-panel { padding:92px 7vw; background:var(--os4-bg); border-top:1px solid var(--os4-line); border-bottom:1px solid var(--os4-line); }
.os4-panel--compact { padding-top:66px; padding-bottom:66px; }
.os4-panel__head { max-width:940px; margin-bottom:48px; }
.os4-panel__head h2 { margin:0 0 19px!important; color:var(--os4-ink)!important; font-size:clamp(35px,3.8vw,54px)!important; font-weight:740!important; line-height:1.08!important; letter-spacing:-.038em!important; }
.os4-panel__head>p:not(.os4-kicker) { max-width:780px; color:var(--os4-muted)!important; font-size:15px!important; line-height:1.75!important; }
.os4-grid { display:grid; gap:1px; background:var(--os4-line); border:1px solid var(--os4-line); }
.os4-grid--4 { grid-template-columns:repeat(4,1fr); }
.os4-grid--3 { grid-template-columns:repeat(3,1fr); }
.os4-grid--2 { grid-template-columns:repeat(2,1fr); }
.os4-card { min-height:245px; display:flex; flex-direction:column; padding:31px; background:var(--os4-surface); }
.os4-card>span { color:var(--os4-copper)!important; font-size:10px!important; font-weight:800!important; letter-spacing:.11em!important; text-transform:uppercase!important; }
.os4-card h3 { margin:38px 0 14px!important; color:var(--os4-ink)!important; font-size:21px!important; font-weight:740!important; line-height:1.2!important; }
.os4-card p { margin:0!important; color:var(--os4-muted)!important; font-size:13px!important; line-height:1.68!important; }
.os4-card a { margin-top:auto; padding-top:24px; color:var(--os4-blue)!important; font-size:12px!important; font-weight:760!important; text-decoration:none!important; }

.os4-boundaries { display:grid; grid-template-columns:.85fr 1.15fr; gap:9vw; padding:88px 7vw; background:var(--os4-navy-2); color:#fff; }
.os4-boundaries h2 { max-width:600px; margin:0!important; color:#fff!important; font-size:clamp(37px,4vw,57px)!important; font-weight:740!important; line-height:1.08!important; letter-spacing:-.04em!important; }
.os4-boundaries__list p { display:grid; grid-template-columns:180px 1fr; gap:26px; margin:0; padding:22px 0; border-top:1px solid rgba(255,255,255,.19); }
.os4-boundaries__list b { color:#fff!important; font-size:13px; }
.os4-boundaries__list span,.os4-boundaries__list>p:not(:has(b)) { color:#bfd1d9!important; font-size:13px!important; line-height:1.7!important; }
.os4-boundaries__list>p:not(:has(b)) { display:block; width:100%; max-width:760px; padding:26px 0; }
.os4-boundaries__list .os4-btn { margin-top:25px; }

.os4-source-list { border-top:1px solid var(--os4-line); }
.os4-source-list a { display:grid; grid-template-columns:175px 1fr auto; gap:24px; align-items:center; min-height:74px; padding:0 5px; border-bottom:1px solid var(--os4-line); color:var(--os4-ink)!important; text-decoration:none!important; }
.os4-source-list a:hover { background:var(--os4-surface); }
.os4-source-list span { color:var(--os4-copper)!important; font-size:10px!important; font-weight:800!important; letter-spacing:.07em!important; text-transform:uppercase; }
.os4-source-list strong { color:var(--os4-ink)!important; font-size:13px!important; }
.os4-source-list b { color:var(--os4-blue)!important; }
.os4-source-list--spaced { margin-top:44px; }
.os4-panel--dega-name { background:var(--os4-surface-2); }
.os4-name-explainer { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(26px,4vw,58px); }
.os4-name-explainer article { padding-top:25px; border-top:3px solid var(--os4-copper); }
.os4-name-explainer span { color:var(--os4-copper)!important; font-size:10px!important; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.os4-name-explainer h3 { margin:24px 0 15px!important; color:var(--os4-ink)!important; font-size:21px!important; font-weight:740!important; line-height:1.25!important; }
.os4-name-explainer p { margin:0!important; color:var(--os4-muted)!important; font-size:13px!important; line-height:1.75!important; }

.os4-pathways { padding:90px 7vw; background:var(--os4-surface); }
.os4-pathways>div:first-child { max-width:890px; margin-bottom:46px; }
.os4-pathways h2 { margin:0!important; color:var(--os4-ink)!important; font-size:clamp(35px,3.7vw,52px)!important; font-weight:740!important; line-height:1.1!important; letter-spacing:-.038em!important; }
.os4-pathways article { min-height:225px; padding:30px; background:var(--os4-surface-2); }
.os4-pathways h3 { margin:0 0 15px!important; color:var(--os4-ink)!important; font-size:20px!important; }
.os4-pathways p { color:var(--os4-muted)!important; font-size:13px!important; line-height:1.7!important; }
.os4-pathways a { display:inline-block; margin-top:18px; color:var(--os4-blue)!important; font-size:12px; font-weight:760; text-decoration:none!important; }

.os4-contactband { display:flex; align-items:center; justify-content:space-between; gap:70px; padding:72px 7vw; background:var(--os4-navy); color:#fff; }
.os4-contactband h2 { max-width:850px; margin:0 0 15px!important; color:#fff!important; font-size:clamp(34px,3.6vw,52px)!important; font-weight:740!important; line-height:1.08!important; letter-spacing:-.035em!important; }
.os4-contactband p:not(.os4-kicker) { max-width:850px; margin:0!important; color:#d2e1e7!important; font-size:14px!important; line-height:1.7!important; }
body.dark-mode .os4-contactband p:not(.os4-kicker) { color:#eef5f7!important; }
.os4-contactband .os4-btn { flex:0 0 auto; }

.os4-pagehead { min-height:420px; display:flex; flex-direction:column; justify-content:center; padding:76px 7vw; background:var(--os4-surface); border-bottom:1px solid var(--os4-line); }
.os4-pagehead h1 { max-width:1100px; margin:0 0 24px!important; color:var(--os4-ink)!important; font-size:clamp(45px,5.3vw,76px)!important; font-weight:760!important; line-height:1.03!important; letter-spacing:-.05em!important; }
.os4-pagehead>p:not(.os4-kicker),.os4-pagehead>div>p:not(.os4-kicker) { max-width:840px; margin:0!important; color:var(--os4-muted)!important; font-size:18px!important; line-height:1.68!important; }
.os4-pagehead .os4-actions { margin-top:32px; }
.os4-pagehead--art { display:grid; grid-template-columns:1fr .85fr; gap:7vw; align-items:center; }
.os4-pagehead__art { min-height:300px; background:var(--os4-stone) url('/assets/img/brand/operation-siam-institutional-v4.webp') center/cover no-repeat; border:1px solid var(--os4-line); }

/* Every subpage has focused art, while the copy remains readable in both modes. */
.os4-pagehead--visual { position:relative; isolation:isolate; overflow:hidden; min-height:440px; background:var(--os4-surface); }
.os4-pagehead--visual::after { content:""; position:absolute; z-index:-2; inset:0 0 0 auto; width:58%; background-image:var(--os4-page-art); background-position:center; background-size:cover; background-repeat:no-repeat; }
.os4-pagehead--visual::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,var(--os4-surface) 0%,var(--os4-surface) 47%,rgba(255,255,255,.98) 61%,rgba(255,255,255,.78) 76%,rgba(255,255,255,.10) 100%); pointer-events:none; }
.os4-pagehead--visual h1,.os4-pagehead--visual>div { max-width:min(900px,68vw); }
.os4-pagehead--visual>p:not(.os4-kicker),.os4-pagehead--visual>div>p:not(.os4-kicker) { max-width:min(760px,60vw); }
.os4-pagehead--about { --os4-page-art:url('/assets/img/brand/heroes/about-v1.webp'); }
.os4-pagehead--culture { --os4-page-art:url('/assets/img/brand/heroes/culture-landscape-v1.webp'); }
.os4-pagehead--work { --os4-page-art:url('/assets/img/brand/heroes/work-v1.webp'); }
.os4-pagehead--standards { --os4-page-art:url('/assets/img/brand/heroes/standards-v1.webp'); }
.os4-pagehead--partners { --os4-page-art:url('/assets/img/brand/heroes/partners-v1.webp'); }
.os4-pagehead--contact { --os4-page-art:url('/assets/img/brand/heroes/contact-v1.webp'); }
.os4-pagehead--support { --os4-page-art:url('/assets/img/brand/heroes/support-v1.webp'); }
.os4-pagehead--brief { --os4-page-art:url('/assets/img/brand/heroes/brief-v1.webp'); }
.os4-pagehead--evidence { --os4-page-art:url('/assets/img/brand/heroes/evidence-v1.webp'); }
body.dark-mode .os4-pagehead--visual::after { opacity:.72; filter:brightness(.58) saturate(.82) contrast(1.08); }
body.dark-mode .os4-pagehead--visual::before { background:linear-gradient(90deg,#102733 0%,#102733 47%,rgba(16,39,51,.96) 60%,rgba(16,39,51,.70) 84%,rgba(16,39,51,.48) 100%); }

.os4-culture { padding:92px 7vw; background:var(--os4-surface-2); border-top:1px solid var(--os4-line); border-bottom:1px solid var(--os4-line); }
.os4-culture__intro { max-width:920px; margin-bottom:43px; }
.os4-culture__intro h2 { margin:0 0 20px!important; color:var(--os4-ink)!important; font-size:clamp(36px,3.8vw,55px)!important; font-weight:740!important; line-height:1.08!important; letter-spacing:-.038em!important; }
.os4-culture__intro>p:not(.os4-kicker) { max-width:790px; margin:0!important; color:var(--os4-muted)!important; font-size:15px!important; line-height:1.75!important; }
.os4-culture__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--os4-line); border:1px solid var(--os4-line); }
.os4-culture figure { display:flex; min-width:0; flex-direction:column; margin:0; background:var(--os4-surface); }
.os4-culture figure img { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; }
body.dark-mode .os4-culture figure img { filter:brightness(.76) saturate(.86); }
.os4-culture figcaption { display:flex; flex:1; flex-direction:column; padding:27px; }
.os4-culture figcaption strong { color:var(--os4-ink)!important; font-size:19px; line-height:1.25; }
.os4-culture figcaption span { margin-top:12px; color:var(--os4-muted)!important; font-size:12px; line-height:1.7; }
.os4-culture figcaption a { margin-top:22px; color:var(--os4-blue)!important; font-size:11px; font-weight:760; text-decoration:none!important; }

.os4-register { display:grid; grid-template-columns:repeat(2,1fr); margin:0; border-top:1px solid var(--os4-line); border-left:1px solid var(--os4-line); }
.os4-register div { min-height:112px; padding:25px; background:var(--os4-surface); border-right:1px solid var(--os4-line); border-bottom:1px solid var(--os4-line); }
.os4-register dt { color:var(--os4-copper)!important; font-size:9px!important; font-weight:800!important; letter-spacing:.11em!important; text-transform:uppercase; }
.os4-register dd { margin:11px 0 0!important; color:var(--os4-ink)!important; font-size:13px!important; font-weight:650!important; line-height:1.55!important; }
.os4-register a { color:var(--os4-blue)!important; }

.os4-section--cultural-cta { align-items:stretch; padding-top:72px; padding-bottom:72px; }
.os4-cultural-cta { display:flex; min-width:0; flex-direction:column; margin:0; overflow:hidden; background:var(--os4-surface-2); border:1px solid var(--os4-line); box-shadow:var(--os4-shadow); }
.os4-cultural-cta img { display:block; width:100%; min-height:255px; flex:1; object-fit:cover; }
body.dark-mode .os4-cultural-cta img { filter:brightness(.76) saturate(.86); }
.os4-cultural-cta figcaption { display:flex; padding:20px; background:var(--os4-surface); border-top:1px solid var(--os4-line); }
.os4-cultural-cta .os4-btn { width:100%; }

.os4-splitlinks { display:grid; grid-template-columns:repeat(3,1fr); background:var(--os4-line); gap:1px; border-top:1px solid var(--os4-line); }
.os4-splitlinks a { min-height:155px; display:flex; flex-direction:column; justify-content:center; padding:30px 7vw 30px 35px; background:var(--os4-surface); color:var(--os4-ink)!important; text-decoration:none!important; }
.os4-splitlinks span { color:var(--os4-muted)!important; font-size:11px; }
.os4-splitlinks b { margin-top:12px; color:var(--os4-blue)!important; font-size:16px; }

.os4-process { display:grid; grid-template-columns:.75fr 1.25fr; gap:7vw; padding:90px 7vw; background:var(--os4-surface); }
.os4-process h2 { margin:0!important; color:var(--os4-ink)!important; font-size:clamp(34px,3.7vw,51px)!important; font-weight:740!important; line-height:1.1!important; letter-spacing:-.038em!important; }
.os4-process ol { display:grid; grid-template-columns:repeat(2,1fr); margin:0; padding:0; border-top:1px solid var(--os4-line); border-left:1px solid var(--os4-line); list-style:none; }
.os4-process li { min-height:190px; padding:25px; border-right:1px solid var(--os4-line); border-bottom:1px solid var(--os4-line); }
.os4-process li span { color:var(--os4-copper)!important; font-size:10px; font-weight:800; }
.os4-process li b { display:block; margin:30px 0 12px; color:var(--os4-ink)!important; font-size:18px; }
.os4-process li p { color:var(--os4-muted)!important; font-size:12px!important; line-height:1.65!important; }
.os4-process>div:first-child { display:flex; min-width:0; flex-direction:column; }
.os4-process>div:first-child::after { content:""; display:block; width:100%; min-height:150px; margin-top:38px; flex:1; background-color:var(--os4-surface-2); background-image:var(--os4-process-art); background-position:center; background-size:cover; border:1px solid var(--os4-line); }
.os4-process--work { --os4-process-art:url('/assets/img/brand/heroes/work-v1.webp'); }
.os4-process--partners { --os4-process-art:url('/assets/img/brand/heroes/partners-v1.webp'); }
body.dark-mode .os4-process>div:first-child::after { opacity:.76; filter:brightness(.68) saturate(.82); }
.os4-smallprint { margin:24px 0 0!important; color:var(--os4-muted)!important; font-size:11px!important; }

.os4-brief { display:grid; grid-template-columns:225px 1fr; gap:7vw; padding:85px 7vw; background:var(--os4-surface); }
.os4-brief nav { position:sticky; top:105px; align-self:start; display:flex; flex-direction:column; border-top:2px solid var(--os4-navy); }
.os4-brief nav span { padding:15px 0; color:var(--os4-copper)!important; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.os4-brief nav a { padding:12px 0; border-top:1px solid var(--os4-line); color:var(--os4-ink)!important; font-size:12px; text-decoration:none!important; }
.os4-brief article { display:grid; grid-template-columns:45px 1fr; gap:22px; padding:0 0 42px; margin-bottom:42px; border-bottom:1px solid var(--os4-line); }
.os4-brief article>b { color:var(--os4-copper)!important; font-size:10px; }
.os4-brief h2 { margin:0 0 14px!important; color:var(--os4-ink)!important; font-size:33px!important; font-weight:740!important; }
.os4-brief p { max-width:850px; color:var(--os4-muted)!important; font-size:15px!important; line-height:1.75!important; }
.os4-notebar { display:grid; grid-template-columns:220px 1fr; gap:30px; padding:30px 7vw; background:var(--os4-copper-soft); color:var(--os4-ink); border-top:1px solid var(--os4-line); }
.os4-notebar strong { color:var(--os4-ink)!important; }
.os4-notebar span { color:var(--os4-muted)!important; line-height:1.6; }

.os4-sourcegroup { display:grid; grid-template-columns:.6fr 1.4fr; gap:7vw; padding:75px 7vw; background:var(--os4-surface); border-bottom:1px solid var(--os4-line); }
.os4-sourcegroup--tint { background:var(--os4-surface-2); }
.os4-sourcegroup h2 { margin:0!important; color:var(--os4-ink)!important; font-size:34px!important; font-weight:740!important; line-height:1.15!important; }
.os4-sourcegroup__art { display:block; width:100%; max-width:360px; aspect-ratio:16/8; margin-top:32px; object-fit:cover; border:1px solid var(--os4-line); }

/* Full-bleed surfaces, capped reading widths, and consistent desktop rhythm. */
.os4-pagehead,.os4-section,.os4-panel,.os4-culture,.os4-pathways,.os4-contactband,.os4-process,.os4-brief,.os4-sourcegroup {
  padding-left:max(7vw,calc((100vw - 1480px)/2));
  padding-right:max(7vw,calc((100vw - 1480px)/2));
}
.os4-section,.os4-process,.os4-sourcegroup,.os4-boundaries,.os4-brief { gap:clamp(44px,5vw,88px); }

/* Native WBAMS pages share the same light/dark token system. */
body:not([data-templatefile="pagebuilder"]) .mtd-site-shell,body:not([data-templatefile="pagebuilder"]) .mtd-main-body,body:not([data-templatefile="pagebuilder"]) .mtd-primary-content { background:var(--os4-bg)!important; background-image:none!important; color:var(--os4-ink)!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell { padding-top:44px!important; padding-bottom:68px!important; color:var(--os4-ink)!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-page-header { padding-bottom:23px!important; border-bottom:1px solid var(--os4-line)!important; color:var(--os4-ink)!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-page-header h1 { color:var(--os4-ink)!important; font-size:38px!important; font-weight:750!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-page-icon { background:var(--os4-navy)!important; color:#fff!important; border-radius:3px!important; box-shadow:none!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-page-breadcrumb-bar,body:not([data-templatefile="pagebuilder"]) .mtd-breadcrumb,body:not([data-templatefile="pagebuilder"]) .mtd-breadcrumb-list { background:transparent!important; color:var(--os4-muted)!important; border:0!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-breadcrumb-link { background:var(--os4-surface)!important; color:var(--os4-ink)!important; border:1px solid var(--os4-line)!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell .card,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell .panel,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell .MTD-card,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell .mtd-ticket-card { background:var(--os4-surface)!important; background-image:none!important; color:var(--os4-ink)!important; border:1px solid var(--os4-line)!important; border-radius:4px!important; box-shadow:var(--os4-shadow)!important; }
body[data-templatefile="updates"]:not(.login) .mtd-global-content-shell .mtd-primary-content .MTD-card.annoucements { padding:clamp(24px,3vw,40px)!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; overflow:visible!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell .card-header,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell .panel-heading { background:var(--os4-navy)!important; background-image:none!important; color:#fff!important; border-color:var(--os4-navy)!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell .card-header *,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell .panel-heading * { color:#fff!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell h1,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell h2,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell h3,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell h4,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell h5,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell strong,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell label { color:var(--os4-ink)!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell p,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell small,body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell time { color:var(--os4-muted)!important; }
body:not([data-templatefile="pagebuilder"]) .mtd-global-content-shell a:not(.btn) { color:var(--os4-blue)!important; }
body:not([data-templatefile="pagebuilder"]) .list-group,body:not([data-templatefile="pagebuilder"]) .list-group-item { background:var(--os4-surface)!important; color:var(--os4-ink)!important; border-color:var(--os4-line)!important; }
body:not([data-templatefile="pagebuilder"]) .list-group-item:hover,body:not([data-templatefile="pagebuilder"]) .list-group-item.active { background:var(--os4-surface-2)!important; color:var(--os4-blue)!important; }
body:not([data-templatefile="pagebuilder"]) .form-control { background:var(--os4-surface)!important; color:var(--os4-ink)!important; border:1px solid var(--os4-line)!important; }
body:not([data-templatefile="pagebuilder"]) .form-control::placeholder { color:var(--os4-muted)!important; opacity:1!important; }

body[data-templatefile="updates"] .mtd-primary-content .MTD-card.annoucements .annuncement-item { background-color:var(--os4-surface)!important; color:var(--os4-ink)!important; box-shadow:var(--os4-shadow)!important; }
body[data-templatefile="knowledgebase"] .kb-article,body[data-templatefile="knowledgebase-article"] .article-content,body[data-templatefile="knowledgebase-article"] .kb-also-read { background:var(--os4-surface)!important; color:var(--os4-ink)!important; border-color:var(--os4-line)!important; }
body[data-templatefile="knowledgebase"] .kb-article *,body[data-templatefile="knowledgebase-article"] .article-content h1,body[data-templatefile="knowledgebase-article"] .article-content h2,body[data-templatefile="knowledgebase-article"] .article-content h3,body[data-templatefile="knowledgebase-article"] .kb-also-read h4 { color:var(--os4-ink)!important; }
body[data-templatefile="knowledgebase"] .kb-article p,body[data-templatefile="knowledgebase-article"] .article-content p,body[data-templatefile="knowledgebase-article"] .kb-also-read p { color:var(--os4-muted)!important; }
body[data-templatefile="knowledgebase"] .kb-article a:not(.btn),body[data-templatefile="knowledgebase-article"] .article-content a:not(.btn),body[data-templatefile="knowledgebase-article"] .kb-also-read a:not(.btn) { color:var(--os4-blue)!important; }

/* Native editorial hubs remain powered by WBAMS while matching the
   Operation Siam visual system. Artwork occupies purposeful space without
   placing text over imagery. */
body[data-templatefile="updates"]:not(.login),
body[data-templatefile="update"]:not(.login),
body[data-templatefile^="knowledgebase"]:not(.login) {
  --mtd-primary:var(--os4-blue);
  --mtd-primary-soft:color-mix(in srgb,var(--os4-blue) 12%,var(--os4-surface));
  --mtd-warning:var(--os4-copper);
  --mtd-ink:var(--os4-ink);
  --mtd-text:var(--os4-muted);
  --mtd-muted:var(--os4-muted);
  --mtd-line:var(--os4-line);
  --mtd-surface:var(--os4-surface);
  --mtd-surface-soft:var(--os4-surface-2);
}
body[data-templatefile="updates"] .mtd-global-page-header,
body[data-templatefile="update"] .mtd-global-page-header,
body[data-templatefile^="knowledgebase"] .mtd-global-page-header {
  position:relative!important;
  overflow:hidden!important;
  min-height:230px!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:center!important;
  padding:42px 46% 42px 42px!important;
  background-color:var(--os4-surface)!important;
  background-repeat:no-repeat!important;
  background-position:center,right center!important;
  background-size:100% 100%,54% auto!important;
  border:1px solid var(--os4-line)!important;
  border-radius:4px!important;
  box-shadow:var(--os4-shadow)!important;
}
body[data-templatefile="updates"] .mtd-global-page-header,
body[data-templatefile="update"] .mtd-global-page-header {
  background-image:linear-gradient(90deg,var(--os4-surface) 0 47%,color-mix(in srgb,var(--os4-surface) 94%,transparent) 56%,color-mix(in srgb,var(--os4-surface) 28%,transparent) 100%),url('/assets/img/brand/heroes/evidence-v1.webp')!important;
}
body[data-templatefile^="knowledgebase"] .mtd-global-page-header {
  background-image:linear-gradient(90deg,var(--os4-surface) 0 47%,color-mix(in srgb,var(--os4-surface) 94%,transparent) 56%,color-mix(in srgb,var(--os4-surface) 30%,transparent) 100%),url('/assets/img/brand/heroes/culture-weave-v1.webp')!important;
}
body[data-templatefile="updates"] .mtd-global-page-heading-main,
body[data-templatefile="update"] .mtd-global-page-heading-main,
body[data-templatefile^="knowledgebase"] .mtd-global-page-heading-main { grid-template-columns:58px minmax(0,1fr)!important; }
body[data-templatefile="updates"] .mtd-global-page-icon,
body[data-templatefile="update"] .mtd-global-page-icon,
body[data-templatefile^="knowledgebase"] .mtd-global-page-icon { width:58px!important; height:58px!important; color:#fff!important; background:var(--os4-navy)!important; border-radius:3px!important; box-shadow:none!important; }
body[data-templatefile="updates"] .mtd-global-page-header h1,
body[data-templatefile="update"] .mtd-global-page-header h1,
body[data-templatefile^="knowledgebase"] .mtd-global-page-header h1 { color:var(--os4-ink)!important; font-size:clamp(32px,3.4vw,52px)!important; font-weight:760!important; line-height:1.05!important; letter-spacing:-.035em!important; }
body[data-templatefile="updates"] .mtd-global-page-meta,
body[data-templatefile="update"] .mtd-global-page-meta,
body[data-templatefile^="knowledgebase"] .mtd-global-page-meta { justify-items:start!important; min-width:0!important; text-align:left!important; }
body[data-templatefile="updates"] .mtd-global-page-description,
body[data-templatefile="update"] .mtd-global-page-description,
body[data-templatefile^="knowledgebase"] .mtd-global-page-description { max-width:620px!important; color:var(--os4-muted)!important; font-size:15px!important; line-height:1.65!important; }

body[data-templatefile="updates"] .annoucements .annuncement-item { border-radius:4px!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .announcement-date { color:var(--os4-copper-text)!important; background:var(--os4-copper-soft)!important; border-color:color-mix(in srgb,var(--os4-copper) 26%,var(--os4-line))!important; }
body[data-templatefile="updates"] .annoucements .annuncement-item h2,
body[data-templatefile="updates"] .annoucements .annuncement-item h2 a { color:var(--os4-ink)!important; }
body[data-templatefile="updates"] .annoucements .annuncement-body,
body[data-templatefile="updates"] .annoucements .annuncement-body p { color:var(--os4-muted)!important; }
body[data-templatefile="updates"] .annoucements .annuncement-footer .btn-link { color:var(--os4-blue)!important; background:transparent!important; border:0!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-footer .btn-primary { color:var(--os4-surface)!important; background:var(--os4-blue)!important; border-color:var(--os4-blue)!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-footer,body[data-templatefile="updates"]:not(.login) .annoucements .mtd-announcement-actions,body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-footer .btn-group { visibility:visible!important; opacity:1!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .mtd-announcement-actions,body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-footer .btn-group { display:flex!important; width:auto!important; flex-wrap:wrap!important; align-items:center!important; gap:12px!important; margin:0!important; padding:0!important; overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .mtd-announcement-actions>.btn,body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-footer .btn-group>.btn { margin:0!important; border-radius:8px!important; visibility:visible!important; opacity:1!important; }
body[data-templatefile="updates"]:not(.login) .annoucements>nav .pagination { justify-content:center!important; gap:12px!important; }
body[data-templatefile="updates"]:not(.login) .annoucements>nav .pagination>.page-item>.page-link { border:0!important; border-radius:999px!important; background:transparent!important; }
body[data-templatefile="updates"]:not(.login) .annoucements>nav .pagination>.page-item.active>.page-link { color:#fff!important; -webkit-text-fill-color:#fff!important; background:color-mix(in srgb,var(--os4-blue) 72%,#071629)!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-item.mtd-native-layout--editorial,
body[data-templatefile^="knowledgebase"]:not(.login) .kb-article.mtd-native-layout--editorial { background-image:linear-gradient(135deg,color-mix(in srgb,var(--os4-blue) 10%,var(--os4-surface)),var(--os4-surface) 58%)!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-item.mtd-native-layout--field-brief,
body[data-templatefile^="knowledgebase"]:not(.login) .kb-article.mtd-native-layout--field-brief { border-left-color:var(--os4-blue)!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-item.mtd-native-layout--cultural-feature,
body[data-templatefile^="knowledgebase"]:not(.login) .kb-article.mtd-native-layout--cultural-feature { background-image:repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in srgb,var(--os4-copper) 8%,transparent) 18px 20px),linear-gradient(135deg,color-mix(in srgb,var(--os4-copper) 10%,var(--os4-surface)),var(--os4-surface) 62%)!important; }
body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-item.mtd-native-layout--safety-notice,
body[data-templatefile^="knowledgebase"]:not(.login) .kb-article.mtd-native-layout--safety-notice { border-left-color:var(--os4-copper)!important; background-image:linear-gradient(135deg,color-mix(in srgb,var(--os4-copper) 12%,var(--os4-surface)),var(--os4-surface) 62%)!important; }

body[data-templatefile^="knowledgebase"] .search-card { background:var(--os4-surface)!important; background-image:none!important; border-color:var(--os4-line)!important; border-radius:4px!important; box-shadow:var(--os4-shadow)!important; }
body[data-templatefile^="knowledgebase"] .home-kb-search .form-control { color:var(--os4-ink)!important; background:var(--os4-surface-2)!important; border-color:var(--os4-line)!important; }
body[data-templatefile^="knowledgebase"] .kb-article { background:var(--os4-surface)!important; color:var(--os4-ink)!important; border-color:var(--os4-line)!important; border-radius:4px!important; box-shadow:var(--os4-shadow)!important; }
body[data-templatefile^="knowledgebase"]:not(.login) .kb-card-icon,
body[data-templatefile^="knowledgebase"]:not(.login) .kb-card-count { color:var(--os4-copper-text)!important; background:var(--os4-copper-soft)!important; }
body[data-templatefile^="knowledgebase"] .kb-card-copy strong { color:var(--os4-ink)!important; }
body[data-templatefile^="knowledgebase"] .kb-card-copy small { color:var(--os4-muted)!important; }
body[data-templatefile^="knowledgebase"] .kb-card-arrow { color:var(--os4-blue)!important; }
body[data-templatefile^="knowledgebase"] .kb-article>.control-edit-link { color:var(--os4-blue)!important; background:var(--os4-surface-2)!important; }

body[data-templatefile="knowledgebase-article"] .mtd-kb-document .article-content,
body[data-templatefile="update"] .mtd-update-article .article-content { background:var(--os4-surface)!important; color:var(--os4-muted)!important; border-color:var(--os4-line)!important; border-radius:4px 4px 0 0!important; box-shadow:var(--os4-shadow)!important; }
body[data-templatefile="knowledgebase-article"] .mtd-kb-document .article-content::before,
body[data-templatefile="update"] .mtd-update-article .article-content::before { height:clamp(150px,19vw,230px)!important; background-repeat:no-repeat!important; background-position:center!important; background-size:cover!important; }
body[data-templatefile="knowledgebase-article"] .mtd-kb-document .article-content::before { background-image:linear-gradient(180deg,rgba(13,38,51,.05),rgba(13,38,51,.3)),url('/assets/img/brand/heroes/culture-weave-v1.webp')!important; }
body[data-templatefile="update"] .mtd-update-article .article-content::before { background-image:linear-gradient(180deg,rgba(13,38,51,.04),rgba(13,38,51,.3)),url('/assets/img/brand/heroes/evidence-v1.webp')!important; }
body[data-templatefile="knowledgebase-article"] .article-content>p:first-child,
body[data-templatefile="update"] .article-content>p:first-child { color:var(--os4-muted)!important; background:var(--os4-surface-2)!important; border-left-color:var(--os4-copper)!important; }
body[data-templatefile="knowledgebase-article"] .article-content h2,
body[data-templatefile="update"] .article-content h2 { color:var(--os4-ink)!important; border-color:var(--os4-line)!important; }
body[data-templatefile="knowledgebase-article"] .article-content p,
body[data-templatefile="knowledgebase-article"] .article-content li,
body[data-templatefile="update"] .article-content p,
body[data-templatefile="update"] .article-content li { color:var(--os4-muted)!important; }
body[data-templatefile="knowledgebase-article"] .article-tools,
body[data-templatefile="knowledgebase-article"] .rate-article .MTD-card,
body[data-templatefile="update"] .mtd-update-date { color:var(--os4-muted)!important; background:var(--os4-surface-2)!important; border-color:var(--os4-line)!important; }

body[data-templatefile="knowledgebase-article"] .mtd-native-layout--editorial .article-content::before,
body[data-templatefile="update"] .mtd-native-layout--editorial .article-content::before { background-image:linear-gradient(180deg,rgba(13,38,51,.03),rgba(13,38,51,.32)),url('/assets/img/brand/heroes/brief-v1.webp')!important; }
body[data-templatefile="knowledgebase-article"] .mtd-native-layout--field-brief .article-content::before,
body[data-templatefile="update"] .mtd-native-layout--field-brief .article-content::before { background-image:linear-gradient(180deg,rgba(13,38,51,.03),rgba(13,38,51,.34)),url('/assets/img/brand/heroes/evidence-v1.webp')!important; }
body[data-templatefile="knowledgebase-article"] .mtd-native-layout--cultural-feature .article-content::before,
body[data-templatefile="update"] .mtd-native-layout--cultural-feature .article-content::before { background-image:linear-gradient(180deg,rgba(13,38,51,.02),rgba(13,38,51,.3)),url('/assets/img/brand/heroes/culture-gong-v1.webp')!important; }
body[data-templatefile="knowledgebase-article"] .mtd-native-layout--safety-notice .article-content::before,
body[data-templatefile="update"] .mtd-native-layout--safety-notice .article-content::before { background-image:linear-gradient(180deg,rgba(13,38,51,.04),rgba(13,38,51,.38)),url('/assets/img/brand/heroes/standards-v1.webp')!important; }

/* Own the final Operation Siam geometry at the same specificity as Serepok's
   native-page defaults. */
body[data-templatefile="updates"]:not(.login) .annoucements .annuncement-item,
body[data-templatefile^="knowledgebase"]:not(.login) .kb-article { border-radius:4px!important; }
body[data-templatefile^="knowledgebase"]:not(.login) .search-card,
body[data-templatefile^="knowledgebase"]:not(.login) .home-kb-search .form-control,
body[data-templatefile^="knowledgebase"]:not(.login) .home-kb-search .btn { border-radius:4px!important; }
body[data-templatefile="knowledgebase-article"]:not(.login) .mtd-kb-document .article-content,
body[data-templatefile="update"]:not(.login) .mtd-update-article .article-content { border-radius:4px 4px 0 0!important; }
body[data-templatefile="knowledgebase-article"]:not(.login) .article-tools,
body[data-templatefile="knowledgebase-article"]:not(.login) .rate-article .MTD-card,
body[data-templatefile="update"]:not(.login) .mtd-update-date { border-radius:4px!important; }

body[data-templatefile="products"] .mtd-primary-content,body[data-templatefile="viewcart"] .mtd-primary-content,body[data-templatefile="checkout"] .mtd-primary-content,body[data-templatefile="checkout-review"] .mtd-primary-content { background:var(--os4-bg)!important; }
body[data-templatefile="products"] .header-lined { display:block!important; min-height:235px!important; padding:52px 6vw!important; background:var(--os4-navy)!important; background-image:none!important; color:#fff!important; }
body[data-templatefile="products"] .header-lined h1 { color:#fff!important; font-size:45px!important; font-weight:750!important; }
body[data-templatefile="products"] .header-lined p { max-width:760px; color:#d5e3e9!important; line-height:1.7!important; }
body.dark-mode[data-templatefile="products"] .header-lined p { color:#eef5f7!important; }
body[data-templatefile="products"] #order-standard-checkout .card-sidebar,body[data-templatefile="products"] #order-standard-checkout .panel-sidebar,body[data-templatefile="products"] #order-standard-checkout .products .product { background:var(--os4-surface)!important; background-image:none!important; color:var(--os4-ink)!important; border:1px solid var(--os4-line)!important; box-shadow:none!important; }
body[data-templatefile="products"] #order-standard-checkout .products .product>header { background:var(--os4-surface-2)!important; background-image:none!important; border-color:var(--os4-line)!important; }
body[data-templatefile="products"] #order-standard-checkout .products .product>header *,body[data-templatefile="products"] #order-standard-checkout .products .product .price { color:var(--os4-ink)!important; }
body[data-templatefile="products"] #order-standard-checkout .products .product .product-desc,body[data-templatefile="products"] #order-standard-checkout .products .product footer { background:var(--os4-surface)!important; color:var(--os4-muted)!important; }
body[data-templatefile="products"] #order-standard-checkout .products .product .btn-order-now { background:var(--os4-navy)!important; background-image:none!important; border-color:var(--os4-navy)!important; color:#fff!important; }
body[data-templatefile="products"] .btn-order-now .fa-shopping-cart { display:none!important; }

body[data-templatefile="signin"],body[data-templatefile="signin"] .mtd-login-screen { background:var(--os4-bg)!important; }
body[data-templatefile="signin"] .mtd-login-shell { background:var(--os4-surface)!important; border:1px solid var(--os4-line)!important; box-shadow:var(--os4-shadow)!important; }
body[data-templatefile="signin"] .mtd-login-visual { background:linear-gradient(145deg,var(--os4-navy),var(--os4-navy-2))!important; }
body[data-templatefile="signin"] .mtd-login-visual * { color:#fff!important; }
body[data-templatefile="signin"] .mtd-login-form-panel { background:var(--os4-surface)!important; color:var(--os4-ink)!important; }
body[data-templatefile="signin"] .mtd-login-form-panel h1,body[data-templatefile="signin"] .mtd-login-form-panel h2,body[data-templatefile="signin"] .mtd-login-form-panel label { color:var(--os4-ink)!important; }
body[data-templatefile="signin"] .mtd-login-form-panel p { color:var(--os4-muted)!important; }

.mtd-footer { background:var(--os4-navy-2)!important; color:#c6d7df!important; }
.mtd-footer .mtd-footer-logo,.mtd-footer .mtd-footer-logo img { object-fit:contain!important; }
.mtd-footer h2,.mtd-footer h3,.mtd-footer strong,.mtd-footer a { color:#fff!important; }
.mtd-footer-description { color:#c6d7df!important; line-height:1.7!important; }
.mtd-partners { display:none!important; }
a[aria-label="Back to top"],.back-to-top { background:#fff!important; color:#102a43!important; border-radius:3px!important; }

@media (max-width:1180px) {
  .section-header .serepok-brand { min-width:210px!important; }
  .section-header .navbar-nav .nav-link,.section-header .mtd-header-menu-item>a { padding-inline:8px!important; font-size:9px!important; }
  .os4-grid--4 { grid-template-columns:repeat(2,1fr); }
}
@media (min-width:1101px) {
  .section-header .navbar-end { display:flex!important; }
}
@media (max-width:980px) {
  .section-header .navbar-end { display:flex!important; }
  .section-header .navbar-end>*:not(.navbar-toggler) { display:none!important; }
  .os4-wordmark { text-transform: uppercase; font-size: 20px; }
  .os4-wordmark span { display:none; }
  .os4-hero,.os4-launchhero,.os4-pagehead--art,.os4-section,.os4-process,.os4-sourcegroup,.os4-boundaries,.os4-brief,.os4-timeline-section,.os4-story { grid-template-columns:1fr; }
  .os4-pagehead--visual::after { width:100%; opacity:.28; }
  .os4-pagehead--visual::before { background:linear-gradient(90deg,var(--os4-surface) 0%,rgba(255,255,255,.98) 62%,rgba(255,255,255,.88) 100%); }
  .os4-pagehead--visual h1,.os4-pagehead--visual>div,.os4-pagehead--visual>p:not(.os4-kicker),.os4-pagehead--visual>div>p:not(.os4-kicker) { max-width:100%; }
  body.dark-mode .os4-pagehead--visual::after { opacity:.28; }
  body.dark-mode .os4-pagehead--visual::before { background:linear-gradient(90deg,#102733 0%,rgba(16,39,51,.98) 62%,rgba(16,39,51,.88) 100%); }
  .os4-hero__art { min-height:410px; order:-1; border-left:0; border-bottom:1px solid var(--os4-line); }
  .os4-launchhero__art { min-height:440px; order:-1; border-left:0; border-bottom:1px solid var(--os4-line); }
  .os4-launchhero__copy { padding:70px 7vw; }
  .os4-factbar,.os4-launchrecord { grid-template-columns:repeat(2,1fr); }
  .os4-timeline-section__intro { position:static; }
  .os4-story__art { min-height:390px; }
  .os4-story article { padding:70px 7vw; }
  .os4-grid--3,.os4-culture__grid { grid-template-columns:1fr; }
  .os4-name-explainer { grid-template-columns:1fr; }
  .os4-process>div:first-child::after { min-height:220px; flex:none; }
  .os4-brief nav { position:static; }
}
@media (max-width:700px) {
  .section-header,#header,#header>.container { min-height:68px!important; height:68px!important; }
  .section-header .serepok-brand { min-width:185px!important; height:68px!important; padding:6px 10px!important; }
  .section-header .serepok-brand-logo { width:46px!important; min-width:46px!important; height:46px!important; }
  .os4-wordmark strong { font-size:20px; }
  .os4-hero,.os4-launchhero { grid-template-columns:1fr; min-height:auto; }
  .os4-hero__art { min-height:300px; }
  .os4-launchhero__art { min-height:290px; }
  .os4-hero__copy,.os4-launchhero__copy,.os4-pagehead,.os4-section,.os4-panel,.os4-culture,.os4-pathways,.os4-contactband,.os4-process,.os4-brief,.os4-sourcegroup { padding:62px 22px; }
  .os4-hero h1,.os4-launchhero h1,.os4-pagehead h1 { font-size:42px!important; }
  .os4-section__intro h2,.os4-panel__head h2,.os4-culture__intro h2,.os4-pathways h2,.os4-contactband h2,.os4-process h2 { font-size:34px!important; }
  .os4-factbar,.os4-launchrecord,.os4-grid--4,.os4-grid--2,.os4-register,.os4-splitlinks,.os4-process ol { grid-template-columns:1fr; }
  .os4-data-note { padding:18px 22px; }
  .os4-timeline-section { grid-template-columns:1fr; padding:62px 22px; }
  .os4-timeline li { grid-template-columns:1fr; gap:10px; }
  .os4-story article { padding:62px 22px; }
  .os4-boundaries { padding:62px 22px; }
  .os4-boundaries__list p { grid-template-columns:1fr; gap:9px; }
  .os4-contactband { align-items:flex-start; flex-direction:column; }
  .os4-cultural-cta img { min-height:210px; }
  .os4-source-list a { grid-template-columns:1fr auto; gap:7px 16px; padding:18px 5px; }
  .os4-source-list a span { grid-column:1/3; }
  .os4-brief article { grid-template-columns:30px 1fr; }
  .os4-notebar { grid-template-columns:1fr; padding:26px 22px; }
}
/* OPSIAM-V4-END */