/* === inline style #1 (orig pos 4328-4533) === */
/* no scrollbar */
  ::-webkit-scrollbar {
    display: none;
  }

  /* Firefox */
  html {
    scrollbar-width: none;
  }

  /* IE/old Edge */
  body {
    -ms-overflow-style: none;
  }

/* === inline style #2 (orig pos 4644-4888) === */
.wf-design-mode .loader {
    display: none;
  }
  
  .draw,
  .draw__default,
  .loader__panel,
  .loader__line {
    opacity: 0;
  }

  @media screen and (width < 780px) {
    .loader__texts {
      display: none;
    }
  }

/* === inline style #3 (orig pos 23402-24869) === */
/* Col pad design mode indicator */
  html.wf-design-mode .row .col:has( .slot)::before,
  html.wf-design-mode .row .col:has( .slot)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(var(--_layout---grid--gap-main) / 2);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3' fill='none'%3E%3Cg clip-path='url(%23clip0_481_2070)'%3E%3Cpath d='M2.99997 0.970703L0.969971 3.0007H2.02997L2.99997 2.0307V0.970703Z' fill='%23259d4d'/%3E%3Cpath d='M0.97 0L0 0.97V2.03L2.03 0H0.97Z' fill='%23259d4d'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_481_2070'%3E%3Crect width='3' height='3' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");    background-repeat: repeat;
    background-size: 4px;
    opacity: 0;
    pointer-events: none;
  }
  html.wf-design-mode .col:has(>.slot)::before {
    left: 0;
  }
  html.wf-design-mode .col:has(>.slot)::after {
    right: 0;
  }
  html.wf-design-mode .col:has(>.slot):hover::before,
  html.wf-design-mode .col:has(>.slot):hover::after {
    opacity: 0.5;
  }
  
  /* Remove pointer events on overlays for easier canvas editing */
  html.wf-design-mode .u-link-cover {
    pointer-events: none;
  }
  html.wf-design-mode .btn-text {
    pointer-events: auto;
  }
  
  /* Space tab panes */
  html.wf-design-mode .tabs-pane:has(+.tabs-pane) {
  	margin-bottom: var(--_layout---grid--gap-main);
  }

/* === inline style #4 (orig pos 24896-27624) === */
/* Text Selection Color */
  ::selection {
    background: var(--primary--text);
    color: var(--primary--background);
  }
  ::-moz-selection {
    background: var(--primary--text);
    color: var(--primary--background);
  }

  /* Apply font smoothing */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
  }

  /* Ensure column stack on increased default browser font size (for accessibility) */
  body.font-size-increased .row { 
    container-type: inline-size; 
  }
  body.font-size-increased {
    @container (max-width: 40rem) {
      .col:not([data-wf--grid-column--column-size="shrink"]) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
      }
    }
  }

  /* Rich text modifiers */
  .w-richtext>:first-child {
    margin-top: 0;
  }

  /* Line clamp modifiers */
  .u-text-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .u-text-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .u-text-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  /* Row/col gap modifiers */
  .row.row-gap-0 .col {
    --_layout---grid--gap-main: 0;
  }
  .row.row-gap-0:has( .col[class*="contain"]) .col {
    --_layout---grid--gap-main: 1px;
  }
  .row.row-gap-md .col {
    --_layout---grid--gap-main: var(--_layout---grid--gap-md);
  }
  .row.row-gap-sm .col {
    --_layout---grid--gap-main: var(--_layout---grid--gap-sm);
  }
  .row.row-gap-button .col {
    --_layout---grid--gap-main: var(--_layout---grid--gap-button);
  }

  /* Build mode modifiers */
  .slot .button:not([data-slider]) {
    align-self: flex-start;
  }
  .slot > *:last-child,
  .slot > .heading-component:last-child *,
  .slot > .rich-text-component:last-child .rich-text > *:last-child,
  .rich-text-component.u-mb-0 .rich-text > *:last-child,
  .eyebrow-component.u-mb-0 .eyebrow {
    margin-bottom: 0;
  }
  .slot.cc-column > .eyebrow-component {
    align-self: start;
  }
  .card:has(>.u-link-cover:focus-visible) {
    outline: 2px solid var(--primary--accent);
    outline-offset: 2px;
  }
  .section:has( > .container > .slot > [data-wf--image--settings-aspect-ratio="background"]),
  .page-wrapper:has( [data-wf--image--settings-aspect-ratio="background"]) {
    background: transparent !important;
    z-index: 1;
  }
  .card > .slot > [data-wf--image--settings-aspect-ratio="background"] {
    z-index: 0;
  }
  .card > .slot > *:not([data-wf--image--settings-aspect-ratio="background"]) {
    z-index: 1;
  }

  /* Load animation FOUS */
  html:not(.wf-design-mode) [data-animate="stagger-children"] > * {
    opacity: 0;
    visibility: hidden;
  }

