/* Fontography */
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../../../font/roboto/roboto-v49-latin-100.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-100.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 100; src: url('../../../font/roboto/roboto-v49-latin-100italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-100italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 200; src: url('../../../font/roboto/roboto-v49-latin-200.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-200.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 200; src: url('../../../font/roboto/roboto-v49-latin-200italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-200italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../../font/roboto/roboto-v49-latin-300.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-300.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../../../font/roboto/roboto-v49-latin-300italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-300italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../../../font/roboto/roboto-v49-latin-regular.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-regular.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../../../font/roboto/roboto-v49-latin-italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../../../font/roboto/roboto-v49-latin-500.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-500.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../../../font/roboto/roboto-v49-latin-500italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-500italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 600; src: url('../../../font/roboto/roboto-v49-latin-600.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-600.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 600; src: url('../../../font/roboto/roboto-v49-latin-600italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-600italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../../../font/roboto/roboto-v49-latin-700.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-700.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../../../font/roboto/roboto-v49-latin-700italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-700italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 800; src: url('../../../font/roboto/roboto-v49-latin-800.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-800.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 800; src: url('../../../font/roboto/roboto-v49-latin-800italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-800italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../../../font/roboto/roboto-v49-latin-900.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-900.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../../../font/roboto/roboto-v49-latin-900italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-900italic.ttf') format('truetype'); }

:root {
  --scp-black: rgba(0,0,0,1);
  --scp-brand-color: rgba(0,36,57,1);
  --scp-brand-color-dark: rgba(0,18,29,1);
  --scp-brand-color-green: rgba(112,189,149,1);
  --scp-brand-color-light: rgba(0,91,144,1);
  --scp-brand-color-mist: rgba(0,36,57,0.5);
  --scp-brand-color-mist-heavy: rgba(0,36,57,0.9);
  --scp-brand-color-text: rgba(0,36,57,1);
  --scp-gray-10: rgba(242,242,242,1);
  --scp-gray-20: rgba(219,219,220,1);
  --scp-gray-30: rgba(191,191,191,1);
  --scp-gray-70: rgba(72,72,72,1);
  --scp-gray-80: rgba(50,50,50,1);
  --scp-gray-90: rgba(34,34,34,1);
  --scp-primary-dark-green: rgba(0,129,99,1);
  --scp-secondaryapple-green: rgba(118,197,18,1);
  --scp-secondarylime-green: rgba(183,241,0,1);
  --scp-secondaryorange: rgba(255,150,0,1);
  --scp-secondarypink: rgba(255,0,128,1);
  --scp-white: rgba(255,255,255,1);
}

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 10px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text,
.gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
html, body { margin: 0; padding: 0; overflow-x: hidden; font-size: 16px; line-height: 1.5; background: #fff; font-family: 'Roboto', sans-serif; font-weight: normal; color: var(--scp-brand-color-text); }
img { max-width: 100%; height: auto; border: none; outline: none; display: block; }
main { display: block; }
body > img { display: none; }
.skip { position: absolute; top: 0; left: 0; width: 0 !important; height: 0 !important; background: transparent; color: transparent; overflow: hidden; }
.grecaptcha-badge { visibility: hidden; }
input[type="button"], input[type="submit"] { -webkit-appearance: none !important; }
p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child { margin-bottom: 0; }
p:first-child, ul:first-child, ol:first-child, blockquote:first-child { margin-top: 0; }
strong { font-weight: 700; }
sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 65%; }
sub { top: 0.4em; }
.embed-container, .video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0; }
.embed-container:last-child { margin: 0; }
.embed-container iframe, .embed-container object, .embed-container embed, .video-embed embed, .video-embed object, .video-embed video, .video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.gmap-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0 0 30px 0; }
.gmap-embed-container:last-child { margin: 0; }
.gmap-embed-container iframe, .gmap-embed-container object, .gmap-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

h1, h2,  h3, h4, h5, h6 { font-weight: 400; padding: 0; margin: 0; }
h2 { font-size: 2.6rem; line-height: 3.6rem; }
h3 { font-size: 2.3rem; line-height: 3.3rem; }
h4 { font-size: 2.0rem; line-height: 3.0rem; }
h5 { font-size: 1.7rem; line-height: 2.7rem; }
h6 { font-size: 1.4rem; line-height: 2.4rem; }
p { font-size: 1.25rem; line-height: 2.25rem; padding: 0; margin: 1.25rem 0 0 0; }

.ctr-pad-ver-none-bottom { padding-bottom: 0; }
.ctr-pad-ver-none-top { padding-top: 0; }
.ctr-pad-ver-xxxs { padding-top: 4px; padding-bottom: 4px; }
.ctr-pad-ver-xxs { padding-top: 8px; padding-bottom: 8px; }
.ctr-pad-ver-xs { padding-top: 16px; padding-bottom: 16px; }
.ctr-pad-ver-xs-top { padding-top: 16px; }
.ctr-pad-ver-s { padding-top: 32px; padding-bottom: 32px; }
.ctr-pad-ver-s-bottom { padding-bottom: 32px; }
.ctr-pad-ver-s-top { padding-top: 32px; }
.ctr-pad-ver-m { padding-top: 48px; padding-bottom: 48px; }
.ctr-pad-ver-m-bottom { padding-bottom: 48px; }
.ctr-pad-ver-l { padding-top: 64px; padding-bottom: 64px; }
.ctr-pad-ver-l-bottom { padding-bottom: 64px; }
.ctr-pad-ver-l-top { padding-top: 64px; }
.ctr-pad-ver-xl { padding-top: 96px; padding-bottom: 96px; }
.ctr-pad-ver-xl-bottom { padding-bottom: 96px; }
.ctr-pad-ver-xl-top { padding-top: 96px; }
.ctr-pad-ver-xxl { padding-top: 128px; padding-bottom: 128px; }
.ctr-pad-ver-xxl-top { padding-top: 128px; }

