.facilitator-page .figma-page {
  height: 3085px;
  overflow: hidden;
}

.txt {
  position: absolute;
  font-family: "Roboto", Arial, sans-serif;
  z-index: 20;
  margin: 0;
}
.hero-mask {
  position: absolute;
  left: -9px;
  top: -13px;
  width: 1457px;
  height: 464px;
  overflow: hidden;
  background: #000;
}
.hero-img {
  position: absolute;
  left: -11px;
  top: -178px;
  width: 1451px;
  height: 1280px;
  object-fit: cover;
}
.hero-overlay {
  position: absolute;
  left: -9px;
  top: -13px;
  width: 1457px;
  height: 464px;
  background: #000;
  opacity: 0.54;
}
.logo-top {
  left: 80px;
  top: 25px;
  width: 179px;
  height: 60px;
  object-fit: cover;
  background: #fff;
  z-index: 30;
}
.contact-btn {
  left: 1230px;
  top: 29px;
  width: 130px;
  height: 54px;
  background: var(--color-primary);
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
}
.nav-bg {
    left: 444px;
    top: 29px;
    width: 578px;
    height: 52px;
    background: rgba(255, 255, 255, 0.18);
    opacity: 0.18;
    z-index: 25;
}
.nav-active {
  left: 783px;
  top: 34px;
  width: 164px;
  height: 42px;
  background: var(--color-primary);
  z-index: 27;
}
.nav-link {
  top: 46px;
  height: 16px;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  z-index: 31;
  white-space: nowrap;
}
.nav-home {
  left: 465px;
  width: 44px;
}
.nav-services {
  left: 536px;
  width: 90px;
}
.nav-team {
  left: 653px;
  width: 107px;
}
.nav-facilitator {
  left: 796px;
  width: 138px;
}
.nav-faq {
  left: 969px;
  width: 31px;
}
.hero-title {
  left: calc(50% - 1115px / 2 + 0.5px);
  top: 209px;
  width: 1115px;
  height: 38px;
  color: #fff;
  font-size: 54px;
  line-height: 65px;
  font-weight: 300;
  text-align: center;
  text-transform: capitalize;
  z-index: 30;
}
.hero-sub {
  left: calc(50% - 1072px / 2 + 1px);
  top: 308px;
  width: 1072px;
  height: 23px;
  color: #fff;
  font-size: 24px;
  line-height: 33px;
  font-weight: 300;
  text-align: center;
  z-index: 30;
}

.red-panel {
  left: 98px;
  top: 786px;
  width: 1262px;
  height: 722px;
  background: var(--color-primary);
  z-index: 1;
}
.scott-wrap {
  left: -4px;
  top: 432px;
  width: 793px;
  height: 1077px;
  overflow: hidden;
  z-index: 5;
}
.scott-img {
  left: -74px;
  top: 5px;
  width: 815px;
  height: 1248px;
  object-fit: COVER;
  z-index: 5;
}
.name {
  left: calc(50% - 492px / 2 + 104px);
  top: 649px;
  width: 492px;
  height: 38px;
  color: var(--color-primary);
  font-size: 44px;
  line-height: 54px;
  font-weight: 500;
  z-index: 30;
}
.role {
  left: calc(50% - 714px / 2 + 215px);
  top: 717px;
  width: 714px;
  height: 19px;
  color: #646464;
  font-size: 24px;
  line-height: 27px;
  font-weight: 500;
  text-transform: capitalize;
  z-index: 30;
}
.quote1 {
  left: calc(50% - 559px / 2 + 292.5px);
  top: 860px;
  width: 559px;
  height: 297px;
  color: #fff;
  font-style: italic;
  font-size: 24px;
  line-height: 31px;
  font-weight: 400;
  text-align: justify;
  z-index: 30;
}
.quote2 {
  left: calc(50% - 449px / 2 + 330.5px);
  top: 1163px;
  width: 449px;
  height: 278px;
  color: #fff;
  font-style: italic;
  font-size: 24px;
  line-height: 31px;
  font-weight: 400;
  z-index: 30;
}
.copy-main {
  left: calc(50% - 1280px / 2);
  top: 1603px;
  width: 1280px;
  height: 257px;
  color: #646464;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  z-index: 20;
}
.copy-left1 {
  left: calc(50% - 812px / 2 - 234px);
  top: 1908px;
  width: 812px;
  height: 136px;
  color: #646464;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  z-index: 20;
}
.copy-left2 {
  left: calc(50% - 775px / 2 - 252.5px);
  top: 2089px;
  width: 775px;
  height: 104px;
  color: #646464;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  z-index: 20;
}
.txt strong {
  font-weight: 700;
  color: #505050;
}
.building {
  left: 701px;
  top: 1849px;
  width: 1023px;
  height: 767px;
  object-fit: contain;
  z-index: 10;
}
.ready-title {
  left: calc(50% - 636px / 2 - 318px);
  top: 2270px;
  width: 636px;
  height: 36px;
  color: #707070;
  font-size: 32px;
  line-height: 27px;
  font-weight: 400;
  z-index: 20;
}
.ready-text {
  left: calc(50% - 617px / 2 - 327.5px);
  top: 2333px;
  width: 617px;
  height: 55px;
  color: #646464;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  z-index: 20;
}
.get-touch {
  left: 84px;
  top: 2415px;
  width: 144px;
  height: 48px;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  z-index: 20;
}
/* ================================================================
   SOR FACILITATOR PAGE — PREMIUM CORPORATE MOTION
   Paste at the very bottom of wwwroot/assets/css/facilitator.css

   This is intentionally page-specific and scoped to .facilitator-page.
   It does not change the fixed 1440px Figma geometry.
   ================================================================ */