/* === inline style #5 (orig pos 28834-29899) === */
[data-underline-link='single'],
  [data-underline-link='big-single'] {
    text-decoration: none;
    position: relative;
  }

  [data-underline-link='single']::before,
  [data-underline-link='big-single']::before {
    content: '';
    position: absolute;
    bottom: -0.2em;
    left: 0;
    width: 100%;
    height: 0.09em;
    background-color: currentColor;
    transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
  }

  [data-underline-link='big-single']::before {
    bottom: -.04em;
    height:.08em;
  }

  @media (hover: hover) and (pointer: fine) {
    [data-hover]:hover [data-underline-link='single']::before, 
    [data-underline-link='single']:hover::before {
      transform-origin: left;
      transform: scaleX(1) rotate(0.001deg);
    }

    [data-hover]:hover [data-underline-link='big-single']::before, 
    [data-underline-link='big-single']:hover::before {
      transform-origin: left;
      transform: scaleX(1) rotate(0.001deg);
    }
  }

/* === inline style #6 (orig pos 29926-30384) === */
/* hero eyebrow pointer */
  .has-pointer__spaced {
    position: relative; /* allows bullet to position inside it */
    padding-left: 1.2em; /* creates space for the bullet */
  }
  .has-pointer__spaced::before {
    content: '';
    position: absolute;
    left: 0; /* stick to left edge */
    width: 0.45em;
    height: 0.45em;
    border-radius: 50%;
    background: currentColor;
    top: 0.6em;
    transform: translateY(-50%);
  }

/* === inline style #7 (orig pos 30411-30528) === */
[data-load-reset] {
    opacity: 0;
  }

  .wf-design-mode [data-load-reset] {
    opacity: 1;
  }

/* === inline style #8 (orig pos 30565-30657) === */
:root {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
  }

/* === inline style #9 (orig pos 30695-31610) === */
/* Reset apple form styles */
  input, textarea, select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; border-radius: 0; 
    background-image: none; 
  }

  /* Adjust input autofill to brand colors */
  input:-webkit-autofill,
  input:-webkit-autofill:focus {
    background-color: var(--primary--background) !important;
    color: var(--primary--text) !important;
    -webkit-box-shadow: 0 0 0 50px var(--primary--background) inset;
    -webkit-text-fill-color: var(--primary--text);
  }

  /* Select input custom arrow */
  .input-group:has(.input.cc-select)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.5rem;
    border-top: 2px solid var(--primary--text);
    border-right: 2px solid var(--primary--text);
    transform: translateY(-90%) rotate(135deg);
    width: 0.4rem;
    height: 0.4rem;
    pointer-events: none;
  }

/* === inline style #10 (orig pos 31791-33323) === */
.nav {
    will-change: transform;
    transition:
      background-color 250ms ease,
      color 250ms ease;
  }

  .nav-logo_link:hover {
    opacity: 60%;
    transition: opacity 0.3s ease-out;
  }

  /* Lock body scroll when mobile nav is open */
  body:has(.w-nav-button.w--open) {
    overflow: hidden;
  }

  @media screen and (width < 768px) {
    [data-navigation-item] {
      opacity: 0;
    }

    .nav-menu {
      pointer-events: none;
    }

    [data-navigation-status='active'] .nav-menu {
      pointer-events: auto;
    }

    [data-navigation-status='not-active'] .nav-menu {
      pointer-events: none;
    }

    [data-navigation-status='active'] .nav-menu_container {
      transform: translateY(0%);
      opacity: 1;
      transition:
        transform 1s cubic-bezier(0.83, 0, 0.17, 1),
        opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) 0.25s;
    }

    [data-navigation-status='not-active'] .nav-menu_container {
      transform: translateY(-60%);
      opacity: 0;
      transition:
        transform 0.5s cubic-bezier(0.83, 0, 0.17, 1),
        opacity 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    }

    /* Links fade in after container arrives */
    [data-navigation-status='active'] [data-navigation-item] {
      opacity: 1;
      transition:
        opacity 0.3s ease 0.5s;
    }

    /* Links fade out first before container closes */
    [data-navigation-status='not-active'] [data-navigation-item] {
      opacity: 0;
      transition: jump-bothopacity 0.2s ease 0s;
    }
  }

