/* Shared shell and action styles; page sections retain their own layout and colors. */

.site-header,.site-footer{font-family:'IBM Plex Sans',Arial,sans-serif;line-height:1.5}
.site-header .container,.site-footer .container{width:min(calc(100% - 48px),1180px);margin-inline:auto}
.site-header{height:84px;position:sticky;top:0;z-index:50;background:rgba(243,240,231,.97);border-bottom:1px solid #cad2cf;backdrop-filter:blur(16px)}
.site-header .nav-shell{height:100%;display:flex;align-items:center;gap:28px}
.site-header .brand,.site-footer .brand{display:flex;align-items:center;flex:none;gap:0;padding:0;filter:none;line-height:1;letter-spacing:normal}
.site-header .brand__logo{display:block;width:252px;height:auto;max-width:none}
.site-header .main-nav{position:static;display:flex;align-items:center;gap:24px;margin-left:auto;padding:0;background:none;border:0}
.site-header .main-nav>a{display:inline-flex;align-items:center;position:relative;min-height:84px;padding:0;color:#536469;font-size:.875rem;font-weight:600;letter-spacing:0;line-height:1.4;white-space:nowrap;border:0}
.site-header .main-nav>a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#007a76;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.site-header .main-nav>a:hover,.site-header .main-nav>a[aria-current]{color:#0b2026}
.site-header .main-nav>a:hover:after,.site-header .main-nav>a[aria-current]:after{transform:scaleX(1)}
.site-header .nav-actions{display:flex;align-items:center;gap:0;margin:0}
.site-header .nav-cta,.site-header .main-nav .nav-mobile-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 18px;border:1px solid #007a76;border-radius:0;background:#007a76;color:#fff;box-shadow:none;font-size:.875rem;font-weight:600;line-height:1.4;white-space:nowrap;letter-spacing:0;text-transform:none;transition:background-color .2s ease}
.site-header .nav-cta:hover,.site-header .main-nav .nav-mobile-cta:hover{background:#00625e;transform:none}
.site-header .nav-cta:after{content:none}
.site-header .nav-cta[aria-current]{background:#0b2026;border-color:#0b2026}
.site-header .main-nav .nav-mobile-cta{display:none!important}
.site-header .nav-toggle{display:none;flex:none;width:44px;height:44px;padding:10px;border:1px solid #a8b8b5;border-radius:0;background:transparent}
.site-header .nav-toggle span{display:block;width:20px;height:2px;background:#0b2026;margin:4px auto;transition:transform .2s ease,opacity .2s ease}
.site-header .nav-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}
.site-header .nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.site-header .nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}
.site-header :focus-visible{outline:3px solid #007a76;outline-offset:4px}
.site-header .nav-cta:focus-visible{outline-color:#0b2026}

.site-footer{background:#0b2026;color:#fff;padding:62px 0 28px;border-top:3px solid #007a76}
.site-footer .footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:clamp(32px,5vw,72px)}
.site-footer .footer-brand{grid-column:auto;min-width:0}
.site-footer .brand{width:max-content;max-width:100%}
/* Offset the SVG's built-in clear space so its visible symbol aligns with the copy. */
.site-footer .brand__logo{display:block;width:300px;height:auto;max-width:100%;filter:none;transform:translateX(-6.108214%)}
.site-footer .footer-brand p{max-width:345px;margin:18px 0 20px;color:#bdcece;font-size:1rem;line-height:1.65}
.site-footer .footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:13px;min-width:0}
.site-footer .footer-col strong{margin:0 0 12px;color:#c7f63b;font:500 .8125rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.site-footer .footer-col a{display:inline-flex;align-items:center;min-height:36px;gap:12px;color:#bdcece;font-size:.9375rem;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.site-footer .footer-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.site-footer .footer-col .footer-contact{margin-top:14px;color:#fff;border-bottom:1px solid #6b8f90;padding-bottom:7px;align-items:baseline}
.site-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #314a4f;margin-top:46px;padding-top:22px;color:#a8bfc0;font-size:.8125rem;line-height:1.6}
.site-footer :focus-visible{outline:3px solid #c7f63b;outline-offset:4px}

@media(max-width:1080px){
  .site-header .nav-actions{margin-left:auto}
  .site-header .nav-actions>.nav-cta{display:none}
  .site-header .nav-toggle{display:block}
  .site-header .main-nav{display:none;position:absolute;top:84px;left:0;right:0;max-height:calc(100dvh - 84px);overflow-y:auto;background:#f3f0e7;padding:12px 24px 24px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #a8b8b5;box-shadow:0 16px 24px -20px #0b2026}
  .site-header .main-nav.open{display:flex}
  .site-header .main-nav>a{min-height:52px;padding:12px 0;border-bottom:1px solid #cad2cf;font-size:1rem;white-space:normal}
  .site-header .main-nav>a:after{display:none}
  .site-header .main-nav>a[aria-current]{color:#006f6b}
  .site-header .main-nav .nav-mobile-cta{display:flex!important;min-height:48px;margin:16px 0 0;padding:12px 18px;color:#fff;border:0}
  .site-header .main-nav .nav-mobile-cta[aria-current]{background:#0b2026;color:#fff}
  /* A working navigation is present even if JavaScript fails to load. */
  html:not(.site-nav-ready) .site-header{height:auto;position:relative}
  html:not(.site-nav-ready) .site-header .nav-shell{flex-wrap:wrap;gap:0;padding-bottom:12px}
  html:not(.site-nav-ready) .site-header .main-nav{position:static;display:flex;flex-basis:100%;order:3;padding:0;border:0;box-shadow:none;max-height:none}
  html:not(.site-nav-ready) .site-header .nav-toggle{display:none}
  .site-footer .footer-grid{grid-template-columns:1.2fr 1fr;gap:32px 48px}
  .site-footer .footer-brand{grid-column:1/-1}
  .site-footer .footer-brand p{max-width:480px;margin-top:8px}
}
@media(max-width:640px){
  .site-header .container,.site-footer .container{width:calc(100% - 32px)}
  .site-header .brand__logo{width:240px}
  .site-header .nav-shell{gap:4px}
  .site-header .main-nav{padding-inline:16px}
  .site-footer{padding:42px 0 24px}
  .site-footer .footer-grid{grid-template-columns:1fr;gap:28px}
  .site-footer .footer-brand{grid-column:auto}
  .site-footer .footer-brand p{max-width:340px}
  .site-footer .footer-col{padding-top:0}
  .site-footer .footer-col a{min-height:44px}
  .site-footer .footer-bottom{flex-direction:column;gap:10px;margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}
@media print{.site-header,.site-transition,.site-welcome-skip{display:none!important}.site-footer{background:#0b2026!important;color:#fff!important;print-color-adjust:exact}}

.site-footer .footer-privacy{display:inline-block;margin-left:16px;color:inherit;text-underline-offset:4px}

/* One body-action treatment across the launch and retained legacy pages. */
:is(#main-content,#main) :is(a,button):is(.btn,.button,.company-promise__primary,.process-assessment__primary,.property-form__submit,.support-page__button,.not-found__home),
.mobile-cta .btn{
  min-height:52px;
  padding:13px 22px;
  gap:16px;
  border-radius:0;
  box-shadow:none;
  font-family:'IBM Plex Sans',Arial,sans-serif;
  font-size:.9375rem;
  font-weight:600;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
}
:is(#main-content,#main) :is(a,button):is(.btn,.button,.company-promise__primary,.process-assessment__primary,.property-form__submit,.support-page__button,.not-found__home):hover,
.mobile-cta .btn:hover{
  transform:none;
  box-shadow:none;
}
:is(#main-content,#main) :is(a,button):is(.text-link,.company-promise__secondary,.process-assessment__secondary,.philosophy-practice__link,.project-proof__link,.support-page__text-link,.not-found__explore){
  min-height:44px;
  padding-block:8px;
  gap:16px;
  border-bottom-width:1px;
  border-bottom-style:solid;
  font-family:'IBM Plex Sans',Arial,sans-serif;
  font-size:.9375rem;
  font-weight:600;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
}
:is(#main-content,#main) :is(a,button):is(.btn,.button,.company-promise__primary,.process-assessment__primary,.property-form__submit,.support-page__button,.not-found__home,.text-link,.company-promise__secondary,.process-assessment__secondary,.philosophy-practice__link,.project-proof__link,.support-page__text-link,.not-found__explore):focus-visible,
.mobile-cta .btn:focus-visible{
  outline-width:3px;
  outline-style:solid;
  outline-offset:4px;
}