.facilitator-page {
    --facilitator-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --facilitator-ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
    --facilitator-red: var(--color-primary, #ff4040);
}

    .facilitator-page .figma-page {
        isolation: isolate;
    }

    /* Header / hero premium entrance */
    .facilitator-page .hero-mask {
        isolation: isolate;
    }

    .facilitator-page .hero-img {
        transform-origin: center center;
        animation: facilitatorHeroImageIn 1500ms var(--facilitator-ease-soft) both;
        will-change: transform, opacity, filter;
    }

    .facilitator-page .hero-overlay {
        animation: facilitatorOverlayIn 950ms ease both;
    }

    .facilitator-page .logo-top,
    .facilitator-page .nav-bg,
    .facilitator-page .nav-active,
    .facilitator-page .nav-link,
    .facilitator-page .contact-btn,
    .facilitator-page .hero-title,
    .facilitator-page .hero-sub {
        animation: facilitatorHeroTextIn 720ms var(--facilitator-ease) both;
    }

    .facilitator-page .logo-top {
        animation-delay: 80ms;
    }

    .facilitator-page .nav-bg,
    .facilitator-page .nav-active {
        animation-delay: 130ms;
    }

    .facilitator-page .nav-link {
        animation-delay: 165ms;
    }

    .facilitator-page .contact-btn {
        animation-delay: 210ms;
    }

    .facilitator-page .hero-title {
        animation-delay: 280ms;
    }

    .facilitator-page .hero-sub {
        animation-delay: 380ms;
    }

@keyframes facilitatorHeroImageIn {
    from {
        opacity: 0.76;
        transform: scale(1.045);
        filter: saturate(0.92) contrast(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
        filter: saturate(1) contrast(1);
    }
}

@keyframes facilitatorOverlayIn {
    from {
        opacity: 0.70;
    }

    to {
        opacity: 0.54;
    }
}

@keyframes facilitatorHeroTextIn {
    from {
        opacity: 0;
        transform: translate3d(0, 12px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Header link / button polish */
.facilitator-page .nav-link,
.facilitator-page .contact-btn,
.facilitator-page .get-touch {
    text-decoration: none;
    transition: transform 240ms var(--facilitator-ease), filter 240ms ease, box-shadow 240ms ease, color 240ms ease;
}

    .facilitator-page .nav-link:hover {
        color: #ffd0d0;
        transform: translate3d(0, -2px, 0);
    }

    .facilitator-page .contact-btn:hover,
    .facilitator-page .get-touch:hover {
        transform: translate3d(0, -3px, 0);
        filter: brightness(1.035);
        box-shadow: 0 16px 34px rgba(255, 64, 64, 0.24);
    }

/* Scroll reveal system */
html.facilitator-motion-ready .facilitator-page .facilitator-motion-target {
    --facilitator-x: 0px;
    --facilitator-y: 24px;
    --facilitator-scale: 1;
    --facilitator-parallax-y: 0px;
    opacity: 0;
    transform: translate3d( var(--facilitator-x), calc(var(--facilitator-y) + var(--facilitator-parallax-y)), 0 ) scale(var(--facilitator-scale));
    filter: blur(1.5px) saturate(0.96) contrast(0.98);
    transition: opacity 720ms var(--facilitator-ease), transform 860ms var(--facilitator-ease-soft), filter 560ms ease;
    transition-delay: var(--facilitator-delay, 0ms);
    will-change: opacity, transform, filter;
}

    html.facilitator-motion-ready .facilitator-page .facilitator-motion-target.facilitator-visible {
        --facilitator-x: 0px;
        --facilitator-y: 0px;
        --facilitator-scale: 1;
        opacity: 1;
        filter: none;
    }

/* Direction and depth presets assigned by JavaScript */
html.facilitator-motion-ready .facilitator-page .facilitator-from-left {
    --facilitator-x: -34px;
}

html.facilitator-motion-ready .facilitator-page .facilitator-from-right {
    --facilitator-x: 34px;
}

html.facilitator-motion-ready .facilitator-page .facilitator-from-up {
    --facilitator-y: 30px;
}

html.facilitator-motion-ready .facilitator-page .facilitator-soft-scale {
    --facilitator-y: 16px;
    --facilitator-scale: 0.985;
}

/* Main facilitator feature section */
.facilitator-page .red-panel {
    overflow: hidden;
    box-shadow: 0 26px 80px rgba(255, 64, 64, 0.18);
}

    .facilitator-page .red-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.20), transparent 27%), linear-gradient(110deg, transparent 28%, rgba(255, 255, 255, 0.15) 47%, transparent 66%);
        transform: translateX(-115%);
        opacity: 0;
    }

html.facilitator-motion-ready .facilitator-page .red-panel.facilitator-visible::before {
    animation: facilitatorPanelSweep 1150ms var(--facilitator-ease) 360ms both;
}

@keyframes facilitatorPanelSweep {
    0% {
        opacity: 0;
        transform: translateX(-115%);
    }

    16% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(115%);
    }
}

.facilitator-page .scott-wrap {
    transform-origin: center bottom;
    filter: drop-shadow(0 22px 44px rgba(0, 0, 0, 0.12));
}

.facilitator-page .scott-img {
    transform-origin: center bottom;
    transition: transform 700ms var(--facilitator-ease-soft), filter 520ms ease;
    will-change: transform, filter;
}

.facilitator-page .scott-wrap:hover .scott-img {
    transform: translate3d(7px, -6px, 0) scale(1.012);
    filter: saturate(1.025) contrast(1.015);
}

/* Name + role: refined text interaction, not a big movement. */
.facilitator-page .name {
    position: absolute;
}

  /*  .facilitator-page .name::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -14px;
        width: 74px;
        height: 3px;
        border-radius: 999px;
        background: var(--facilitator-red);
        transform-origin: left center;
        transform: scaleX(0);
        opacity: 0;
        transition: transform 680ms var(--facilitator-ease) 180ms, opacity 260ms ease 180ms;
    }*/

html.facilitator-motion-ready .facilitator-page .name.facilitator-visible::after {
    transform: scaleX(1);
    opacity: 1;
}

.facilitator-page .name:hover {
    color: #f53030;
}

/* Quote block gets a premium readable finish. */
.facilitator-page .quote1,
.facilitator-page .quote2 {
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

/* Building image: small scroll depth and hover polish. */
.facilitator-page .building {
    transform-origin: center bottom;
    transition: transform 760ms var(--facilitator-ease-soft), filter 560ms ease;
    will-change: transform, filter;
    filter: saturate(0.99) contrast(1.01) drop-shadow(0 22px 42px rgba(0, 0, 0, 0.08));
}

html.facilitator-motion-ready .facilitator-page .building.facilitator-visible {
    transform: translate3d(0, var(--facilitator-parallax-y, 0px), 0) scale(1);
}

.facilitator-page .building.facilitator-visible:hover {
    transform: translate3d(0, calc(var(--facilitator-parallax-y, 0px) - 6px), 0) scale(1.006);
    filter: saturate(1.025) contrast(1.018) drop-shadow(0 28px 56px rgba(0, 0, 0, 0.13));
}

/* Copy and CTA polish */
.facilitator-page .copy-main,
.facilitator-page .copy-left1,
.facilitator-page .copy-left2,
.facilitator-page .ready-title,
.facilitator-page .ready-text {
    transition: color 260ms ease, text-shadow 260ms ease;
}

    .facilitator-page .copy-main:hover,
    .facilitator-page .copy-left1:hover,
    .facilitator-page .copy-left2:hover {
        color: #565656;
        text-shadow: 0 8px 26px rgba(255, 64, 64, 0.045);
    }

.facilitator-page .get-touch {
    position: absolute;
    overflow: hidden;
}

    .facilitator-page .get-touch::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,0.35) 48%, transparent 74%);
        transform: translateX(-130%);
        transition: transform 620ms var(--facilitator-ease);
    }

    .facilitator-page .get-touch:hover::after {
        transform: translateX(130%);
    }