/* === inline style #11 (orig pos 190858-192625) === */
/* Field: Error */
  [data-validate].is--error input,
  [data-validate].is--error textarea,
  [data-validate].is--error select {
    border-color: #ff4c24;
  }

  [data-validate].is--error .form-field-icon.is--error,
  [data-validate].is--error .radiocheck-field-icon.is--error {
    opacity: 1;
  }

  /* Field: Success */
  [data-validate].is--success .form-field-icon.is--success,
  [data-validate].is--success .radiocheck-field-icon.is--success {
    opacity: 1;
  }

  /* Field: Custom Radio or Checkbox */
  [data-form-validate] .radiocheck-field input:focus-visible ~ .radiocheck-custom {
    background-color: #d0cfcd;
    color: #e2e1df;
  }

  [data-form-validate] .radiocheck-field input:focus-visible:checked ~ .radiocheck-custom,
  [data-form-validate] .radiocheck-field input:checked ~ .radiocheck-custom {
    background-color: #131313;
    color: #efeeec;
  }

  [data-form-validate] .radiocheck-field .radiocheck-label.is--small {
    margin-top: 0.125em;
  }

  [data-validate].is--error .radiocheck-custom {
    border-color: #ff4c24;
  }

  [data-validate].is--error input:checked ~ .radiocheck-custom {
    border-color: #131313;
  }

  /* Field: Select */
  [data-form-validate] select:has(option[value='']:checked) {
    color: rgba(19, 19, 19, 0.3);
  }

  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  /* clock colon blinking animation */
  .clock__colon {
    animation: blink 1s steps(1, end) infinite;
  }

  .modal[aria-hidden='false'] {
    display: block;
  }

  @media screen and (width < 480px) {
    .modal .has-pointer__spaced {
      padding-left: 0;
    }

    .modal .has-pointer__spaced::before {
      display: none;
    }
  }

/* === inline style #12 (orig pos 596693-597257) === */
[data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 8) {
    display: none;
  }

  @media screen and (width < 768px) {
    [data-wf--bg-grid--variant='13-col'] > div:nth-child(-n + 9) {
      display: none;
    }
    [data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 10) {
      display: none;
    }
  }

  @media screen and (width < 480px) {
    [data-wf--bg-grid--variant='13-col'] {
      max-width: min((100% - var(--_components---container--gutter) * 2 + 0.75em), (var(--_components---container--max-width) + 0.75em));
    }
  }

/* === inline style #13 (orig pos 601776-602340) === */
[data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 8) {
    display: none;
  }

  @media screen and (width < 768px) {
    [data-wf--bg-grid--variant='13-col'] > div:nth-child(-n + 9) {
      display: none;
    }
    [data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 10) {
      display: none;
    }
  }

  @media screen and (width < 480px) {
    [data-wf--bg-grid--variant='13-col'] {
      max-width: min((100% - var(--_components---container--gutter) * 2 + 0.75em), (var(--_components---container--max-width) + 0.75em));
    }
  }

/* === inline style #14 (orig pos 604214-604778) === */
[data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 8) {
    display: none;
  }

  @media screen and (width < 768px) {
    [data-wf--bg-grid--variant='13-col'] > div:nth-child(-n + 9) {
      display: none;
    }
    [data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 10) {
      display: none;
    }
  }

  @media screen and (width < 480px) {
    [data-wf--bg-grid--variant='13-col'] {
      max-width: min((100% - var(--_components---container--gutter) * 2 + 0.75em), (var(--_components---container--max-width) + 0.75em));
    }
  }

/* === inline style #15 (orig pos 605380-606580) === */
.pro__item.is-home {
    padding-left: calc(var(--_layout---grid--gap-main) / 2);
    padding-right: calc(var(--_layout---grid--gap-main) / 2);
  }

  /* 1st item */
  .pro__grid.is-home > *:nth-child(1) {
    margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 5));
    flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 7));
    max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 7));
  }

  /* rest of the items */
  .pro__grid.is-home > *:nth-child(n + 2) {
    flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 6));
    max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 6));
  }

  @media (width < 992px) {
    .pro__grid.is-home > *:nth-child(1) {
      margin-left: calc(min(100%, 100% / var(--_layout---grid--columns) * 4));
      flex-basis: calc(min(100%, 100% / var(--_layout---grid--columns) * 8));
      max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 8));
    }
  }

  @media (width < 670px) {
    .pro__grid.is-home > *:nth-child(n) {
      margin-left: 0;
      flex-basis: 100%;
      max-width: calc(min(100%, 100% / var(--_layout---grid--columns) * 12));
    }
  }