.ctr-pad-hor-none-r { padding-right: 0; }
.ctr-pad-hor-xs { padding-left: 16px; padding-right: 16px; }
.ctr-pad-hor-s { padding-left: 32px; padding-right: 32px; }
.ctr-pad-hor-m { padding-left: 48px; padding-right: 48px; }
.ctr-pad-hor-m-l { padding-left: 48px; }
.ctr-pad-hor-m-r { padding-right: 48px; }
.ctr-pad-hor-l { padding-left: 64px; padding-right: 64px; }
.ctr-pad-hor-xl { padding-left: 96px; padding-right: 96px; }

.ctr { width: 100%; }
.ctr-size-xs { max-width: 720px; }
.ctr-size-xs-h { max-width: calc(720px / 2); }
.ctr-size-s { max-width: 960px; }
.ctr-size-s-h { max-width: calc(960px / 2); }
.ctr-size-m { max-width: 1024px; }
.ctr-size-m-h { max-width: calc(1024px / 2); }
.ctr-size-l { max-width: 1280px; }
.ctr-size-l-h { max-width: calc(1280px / 2); }
.ctr-size-l-h-ga { max-width: calc((1280px / 2) + 24px); }
.ctr-size-l-forty-pct { max-width: calc((1280px * .4) - 48px); }
.ctr-size-xl { max-width: 1440px; }
.ctr-size-xl-h { max-width: calc(1440px / 2); }
.ctr-grid { display: grid; grid-gap: 48px; }
.ctr-fullwidth { max-width: 100%; }
.ctr-readable { max-width: 1080px; margin: 0 auto; }
.ctr-readable-h { max-width: calc(1080px / 2); }
.ctr-center { margin-left: auto; margin-right: auto; }
.ctr-left { margin-right: auto; }
.ctr-right { margin-left: auto; }
.ctr-grid-2-even { grid-template-columns: repeat(2, 1fr); }