@media (hover: none) {
    .facilitator-page .scott-wrap:hover .scott-img,
    .facilitator-page .building.facilitator-visible:hover,
    .facilitator-page .contact-btn:hover,
    .facilitator-page .get-touch:hover,
    .facilitator-page .nav-link:hover {
        transform: none;
        box-shadow: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .facilitator-page .hero-img,
    .facilitator-page .hero-overlay,
    .facilitator-page .logo-top,
    .facilitator-page .nav-bg,
    .facilitator-page .nav-active,
    .facilitator-page .nav-link,
    .facilitator-page .contact-btn,
    .facilitator-page .hero-title,
    .facilitator-page .hero-sub,
    .facilitator-page .facilitator-motion-target,
    .facilitator-page .red-panel::before,
    .facilitator-page .scott-img,
    .facilitator-page .building,
    .facilitator-page .get-touch::after {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
        box-shadow: none !important;
    }

    .facilitator-page .name::after {
        transform: scaleX(1) !important;
        opacity: 1 !important;
    }
}
/* ================================================================
   FACILITATOR BUILDING IMAGE OVER FOOTER FIX
   Keeps the building in the same position, but shows it above footer.
   ================================================================ */

.facilitator-page .building {
    top: 1849px !important;
    left: 701px !important;
    width: 1023px !important;
    height: 767px !important;
    object-fit: contain !important;
    z-index: 5000 !important;
    position: absolute !important;
    pointer-events: none;
}

/* Footer stays behind the building image on facilitator page */
.facilitator-page .sor-footer {
    z-index: 3000 !important;
}

/* Keep animation/parallax from pushing image behind footer */
html.facilitator-motion-ready .facilitator-page .building.facilitator-visible {
    z-index: 5000 !important;
}

/* Optional hover still works visually but image remains above footer */
.facilitator-page .building.facilitator-visible:hover {
    z-index: 5000 !important;
}

/* ================================================================
   FACILITATOR PAGE — EXACT FAQ STYLE TITLE HOVER ONLY
   CSS ONLY — no loader / image / reveal animation changes
   Paste at the VERY BOTTOM of facilitator.css
   ================================================================ */

.facilitator-page {
    --facilitator-faq-hover-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

    /* Only title/header text */
    .facilitator-page .hero-title,
/*    .facilitator-page .hero-sub,
*/    .facilitator-page .name,
    .facilitator-page .role,
    .facilitator-page .ready-title {
        cursor: default !important;
        transition: color 220ms ease, transform 240ms var(--facilitator-faq-hover-ease), letter-spacing 240ms ease !important;
    }

        /* EXACT FAQ-style hover motion */
        .facilitator-page .hero-title:hover,
/*        .facilitator-page .hero-sub:hover,
*/        .facilitator-page .name:hover,
        .facilitator-page .role:hover,
        .facilitator-page .ready-title:hover,
        html.facilitator-motion-ready .facilitator-page .hero-title:hover,
/*        html.facilitator-motion-ready .facilitator-page .hero-sub:hover,
*/        html.facilitator-motion-ready .facilitator-page .name:hover,
        html.facilitator-motion-ready .facilitator-page .role:hover,
        html.facilitator-motion-ready .facilitator-page .ready-title:hover {
            transform: translate3d(5px, 0, 0) !important;
            letter-spacing: 0.01em !important;
        }

        /* Name gets FAQ-style red emphasis */
        .facilitator-page .name:hover,
        html.facilitator-motion-ready .facilitator-page .name:hover {
            color: #e93434 !important;
        }

        /* Role and ready title stay professional grey */
        .facilitator-page .role:hover,
        .facilitator-page .ready-title:hover,
        html.facilitator-motion-ready .facilitator-page .role:hover,
        html.facilitator-motion-ready .facilitator-page .ready-title:hover {
            color: #565656 !important;
        }

        /* Hero title/subtitle stay white */
        .facilitator-page .hero-title:hover,
        /*.facilitator-page .hero-sub:hover */{
            color: #ffffff !important;
        }

    /* Do not move body paragraphs */
    .facilitator-page .quote1:hover,
    .facilitator-page .quote2:hover,
    .facilitator-page .copy-main:hover,
    .facilitator-page .copy-left1:hover,
    .facilitator-page .copy-left2:hover,
    .facilitator-page .ready-text:hover {
        transform: none !important;
        letter-spacing: normal !important;
    }