/* === inline style #16 (orig pos 607687-608171) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #17 (orig pos 610681-611165) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #18 (orig pos 613210-613694) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #19 (orig pos 616596-617080) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #20 (orig pos 618388-618872) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #21 (orig pos 620182-620666) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #22 (orig pos 621960-622444) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #23 (orig pos 623752-624236) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #24 (orig pos 625526-626010) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #25 (orig pos 627304-627788) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #26 (orig pos 629098-629582) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #27 (orig pos 630892-631376) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #28 (orig pos 632680-633164) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #29 (orig pos 634456-634940) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #30 (orig pos 636244-636728) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #31 (orig pos 638018-638502) === */
.pro__card-header {
    flex: 1;
  }

  .pro__detail-item {
    position: relative;
  }

  .pro__detail-item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

  .pro__detail-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    height: 1px;
    width: 100%;
    background-color: var(--primary--border);
  }

/* === inline style #32 (orig pos 640828-641392) === */
[data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 8) {
    display: none;
  }

  @media screen and (width < 768px) {
    [data-wf--bg-grid--variant='13-col'] > div:nth-child(-n + 9) {
      display: none;
    }
    [data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 10) {
      display: none;
    }
  }

  @media screen and (width < 480px) {
    [data-wf--bg-grid--variant='13-col'] {
      max-width: min((100% - var(--_components---container--gutter) * 2 + 0.75em), (var(--_components---container--max-width) + 0.75em));
    }
  }

/* === inline style #33 (orig pos 642785-643062) === */
.model__card-title::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0%;
    border-radius: 50%;
    background-color: var(--_color---primary--plaster-white);
    width: .5em;
    height: 0.5em;
    transform: translateY(-100%);
  }

/* === inline style #34 (orig pos 643446-643723) === */
.model__card-title::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0%;
    border-radius: 50%;
    background-color: var(--_color---primary--plaster-white);
    width: .5em;
    height: 0.5em;
    transform: translateY(-100%);
  }

/* === inline style #35 (orig pos 644244-644521) === */
.model__card-title::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0%;
    border-radius: 50%;
    background-color: var(--_color---primary--plaster-white);
    width: .5em;
    height: 0.5em;
    transform: translateY(-100%);
  }

/* === inline style #36 (orig pos 645005-645569) === */
[data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 8) {
    display: none;
  }

  @media screen and (width < 768px) {
    [data-wf--bg-grid--variant='13-col'] > div:nth-child(-n + 9) {
      display: none;
    }
    [data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 10) {
      display: none;
    }
  }

  @media screen and (width < 480px) {
    [data-wf--bg-grid--variant='13-col'] {
      max-width: min((100% - var(--_components---container--gutter) * 2 + 0.75em), (var(--_components---container--max-width) + 0.75em));
    }
  }

/* === inline style #37 (orig pos 646079-648642) === */
.partners__list {
    counter-reset: partner;
  }

  .partners__item {
    counter-increment: partner;
  }

  .partner__name-wrap {
    position: relative;
  }

  .partners__item p {
    position: relative;
  }

  /* number index */
  .partners__item p::before {
    content: counter(partner, decimal-leading-zero);
    position: absolute;

    color: var(--primary--headings);
    font-size: var(--_typography---eyebrow--font-size);
    font-weight: var(--_typography---eyebrow--font-weight);
    letter-spacing: var(--_typography---eyebrow--letter-spacing);
    line-height: var(--_typography---eyebrow--line-height);
    
    left: -3.25em;
    top: 48%;
    opacity: 0.3;
    
    transform: translateY(-50%);
    transition: opacity 0.1s ease-in;
  }

  /* dot */
  .partner__name-wrap::before {
    content: '';
    position: absolute;
    
    left: -3.5em; /* stick to left edge */
    width: 0.4em;
    height: 0.4em;
    border-radius: 50%;
    background: currentColor;
    top: 47%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.1s ease-in;
  }

  /* logo img */
  .partners__logo-wrap img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
  }

  .partners__logo-wrap img.is-active {
    opacity: 1;
  }

  /* hover bar */
  .partners__highlight {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: var(--_color---primary--sand);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    will-change: transform, opacity;
  }

  /* logo change */
  .partners__logo {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    background-color: #000;
    color: white;
    padding: 1rem;
  }

  .partners__logo.is-active {
    opacity: 1;
  }

  /* mobile */
  .partners__item.is-active p::before {
    opacity: 1;
  }

  .partners__item.is-active .partner__name-wrap::before {
    opacity: 1;
  }

  @media (hover: hover) and (pointer: fine) {
    .partners__item:hover p::before {
      opacity: 1;
    }

    .partners__item:hover .partner__name-wrap::before {
      opacity: 1;
    }
  }

  @media (width < 576px) {
    /* number index position */
    .partners__item p::before {
      left: -2.35em;
    }

    /* dot position */
    .partner__name-wrap::before {
      left: -2.75em; /* stick to left edge */
    }
  }

  @media (width < 400px) {
    /* number index position */
    .partners__item p::before {
      left: -2.5em;
    }

    /* dot position */
    .partner__name-wrap::before {
      display: none;
    }
  }