#main-header { box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); background: #fff; position: fixed; top: 0; left: 0; width: 100%; /*background: transparent;*/ transition: all 0.3s ease; z-index: 1000; /*padding: 0 2rem;*/ }
#main-header .logo { flex-shrink: 0;margin: 18px 0; }
#main-header .logo-img { height: 40px; transition: width 0.3s ease; }
nav { display: flex; gap: 1rem; align-items: center; font-size: 1rem; line-height: 1rem; }
#main-header nav a { text-decoration: none; color: var(--scp-brand-color-text); font-weight: 400; transition: color 0.3s ease; }
#main-header nav ul { display: flex; list-style: none; margin: 0; padding: 0; }
#main-header nav ul.sub-menu { background: #fff; display: none; border-top: 1px solid #ddd; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100vw; padding: 3rem; flex-direction: column; min-width: 200px; border-radius: 0; z-index: 999; justify-content: center; gap: 1rem; box-sizing: border-box; }
#main-header nav ul.sub-menu a { font-weight: 300; font-size: 1.25rem; position: relative; color: #000; display: block; white-space: nowrap; padding: 1rem; width: 100%; }
#main-header nav .mega-menu ul.sub-menu a { font-size: 15px; line-height: 15px; padding: 16px 0; }
#main-header nav ul.sub-menu li { width: 100%; }
#main-header nav ul.sub-menu a:hover { text-decoration: underline; }
#main-header nav li { display: flex; flex-direction: column; }
#main-header nav > ul > li > a { padding: 32px 16px 23px 16px; position: relative; display: block; transition: padding 0.3s ease; }
#main-header nav > ul > li > a:hover { color: #000; }
#main-header nav li.nav-item-active > ul.sub-menu { display: table; background: #fff; }
#main-header nav li.mega-menu.nav-item-active .sub-menu { display: table; }
#main-header .menu-toggle span { background: #000; }
#main-header nav li.nav-item-active > ul.sub-menu .sub-menu-inner { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1100px; margin: 0 auto; grid-gap: 0 2rem; }
#main-header nav li.nav-item-active.mega-menu > ul.sub-menu .sub-menu-inner { grid-template-columns: repeat(6, 1fr); grid-gap: 48px 16px; max-width: 1280px; }
#main-header nav > ul > li > a:after { content: ""; height: 1px; background-color: transparent; display: block; margin: 4px auto 0 0; width: 0; transition: width 0.3s ease-out, background-color 0.3s ease-out; }
#main-header nav > ul > li:hover > a::after { width: 100%; background-color: #000; background-color: var(--scp-primary-dark-green); }
.nav-inner { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
#main-header .nav-inner .search-activator { width: 24px; aspect-ratio: 1 / 1; display: block; cursor: pointer; }
#main-header .nav-inner .search-activator svg { display: block; width: 100%; height: auto; }
#main-header nav ul.sub-menu-alt { display: table; border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 16px; }
#main-header nav .mega-menu ul.sub-menu-alt a { padding: 8px 0; }

.menu-toggle { width: 32px; height: 24px; position: relative; display: none; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; z-index: 20; }
.menu-toggle span { display: block; position: absolute; width: 100%; height: 3px; background: white; border-radius: 2px; transition: all 0.3s ease; left: 0; }
.menu-toggle span:nth-child(1) { top: 0; }
.menu-toggle span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.menu-toggle span:nth-child(3) { bottom: 0; }
.menu-toggle.active span:nth-child(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { top: 50%; bottom: auto; transform: translateY(-50%) rotate(-45deg); }
.search-sizer { display: block; width: 265px; padding: 0; margin: 0; display: grid; justify-content: end; }
.sub-menu a::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(-10px); width: 20px; height: 20px; opacity: 0; transition: opacity 0.35s ease, transform 0.35s ease; fill: var(--scp-primary-dark-green); background-image: url('../../../img/ui/arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; }

.sub-menu a:hover::after { opacity: 1; transform: translateY(-50%) translateX(0); }

.topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.topbar a { text-decoration: none; color: var(--scp-brand-color-text); }
.topbar a:hover { color: var(--scp-primary-dark-green); text-decoration: underline; }
.topbar-inner { text-align: right; font-size: .825rem; line-height: 1rem; color: var(--scp-brand-color-text); }

/* Search Overlay */
.search-overlay { position: fixed; display: none; height: 100%; width: 100%; text-align: center; background: var(--scp-brand-color-mist-heavy); backdrop-filter: blur(8px); top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; }
.search-overlay-visible { display: table; }
.search-overlay .search-container { display: table-cell; vertical-align: middle; width: 100%; z-index: 110; }
.search-overlay .search-container form { display: inline-block; width: 100%; max-width: 600px; max-width: 60vw; padding-top: 100px; padding-bottom: 100px; }
.search-overlay .search-container form .search-container-form { width: 100%; max-width: none; position: relative; }
.search-overlay .search-container form .search-container-form input { outline: none; border: unset; background: transparent; display: inline-block; margin: 0px; width: 100%; font-size: 28px; font-size: 3.5vh; font-weight: 200; padding: .8em 3em .8em 1.5em; border-bottom: 1px solid var(--scp-brand-color-light); color: var(--scp-white); }
.search-overlay form input::-webkit-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::-moz-placeholder { color: var(--scp-whiten); opacity: 1; }
.search-overlay form input:-ms-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::-ms-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::-webkit-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::-moz-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input:-ms-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input:-moz-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay .search-placeholder-icon { display: block; position: absolute; top: 50%; right: 3em; width: 3.8vh; height: 3.8vh; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.search-overlay .search-placeholder-icon svg { width: 100%; height: 100%; fill: var(--scp-white); color: var(--scp-brand-color-light); }
.nav-overlay { position: fixed; inset: 0; background: var(--scp-brand-color-mist-heavy); backdrop-filter: blur(8px); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9; top: 76px; }
.nav-overlay.active { opacity: 1; pointer-events: auto; }

main, .hero-single-static { margin-top: 76px; }
.is-spoke main, .is-spoke .hero-single-static { margin-top: 109px; }
.hero-single-static + main { margin-top: unset; }

.hero-single-static { background: var(--scp-brand-color); grid-gap: 0; }
.hero-single-static .img-frame { min-height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.prehead { font-weight: 500; display: inline-flex; align-items: center; gap: 16px; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--scp-brand-color-green); }
.prehead__icon { width: 24px; height: 24px; flex-shrink: 0; }
.hero-single-static h1, .hero-single-static h2 { color: var(--scp-white); word-break: break-word; font-size: 1.875rem; line-height: 2.1875rem; font-weight: 300; margin-top: 1.25rem; }
.cta .cta-content { display: block; margin-top: 1rem; font-size: 1rem; line-height: 1.4; color: var(--scp-white); }

.brand-btn { position: relative; display: inline-flex; align-items: center; gap: 56px; padding: .75rem 1.875rem; font-weight: 500; color: var(--scp-brand-color-dark); background: transparent; border: 1px solid var(--scp-brand-color-dark); border-radius: 50px; cursor: pointer; overflow: hidden; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; background: #fff; font-size: .75rem; line-height: 1rem; }
.hero-single-static .brand-btn { margin-top: 64px; }
.brand-btn::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--scp-brand-color-green); border-radius: 50px; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.brand-btn:hover::before { width: 100%; }
.btn-text { position: relative; z-index: 1; }
.btn-arrow { position: relative; z-index: 1; display: flex; align-items: center; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.brand-btn:hover .btn-arrow { transform: translateX(6px); }
.arrow-svg { width: 20px; height: 20px; }

/* Hero Blog Context */
.hero-single-static .hero-categories { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.hero-single-static .hero-category { display: inline-block; padding: 4px 12px; background: var(--scp-primary-dark-green); color: #fff; font-size: 0.75rem; text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em; text-decoration: none; transition: background 0.2s ease; }
.hero-single-static .hero-category:hover { background: var(--scp-brand-color-green); }
.hero-single-static .hero-date { display: block; margin-top: 24px; font-size: 0.875rem; color: var(--scp-gray-30); }

.splide-content { background: #fff; grid-template-columns: 40% 60%; grid-gap: 0; align-items: start; overflow: visible !important; }
.pane-left { background: #fff; padding-left: max(48px, calc((100vw - 1280px) / 2)); box-sizing: border-box; }
.pane-right { position: relative; overflow-y: visible; z-index: 1; display: flex; flex-direction: column; justify-content: flex-start; min-height: 100%; box-sizing: border-box; }
.carousel { padding: 0; position: relative; z-index: 2; }
.carousel .splide__track { transform: translateY(-36px); overflow-x: hidden !important; overflow-y: visible !important; }
.carousel .splide__track, .carousel .splide__list { padding: 0 !important; margin: 0 !important; }
.carousel .splide__slide { position: relative; overflow: visible; box-shadow: 0 8px 8px -4px rgba(0,0,0,0.2); margin-bottom: 16px; height: 400px; display: grid; place-items: stretch; background-color: #0b1020; background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide-meta { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; color: var(--scp-primary-dark-green); padding: 28px 32px; box-sizing: border-box; display: grid; gap: 8px; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%); transition: padding-bottom 0.3s ease; }
.splide__slide:hover .slide-meta { padding-bottom: 48px; }
.slide-meta strong { margin: 0; font-size: .75rem; line-height: 1rem; font-weight: 400; text-transform: uppercase; }
.slide-meta h3 { margin: 8px 0 0 0; color: var(--scp-brand-color-text); font-size: 1.25rem; line-height: 1.5625rem; font-weight: 300; }
.slide-meta p { margin: 0; font-size: 0.95rem; opacity: 0.9; }
.slide-meta a, .slide-meta .psd-anchor { margin: 16px 0 0 0; color: var(--scp-brand-color-text); text-decoration: none; font-weight: 400; font-size: .75rem; line-height: 1.125rem; }
.slide-meta a:hover { text-decoration: underline; }
.controls { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px; margin-top: 8px; padding: 0 0 24px 0; }
.nav-buttons { display: inline-flex; gap: 8px; }
.splide-btn { appearance: none; border: 1px solid rgba(0,36,57,1); background: #ffffff; border-radius: 999px; padding: 16px; font-weight: 600; font-size: 0.95rem; cursor: pointer; transition: transform 120ms ease, background 120ms ease, border-color 120ms ease; }
.splide-btn:hover { background: rgba(112,189,149,1); border: 1px solid rgba(112,189,149,1); transform: translateY(-1px); }
.splide-btn:hover svg { fill: #fff; }
.splide-btn:first-of-type svg { transform: rotate(180deg); }
.pager { justify-self: center; display: flex; align-items: center; }
.pager .splide__pagination { position: static; display: inline-flex; gap: 4px; margin: 0; padding: 0; list-style: none; }
.pager .splide__pagination__page { width: 25px; height: 2px; border-radius: 0; background: rgba(2, 6, 23, 0.25); border: 0; padding: 0; transition: transform 140ms ease, background 140ms ease; }
.pager .splide__pagination__page.is-active { transform: scale(1); background: rgba(0,18,29,1); }
.carousel .splide__arrows { display: none !important; }
#splide-carousel { overflow: visible !important; }
.slide-meta-icon { position: absolute; top: 28px; right: 32px; width: 14px; height: 14px; z-index: 10; fill: var(--scp-primary-dark-green); }
.ns-ui { display: none; }
.ui-icon { display: block; width: 14px; height: 14px; aspect-ratio: 1 / 1; }
.ui-icon svg { display: block; width: 100%; height: 100%; fill: rgba(112,189,149,1); }

.splide-content .splide-headline { display: block; margin-top: 16px; font-weight: 300; font-style: normal; font-size: 2.375rem; line-height: 2.875rem; }
.splide-content .splide-intro { font-size: 1rem; line-height: 1.5; margin-top: 16px; }
.splide-content .brand-btn { margin-top: 32px; color: #fff; background: var(--scp-brand-color); border: none; }
.splide-content .brand-btn svg { fill: var(--scp-brand-color-green); color: var(--scp-brand-color-green); }
.splide-content .brand-btn:hover svg { fill: var(--scp-brand-color); color: var(--scp-brand-color); }

.grid-list-list { display: flex; justify-content: center; list-style: none; padding: 0; gap: 1rem; flex-wrap: wrap; }
.grid-list-list > * { flex: 0 0 25%; max-width: 25%; }
.grid-list-list li { position: relative; overflow: visible; box-shadow: 0 8px 8px -4px rgba(0,0,0,0.2); margin-bottom: 16px; height: 400px; display: grid; place-items: stretch; background-color: #0b1020; background-size: cover; background-position: center; background-repeat: no-repeat; }
.grid-list-list li .meta { position: absolute; left: 0; right: 0; bottom: 0; background: var(--scp-primary-dark-green); color: #fff; padding: 28px 32px; box-sizing: border-box; display: grid; gap: 8px; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%); transition: padding-bottom 0.3s ease; }
.grid-list-list li:hover .meta  { padding-bottom: 48px; }
.grid-list-list li strong { margin: 0; font-size: .75rem; line-height: 1rem; font-weight: 400; text-transform: uppercase; }
.grid-list-list li h3 { display: block; height: 65px; margin: 8px 0 0 0; color: #fff; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 300; }
.grid-list-list li p { margin: 0; font-size: 0.95rem; opacity: 0.9; }
.grid-list-list li > a { postion: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid-list-list li a, .grid-list-list li .psd-anchor { margin: 16px 0 0 0; color: #fff; text-decoration: none; font-weight: 400; font-size: .75rem; line-height: 1.125rem; }
.grid-list-list li .meta-icon { position: absolute; top: 28px; right: 32px; width: 14px; height: 14px; z-index: 10; fill: #fff; }
.grid-list-list li .taxonomy { position: absolute; top: 16px; left: 32px; display: flex; gap: 6px; }
.grid-list-list li .taxonomy a { text-transform: uppercase; display: inline-block; padding: 4px 8px; background: var(--scp-primary-dark-green); position: relative; z-index: 2; }

.color-grid-list-list { grid-template-columns: repeat(4, 1fr); grid-gap: 0; list-style: none; padding: 0; margin: 0; }
.color-grid-list-list > * { aspect-ratio: 6 / 5; padding: 32px; position: relative; height: 100%; transition: all 0.3s ease; }
.color-grid-list-list > *:nth-of-type(1) { background: var(--scp-brand-color); }
.color-grid-list-list > *:nth-of-type(1) .meta-icon svg { fill: var(--scp-brand-color-green); }
.color-grid-list-list > *:nth-of-type(2) { background: var(--scp-primary-dark-green); }
.color-grid-list-list > *:nth-of-type(2) .meta-icon svg { fill: var(--scp-secondarylime-green); }
.color-grid-list-list > *:nth-of-type(3) { background: var(--scp-brand-color); }
.color-grid-list-list > *:nth-of-type(3) .meta-icon svg { fill: var(--scp-primary-dark-green); }
.color-grid-list-list > *:nth-of-type(4) { background: var(--scp-primary-dark-green); }
.color-grid-list-list > *:nth-of-type(4) .meta-icon svg { fill: var(--scp-secondarylime-green); }
.color-grid-list-list > *:hover { background: #fff !important; transition: all 0.3s ease; }
.color-grid-list-list li .meta-icon { height: 48px; width: auto; display: block; position: absolute; top: 32px; right: 32px; transition: all 0.3s ease; }
.color-grid-list-list li .meta-icon svg { display: block; height: 48px; }
.color-grid-list-list li:hover .meta-icon { transform: translate(8px, -8px); transition: all 0.3s ease; }
.color-grid-list-list li .psd-anchor { text-decoration: underline; color: #fff; position: absolute; display: block; bottom: 32px; left: 32px; text-transform: uppercase; font-weight: 400; font-size: .725rem; }
.color-grid-list-list li:hover .psd-anchor { color: var(--scp-brand-color-dark); }
.color-grid-list-list li h3 { max-width: calc(100% - 64px); font-size: 1.75rem; line-height: 1.875rem; color: #fff; display: block; position: absolute; bottom: 64px; left: 32px; }
.color-grid-list-list li:hover h3 { color: var(--scp-brand-color-dark); }
.color-grid-list-list li > a { display: block; position: absolute; top: 0; width: 100%; left: 0; height: 100%; }
.cta { margin-top: 16px !important; }

/* Archive Title Component */
.archive-title { text-align: center; }
.archive-title__inner { display: flex; flex-direction: column; align-items: center; gap: 24px; }
.archive-title__icon { width: var(--archive-title-icon-size, 26px); height: auto; }
.archive-title__icon img { width: 100%; height: auto; }
.archive-title__text { text-transform: uppercase; font-size: var(--archive-title-font-size, 2.625rem); letter-spacing: 0.5px; line-height: 3.25rem; margin: 0; font-weight: 400; }

/* Archive Grid 4-Column Variant */
.grid-list-list--4col > * { flex: 0 0 25%; max-width: calc(25% - 0.75rem); }

/* Archive Grid 3-Column Variant */
.grid-list-list--3col > * { flex: 0 0 33.33%; max-width: calc(33.33% - 0.67rem); }

/* Archive Grid Color Schemes */
.grid-list--navy li .meta { background: var(--scp-brand-color); }
.grid-list--navy li .meta-icon { fill: var(--scp-brand-color-green); }
.grid-list--navy li .taxonomy a { background: var(--scp-brand-color); }
.grid-list--alt li .meta { background: var(--scp-brand-color-light); }
.grid-list--alt li .meta-icon { fill: var(--scp-secondarylime-green); }
.grid-list--alt li .taxonomy a { background: var(--scp-brand-color-light); }

.grid-list--light li .meta { background: #fff; }
.grid-list--light li .meta-icon { fill: var(--scp-brand-color-green); }
.grid-list--light li .taxonomy a { background: var(--scp-primary-dark-green); }
.grid-list--light li strong { color: var(--scp-brand-color-green); }
.grid-list--light li h3 { color: #002439; }

.grid-list--dark li .meta { background: var(--scp-brand-color); }
.grid-list--dark li .meta-icon { fill: var(--scp-brand-color-green); }
.grid-list--dark li .taxonomy a { background: var(--scp-primary-dark-green); }
.grid-list--dark li strong { color: var(--scp-brand-color-green); }
.grid-list--dark li h3 { color: #fff; }

main .archive-title + .archive-grid { padding-top: 0; }

/* Archive Pagination */
.archive-pagination { margin-top: 48px; }
.pagination-list { display: flex; justify-content: center; align-items: center; gap: 8px; list-style: none; padding: 0; margin: 0; }
.pagination-item > a, .pagination-item > span { display: flex; align-items: center; justify-content: center; min-width: 48px; height: 48px; padding: 0 16px; border: 1px solid var(--scp-gray-30); border-radius: 4px; text-decoration: none; color: var(--scp-brand-color); font-size: 0.875rem; transition: all 0.3s ease; }
.pagination-item > a:hover { background: var(--scp-brand-color); color: #fff; border-color: var(--scp-brand-color); }
.pagination-item .current { background: var(--scp-primary-dark-green); color: #fff; border-color: var(--scp-primary-dark-green); }
.pagination-item .prev, .pagination-item .next { font-weight: 500; }
.pagination-item .dots { border: none; background: transparent; }

/* Blog Single Post */
.blog-single { margin-top: 76px; }
.blog-single-header { text-align: center; background: var(--scp-brand-color); }
.blog-single-categories { display: flex; justify-content: center; gap: 8px; margin-bottom: 16px; }
.blog-category { display: inline-block; padding: 4px 12px; background: var(--scp-primary-dark-green); color: #fff; font-size: 0.75rem; text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em; text-decoration: none; transition: background 0.2s ease; }
.blog-category:hover { background: var(--scp-brand-color-green); }
.blog-single-title { font-size: 2.5rem; line-height: 1.2; font-weight: 400; margin: 0; color: #fff; }
.blog-single-meta { margin-top: 16px; }
.blog-single-date { font-size: 0.875rem; color: #fff; }
.blog-single-featured-image { padding: 0 48px; }
.blog-single-featured-image img { width: 100%; height: auto; display: block; }
.blog-single-content { background: #fff; }
.blog-content-inner { font-size: 1.125rem; line-height: 1.8; }
/*.blog-content-inner p { margin: 1.5rem 0; }
.blog-content-inner h2 { font-size: 1.75rem; margin: 2rem 0 1rem 0; font-weight: 400; }
.blog-content-inner h3 { font-size: 1.5rem; margin: 1.5rem 0 1rem 0; font-weight: 400; }
.blog-content-inner ul, .blog-content-inner ol { margin: 1.5rem 0; padding-left: 1.5rem; }
.blog-content-inner li { margin: 0.5rem 0; }
.blog-content-inner a { color: var(--scp-primary-dark-green); text-decoration: underline; }
.blog-content-inner a:hover { color: var(--scp-brand-color); } */
.blog-content-inner img { max-width: 100%; height: auto; margin: 16px; }
.blog-content-inner blockquote { margin: 2rem 0; padding: 1.5rem 2rem; border-left: 4px solid var(--scp-primary-dark-green); background: var(--scp-gray-10); font-style: italic; }

@media screen and (max-width: 720px) {
	.blog-single-title { font-size: 1.75rem; }
	.blog-single-featured-image { padding: 0 16px; }
}

/* Work Single Post */
.work-single { margin-top: 76px; }
.work-single-header { text-align: center; background: var(--scp-brand-color); }
.work-single-industries { display: flex; justify-content: center; gap: 8px; margin-bottom: 16px; }
.work-industry { display: inline-block; padding: 4px 12px; background: var(--scp-primary-dark-green); color: #fff; font-size: 0.75rem; text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em; text-decoration: none; transition: background 0.2s ease; }
.work-industry:hover { background: var(--scp-brand-color-green); }
.work-single-title { font-size: 2.5rem; line-height: 1.2; font-weight: 400; margin: 0; color: #fff; }
.work-single-meta { margin-top: 16px; }
.work-single-date { font-size: 0.875rem; color: #fff; }
.work-single-featured-image { padding: 0 48px; }
.work-single-featured-image img { width: 100%; height: auto; display: block; }
.work-single-content { background: #fff; }
.work-content-inner { font-size: 1.125rem; line-height: 1.8; }
.work-content-inner img { max-width: 100%; height: auto; margin: 16px; }
.work-content-inner blockquote { margin: 2rem 0; padding: 1.5rem 2rem; border-left: 4px solid var(--scp-primary-dark-green); background: var(--scp-gray-10); font-style: italic; }

@media screen and (max-width: 720px) {
	.work-single-title { font-size: 1.75rem; }
	.work-single-featured-image { padding: 0 16px; }
}

/* Service Single */
.service-single { margin-top: 76px; }
.service-single-header { text-align: center; background: var(--scp-brand-color); }
.service-single-title { font-size: 2.5rem; line-height: 1.2; font-weight: 400; margin: 0; color: #fff; }
.service-single-excerpt { margin-top: 16px; font-size: 1.125rem; color: rgba(255, 255, 255, 0.9); }
.service-single-featured-image { padding: 0 48px; }
.service-single-featured-image img { width: 100%; height: auto; display: block; }
.service-single-content { background: #fff; }
.service-content-inner { font-size: 1.125rem; line-height: 1.8; }
.service-content-inner img { max-width: 100%; height: auto; margin: 16px; }
.service-content-inner blockquote { margin: 2rem 0; padding: 1.5rem 2rem; border-left: 4px solid var(--scp-primary-dark-green); background: var(--scp-gray-10); font-style: italic; }

@media screen and (max-width: 720px) {
	.service-single-title { font-size: 1.75rem; }
	.service-single-featured-image { padding: 0 16px; }
}

/* Page Single */
.page-single { margin-top: 76px; }
.page-single-header { text-align: center; background: var(--scp-brand-color); }
.page-single-title { font-size: 2.5rem; line-height: 1.2; font-weight: 400; margin: 0; color: #fff; }
.page-single-excerpt { margin-top: 16px; font-size: 1.125rem; color: rgba(255, 255, 255, 0.9); }
.page-single-featured-image { padding: 0 48px; }
.page-single-featured-image img { width: 100%; height: auto; display: block; }
.page-single-content { background: #fff; }
.page-content-inner { font-size: 1.125rem; line-height: 1.8; }
.page-content-inner img { max-width: 100%; height: auto; margin: 16px; }
.page-content-inner blockquote { margin: 2rem 0; padding: 1.5rem 2rem; border-left: 4px solid var(--scp-primary-dark-green); background: var(--scp-gray-10); font-style: italic; }

@media screen and (max-width: 720px) {
	.page-single-title { font-size: 1.75rem; }
	.page-single-featured-image { padding: 0 16px; }
}

/* Content Typography - Sanitizes user-generated content */
/* Single-direction margins + heading separation */
.content-typography p {
	font-size: 1rem;
	line-height: 1.7;
}
.content-typography p + p { margin-top: 1.5rem; }

/* Heading separation - generous top margin signals new section */
.content-typography h2 {
	font-size: 1.5rem;
	line-height: 1.25;
	margin: 3rem 0 1rem 0;
	font-weight: 500;
}
.content-typography h3 {
	font-size: 1.25rem;
	line-height: 1.3;
	margin: 2.5rem 0 0.75rem 0;
	font-weight: 500;
}
.content-typography h4 {
	font-size: 1.125rem;
	line-height: 1.3;
	margin: 2rem 0 0.5rem 0;
	font-weight: 500;
}

/* First heading shouldn't have top margin */
.content-typography > h2:first-child,
.content-typography > h3:first-child,
.content-typography > h4:first-child { margin-top: 0; }

.content-typography ul,
.content-typography ol {
	margin: 1.5rem 0 0 0;
	padding-left: 1.5rem;
}
.content-typography li {
	font-size: 1rem;
	line-height: 1.7;
	margin: 0.5rem 0 0 0;
}
.content-typography li:first-child { margin-top: 0; }

.content-typography blockquote {
	margin: 2rem 0;
	padding: 1.5rem 2rem;
	border-left: 4px solid var(--scp-primary-dark-green);
	background: var(--scp-gray-10, #f5f5f5);
	font-style: italic;
}

/* Animated underline - reveals left to right */
.content-typography a {
	color: var(--scp-primary-dark-green);
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 0% 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	transition: background-size 0.2s ease-out;
}
.content-typography a:hover {
	background-size: 100% 1px;
}

.content-typography img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 1.5rem 0;
}

.content-typography figure {
	margin: 1.5rem 0;
}
.content-typography figcaption {
	font-size: 0.875rem;
	color: #666;
	margin-top: 0.5rem;
}

.footer { background: var(--scp-brand-color); color: #fff; border-top: 1px solid #fff; }
.footer .logo { height: 85px; width: auto; display: table; }
.footer .logo svg, .footer .logo img { display: block; height: 85px; width: auto; }
.footer-nav { border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 48px; }

#footer-navigation a {
  color: rgba(255, 255, 255, 0.625);
  text-decoration: none;
}
#footer-navigation {
  list-style: none;
  display: flex;
  gap: 32px;
  width: auto;
  justify-content: center;
}


/* Special mobile UI/UX improvement tweaks */
@media screen and (min-width: 960px) {
	a,
	svg,
	.svg-icon,
	button,
	input { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

	a:hover,
	svg:hover,
	.svg-icon:hover,
	button:hover,
	input:hover, { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

	.fast-transition,
	.fast-transition:hover { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.medium-transition,
	.medium-transition:hover { -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
	.slow-transition,
	.slow-transition:hover { -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
}

/* Place responsiveness below */
@media screen and (max-width: 1200px) {
	.search-sizer { width: auto; }
}

@media screen and (max-width: 1140px) {
	.color-grid-list-list { grid-template-columns: repeat(2, 1fr); grid-gap: 16px; }
	.grid-list-list--4col > * { flex: 0 0 50%; max-width: calc(50% - 0.5rem); }
	.grid-list-list--3col > * { flex: 0 0 50%; max-width: calc(50% - 0.5rem); }
}

@media screen and (max-width: 960px) {
	.menu-toggle { display: flex; }
	#main-header nav a:hover { text-decoration: none; }
	#main-header nav { overflow-y: auto; display: none; position: fixed; top: 140px; left: 0; width: 100%; flex-direction: column; padding: 0 32px 32px 32px; height: calc(100dvh - 140px); }
	#main-header nav { top: 72px; height: calc(100dvh - 72px); }
	.is-spoke #main-header nav { top: 109px; height: calc(100dvh - 109px); }
	#main-header nav.active { display: flex; background: #fff; }
	#main-header nav ul { flex-direction: column; width: 100%; }
	#main-header nav > ul > li > a, #main-header nav > div > ul > li > a { text-transform: uppercase; font-weight: 300; font-size: 20px; line-height: 32px; text-align: right; padding: 16px 32px; display: block; width: 100%; }
	#main-header nav ul.sub-menu a:hover { text-decoration: none; }
	#main-header nav > ul > li > a::after, #main-header nav > div > ul > li > a::after { display: none; }
	#main-header nav > ul > li:last-child > a, #main-header nav > div > ul > li:last-child > a { border-radius: 3.125rem; padding: .75rem 1.875rem; text-align: center; background: var(--scp-brand-color); color: var(--scp-white) !important; min-width: 80%; width: fit-content; margin: 64px auto 0 auto; }

	#main-header nav li.nav-item-active > ul.sub-menu { display: flex; }
	#main-header nav ul.sub-menu a { text-align: right; }
	#main-header nav ul.sub-menu { position: relative; top: unset; left: unset; transform: unset; width: 100%; padding: 1rem; flex-direction: column; justify-content: center; gap: 1rem; }
	.search-sizer { display: none; }

	#main-header nav li.nav-item-active > ul.sub-menu .sub-menu-inner { display: grid; grid-template-columns: 1fr; max-width: 100%; margin: 0; grid-gap: 0; }
	#main-header nav li.nav-item-active.mega-menu > ul.sub-menu .sub-menu-inner { grid-template-columns: 1fr; grid-gap: 0 16px; }
	.submenu-toggle { display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-left: 8px; }
	.submenu-toggle svg { display: block; width: auto; height: 80%; }
	.sub-menu a::after, .sub-menu a:hover::after { background: unset; opacity: 0; transform: unset; }
	#main-header nav .mega-menu ul.sub-menu a { font-size: 1.25rem; }

	.hero-single-static { grid-template-columns: 1fr; }
	.hero-single-static > *:nth-child(2) { display: none; }

	.ctr-center-m { margin-left: auto; margin-right: auto; }

	.splide-content {	grid-template-columns: 1fr; }
	.pane-left { border-right: 0; border-bottom: 1px solid rgba(2, 6, 23, 0.06); }

	.ctr-size-l-h { max-width: 100%; }
	.ctr-size-l-forty-pct { max-width: 100%; }
	.ctr-pad-hor-m-mo { padding-left: 48px; padding-right: 48px; }
	.carousel .splide__track { transform: none; }
	.carousel .controls { margin-top: 32px; }
	#main-header nav ul.sub-menu-alt { display: table; border-top: none; padding: 0 0 16px 0; border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 0 0 16px 0; }
	.grid-list-list > * { flex: 0 0 50%; max-width: calc(50% - .5rem); }
}

@media screen and (max-width: 720px) {
	.grid-list-list { justify-content: flex-start; }
	.grid-list-list > * { flex: 0 0 100%; max-width: 100%; }
	.grid-list-list--4col > * { flex: 0 0 100%; max-width: 100%; }
	.grid-list-list--3col > * { flex: 0 0 100%; max-width: 100%; }
	.color-grid-list-list { grid-template-columns: 1fr; grid-gap: 8px; }
	.archive-title__text { font-size: 2rem; }
}

@media screen and (max-width: 640px) {

}

/* Animation */

/* OpCo Listing Module */
.opco-listing {
	max-width: 1280px;
	margin: 0 auto;
	padding: 4rem 2rem;
}

.opco-listing-row {
	display: flex;
	gap: 3rem;
	margin-bottom: 4rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid rgba(0, 36, 57, 0.1);
	max-width: 100%;
	overflow: hidden;
}

.opco-listing-row:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* Left column - Logo and button */
.opco-listing-left {
	flex: 0 0 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.opco-logo-link {
	display: block;
	width: 100%;
}

.opco-logo {
	display: block;
	max-width: 50%;
	height: auto;
}

.opco-listing-left .brand-btn {
	margin-top: 32px;
}

/* Right column - Info and services */
.opco-listing-right {
	flex: 0 0 50%;
	min-width: 0; /* Prevent flex item from overflowing */
	overflow: hidden;
}

.opco-meta {
	font-size: 0.875rem;
	color: var(--scp-brand-color);
	margin-bottom: 1rem;
	font-weight: 500;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.opco-description {
	color: var(--scp-brand-color-dark);
	line-height: 1.6;
	margin-bottom: 1.5rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Service icons row */
.opco-services {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}

.opco-service-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: contain;
}

.opco-service-icon-default {
	color: #666;
	background-color: #f0f0f0;
	padding: 6px;
	box-sizing: border-box;
}

/* OpCo Listing Responsive */
@media (max-width: 768px) {
	.opco-listing-row {
		flex-direction: column;
		gap: 2rem;
	}

	.opco-listing-left,
	.opco-listing-right {
		flex: 0 0 100%;
	}

	.opco-logo {
		max-width: 70%;
	}
}