/* === inline style #38 (orig pos 655597-656161) === */
[data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 8) {
    display: none;
  }

  @media screen and (width < 768px) {
    [data-wf--bg-grid--variant='13-col'] > div:nth-child(-n + 9) {
      display: none;
    }
    [data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 10) {
      display: none;
    }
  }

  @media screen and (width < 480px) {
    [data-wf--bg-grid--variant='13-col'] {
      max-width: min((100% - var(--_components---container--gutter) * 2 + 0.75em), (var(--_components---container--max-width) + 0.75em));
    }
  }

/* === inline style #39 (orig pos 657296-658310) === */
.footer__link-md,
  .footer__info-md {
    position: relative; /* allows bullet to position inside it */
  }

  /* footer bullet pointer styles */
  @media (width > 767px) {
    .has-pointer::after {
      content: '';
      position: absolute;

      left: -1em; /* stick to left edge */

      width: 0.45em;
      height: 0.45em;
      border-radius: 50%;
      background: currentColor;

      top: 0.6em;
      transform: translateY(-50%);
    }
  }

  /* show child 3 and 4 only on smaller devices */
  @media (width < 768px) {
    .footer__main-child.is--3,
    .footer__main-child.is--4 {
      display: block;
    }
  }

  /* hide legal list from row 2 on smaller devices */
  @media (width < 768px) {
    .footer__main > :nth-child(2) > :nth-child(3) {
      display: none;
    }
  }

  .footer-wrap__dark {
    opacity: 0;
    pointer-events: none;
    background-color: var(--primary--headings);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

/* === inline style #40 (orig pos 658468-659032) === */
[data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 8) {
    display: none;
  }

  @media screen and (width < 768px) {
    [data-wf--bg-grid--variant='13-col'] > div:nth-child(-n + 9) {
      display: none;
    }
    [data-wf--bg-grid--variant='6-col'] > div:nth-child(-n + 10) {
      display: none;
    }
  }

  @media screen and (width < 480px) {
    [data-wf--bg-grid--variant='13-col'] {
      max-width: min((100% - var(--_components---container--gutter) * 2 + 0.75em), (var(--_components---container--max-width) + 0.75em));
    }
  }

/* ── Suzi override：縮小 cc-cta 區塊 — cta-wrap 才是撐高度的內層 ── */
.section.cc-cta {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  min-height: auto !important;
}
.cta-wrap {
  min-height: auto !important;
  height: auto !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
@media screen and (max-width: 768px) {
  .section.cc-cta,
  .cta-wrap {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

/* ── Suzi override：partner panel — 原本 img 提供高度與 webflow CDN 的響應 sizing；
   換成 div 後失去這個 implicit sizing，所以這邊把 layout 釘到左邊 + 給定方形 aspect ratio。── */
.partners__logo-layout {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 50%;
  max-width: 500px;
  aspect-ratio: 1 / 1;
  z-index: 1;
}
.partners__logo-layout > .w-dyn-items {
  position: relative;
  width: 100%;
  height: 100%;
}
.partners__logos {
  position: absolute !important;
  inset: 0;
}
/* partner panel 完整樣式 */
.partners__logo {
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem;
  box-sizing: border-box;
  color: #F4F4ED;
  font-family: 'JB Mono', monospace;
}
.abclabel {
  font-size: 0.7rem!important;
  letter-spacing: 0.15em!important;
  opacity: 0.5!important;
  margin: 0 0 0.25rem!important;
}
 .abcvalue {
  font-size: 1rem!important;
  margin: 0!important;
  letter-spacing: 0.05em!important;
}
@media screen and (max-width: 768px) {
  /* 手機沒有 hover，這個 absolute 浮層（width:50%）會壓到公司清單變成左上黑方塊 → 隱藏。
     公司名稱清單仍完整顯示；TIMELINE/ROLE/LOCATION 詳情留給桌機 hover。 */
  .partners__logo-layout {
    display: none !important;
  }
  .partners__logo {
    padding: 1rem;
    gap: 0.75rem;
  }
  .abclabel {
    font-size: 0.6rem!important;
  }
  .abcvalue {
    font-size: 0.85rem!important;
  }
}

/* ============================================================
   ABOUT.html v0.7 — UI Agent spec (2026-06-01)
   §1 Hero / §2 Timeline / §3 Chips / §4 Competencies / §5 Philosophy
   注意：Timeline / Chip 用 .about__ 前綴鎖頁；
   等 Orchestrator 拍板「Shared Component or not」後再決定是否抽出。
   ============================================================ */

/* ---- Section padding (about pages) ---- */
.section[data-about-section="timeline"],
.section[data-about-section="competencies"] {
  padding: 120px 0;
}
.section.about__chips-section,
.section.about__philosophy-section {
  padding: 160px 0;
}
@media (max-width: 991px) {
  .section[data-about-section="timeline"],
  .section[data-about-section="competencies"],
  .section.about__chips-section,
  .section.about__philosophy-section { padding: 120px 0; }
}
@media (max-width: 767px) {
  .section[data-about-section="timeline"],
  .section[data-about-section="competencies"] { padding: 64px 0; }
  .section.about__chips-section,
  .section.about__philosophy-section { padding: 80px 0; }
}

/* ---- §1 Hero background illustration ---- */
.section.cc-hero-about {
  position: relative;
  overflow: hidden;
}
.cc-hero-about > .u-img-cover {
  z-index: 0;
  opacity: 1;
  object-position: right center;
}
/* left-dark → right-light gradient so the left-aligned copy stays readable */
.cc-hero-about::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(22, 21, 30, 0.8) 0%,
    rgba(22, 21, 30, 0.68) 30%,
    rgba(22, 21, 30, 0.42) 65%,
    rgba(22, 21, 30, 0.2) 100%
  );
}
.cc-hero-about > .bg__grid {
  z-index: 1;
}
.cc-hero-about > .w-layout-blockcontainer {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  /* on narrow screens the figure sits right-of-frame; lift overlay so text wins */
  .cc-hero-about > .u-img-cover { opacity: 0.5; }
  .cc-hero-about::after {
    background: linear-gradient(
      90deg,
      #16151e 0%,
      rgba(22, 21, 30, 0.9) 50%,
      rgba(22, 21, 30, 0.7) 100%
    );
  }
}

/* ---- §1 Hero typography ---- */
.about__header .eyebrow {
  margin-bottom: 16px;
  letter-spacing: 0.1em;
}
.about__header .h1 {
  margin-bottom: 32px;
}
.about__header > p.u-text-gray {
  max-width: 720px;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}
.about__intro {
  text-wrap: pretty; /* avoid orphan words / awkward last-line breaks */
}
.about__intro + .about__intro {
  margin-top: 1.2em; /* gap between consecutive intro paragraphs */
}
.u-nowrap {
  white-space: nowrap;
}

/* ---- Approach hero: big EN title + Chinese subtitle + annotation columns ---- */
.cc-home-hero .approach__hero-sub {
  margin: 20px 0 0;
  max-width: 620px;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.82);
}
.cc-home-hero .hero-annotation__zh {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
}

/* ---- Approach §3: 7-step process — grid 4+3, responsive ---- */
.process-stepper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 24px;
  list-style: none;
  margin: 56px 0 0;
  padding: 0;
}
.process-step {
  position: relative;
  box-sizing: border-box;
}
.process-step__marker {
  position: relative;
  height: 44px;
  margin-bottom: 18px;
}
/* connector line: from this circle to the next within the row */
.process-step__marker::before {
  content: '';
  position: absolute;
  top: 21px;
  left: 44px;
  width: calc(100% - 20px);
  height: 1px;
  background: #D9D4C7;
  z-index: 0;
}
/* no line after last item of each row (4th) or the final step */
.process-step:nth-child(4n) .process-step__marker::before,
.process-step:last-child .process-step__marker::before {
  display: none;
}
.process-step__num {
  position: relative;
  z-index: 1;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--_color---primary--plaster-white, #F4F4ED);
  border: 1px solid #D03B00;
  color: #D03B00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 15px;
}
.process-step__title {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 3px;
  color: var(--_color---primary--midnight-blue);
}
.process-step__title-en {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #D03B00;
  margin: 0 0 12px;
}
.process-step__activities {
  font-size: 13px;
  line-height: 1.7;
  color: #6a6a6a;
  margin: 0;
}
/* tablet: 2 columns, drop connectors (line logic only holds at 4-col) */
@media (max-width: 1024px) {
  .process-stepper {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
  }
  .process-step__marker::before {
    display: none;
  }
}
/* mobile: single column */
@media (max-width: 560px) {
  .process-stepper {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* ---- Home about section: READ MORE CTA spacing ---- */
.intro__cta {
  margin-top: 32px;
}

/* ---- Approach §4: closing conclusion (dark section) ---- */
.approach__closing-wrap {
  min-height: auto; /* override testimonial__wrap 70vh — content is short now */
  row-gap: 0;
}
.approach__closing-en {
  margin: 16px 0 8px;
}
.approach__closing-title {
  margin: 0 0 28px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--_color---primary--plaster-white);
}
.approach__closing-text {
  font-size: 16px;
  line-height: 1.8;
  max-width: 760px;
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.82);
  text-wrap: pretty;
}
.approach__closing-text:last-child {
  margin-bottom: 0;
}

/* ---- Section H2 spacing (timeline / chips / competencies / philosophy) ---- */
[data-about-section] h2.h2,
.about__chips-section h2.h2,
.about__philosophy-section h2.h2 {
  margin-bottom: 48px;
}

/* ---- §2 Career Timeline ---- */
.about__timeline {
  margin-top: 32px;
}

/* ---- Horizontal card slider ---- */
.timeline-slider {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.timeline-slider::-webkit-scrollbar {
  display: none;
}
.timeline-card {
  flex: 0 0 auto;
  width: calc(40% - 14px);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* two stacked company cells per card */
.timeline-cell {
  padding: 32px;
  box-sizing: border-box;
}
.timeline-cell--top {
  background: #DEDED7; /* plaster light gray */
  color: var(--_color---primary--midnight-blue);
}
.timeline-cell--bottom {
  background: #2C2C30; /* dark gray */
  color: #EDEDED;
}

.timeline-period {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: #D03B00;
  margin: 0 0 8px;
}
.timeline-cell--bottom .timeline-period {
  color: #FF7A45;
}
.timeline-company {
  font-weight: 600;
  margin: 0 0 4px;
  color: inherit;
}
.timeline-role {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 4px;
  color: inherit;
}
.timeline-domain {
  font-size: 13px;
  margin: 0 0 12px;
  color: #8c8c8c;
}
.timeline-cell--bottom .timeline-domain {
  color: #767676;
}
.timeline-achievement {
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  color: inherit;
  opacity: 0.85;
}

/* ---- Progress bar + arrows nav ---- */
.timeline-nav {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 40px;
}
.timeline-arrow {
  flex-shrink: 0;
  background: transparent;
  border: none;
  color: var(--_color---primary--midnight-blue);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
  transition: color 0.2s, opacity 0.2s;
}
.timeline-arrow:hover:not(:disabled) {
  color: #D03B00;
}
.timeline-arrow:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.timeline-progress {
  flex: 1;
  height: 4px;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}
.timeline-progress__fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #8A8A8A;
  transition: width 0.15s ease-out;
}

/* ---- Case detail gallery slider（沿用 timeline 進度條/箭頭）---- */
/* cover 移到 slider 後，hero 不再需要撐滿視窗高；hero 下緣與 slider 間隔固定 120px */
.section.cc-case-hero { min-height: auto; padding-bottom: 120px; }
.section.cc-case-gallery { padding-top: 0; }
.case-gallery__slider {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.case-gallery__slider::-webkit-scrollbar { display: none; }
.case-gallery__card {
  flex: 0 0 auto;
  width: calc(46% - 12px);
  scroll-snap-align: start;
  box-sizing: border-box;
}
.case-gallery__card img,
.case-gallery__card .u-img-cover {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}
.case-gallery__nav {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 32px;
}
@media screen and (max-width: 800px) {
  .case-gallery__card { width: 88%; }
}

/* ---- K8 子項目連結 + 燈箱 ---- */
.k8-sub__links { display: flex; flex-direction: column; gap: 8px; margin: 0 0 28px; }
.k8-sub__link {
  background: none; border: none; padding: 0 0 2px; cursor: pointer;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 15px; font-weight: 600; letter-spacing: 0.02em;
  color: var(--_color---primary--midnight-blue);
  text-align: left; width: max-content;
  border-bottom: 1px solid currentColor;
  transition: color 0.2s;
}
.k8-sub__link:hover { color: #D03B00; }

.k8-lightbox[hidden] { display: none; }
.k8-lightbox {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(48, 48, 50, 0.93);
  display: flex; align-items: center; justify-content: center;
  padding: 88px 80px;
}
.k8-lightbox__stage {
  max-width: 100%; max-height: 100%;
  display: flex; align-items: center; justify-content: center;
}
.k8-lightbox__img {
  max-width: 100%; max-height: 82vh; width: auto; height: auto;
  display: none; object-fit: contain; border-radius: 4px;
}
.k8-lightbox__back {
  position: absolute; top: 28px; left: 32px;
  background: none; border: none; cursor: pointer;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 14px; letter-spacing: 0.08em; color: #EDEDED;
  transition: color 0.2s;
}
.k8-lightbox__back:hover { color: #D03B00; }
.k8-lightbox__arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  font-size: 40px; line-height: 1; color: #EDEDED; padding: 12px;
  transition: color 0.2s;
}
.k8-lightbox__arrow:hover { color: #D03B00; }
.k8-lightbox__prev { left: 20px; }
.k8-lightbox__next { right: 20px; }
.k8-lightbox__counter {
  position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 14px; letter-spacing: 0.05em; color: #EDEDED;
}
@media screen and (max-width: 800px) {
  .k8-lightbox { padding: 72px 48px; }
  .k8-lightbox__arrow { font-size: 30px; }
}

/* ---- Mobile: 1.15 cards visible ---- */
@media screen and (max-width: 800px) {
  .timeline-card {
    width: calc(88%);
  }
  .timeline-cell {
    padding: 24px;
  }
}
/* ---- §3 Cross-Industry Chips (with about-bg2.png background) ---- */
.about__chips-section {
  position: relative;
  overflow: hidden;
}
.about__chips-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(244, 244, 237, 0.88); /* plaster-white 88% overlay */
  z-index: 1;
  pointer-events: none;
}
.about__chips-section > .w-layout-blockcontainer {
  position: relative;
  z-index: 2;
}
.about__chips {
  margin-top: 32px;
}
.chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.chip {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background: var(--_color---primary--midnight-blue);
  color: var(--_color---primary--plaster-white);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 14px;
  letter-spacing: 0.02em;
  border-radius: 2px;
  transition: background-color 200ms ease;
  list-style: none;
}
.chip:hover {
  background: #D03B00;
}
@media (max-width: 767px) {
  .chip {
    padding: 8px 16px;
    font-size: 13px;
  }
}

/* ---- §4 Core Competencies (3 cards grid) ---- */
.about__competencies {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.competency-card {
  background: var(--_color---primary--plaster-white);
  border-left: 2px solid #D03B00;
  padding: 0px 32px;
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.competency-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(22, 21, 30, 0.08);
}
.competency-card h3 {
  color: var(--_color---primary--midnight-blue);
  font-weight: 600;
  margin: 0 0 16px;
}
.competency-card p {
  font-size: 16px;
  line-height: 1.7;
  color: #4a4a4a;
  margin: 0;
}
@media (max-width: 991px) {
  .about__competencies { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .about__competencies { grid-template-columns: 1fr; gap: 16px; }
  .competency-card { padding: 24px; }
}

/* ---- §5 What I Believe (Dark theme) ---- */
.about__philosophy-section {
  background: var(--_color---primary--midnight-blue);
  color: var(--_color---primary--plaster-white);
  position: relative;
  overflow: hidden;
}
.about__philosophy-section > .w-layout-blockcontainer {
  position: relative;
  z-index: 2;
}
.about__philosophy-section .eyebrow {
  color: #D03B00;
}
.about__philosophy-section .h2 {
  color: var(--_color---primary--plaster-white);
}
.about__philosophy-text {
  font-size: 16px;
  line-height: 1.4;
  color: var(--_color---primary--plaster-white);
  max-width: 900px;
  margin: 16px 0 50px;
  font-weight: 400;
}
.about__philosophy-text strong {
  color: #D03B00;
  /* font-style: italic; */
  font-weight: 600;
  font-size: 24px;
  padding-top:10px;
  display: block;
}
.about__philosophy-section .button-default {
  border-color: var(--_color---primary--plaster-white);
  color: var(--_color---primary--plaster-white);
}
.about__philosophy-section .button-default:hover {
  background: #D03B00;
  border-color: #D03B00;
}
@media (max-width: 991px) {
  .about__philosophy-text { font-size: 20px; }
}
@media (max-width: 767px) {
  .about__philosophy-text {
    font-size: 20px;
    line-height: 1.5;
    margin: 24px 0 32px;
  }
}

/* astro:assets <Image> adds width/height attrs; force height:auto so aspect-ratio (6.6/4.7) governs and the cover is not stretched */
.pro_cover-image {
  height: auto;
}