:root {
    --purple: #3d2378;
    --purple-dark: #25144e;
    --purple-light: #9a7bc6;
    --gold: #f6ad27;
    --gold-soft: #fff2d2;
    --ink: #172033;
    --muted: #687085;
    --soft: #f7f5fb;
    --border: #e9e5f1
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 92px
}

body {
    margin: 0;
    color: var(--ink);
    font-family: "Montserrat",sans-serif;
    background: #fff;
    overflow-x: hidden
}

a {
    text-decoration: none
}

img {
    max-width: 100%
}


@font-face {
    font-family: "PT Serif";
    src: url("../fonts/PT-Serif-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PT Serif";
    src: url("../fonts/PT-Serif-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PT Serif";
    src: url("../fonts/PT-Serif-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PT Serif";
    src: url("../fonts/PT-Serif-Bold-Italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}


.site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: rgba(255,255,255,.93);
    border-bottom: 1px solid transparent;
    backdrop-filter: blur(14px);
    transition: .3s
}

.site-header.scrolled {
    border-color: rgba(61,35,120,.1);
    box-shadow: 0 8px 30px rgba(37,20,78,.08)
}

.navbar {
    min-height: 82px
}

.brand-logo {
    width: 80%;
    height: auto;
    display: block;
    transition: transform .3s
}

.nav-link {
    color: var(--ink)!important;
    font-weight: 700;
    font-size: 18px;
    padding: .65rem .7rem!important;
    transition: .25s
}

.nav-link:hover,.nav-link.active {
    color: var(--purple)!important
}

.btn {
    transition: transform .25s,box-shadow .25s,background .25s
}

.btn:hover {
    transform: translateY(-3px)
}

.btn-primary-custom {
    color: #fff;
    background: linear-gradient(135deg,#3d2378,#5b348e);
    border: 1px solid #3d2378;
    border-radius: 8px;
    font-weight: 700;
    box-shadow: 0 8px 24px rgba(61,35,120,.16)
}

.btn-primary-custom:hover {
    color: #fff;
    box-shadow: 0 14px 32px rgba(61,35,120,.25)
}

.btn-outline-custom {
    color: var(--purple);
    background: #fff;
    border: 1.5px solid var(--purple);
    border-radius: 8px;
    font-weight: 700
}

.btn-outline-custom:hover {
    color: #fff;
    background: var(--purple)
}


.intro-section,.services-section,.why-section,.contact-teaser {
    padding: 95px 0
}

.intro-section {
    background: #fff
}

.section-kicker {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--purple);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
    margin-bottom: 13px;
}

.section-kicker span,.section-kicker i {
    /* width: 30px; */
    height: 2px;
    /* background: var(--gold); */
    display: block
}

.section-kicker i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--purple-light)
}

.section-title {
    font-size: clamp(31px,3.5vw,46px);
    line-height: 1.12;
    font-weight: 800;
    /* letter-spacing: -.04em; */
    margin: 0 0 20px;
}

.section-title span {
    /* color: var(--purple-light); */
}

.intro-lead {
    font-size: 17px;
    line-height: 1.7;
    color: #3b4457;
    margin: 0 0 5px
}

.mini-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 25px
}

.mini-pills span {
    padding: 8px 12px;
    border-radius: 999px;
    background: #eee9f7;
    color: var(--purple);
    font-size: 10px;
    font-weight: 800
}

.mini-pills span:nth-child(even) {
    background: var(--gold-soft);
    color: #855900
}

.intro-panel {
    position: relative;
    overflow: hidden;
    padding: 43px;
    border-radius: 27px;
    color: #fff;
    background: linear-gradient(135deg,#2c175c,#54308a 62%,#7555a4);
    box-shadow: 0 28px 70px rgba(48,28,92,.2);
    transition: .35s
}

.intro-panel:hover {
    transform: translateY(-7px);
    box-shadow: 0 35px 85px rgba(48,28,92,.27)
}

.panel-orb {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.1)
}

.orb-one {
    width: 250px;
    height: 250px;
    right: -90px;
    top: -90px
}

.orb-two {
    width: 160px;
    height: 160px;
    right: -50px;
    top: -40px
}

.intro-panel>*:not(.panel-orb) {
    position: relative;
    z-index: 2
}

.intro-panel-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: rgba(255,255,255,.12);
    color: var(--gold);
    font-size: 24px;
    margin-bottom: 21px
}

.intro-panel h3 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 15px
}

.intro-panel p {
    font-size: 13.5px;
    line-height: 1.75;
    color: rgba(255,255,255,.78)
}

.text-link {
    font-size: 12px;
    font-weight: 800;
    color: var(--purple);
    transition: .25s
}

.text-link:hover {
    color: var(--purple-light)
}

.light-link {
    color: #fff
}

.light-link:hover {
    color: var(--gold)
}

.services-section {
    background: linear-gradient(180deg,#fbfaff 0%,#f5f1fa 100%)
}

.section-head-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 34px
}

.section-head-row>div {
    max-width: 760px
}

.section-head-row p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.7;
    margin: 0
}

.service-page-btn {
    white-space: nowrap
}

.servicesSwiper {
    padding: 5px 4px 45px
}

.service-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid #e6e0ef;
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(49,29,86,.055);
    transition: .35s
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 50px rgba(49,29,86,.13)
}

.service-image {
    height: 175px;
    position: relative;
    overflow: hidden;
    background: #f2eef8
}

.service-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .55s ease
}

.service-card:hover .service-image img {
    transform: scale(1.06)
}

.service-image span {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.9);
    color: var(--purple);
    font-size: 10px;
    font-weight: 800
}

.service-body {
    padding: 24px
}

.service-icon {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #eee9f7;
    color: var(--purple);
    font-size: 21px;
    margin-bottom: 17px;
    transition: .3s
}

.gold-icon {
    background: var(--gold-soft);
    color: #946000
}

.service-card:hover .service-icon {
    transform: rotate(-5deg) scale(1.08)
}

.service-body h3 {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;
    margin-bottom: 10px
}

.service-body p {
    font-size: 12.5px;
    line-height: 1.7;
    color: var(--muted);
    min-height: 64px
}

.services-controls {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px
}

.service-nav {
    position: static!important;
    width: 38px!important;
    height: 38px!important;
    margin: 0!important;
    border: 1px solid #dcd4e9;
    border-radius: 50%;
    background: #fff;
    color: var(--purple)
}

.service-nav:after {
    display: none
}

.service-nav:hover {
    background: var(--purple);
    color: #fff
}

.swiper-pagination {
    position: static!important;
    width: auto!important
}

.swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: var(--purple);
    opacity: .25
}

.swiper-pagination-bullet-active {
    opacity: 1;
    width: 22px;
    border-radius: 10px
}

.why-section {
    background: #fff
}

.why-section p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.8
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 17px
}

.why-item {
    padding: 27px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: #fff;
    transition: .3s;
    box-shadow: 0 8px 25px rgba(42,25,81,.035)
}

.why-item.gold-tint {
    background: #fffdfa
}

.why-item:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 45px rgba(42,25,81,.1)
}

.why-item i {
    display: block;
    color: var(--purple);
    font-size: 25px;
    margin-bottom: 15px;
    transition: .3s
}

.why-item.gold-tint i {
    color: #d08a00
}

.why-item:hover i {
    transform: scale(1.15)
}

.why-item h4 {
    font-size: 16px;
    font-weight: 800
}

.why-item p {
    font-size: 12px;
    margin: 0;
    line-height: 1.6
}

.cta-section {
    padding: 0 0 90px
}

.cta-box {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 50px 55px;
    border-radius: 27px;
    color: #fff;
    background: linear-gradient(135deg,#291554,#5c358f);
    box-shadow: 0 25px 65px rgba(48,28,92,.18)
}

.cta-box:after {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 50%;
    right: -110px;
    top: -170px
}

.cta-box>* {
    position: relative;
    z-index: 2
}

.cta-box h2 {
    font-size: clamp(29px,3.5vw,45px);
    font-weight: 800;
    margin: 0 0 8px
}

.cta-box p {
    color: rgba(255,255,255,.75);
    font-size: 13px;
    margin: 0
}

.light-kicker {
    color: #f9ca67
}

.light-kicker i {
    background: #fff
}

.contact-teaser {
    padding-top: 0
}

.contact-teaser-inner {
    padding: 38px 42px;
    border: 1px solid var(--border);
    border-radius: 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    background: #faf9fc
}

.contact-teaser h2 {
    font-size: clamp(29px,3.3vw,43px);
    font-weight: 800;
    margin: 0 0 10px
}

.contact-teaser h2 span {
    color: var(--purple-light)
}

.contact-teaser p {
    max-width: 680px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.7;
    margin: 0
}

#contactModal, #regModal {z-index: 9999;}

.modal-backdrop.show {
    opacity: .65
}

.contact-modal {
    border: 0;
    border-radius: 21px;
    overflow: hidden;
    box-shadow: 0 30px 90px rgba(27,16,57,.28)
}

.contact-modal .modal-header {
    padding: 25px 30px 18px;
    border-bottom: 1px solid #eeeaf4
}

.contact-modal .modal-title {
    font-size: 26px;
    font-weight: 800
}

.contact-modal .modal-body {
    padding: 20px 30px 26px
}

.modal-intro {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 19px
}

.contact-modal label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #343b4e;
    margin-bottom: 6px
}

.contact-modal .form-control,.contact-modal .form-select {
    min-height: 48px;
    border: 1px solid #ddd7e9;
    border-radius: 9px;
    font-size: 12px
}

.contact-modal textarea.form-control {
    min-height: 120px
}

.contact-modal .form-control:focus,.contact-modal .form-select:focus {
    border-color: var(--purple-light);
    box-shadow: 0 0 0 .2rem rgba(154,123,198,.13)
}

.contact-modal .modal-footer {
    padding: 16px 30px 23px;
    border-top: 1px solid #eeeaf4
}

.footer {
    padding: 65px 0 23px;
    background: #151020;
    color: rgba(255,255,255,.67)
}

.footer-logo {
    width: 80%;
    filter: none;
    opacity: .95;
}

.footer-tagline {
    color: #dfc9fb;
    font-weight: 700;
    font-size: 12px;
    margin: 12px 0 7px
}

.footer-description {
    max-width: 360px;
    font-size: 12px;
    line-height: 1.75
}

.footer h5 {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 17px
}

.footer-links,.footer-contact {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-links li {
    margin-bottom: 9px
}

.footer-links a,.footer-contact a,.footer-contact span {
    font-size: 11.5px;
    color: rgba(255,255,255,.58);
    transition: .2s
}

.footer-links a:hover {
    color: #fff;
    padding-left: 4px
}

.footer-contact li {
    display: flex;
    gap: 9px;
    margin-bottom: 11px
}

.footer-contact i {
    color: #d2b8f1
}

.social-links {
    display: flex;
    gap: 8px;
    margin-top: 18px
}

.social-links a {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(255,255,255,.08);
    transition: .25s
}

.social-links a:hover {
    transform: translateY(-4px);
    background: var(--purple)
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 48px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.09);
    font-size: 10px
}

.footer-bottom div {
    display: flex;
    gap: 20px
}

.footer-bottom a {
    color: rgba(255,255,255,.5)
}

@media(max-width: 1199px) {
    .brand-logo {
        width: 80%;
    }

    .carousel-item,.hero-content {
        min-height: 620px
    }

    .hero-copy h1 {
        font-size: 55px
    }
}

@media(max-width: 991px) {
    .navbar {
        min-height:72px
    }

    .brand-logo {
        width: 60%
    }

    .navbar-collapse {
        padding: 17px 0 10px;
        border-top: 1px solid #eee;
        margin-top: 10px;
        flex-basis: 55%;
    }

    .carousel-item,.hero-content {
        min-height: 660px
    }

    .hero-bg {
        object-position: 62% center
    }

    .hero-overlay {
        background: linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.74))
    }

    .hero-copy {
        padding-top: 55px
    }

    .section-head-row {
        align-items: flex-start;
        flex-direction: column
    }

    .service-page-btn {
        margin-top: 0
    }

    .cta-box,.contact-teaser-inner {
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width: 575px) {
    .brand-logo {
        width:50%
    }

    .carousel-item,.hero-content {
        min-height: 700px
    }

    .hero-copy {
        padding: 42px 8px 70px 0
    }

    .hero-copy h1 {
        font-size: 41px
    }

    .hero-copy p {
        font-size: 15px
    }

    .hero-actions {
        gap: 10px
    }

    .hero-actions .btn {
        width: 100%
    }

    .intro-section,.services-section,.why-section,.contact-teaser {
        padding: 72px 0
    }

    .section-title {
        font-size: 31px
    }

    .intro-panel {
        padding: 30px
    }

    .why-grid {
        grid-template-columns: 1fr
    }

    .cta-box {
        padding: 35px 27px
    }

    .contact-teaser-inner {
        padding: 30px 24px
    }

    .footer-bottom {
        flex-direction: column
    }

    .footer-bottom div {
        gap: 12px
    }

    .contact-modal .modal-header,.contact-modal .modal-body,.contact-modal .modal-footer {
        padding-left: 20px;
        padding-right: 20px
    }
}

/* Latest visual refinements */
.heroSwiper {
    width: 100%;
    height: 100%
}

.hero-slide {
    min-height: 690px;
    position: relative;
    overflow: hidden
}

.heroSwiper .swiper-slide {
    backface-visibility: hidden
}

.hero-pagination {
    position: absolute;
    z-index: 8;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    display: flex;
    gap: 7px
}

.hero-pagination .swiper-pagination-bullet {
    width: 25px;
    height: 4px;
    border-radius: 20px;
    background: var(--purple);
    opacity: .3;
    transition: .3s
}

.hero-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 38px
}

.hero-nav {
    position: absolute;
    z-index: 8;
    bottom: 19px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(61,35,120,.2);
    border-radius: 50%;
    background: rgba(255,255,255,.85);
    color: var(--purple);
    display: grid;
    place-items: center;
    transition: .25s
}

.hero-nav:hover {
    background: var(--purple);
    color: #fff;
    transform: translateY(-3px)
}

.hero-prev {
    right: calc(50% - 145px)
}

.hero-next {
    right: calc(50% - 195px)
}

.hero-scroll-note {
    position: absolute;
    right: 38px;
    bottom: 30px;
    z-index: 8;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .16em;
    color: var(--purple);
    display: flex;
    align-items: center;
    gap: 8px
}

.hero-scroll-note span {
    width: 28px;
    height: 1px;
    background: var(--gold);
    position: relative
}

.hero-scroll-note span:after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gold);
    animation: pulseDot 1.8s infinite
}

@keyframes pulseDot {
    0%,100% {
        transform: scale(.7);
        opacity: .45
    }

    50% {
        transform: scale(1.2);
        opacity: 1
    }
}

.intro-body-copy {
    font-size: 14px;
    line-height: 1.85;
    color: var(--muted);
    margin: 22px 0 0;
    max-width: 640px
}

.about-visual {
    position: relative;
    min-height: 500px;
    display: grid;
    place-items: center
}

.about-image-wrap {
    position: relative;
    z-index: 3;
    width: min(92%,560px);
    height: 420px;
    padding: 10px;
    border-radius: 30px;
    background: linear-gradient(135deg,#fff,#f2eafa);
    box-shadow: 0 28px 65px rgba(45,25,80,.14);
    transform: rotate(2deg);
    transition: .45s
}

.about-image-wrap:hover {
    transform: rotate(0) translateY(-8px);
    box-shadow: 0 35px 80px rgba(45,25,80,.2)
}

.about-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 23px;
    display: block;
    filter: saturate(.96)
}

.orbit {
    position: absolute;
    border: 1px dashed rgba(61,35,120,.22);
    border-radius: 50%;
    z-index: 1;
    animation: orbitFloat 9s linear infinite
}

.orbit-a {
    width: 440px;
    height: 440px
}

.orbit-b {
    width: 530px;
    height: 530px;
    border-color: rgba(246,173,39,.18);
    animation-duration: 13s;
    animation-direction: reverse
}

@keyframes orbitFloat {
    to {
        transform: rotate(360deg)
    }
}

.dot-cluster {
    position: absolute;
    z-index: 4;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    width: 65px
}

.dot-cluster i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--purple-light);
    animation: dotBounce 2.2s ease-in-out infinite
}

.dot-cluster i:nth-child(2n) {
    background: var(--gold);
    animation-delay: .3s
}

.dot-cluster i:nth-child(3n) {
    background: var(--purple);
    animation-delay: .6s
}

.dots-left {
    left: 0;
    top: 90px
}

.dots-right {
    right: 0;
    bottom: 95px
}

@keyframes dotBounce {
    0%,100% {
        transform: translateY(0);
        opacity: .45
    }

    50% {
        transform: translateY(-10px);
        opacity: 1
    }
}

.floating-stat,.floating-tag {
    position: absolute;
    z-index: 5;
    background: #fff;
    border: 1px solid #e9e5f1;
    box-shadow: 0 15px 35px rgba(40,24,75,.12);
    border-radius: 16px;
    animation: floatCard 4s ease-in-out infinite
}

.floating-stat {
    left: 2%;
    bottom: 58px;
    padding: 15px 19px;
    display: flex;
    flex-direction: column
}

.floating-stat strong {
    font-size: 25px;
    color: var(--purple)
}

.floating-stat span {
    font-size: 9px;
    color: var(--muted);
    font-weight: 700
}

.floating-tag {
    right: 2%;
    top: 48px;
    padding: 12px 15px;
    font-size: 10px;
    font-weight: 800;
    color: var(--purple)
}

.floating-tag i {
    color: var(--gold);
    margin-right: 6px
}

@keyframes floatCard {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-9px)
    }
}

.impact-section {
    padding: 95px 0;
    background: linear-gradient(180deg,#fff 0%,#f8f5fc 100%);
    overflow: hidden
}

.impact-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px
}

.impact-heading>div:first-child {
    max-width: 760px
}

.impact-heading p {
    font-size: 14px;
    line-height: 1.75;
    color: var(--muted);
    max-width: 700px
}

.impact-badge {
    padding: 13px 17px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--border);
    color: var(--purple);
    font-size: 10px;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(45,25,80,.06);
    white-space: nowrap
}

.impact-badge i {
    color: var(--gold);
    margin-right: 7px
}

.moving-track {
    margin: 38px 0;
    overflow: hidden;
    border-top: 1px solid #e6dfef;
    border-bottom: 1px solid #e6dfef;
    padding: 14px 0;
    background: rgba(255,255,255,.6)
}

.moving-track-inner {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    color: var(--purple);
    animation: marquee 25s linear infinite
}

.moving-track b {
    color: var(--gold)
}

@keyframes marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-35%)
    }
}

.impact-grid {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 18px
}

.impact-card {
    position: relative;
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    min-height: 250px;
    overflow: hidden;
    transition: .35s;
    box-shadow: 0 9px 28px rgba(45,25,80,.04)
}

.impact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 55px rgba(45,25,80,.12)
}

.impact-card>span {
    position: absolute;
    right: 22px;
    top: 22px;
    font-size: 10px;
    font-weight: 800;
    color: #c8bfd6
}

.impact-card-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #eee9f7;
    color: var(--purple);
    font-size: 22px;
    margin-bottom: 28px
}

.impact-card-icon.gold {
    background: var(--gold-soft);
    color: #9a6600
}

.impact-card h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px
}

.impact-card p {
    font-size: 13px;
    line-height: 1.7;
    color: var(--muted);
    margin: 0
}

.progress-line {
    height: 5px;
    border-radius: 10px;
    background: #eee9f7;
    margin-top: 24px;
    overflow: hidden
}

.progress-line i {
    display: block;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg,var(--gold),var(--purple-light));
    animation: growLine 2s ease both
}

.impact-card small {
    display: block;
    margin-top: 9px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 700
}

@keyframes growLine {
    from {
        width: 0!important
    }

    to {
        width: 82%
    }
}

@media(max-width: 991px) {
    .hero-slide {
        min-height:660px
    }

    .hero-scroll-note {
        display: none
    }

    .about-visual {
        min-height: 450px
    }

    .impact-heading {
        align-items: flex-start;
        flex-direction: column
    }

    .impact-grid {
        grid-template-columns: 1fr 1fr
    }

    .impact-large {
        grid-column: 1/-1
    }
}

@media(max-width: 575px) {
    .hero-slide {
        min-height:700px
    }

    .hero-prev {
        right: 62px
    }

    .hero-next {
        right: 16px
    }

    .hero-nav {
        bottom: 18px
    }

    .hero-pagination {
        left: 28px;
        transform: none;
        bottom: 31px
    }

    .about-visual {
        min-height: 360px
    }

    .about-image-wrap {
        height: 300px
    }

    .orbit-a {
        width: 300px;
        height: 300px
    }

    .orbit-b {
        width: 350px;
        height: 350px
    }

    .floating-stat {
        left: 0;
        bottom: 25px
    }

    .floating-tag {
        right: 0;
        top: 22px
    }

    .impact-grid {
        grid-template-columns: 1fr
    }

    .impact-large {
        grid-column: auto
    }

    .moving-track-inner {
        animation-duration: 18s
    }
}

/* Final requested visual updates */
.heroSwiper {
    width: 100%;
    height: 100%
}

.heroSwiper .swiper-wrapper {
    height: auto
}

.hero-slide {
    min-height: 690px;
    position: relative;
    overflow: hidden
}

.heroSwiper .swiper-slide {
    backface-visibility: hidden
}

.hero-pagination {
    position: absolute;
    z-index: 8;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    display: flex;
    gap: 7px
}

.hero-pagination .swiper-pagination-bullet {
    width: 25px;
    height: 4px;
    border-radius: 20px;
    background: var(--purple);
    opacity: .3;
    transition: .3s
}

.hero-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 38px
}

.hero-nav {
    position: absolute;
    z-index: 8;
    top: 40%;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(61,35,120,.2);
    border-radius: 50%;
    background: rgba(255,255,255,.88);
    color: var(--purple);
    display: grid;
    place-items: center;
    transition: .25s
}

.hero-nav:hover {
    background: var(--purple);
    color: #fff;
    transform: translateY(-3px)
}

.hero-prev {
    right: calc(100% - 75px);
}

.hero-next {
    left: calc(100% - 75px);
}

.hero-scroll-note {
    position: absolute;
    right: 38px;
    bottom: 30px;
    z-index: 8;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .16em;
    color: var(--purple);
    display: flex;
    align-items: center;
    gap: 8px
}

.hero-scroll-note span {
    width: 28px;
    height: 1px;
    background: var(--gold);
    position: relative
}

.hero-scroll-note span:after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gold);
    animation: pulseDot 1.8s infinite
}

@keyframes pulseDot {
    0%,100% {
        transform: scale(.7);
        opacity: .45
    }

    50% {
        transform: scale(1.2);
        opacity: 1
    }
}

.heroSwiper .hero-copy-animated {
    animation: heroIn .95s cubic-bezier(.22,1,.36,1) both
}

@keyframes heroIn {
    0% {
        opacity: 0;
        transform: translate3d(-55px,28px,0);
        filter: blur(5px)
    }

    55% {
        opacity: 1;
        filter: blur(0)
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

.intro-body-copy {
    font-size: 14px;
    line-height: 1.85;
    color: var(--muted);
    margin: 22px 0 0;
    max-width: 650px
}

.intro-body-copy p {
    margin-bottom: 10px
}

.about-visual {
    position: relative;
    min-height: 500px;
    display: grid;
    place-items: center
}

.about-image-wrap {
    position: relative;
    z-index: 3;
    width: min(92%,560px);
    height: 420px;
    padding: 10px;
    border-radius: 30px;
    background: linear-gradient(135deg,#fff,#f2eafa);
    box-shadow: 0 28px 65px rgba(45,25,80,.14);
    transform: rotate(2deg);
    transition: .45s
}

.about-image-wrap:hover {
    transform: rotate(0) translateY(-8px);
    box-shadow: 0 35px 80px rgba(45,25,80,.2)
}

.about-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 23px;
    display: block;
    filter: saturate(.96)
}

.orbit {
    position: absolute;
    border: 1px dashed rgba(61,35,120,.22);
    border-radius: 50%;
    z-index: 1;
    animation: orbitFloat 9s linear infinite
}

.orbit-a {
    width: 440px;
    height: 440px
}

.orbit-b {
    width: 530px;
    height: 530px;
    border-color: rgba(246,173,39,.18);
    animation-duration: 13s;
    animation-direction: reverse
}

@keyframes orbitFloat {
    to {
        transform: rotate(360deg)
    }
}

.dot-cluster {
    position: absolute;
    z-index: 4;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    width: 65px
}

.dot-cluster i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--purple-light);
    animation: dotBounce 2.2s ease-in-out infinite
}

.dot-cluster i:nth-child(2n) {
    background: var(--gold);
    animation-delay: .3s
}

.dot-cluster i:nth-child(3n) {
    background: var(--purple);
    animation-delay: .6s
}

.dots-left {
    left: 0;
    top: 90px
}

.dots-right {
    right: 0;
    bottom: 95px
}

@keyframes dotBounce {
    0%,100% {
        transform: translateY(0);
        opacity: .45
    }

    50% {
        transform: translateY(-10px);
        opacity: 1
    }
}

.floating-stat,.floating-tag {
    position: absolute;
    z-index: 5;
    background: #fff;
    border: 1px solid #e9e5f1;
    box-shadow: 0 15px 35px rgba(40,24,75,.12);
    border-radius: 16px;
    animation: floatCard 4s ease-in-out infinite
}

.floating-stat {
    left: 2%;
    bottom: 58px;
    padding: 15px 19px;
    display: flex;
    flex-direction: column
}

.floating-stat strong {
    font-size: 25px;
    color: var(--purple)
}

.floating-stat span {
    font-size: 9px;
    color: var(--muted);
    font-weight: 700;
    max-width: 200px
}

.floating-tag {
    right: 2%;
    top: 48px;
    padding: 12px 15px;
    font-size: 10px;
    font-weight: 800;
    color: var(--purple)
}

.floating-tag i {
    color: var(--gold);
    margin-right: 6px
}

@keyframes floatCard {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-9px)
    }
}

.impact-section {
    padding: 95px 0;
    background: linear-gradient(180deg,#fff 0%,#f8f5fc 100%);
    overflow: hidden
}

.impact-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px
}

.impact-heading>div:first-child {
    max-width: 760px
}

.impact-heading p {
    font-size: 14px;
    line-height: 1.75;
    color: var(--muted);
    max-width: 700px
}

.impact-badge {
    padding: 13px 17px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--border);
    color: var(--purple);
    font-size: 10px;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(45,25,80,.06);
    white-space: nowrap
}

.impact-badge i {
    color: var(--gold);
    margin-right: 7px
}

.moving-track {
    margin: 38px 0;
    overflow: hidden;
    border-top: 1px solid #e6dfef;
    border-bottom: 1px solid #e6dfef;
    padding: 14px 0;
    background: rgba(255,255,255,.6)
}

.moving-track-inner {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    color: var(--purple);
    animation: marquee 25s linear infinite
}

.moving-track b {
    color: var(--gold)
}

@keyframes marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-35%)
    }
}

.impact-grid {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 18px
}

.impact-card {
    position: relative;
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: #fff;
    min-height: 250px;
    overflow: hidden;
    transition: .35s;
    box-shadow: 0 9px 28px rgba(45,25,80,.04)
}

.impact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 55px rgba(45,25,80,.12)
}

.impact-card>span {
    position: absolute;
    right: 22px;
    top: 22px;
    font-size: 10px;
    font-weight: 800;
    color: #c8bfd6
}

.impact-card-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #eee9f7;
    color: var(--purple);
    font-size: 22px;
    margin-bottom: 28px
}

.impact-card-icon.gold {
    background: var(--gold-soft);
    color: #9a6600
}

.impact-card h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px
}

.impact-card p {
    font-size: 13px;
    line-height: 1.7;
    color: var(--muted);
    margin: 0
}

.progress-line {
    height: 5px;
    border-radius: 10px;
    background: #eee9f7;
    margin-top: 24px;
    overflow: hidden
}

.progress-line i {
    display: block;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg,var(--gold),var(--purple-light));
    animation: growLine 2s ease both
}

@keyframes growLine {
    from {
        width: 0
    }

    to {
        width: 92%
    }
}

.impact-card small {
    display: block;
    margin-top: 9px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 700
}

@media(max-width: 991px) {
    .hero-slide {
        min-height:660px
    }

    .hero-scroll-note {
        display: none
    }

    .about-visual {
        min-height: 450px
    }

    .impact-heading {
        align-items: flex-start;
        flex-direction: column
    }

    .impact-grid {
        grid-template-columns: 1fr 1fr
    }

    .impact-large {
        grid-column: 1/-1
    }
}

@media(max-width: 575px) {
    .hero-slide {
        min-height:700px
    }

    .hero-prev {
        right: 62px
    }

    .hero-next {
        right: 16px
    }

    .hero-nav {
        bottom: 18px
    }

    .hero-pagination {
        left: 28px;
        transform: none;
        bottom: 31px
    }

    .about-visual {
        min-height: 360px
    }

    .about-image-wrap {
        height: 300px
    }

    .orbit-a {
        width: 300px;
        height: 300px
    }

    .orbit-b {
        width: 350px;
        height: 350px
    }

    .floating-stat {
        left: 0;
        bottom: 25px
    }

    .floating-tag {
        right: 0;
        top: 22px
    }

    .impact-grid {
        grid-template-columns: 1fr
    }

    .impact-large {
        grid-column: auto
    }

    .moving-track-inner {
        animation-duration: 18s
    }
}


/* V3 overrides — brand-led palette and requested reference-inspired layouts */
:root{
 --purple:#5a438f;--purple-deep:#30245e;--purple-light:#a889ca;
 --gold:#f4bd4e;--gold-soft:#fff2cf;--lav:#eee7f7;
 --ink:#222044;--muted:#73738a;--cream:#fcfaf6;--line:#e7e1ee;
}
body{font-family:Montserrat,sans-serif;color:var(--ink);background:#fff}
.site-header{background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}
.navbar{min-height:84px}.brand-logo{/* width:205px; */height:auto}
.nav-link{/* font-size:12px!important; *//* font-weight:700!important; */letter-spacing:.02em}
.nav-link:hover,.nav-link.active{color:var(--purple)!important}
.btn-primary-custom{background:linear-gradient(135deg,var(--purple),#8467ad);border-color:var(--purple);border-radius:999px;box-shadow:0 10px 25px rgba(90,67,143,.18)}
.btn-outline-custom{border-color:var(--purple);color:var(--purple);border-radius:999px}
.btn-outline-custom:hover{background:var(--purple);color:#fff}


/* FOUR POINTER STRIP */
.hero-pointers{position: relative;bottom:0;left:0;right:0;background:rgba(255,255,255,.94);border-top:1px solid rgba(90,67,143,.08);box-shadow:0 -12px 30px rgba(48,36,94,.04);z-index:4}
.pointer-grid{display:grid;grid-template-columns:repeat(4,1fr);padding: 1em 0;}
.pointer{display:flex;align-items:center;justify-content:center;gap:13px;padding:16px 12px;border-right:1px solid rgba(90,67,143,.08)}
.pointer:last-child{border:0}.pointer-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--purple);background:var(--lav)}
.pointer:nth-child(2) .pointer-icon,.pointer:nth-child(4) .pointer-icon{background:var(--gold-soft);color:#8e650e}
.pointer h4{font-size: 20px;font-weight: 700;margin: 0 0 6px;text-align: left;}.pointer p{font-size: 14px;line-height:1.45;color: #403f50;margin:0;text-align:left}

/* SHARED */
.section-shell{padding:110px 0}.section-kicker{font-size: 12px!important;letter-spacing: .15em!important;font-weight:800;color:var(--purple)!important}.section-title{color:var(--ink);font-weight: 700;/* letter-spacing:-.045em; */}.section-title span{color: var(--purple);font-family: "PT Serif", serif !important;font-style: italic;font-weight: 700;}
.story-v3{background:var(--cream)}
.story-tabs{display:grid;grid-template-columns:280px 1fr;gap:45px;margin-top:55px}
.story-tab-buttons{display:flex;flex-direction:column;gap:9px}.story-tab{border:1px solid var(--line);background:#fff;padding:20px;border-radius:18px;text-align:left;transition:.3s;cursor:pointer}.story-tab strong{display:block;font-size:15px}.story-tab small{color:var(--muted);font-size:10px}.story-tab.active,.story-tab:hover{background:var(--purple);color:#fff;transform:translateX(6px);box-shadow:0 15px 35px rgba(90,67,143,.18)}.story-tab.active small,.story-tab:hover small{color:rgba(255,255,255,.7)}
.story-panel{min-height:390px;padding:42px;border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(48,36,94,.08);position:relative;overflow:hidden}.story-panel:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-120px;bottom:-140px;border:1px solid rgba(90,67,143,.1)}
.story-panel .panel-num{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:.15em}.story-panel h3{font-size:34px;font-weight:800;margin:9px 0 12px}.story-panel h4{font-size:15px;color:var(--purple);font-weight:800;margin:0 0 18px}.story-panel p{max-width:850px;color:var(--muted);font-size:13px;line-height:1.85}.story-panel .panel-quote{display:inline-block;padding:14px 18px;margin:8px 0 18px;border-left:3px solid var(--gold);background:#fff9e8;color:var(--purple-deep);font-weight:800;font-size:14px}.panel-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.panel-chips span{padding:8px 11px;border-radius:999px;background:var(--lav);font-size:9px;font-weight:800;color:var(--purple)}.panel-chips span:nth-child(2n){background:var(--gold-soft);color:#7d5900}
.story-bottom{margin-top:55px;padding:40px;border-radius:27px;background:linear-gradient(135deg,var(--purple-deep),var(--purple));color:#fff}.story-bottom h3{font-size:28px;font-weight:800}.story-bottom p{color:rgba(255,255,255,.72);font-size:13px;line-height:1.8}.story-bottom strong{color:#f4c55b}.story-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.story-bottom-grid div{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.06)}.story-bottom-grid b{display:block;color:#f4c55b;font-size:17px}.story-bottom-grid span{font-size:10px;color:rgba(255,255,255,.68)}

/* TEAM */
.team-v3{background:#fff;padding:115px 0}.team-v3-head{text-align:center;max-width:700px;margin:0 auto 60px}.team-v3-head p{font-size:13px;line-height:1.8;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1000px;margin:auto}.team-card{text-align:center;position:relative}.team-photo-wrap{width:230px;height:230px;margin:auto;position:relative;border-radius:50%;display:grid;place-items:center;transition:.55s}.team-card:nth-child(1) .team-photo-wrap{background:#f4c34f}.team-card:nth-child(2) .team-photo-wrap{background:#a889ca}.team-card:nth-child(3) .team-photo-wrap{background:#e6daf2}.team-photo-wrap:before{content:"";position:absolute;inset:9px;border:1px dashed rgba(90,67,143,.45);border-radius:50%;animation:teamSpin 16s linear infinite}.team-photo{width:88%;height:88%;object-fit:cover;border-radius:50%;filter:grayscale(100%);transition:.45s;box-shadow:0 15px 35px rgba(48,36,94,.16)}.team-card h3{font-size:16px;font-weight:800;margin:20px 0 4px}.team-card>p{font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--purple);margin:0}.team-info{position:absolute;left:50%;top:105px;width:235px;padding:20px;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 22px 45px rgba(48,36,94,.2);text-align:left;opacity:0;transform:translate(-50%,-20px) scale(.88);pointer-events:none;transition:.4s;z-index:4}.team-card:hover .team-info{opacity:1;transform:translate(-50%,-50%) scale(1)}.team-card:hover .team-photo-wrap{transform:scale(1.06)}.team-card:hover .team-photo{filter:grayscale(0);transform:scale(1.03)}.team-info .role{font-size:8px;letter-spacing:.16em;color:var(--purple);font-weight:800}.team-info h4{font-size:17px;margin:5px 0 8px;font-weight:800}.team-info p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.team-info:after{content:"";position:absolute;width:8px;height:8px;background:#fff;transform:rotate(45deg);top:-4px;left:50%}@keyframes teamSpin{to{transform:rotate(360deg)}}

/* SERVICES REFERENCE */
.services-v3{padding: 70px 0;/* background:linear-gradient(180deg,#f4f7fd,#fff); */overflow:hidden}.services-v3-head{text-align:center;/* max-width:760px; */margin:0 auto 45px}.services-v3-head p{color: #403f50;font-size: 13px;line-height:1.7}
.servicesSwiperV3{padding:10px 4px 65px}.service-ref-card{height:100%;overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 15px 40px rgba(36,44,93,.12);transition:.4s}.service-ref-card:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(36,44,93,.18)}.service-image-v3{height:330px;position:relative;overflow:hidden}.service-image-v3 img{width:100%;height:100%;object-fit:cover;transition:.6s}.service-ref-card:hover img{transform:scale(1.08)}.service-image-v3:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(46,36,109,.98))}.service-card-copy{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:#fff}.service-card-copy .service-icon3{font-size:27px;margin-bottom:9px}.service-card-copy h3{font-size:18px;font-weight:800;margin:0 0 7px}.service-card-copy p{font-size: 13px;line-height:1.55;color: rgb(255 255 255);margin:0 0 14px}.service-card-copy a{font-size: 12px;font-weight:800;color:#fff;letter-spacing:.08em}.service-card-copy a:after{content:"→";margin-left:8px;color:#f4c55b}.service-dots{text-align:center;margin-top:15px}.service-dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c9cde6;margin:0 4px}.service-dots span:first-child{width:20px;border-radius:9px;background:var(--purple)}
.services-v3 .swiper-button-next,.services-v3 .swiper-button-prev{width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 7px 25px rgba(45,40,100,.14);color:var(--purple)}.services-v3 .swiper-button-next:after,.services-v3 .swiper-button-prev:after{font-size:16px}

/* JOURNEY ZIGZAG */
.journey-v3{padding:120px 0;background:var(--cream);overflow:hidden}.journey-head{max-width:760px;margin-bottom:65px}.journey-head p{color:var(--muted);font-size:13px;line-height:1.8}.zigzag{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:start}.zigzag-line{position:absolute;left:8%;right:8%;top:95px;height:4px;background:linear-gradient(90deg,var(--gold),var(--purple-light),var(--purple));clip-path:polygon(0 42%,25% 42%,25% 0,50% 0,50% 58%,75% 58%,75% 16%,100% 16%,100% 58%,0 58%);opacity:.35}.journey-step{position:relative;text-align:center;min-height:250px}.journey-step:nth-child(even){margin-top:100px}.journey-bubble{width:72px;height:72px;border-radius:50%;margin:0 auto 25px;display:grid;place-items:center;background:#fff;border:2px solid var(--purple);color:var(--purple);font-size:11px;font-weight:800;box-shadow:0 0 0 9px var(--cream),0 12px 28px rgba(90,67,143,.12);transition:.4s}.journey-step:hover .journey-bubble{background:var(--purple);color:#fff;transform:scale(1.13)}.journey-step h3{font-size:15px;font-weight:800}.journey-step p{font-size:10px;line-height:1.65;color:var(--muted);max-width:150px;margin:auto}.journey-reveal{opacity:0;transform:translateY(45px);transition:.7s cubic-bezier(.22,1,.36,1)}.journey-reveal.visible{opacity:1;transform:none}

/* WHY + CTA */
.why-v3{padding:110px 0;background:#fff}.why-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.why-box{padding:25px;border-radius:19px;border:1px solid var(--line);background:#fff;transition:.35s}.why-box:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(48,36,94,.09)}.why-box i{font-size:22px;color:var(--purple);margin-bottom:12px;display:block}.why-box:nth-child(2n) i{color:#c68c10}.why-box h4{font-size: 15px;font-weight: 700;}.why-box p{font-size: 13px;color: #403f50;line-height:1.6;margin:0}
.cta-v3{padding:0 0 90px}.cta-panel{padding:55px 60px;border-radius:28px;background:linear-gradient(125deg,var(--purple-deep),var(--purple));color:#fff;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-220px;top:-180px}.cta-panel h2{font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.04em;position:relative;z-index:2}.cta-panel h2 span{color:#f4c55b}.cta-panel p{font-size: 13px;color: rgb(255 255 255 / 70%);/* max-width:600px; */position:relative;z-index:2;margin:0}

/* CONTACT */
.contact-v3{padding: 0 0 60px;}.contact-teaser-v3{padding:40px;border-radius:26px;background:#f7f3fa;border:1px solid #ebe4f2;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-teaser-v3 h2{/* font-size: 36px; */font-weight: 700;max-width: 900px;}.contact-teaser-v3 h2 span{color: var(--purple);font-family: "PT Serif", serif !important;font-style: italic;font-weight: 700;}.contact-teaser-v3 p{max-width: 750px;color:var(--muted);font-size: 16px;line-height:1.8;margin:0}
.contact-modal-v3{border:0;border-radius:24px;overflow:hidden}.contact-modal-v3 .modal-header{padding:28px 32px 16px;border-bottom:1px solid #eee9f3}.contact-modal-v3 .modal-body{padding:15px 32px 25px}.contact-modal-v3 .modal-footer{padding:0 32px 28px;border:0}.contact-modal-v3 label{font-size: 14px;font-weight: 600;margin-bottom:5px}.contact-modal-v3 .form-control,.contact-modal-v3 .form-select{border-color:#e5dfeb;border-radius:10px;font-size: 14px;padding: 9px 12px;}.contact-modal-v3 .modal-title{font-size: 29px;font-weight: 700;}

/* FOOTER */
.footer-v3{background:#24203b;color:#fff;padding:70px 0 0;position:relative;overflow:hidden}.footer-v3:before{content:"";position:absolute;right: 0;top:-260px;width:550px;height:550px;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.footer-v3 .footer-logo{/* width:195px; */filter:brightness(0) invert(1);margin-bottom: 22px;}.footer-v3 .footer-description{font-size: 12px;line-height:1.8;color: rgb(255 255 255 / 80%);max-width:360px;}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr 1fr;gap:40px;padding-bottom:45px}.footer-v3 h5{font-size: 13px;letter-spacing:.18em;color:#f4c55b;font-weight:800;margin-bottom:18px}.footer-v3 ul{list-style:none;padding:0;margin:0}.footer-v3 li{margin-bottom:10px}.footer-v3 a,.footer-v3 li{font-size: 13px;color: rgba(255,255,255,.8);text-decoration:none}.footer-v3 a:hover{color:#fff}.social-band-v3{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;justify-content:space-between;align-items:center}.social-band-v3>span{font-size:9px;font-weight:800;letter-spacing:.18em;color:rgba(255,255,255,.4)}.social-orbs-v3{display:flex;gap:10px}.social-orbs-v3 a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border: 1px solid rgb(255 255 255 / 55%);color:#fff;transition:.3s}.social-orbs-v3 a:hover{background:#f4c55b;color:var(--purple-deep);border-color:#f4c55b;transform:translateY(-4px) rotate(-7deg)}.footer-bottom-v3{padding:20px 0;display:flex;justify-content:space-between;font-size: 11px;color: rgba(255,255,255,.8);}.footer-bottom-v3 a{margin-left:18px}

/* WHATSAPP */
.whatsapp-v3{position:fixed;right: 35px;bottom: 55px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background: #fbd173;color: #075E54;font-size:28px;z-index:1050;box-shadow: 0 12px 30px rgba(37, 211, 102, .3);}.whatsapp-v3:before{content:"";position:absolute;inset:-7px;border:2px solid rgba(37,211,102,.35);border-radius:50%;animation:wa 2s infinite}.whatsapp-v3 span{position:absolute;right:68px;white-space:nowrap;padding:8px 11px;border-radius:9px;background:#fff;color:var(--ink);font-size: 11px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.1);opacity:0;transform:translateX(8px);transition:.25s}.whatsapp-v3:hover span{opacity:1;transform:none}@keyframes wa{50%{transform:scale(1.2);opacity:0}}

/* responsive */
@media(max-width:991px){
 .hero3{min-height:690px}.hero3-content{padding-bottom:150px}.hero3-graphic{right:-190px;opacity:.08}
 .story-tabs{grid-template-columns:1fr}.story-tab-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.story-tab:hover,.story-tab.active{transform:translateY(-3px)}.story-panel{min-height:0}
 .team-grid{gap:20px}.team-photo-wrap{width:200px;height:200px}.team-info{width:215px}
 .zigzag{grid-template-columns:1fr;gap:35px}.zigzag-line{display:none}.journey-step:nth-child(even){margin-top:0}.journey-step{min-height:auto;display:grid;grid-template-columns:72px 1fr;text-align:left;column-gap:18px;align-items:center}.journey-bubble{grid-row:span 2;margin:0}.journey-step p{max-width:none;margin:0}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
 .brand-logo{width:170px}.hero3{min-height:700px}.hero3-logo{width:230px}.hero3-brand{font-size:39px}.hero3-tag{font-size:20px}.hero3-copy{font-size:12px}.hero3-actions .btn{width:100%}.hero-pointers{position:absolute}.pointer-grid{grid-template-columns:repeat(2,1fr)}.pointer{padding:10px 8px}.pointer-icon{width:42px;height:42px;font-size:17px}.pointer h4{font-size:10px}.pointer p{font-size:8px}
 .section-shell,.team-v3,.services-v3,.journey-v3,.why-v3{padding:80px 0}.story-tab-buttons{grid-template-columns:1fr}.story-panel{padding:28px}.story-bottom{padding:30px}.story-bottom-grid{grid-template-columns:1fr}
 .team-grid{grid-template-columns:1fr;gap:45px}.team-info{top:105px}.team-photo-wrap{width:220px;height:220px}
 .services-v3 .swiper-button-next,.services-v3 .swiper-button-prev{display:none}.service-image-v3{height:360px}
 .cta-panel{display:block;padding:38px 28px}.cta-panel .btn{margin-top:22px}.contact-teaser-v3{display:block;padding:30px}.contact-teaser-v3 .btn{margin-top:20px}
 .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.social-band-v3{display:block}.social-orbs-v3{margin-top:14px}
}
@media(max-width:520px){
 .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom-v3{display:block}.footer-bottom-v3 div{margin-top:8px}.footer-bottom-v3 a{margin-left:0;margin-right:15px}.whatsapp-v3 span{display:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ============================================================
   V4 FINAL OVERRIDES
   ============================================================ */
:root{--purple:#6f4fa0;--purple-deep:#3c2b70;--purple-light:#aa8bcb;--gold:#f4c34f;--gold-soft:#fff2cf;--lav:#eee6f7;--ink:#25234b;--muted: #403f50;--cream:#fcfaf6;--line:#e8e1ee}
body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff;font-weight: 400;}
.site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.brand-logo{/* width:205px; */}.nav-link{/* font-size:12px!important; *//* font-weight:700!important; */}.nav-link:hover,.nav-link.active{color:var(--purple)!important}
.btn-primary-custom{background: linear-gradient(135deg,#6d4b9d,#9b79bf);border-color:#6d4b9d;border-radius:999px;box-shadow:0 10px 25px rgba(80,52,120,.16);padding: 10px 15px;}.btn-outline-custom{border-color:var(--purple);color:var(--purple);border-radius:999px;padding: 10px 15px;}.btn-outline-custom:hover{background:var(--purple);color:#fff}
.hero3{background:radial-gradient(circle at 50% 12%,rgba(170,139,203,.15),transparent 28%),linear-gradient(180deg,#fff,#fbf8fe 70%,#f6f0fb)}
.hero3-logo{animation:heroIn 1.65s cubic-bezier(.22,1,.36,1) .15s forwards}.hero3-brand .skill{color:#efb632}.hero3-brand .stream{color: #362762;}.hero3-brand .studio{color: #ad8fcd;}
/* Team: match reference interaction — clean circle + name first; info appears only on hover. */
.team-card{min-height:370px}.team-photo-wrap{cursor:pointer}.team-info{top:205px;width:250px;transform:translate(-50%,10px) scale(.88)}.team-card:hover .team-info{transform:translate(-50%,0) scale(1)}.team-card:hover .team-photo-wrap{transform:scale(1.055)}
.team-card:nth-child(1) .team-photo-wrap{background:#f4c34f}.team-card:nth-child(2) .team-photo-wrap{background:#aa8bcb}.team-card:nth-child(3) .team-photo-wrap{background:#e6daf2}
/* Services: local lightweight carousel */
.services-v3{/* background:linear-gradient(180deg,#f4f7fd,#fff); */}.servicesSwiperV3{position:relative;overflow:hidden;padding:10px 5px 60px}.servicesSwiperV3 .swiper-wrapper{display:flex;transition:transform .75s cubic-bezier(.22,1,.36,1);will-change:transform}.servicesSwiperV3 .swiper-slide{flex:0 0 33.3333%;padding:0 8px;box-sizing:border-box}.service-ref-card{height:100%}.services-v3 .swiper-button-next,.services-v3 .swiper-button-prev{cursor:pointer;position:absolute;top:46%;z-index:4;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 7px 25px rgba(45,40,100,.14);color:var(--purple);display:grid;place-items:center}.services-v3 .swiper-button-prev{left:0}.services-v3 .swiper-button-next{right:0}.services-v3 .swiper-button-prev::after {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    font-size: 0;
}

.services-v3 .swiper-button-next::after {
    content: '';
    width: 12px;
    height: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    font-size: 0;
}.service-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.service-dots button{width:7px;height:7px;border:0;border-radius:50%;background:#c9cde6;padding:0;transition:.3s}.service-dots button.active{width:22px;border-radius:8px;background:var(--purple)}
/* Journey infographic */
.journey-v3{padding:120px 0;background:var(--cream);overflow:hidden}.journey-head{max-width:760px;margin-bottom:24px}.confidence-meter{max-width:720px;margin:0 auto 35px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:8px;font-weight:800;letter-spacing:.12em;color:#8b829d}.confidence-meter>div{height:8px;border-radius:99px;background:#eee7f6;overflow:hidden}.confidence-meter i{display:block;width:58%;height:100%;background:linear-gradient(90deg,#e8d7f4,var(--purple),var(--gold));border-radius:99px}.journey-map{position:relative;height:430px;margin-top:5px}.journey-path{position:absolute;inset:25px 0 0}.journey-path svg{width:100%;height:100%;overflow:visible}.journey-progress{transition:stroke-dashoffset 1.2s ease}.journey-avatar{position:absolute;left:4%;top:48%;width:100px;height:136px;z-index:5;transform:translate(-50%,-50%) rotate(-8deg) scale(.88);transition:left 1.15s cubic-bezier(.22,1,.36,1),top 1.15s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.journey-avatar img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 14px 12px rgba(48,36,94,.16))}.avatar-glow{position:absolute;left:50%;bottom:2px;width:70px;height:20px;transform:translateX(-50%);border-radius:50%;background:rgba(90,67,143,.12);filter:blur(5px)}.journey-avatar.step-1{transform:translate(-50%,-50%) rotate(-10deg) scale(.78)}.journey-avatar.step-2{transform:translate(-50%,-50%) rotate(-5deg) scale(.86)}.journey-avatar.step-3{transform:translate(-50%,-50%) rotate(0) scale(.93)}.journey-avatar.step-4{transform:translate(-50%,-50%) rotate(4deg) scale(1)}.journey-avatar.step-5{transform:translate(-50%,-50%) rotate(0) scale(1.08)}
.journey-step{position:absolute;width:170px;text-align:center;z-index:3}.journey-step-1{left:6%;top:53%}.journey-step-2{left:23%;top:3%}.journey-step-3{left:42%;top:53%}.journey-step-4{left:61%;top:3%}.journey-step-5{right:4%;top:53%}.journey-bubble{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#fff;border:2px solid #a98aca;color:var(--purple);font-size:10px;font-weight:800;box-shadow:0 0 0 8px var(--cream),0 10px 25px rgba(90,67,143,.1);transition:.35s}.journey-step.active .journey-bubble{background:var(--purple);color:#fff;transform:scale(1.1);border-color:var(--purple)}.journey-step h3{font-size:15px;font-weight:800;margin:0 0 5px}.journey-step p{font-size:9px;line-height:1.55;color:var(--muted);margin:0}.journey-caption{text-align:center;font-size:11px;color:var(--muted);margin-top:0;font-weight:700}.journey-caption:before{content:'✦';color:var(--gold);margin-right:7px}
/* AOS */
[data-aos]{will-change:transform,opacity}
/* Footer: 3 useful columns + connect/social together */
.footer-v3{background: linear-gradient(135deg, #30245e, #714b9c);padding-top:65px}.footer-grid{grid-template-columns:1.45fr .7fr 1.1fr;gap:55px}.footer-social-inline{margin-top:22px}.footer-social-inline>span{display:block;font-size: 10px;letter-spacing:.18em;font-weight:800;color: rgba(255,255,255,.8);margin-bottom:10px}.footer-social-inline .social-orbs-v3{display:flex;gap:8px}.footer-social-inline .social-orbs-v3 a{width:38px;height:38px}.footer-v3 .footer-bottom-v3{border-top: 1px solid rgb(255 255 255 / 40%);}
@media(max-width:991px){.servicesSwiperV3 .swiper-slide{flex-basis:50%}.journey-map{height:620px}.journey-step{width:150px}.journey-step-1{left:0;top:55%}.journey-step-2{left:20%;top:5%}.journey-step-3{left:40%;top:55%}.journey-step-4{left:60%;top:5%}.journey-step-5{right:0;top:55%}.journey-avatar{width:85px;height:118px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:767px){.servicesSwiperV3 .swiper-slide{flex-basis:100%}.services-v3 .swiper-button-next,.services-v3 .swiper-button-prev{display:grid}.confidence-meter{grid-template-columns:1fr;gap:5px}.confidence-meter>span{text-align:center}.journey-map{height:820px}.journey-path{display:none}.journey-avatar{left:50%!important;top:50%!important}.journey-step{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%;height:145px;text-align:left;display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center}.journey-step .journey-bubble{margin:0}.journey-map{display:flex;flex-direction:column;justify-content:space-between;padding:0 20px}.journey-avatar{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.hero3-logo{animation:none!important;opacity:1;transform:none}.journey-avatar{transition:none}.servicesSwiperV3 .swiper-wrapper{transition:none}}

/* ============================================================
   V5 POLISH — reference-matched team, working story tabs,
   vertical journey infographic
   ============================================================ */

/* OUR STORY — tab interaction */
.story-v3{background:linear-gradient(180deg,#fbf9fd 0%,#f7f3fa 100%)}
.story-ref-head{max-width:820px;margin:0 auto 48px;text-align:center}.story-ref-head .section-title{margin-bottom:12px}.story-ref-head>p{max-width:700px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.8}
.story-tabs-ref{display:grid;grid-template-columns:290px 1fr;gap:28px;align-items:stretch}
.story-tab-rail{display:flex;flex-direction:column;gap:10px}
.story-tab-rail .story-tab{position:relative;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;min-height:92px;padding:16px 17px;border:1px solid #e7e0ee;border-radius:18px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 5px 20px rgba(48,36,94,.035);transition:.35s cubic-bezier(.22,1,.36,1)}
.story-tab-rail .story-tab:hover{transform:translateX(5px);border-color:#cdbbe2;box-shadow:0 14px 32px rgba(48,36,94,.08)}
.story-tab-rail .story-tab.active{background:linear-gradient(135deg,#5d3a8e,#8464ad);border-color:#5d3a8e;color:#fff;transform:translateX(8px);box-shadow:0 18px 38px rgba(90,67,143,.18)}
.story-tab .tab-no{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4eff9;color:var(--purple);font-size:10px;font-weight:800}.story-tab.active .tab-no{background:#f4c55b;color:#35204f}
.story-tab strong{display:block;font-size:14px;letter-spacing:.04em}.story-tab small{display:block;margin-top:4px;font-size:9px;line-height:1.45;color:var(--muted)}.story-tab.active small{color:rgba(255,255,255,.72)}.story-tab>i{font-size:15px;opacity:.45;transition:.3s}.story-tab.active>i{opacity:1;color:#f4c55b;transform:translateX(2px)}
.story-panel-wrap{min-width:0}.story-panel-wrap [hidden]{display:none!important}
.story-panel.story-panel-active{display:grid;grid-template-columns:190px 1fr;gap:32px;min-height:390px;padding:38px;border:1px solid #e9e2ef;border-radius:26px;background:#fff;box-shadow:0 22px 55px rgba(48,36,94,.08);overflow:hidden;position:relative}
.story-panel.story-panel-active:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-185px;bottom:-185px;border:1px solid rgba(168,137,202,.16);pointer-events:none}
.story-panel-art{position:relative;height:190px;border-radius:25px;background:linear-gradient(145deg,#f5edfb,#eee5f6);display:grid;place-items:center;overflow:hidden;color:var(--purple);align-self:start}.story-panel-art .art-ring{position:absolute;width:150px;height:150px;border:1px solid rgba(90,67,143,.22);border-radius:50%;box-shadow:0 0 0 22px rgba(90,67,143,.035),0 0 0 44px rgba(90,67,143,.025)}.story-panel-art i{position:relative;font-size:62px;z-index:2}.story-panel-art span{position:absolute;bottom:17px;font-size:8px;letter-spacing:.18em;font-weight:800;color:var(--purple)}.stream-art{background:linear-gradient(145deg,#fff4d6,#fffaf0);color:#9a6b0b}.stream-art .art-ring{border-color:rgba(220,165,43,.25)}.studio-art{background:linear-gradient(145deg,#eee5f8,#faf7fd);color:#7953a3}
.story-panel .panel-content{position:relative;z-index:2}.story-panel .panel-num{font-size:9px;font-weight:800;letter-spacing:.2em;color:#c28d16}.story-panel .panel-content h3{font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.04em;margin:8px 0 13px;color:var(--purple-deep)}.story-panel .panel-content p{max-width:760px;color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 11px}.story-panel .panel-quote{display:inline-block;padding:12px 15px;margin:5px 0 12px;border-left:3px solid #f4c55b;background:#fff9e8;color:var(--purple-deep);font-size:12px;font-weight:800}.panel-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.panel-chips span{padding:7px 10px;border-radius:999px;background:#f0e9f7;color:var(--purple);font-size:8px;font-weight:800}.panel-chips span:nth-child(2n){background:#fff0c8;color:#805d0c}

/* TEAM — close to supplied reference composition */
.team-reference{background:#fbf9f5;position:relative;overflow:hidden}.team-reference:before,.team-reference:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.team-reference:before{width:170px;height:170px;right:-70px;top:-65px;background:#f4cf55}.team-reference:after{width:120px;height:120px;right:-30px;top:55px;background:#cdb7e5;opacity:.8}
.team-ref-stage{position:relative;display:grid;grid-template-columns:220px 310px 220px;gap:25px;justify-content:center;align-items:start;max-width:1000px;margin:0 auto;min-height:480px;padding-top:12px}
.team-ref-card{position:relative;text-align:center;z-index:2}.team-ref-left,.team-ref-right{padding-top:52px}.team-ref-center{z-index:5}.team-ref-photo{position:relative;width:210px;height:210px;margin:0 auto;border-radius:50%;display:grid;place-items:center;transition:.55s cubic-bezier(.22,1,.36,1);overflow:visible}.team-ref-center .team-ref-photo{width:285px;height:285px}.team-ref-photo:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(89,67,143,.08)}.team-ref-photo:after{content:"";position:absolute;inset:-15px;border-radius:50%;border:1px dashed rgba(90,67,143,.25);animation:teamOrbitV5 17s linear infinite}.team-bg-yellow{background:#f4c84f}.team-bg-purple{background:#ad8dce}.team-bg-lilac{background:#d9cbe9}.team-ref-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;transition:.55s cubic-bezier(.22,1,.36,1);filter:grayscale(100%);mix-blend-mode:multiply}.team-ref-card:hover .team-ref-photo{transform:translateY(-8px) scale(1.035)}.team-ref-card:hover .team-ref-photo img{filter:grayscale(0);transform:scale(1.045)}
.team-ref-name{display:inline-flex;flex-direction:column;align-items:center;min-width:165px;margin-top:10px;padding:10px 17px 11px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 7px 22px rgba(48,36,94,.07);position:relative;z-index:3}.team-ref-center .team-ref-name{min-width:205px}.team-ref-name strong{font-size:14px;color:#1f285c;font-weight:800}.team-ref-center .team-ref-name strong{font-size:17px}.team-ref-name span{font-size:7px;letter-spacing:.16em;color:#8976a4;font-weight:800;margin-top:3px}
.team-ref-info{position:absolute;left:50%;top:185px;width:250px;padding:19px 20px 17px;border-radius:19px;background:rgba(255,255,255,.98);border:1px solid #eee7f3;box-shadow:0 22px 48px rgba(48,36,94,.18);text-align:left;opacity:0;visibility:hidden;transform:translate(-50%,10px) scale(.82);transform-origin:top center;transition:.42s cubic-bezier(.22,1,.36,1);z-index:10;pointer-events:none}.team-ref-center .team-ref-info{top:245px;width:305px}.team-ref-card:hover .team-ref-info{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.team-ref-info:before{content:"";position:absolute;top:-7px;left:50%;width:13px;height:13px;background:#fff;border-left:1px solid #eee7f3;border-top:1px solid #eee7f3;transform:translateX(-50%) rotate(45deg)}.team-ref-info>span{font-size:7px;letter-spacing:.17em;font-weight:800;color:#8c6bb0}.team-ref-info h3{font-size:18px;margin:5px 0 7px;color:#20275f;font-weight:800}.team-ref-info p{font-size:10px;line-height:1.6;color:#7a7890;margin:0}.team-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.team-tags b{font-size:7px;padding:6px 9px;border-radius:999px;background:#eee4fa;color:#6c4c9d}.team-tags b:nth-child(2n){background:#fff0bf;color:#7b5c11}.team-contact{display:flex;align-items:center;gap:7px;margin-top:13px;padding-top:11px;border-top:1px solid #eee8f3;font-size:8px;color:#817d90}.team-contact i{color:#7a56a5}.team-contact em{height:14px;width:1px;background:#ddd4e7;margin:0 2px}
.team-arrow{position:absolute;top:190px;width:40px;height:40px;border:0;border-radius:50%;background:#f2eaf7;color:#7655a3;display:grid;place-items:center;z-index:8;transition:.3s;box-shadow:0 7px 18px rgba(48,36,94,.06)}.team-arrow:hover{background:#7655a3;color:#fff;transform:scale(1.08)}.team-arrow-left{left:4%}.team-arrow-right{right:4%}.team-ref-dots{text-align:center;margin-top:-5px;position:relative;z-index:3}.team-ref-dots span{display:inline-block;width:7px;height:7px;margin:0 4px;border-radius:50%;background:#d8cbe7}.team-ref-dots span.active{background:#7652a2;transform:scale(1.25)}.team-ref-signature{text-align:right;color:#9277b1;font-family:cursive;font-size:17px;margin:10px 20px 0}.team-ref-signature b{color:#e5b53d}.team-ref-card:hover{z-index:20}@keyframes teamOrbitV5{to{transform:rotate(360deg)}}

/* JOURNEY — vertical infographic */
.journey-vertical{background:linear-gradient(180deg,#fbf8fd 0%,#f5f0f8 100%)}.journey-vertical-flow{position:relative;max-width:900px;margin:55px auto 10px;padding:10px 0 25px;min-height:1050px}.journey-vertical-line{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);background:#e3d8ec;border-radius:99px;overflow:hidden}.journey-line-progress{display:block;width:100%;height:0;background:linear-gradient(180deg,#e7c15a 0%,#ad8bce 48%,#6b4a99 100%);border-radius:99px;transition:height 1.1s cubic-bezier(.22,1,.36,1)}
.journey-v-step{position:relative;width:50%;min-height:185px;padding:5px 55px}.journey-v-step.left{padding-right:85px;text-align:right}.journey-v-step.right{margin-left:50%;padding-left:85px;text-align:left}.journey-v-step:before{content:"";position:absolute;top:31px;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #b295ce;box-shadow:0 0 0 8px #f7f2f9;transition:.4s;z-index:4}.journey-v-step.left:before{right:-9px}.journey-v-step.right:before{left:-9px}.journey-v-step.active:before{background:#f4c55b;border-color:#7652a2;transform:scale(1.25);box-shadow:0 0 0 8px rgba(244,197,91,.12),0 8px 22px rgba(118,82,162,.2)}
.journey-v-content{display:inline-flex;gap:14px;align-items:flex-start;max-width:355px;padding:20px 22px;border:1px solid #e5ddeb;border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(72,50,104,.06);transition:.45s}.journey-v-step:hover .journey-v-content,.journey-v-step.active .journey-v-content{transform:translateY(-4px);background:#fff;box-shadow:0 20px 42px rgba(72,50,104,.1);border-color:#d4c2e4}.journey-v-num{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#f2eafa;color:#7351a0;font-size:9px;font-weight:800}.journey-v-step.active .journey-v-num{background:#f4c55b;color:#33214f}.journey-v-kicker{font-size:7px;letter-spacing:.18em;font-weight:800;color:#a38aad}.journey-v-content h3{margin:5px 0 5px;font-size:18px;font-weight:800;color:#2a2450}.journey-v-content p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}.journey-person{position:absolute;left:50%;top:95px;width:88px;height:120px;transform:translate(-50%,-50%);z-index:6;transition:top 1.1s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}.journey-person img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 9px rgba(48,36,94,.15));position:relative;z-index:2}.person-shadow{position:absolute;bottom:0;left:50%;width:62px;height:13px;transform:translateX(-50%);border-radius:50%;background:rgba(73,51,104,.13);filter:blur(5px)}.journey-person-step-1{transform:translate(-50%,-50%) scale(.72) rotate(-5deg)}.journey-person-step-2{transform:translate(-50%,-50%) scale(.8) rotate(3deg)}.journey-person-step-3{transform:translate(-50%,-50%) scale(.88) rotate(-2deg)}.journey-person-step-4{transform:translate(-50%,-50%) scale(.96) rotate(2deg)}.journey-person-step-5{transform:translate(-50%,-50%) scale(1.06) rotate(0)}
.journey-vertical .journey-caption{margin-top:15px;text-align:center;font-size:11px;color:#7c718b;font-weight:700}.journey-vertical .journey-caption:before{content:'✦';color:#e5b53d;margin-right:7px}

@media(max-width:991px){
 .story-tabs-ref{grid-template-columns:1fr}.story-tab-rail{display:grid;grid-template-columns:repeat(3,1fr)}.story-tab-rail .story-tab{min-height:110px}.story-tab-rail .story-tab:hover,.story-tab-rail .story-tab.active{transform:translateY(-4px)}
 .story-panel.story-panel-active{grid-template-columns:145px 1fr}
 .team-ref-stage{grid-template-columns:170px 250px 170px;gap:14px}.team-ref-photo{width:175px;height:175px}.team-ref-center .team-ref-photo{width:235px;height:235px}.team-ref-center .team-ref-info{top:205px;width:285px}.team-ref-info{top:155px;width:210px}.team-arrow-left{left:0}.team-arrow-right{right:0}
}
@media(max-width:767px){
 .story-tab-rail{grid-template-columns:1fr}.story-panel.story-panel-active{grid-template-columns:1fr;padding:25px}.story-panel-art{height:145px;width:145px}.story-panel .panel-content h3{font-size:25px}
 .team-ref-stage{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:720px}.team-ref-card{order:2}.team-ref-center{order:1}.team-ref-left,.team-ref-right{order:3;padding-top:0}.team-ref-photo,.team-ref-center .team-ref-photo{width:220px;height:220px}.team-ref-left .team-ref-photo,.team-ref-right .team-ref-photo{width:170px;height:170px}.team-ref-info,.team-ref-center .team-ref-info{top:190px;width:min(290px,calc(100vw - 55px))}.team-ref-center .team-ref-info{top:220px}.team-arrow{top:235px}.team-arrow-left{left:7px}.team-arrow-right{right:7px}.team-ref-signature{text-align:center}
 .journey-vertical-flow{min-height:auto;padding:0 0 10px;margin-top:40px}.journey-vertical-line{left:27px;transform:none}.journey-person{display:none}.journey-v-step,.journey-v-step.right,.journey-v-step.left{width:100%;margin:0;padding:0 0 28px 62px;text-align:left;min-height:150px}.journey-v-step:before,.journey-v-step.left:before,.journey-v-step.right:before{left:18px;right:auto;top:28px}.journey-v-content{width:100%;max-width:none}.journey-vertical .confidence-meter{margin-bottom:35px}
}
@media(max-width:520px){.team-ref-stage{min-height:700px}.team-ref-center .team-ref-photo{width:205px;height:205px}.team-ref-left .team-ref-photo,.team-ref-right .team-ref-photo{width:150px;height:150px}.team-ref-center .team-ref-info{top:205px}.team-ref-info{top:170px}.team-arrow{top:215px}}


/* ===================== V7 DESIGN OVERRIDES ===================== */
.about-v4{padding: 70px 0;background:linear-gradient(180deg,#fff 0%,#fbf9fd 100%);overflow:hidden}
.about-kicker{display:flex;align-items:center;gap:13px;color:#6d4fa2;font-size: 15px;font-weight:800;letter-spacing: .15em;margin-bottom: 8px;}.about-kicker span{width:40px;height:2px;background:#f4c55b}.about-kicker i{display: block;width: 8px;height: 8px;border-radius: 50%;background: #b99ad9;flex-shrink: 0;}
.about-v4-grid{/* display:grid; *//* grid-template-columns:1.2fr .8fr; *//* gap:80px; */align-items: center;text-align: center;/* width: 800px; */margin: auto;}.about-v4-grid h2{font-size: clamp(40px,5.2vw,51px);line-height:1.02;letter-spacing:-.055em;font-weight: 700;color:#25164f;margin:0}.about-v4-grid h2 em{font-style:normal;/* color:#8057b8; */}.about-v4-grid p{font-size: 15px;line-height:1.9;color: #403f50;margin:0 0 13px}.about-v4-grid .about-lead{font-size: 19px;line-height:1.4;font-weight:800;color:#382568}
.about-story-board{margin-top:70px;display:grid;grid-template-columns:.33fr .67fr;gap:20px;background:#f6f2fa;border-radius:32px;padding:20px;position:relative}.about-story-side{border-radius:25px;background:linear-gradient(145deg,#2e1a5f,#634092);color:#fff;padding:42px 35px;position:relative;overflow:hidden}.about-story-side:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-180px;bottom:-150px}.about-story-badge{display:inline-block;padding:8px 11px;border-radius:99px;background:rgba(255,255,255,.09);font-size: 15px;font-weight:800;/* letter-spacing:.2em; */color:#f4c55b}.about-story-side h3{font-size:31px;line-height:1.12;letter-spacing:-.04em;margin:28px 0 16px;font-weight:800}.about-story-side h3 span{color:#d8c7ee}.about-story-side p{font-size: 13px;line-height:1.8;color: rgb(255 255 255);max-width:280px;}.about-story-line{position:absolute;bottom:28px;left:35px;right:35px;display:flex;gap:7px}.about-story-line span{height:4px;border-radius:4px;background:#f4c55b}.about-story-line span:nth-child(1){width:25%}.about-story-line span:nth-child(2){width:45%;background:#a986cf}.about-story-line span:nth-child(3){width:20%;background:#fff}
.about-story-content{display:grid;gap:12px}.about-story-card{display:grid;grid-template-columns: 56px 1fr;gap:17px;align-items:start;padding:25px;border-radius:22px;background:#fff;border:1px solid #e9e1f1;transition:.35s;box-shadow:0 9px 28px rgba(48,26,79,.035)}.about-story-card:hover{transform:translateX(6px);box-shadow:0 20px 40px rgba(48,26,79,.09)}.about-story-number{font-size: 13px;font-weight:800;color:#9c91aa;padding-top:8px;}.about-story-icon{width: 60px;height: 60px;border-radius:17px;display:grid;place-items:center;background:#efe7f7;color:#5b398d;font-size: 30px;}.stream-card .about-story-icon{background:#fff0c8;color:#986400}.studio-card .about-story-icon{background:#e4d7f2;color:#76519d}.about-story-label{font-size: 15px;font-weight: 900;/* letter-spacing:.2em; */color:#7250a1}.about-story-card h4{font-size: 22px;font-weight:800;color:#2d2051;margin: 10px 0 16px;}.about-story-card p{font-size: 15px;line-height:1.72;color: #403f50;margin:0 0 9px}.about-story-card strong{font-size: 13px;color:#4a3277}.about-more-v4{margin-top:60px;padding:36px 40px;border-radius:28px;background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #f0dfb9;display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.about-more-v4 h3{font-size:28px;font-weight: 600;line-height:1.15;letter-spacing:-.035em;color:#2d2051;margin:8px 0 0}.about-more-v4 h3 em{font-style:normal;color:#76509e}.about-more-points{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.about-more-points span{padding:9px 12px;border-radius:99px;background:#f0e9f7;color:#654394;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.about-more-points span:nth-child(2n){background:#fff0ca;color:#896000}.about-manifesto{margin-top:16px;padding:25px 20px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#6b4c9b}.manifesto-word{font-size:18px;font-weight:900;letter-spacing:.04em}.manifesto-arrow{font-size:18px;color:#f1b93e}.about-manifesto p{width:100%;text-align:center;margin:3px 0 0;font-size: 14px;color: #403f50;font-weight:700}




@media(max-width:991px){.about-v4-grid,.about-story-board,.about-more-v4{grid-template-columns:1fr}.about-story-side{min-height:280px}.about-more-points{justify-content:flex-start}.team-ref-v4-stage{grid-template-columns:180px 270px 180px;min-height:600px}.team-ref-v4-photo{width:175px;height:175px}.center-member .team-ref-v4-photo{width:250px;height:250px}.team-ref-v4-info{top:172px}.center-member .team-ref-v4-info{top:225px}.journey-v4-flow{min-height:1220px}}
@media(max-width:767px){.about-v4{padding:80px 0}.about-v4-grid{gap:25px}.about-v4-grid h2{font-size:40px}.about-story-board{padding:10px}.about-story-side{padding:30px;min-height:250px}.about-story-card{grid-template-columns:35px 50px 1fr;padding:19px;gap:12px}.team-reference-v4{padding:80px 0 65px}.team-ref-v4-stage{display:flex;flex-direction:column;align-items:center;min-height:930px;gap:10px}.center-member{order:1}.side-member{order:2;padding-top:0}.team-ref-v4-photo,.center-member .team-ref-v4-photo{width:210px;height:210px}.side-member .team-ref-v4-photo{width:150px;height:150px}.team-ref-v4-info,.center-member .team-ref-v4-info{top:185px;width:min(300px,calc(100vw - 42px))}.center-member .team-ref-v4-info{top:205px}.team-ref-v4-arrow{top:235px}.team-ref-v4-left{left:5px}.team-ref-v4-right{right:5px}.journey-v4{padding:80px 0}.journey-v4-flow{min-height:auto;padding-bottom:0}.journey-v4-line{left:28px;transform:none;top:20px;bottom:20px}.journey-v4-step,.journey-v4-step.right,.journey-v4-step.left{width:100%;margin:0;padding:18px 0 32px 62px;text-align:left;min-height:160px}.journey-v4-step:before,.journey-v4-step.left:before,.journey-v4-step.right:before{left:19px;right:auto;top:32px}.journey-v4-card,.journey-v4-step.left .journey-v4-card{grid-template-columns:45px 1fr}.journey-v4-step.left .journey-v4-num{order:0}.journey-v4-person{display:none}.journey-v4-meter{font-size:7px}.journey-v4-meter span:last-child{text-align:right}}
@media(max-width:520px){.about-v4-grid h2{font-size:34px}.about-story-card{grid-template-columns:1fr}.about-story-number{position:absolute}.about-story-icon{margin-bottom:2px}.team-ref-v4-stage{min-height:900px}.team-ref-v4-info{width:calc(100vw - 35px)}.about-more-v4{padding:28px}.journey-v4-card{padding:18px}}

/* =========================================================
   TEAM SECTION KICKER
========================================================= */

.team-v4-head .section-kicker,
.services-v3-head .section-kicker {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: fit-content;
        margin:
        0 auto 18px;
        text-align: center;
        z-index: 9;
        position: relative;
        }


.team-v4-head .section-kicker span,
.services-v3-head .section-kicker span {display: block;width: 38px;height: 3px;/* background: #f4c953; *//* flex-shrink: 0; */}


.team-v4-head .section-kicker i,
.services-v3-head .section-kicker i {

    display: block;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #b99ad9;

    flex-shrink: 0;
}


/* ==========================================================================
   OUR TEAM — CLEAN FINAL IMPLEMENTATION
   ==========================================================================
   Uses the EXISTING HTML with ONE transparent PNG per member.

   Visual result:
   - CSS circle stays behind the portrait
   - head extends above the circle
   - shoulders/body are clipped to the circle
   - white ring stays around the circle
   - no second image or HTML change required
   ========================================================================== */

.team-reference-v4 {
    position: relative;
    padding: 60px 0;
    background: #fcfaf6 !important;
    /* overflow: visible !important; */
}

.team-reference-v4 .team-v4-head {
    position: relative;
    z-index: 20;
    text-align: center;
    /* max-width: 750px; */
    margin: 0 auto 50px;
}

.team-reference-v4 .team-ref-v4-stage,
.team-reference-v4 .team-static-v4 {
    position: relative !important;
    /* width: min(1120px, calc(100% - 40px)); */
    min-height: 430px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1.15fr 1fr !important;
    align-items: start !important;
    gap: 28px !important;
    overflow: visible !important;
}

.team-reference-v4 .team-ref-v4-member,
.team-reference-v4 .team-static-v4 .team-ref-v4-member {
    position: relative !important;
    min-width: 0;
    text-align: center;
    z-index: 2;
    padding-top: 0 !important;
    overflow: visible !important;
}

.team-reference-v4 .team-ref-v4-member.center-member {
    z-index: 4 !important;
}

/* --------------------------------------------------------------------------
   CIRCLE FRAME
   -------------------------------------------------------------------------- */

.team-reference-v4 .team-ref-v4-photo {
    position: relative !important;
    width: 270px !important;
    height: 270px !important;
    margin: 0 auto !important;
    display: block !important;
    border-radius: 50% !important;
    overflow: visible !important;
    background: #f4c953;
    box-shadow: 0 16px 30px rgba(55,34,82,.08);
    isolation: isolate;
    transform: none;
    transition: transform .45s cubic-bezier(.22,1,.36,1),
                box-shadow .45s ease;
}

/* Centre circle */
.team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo {
    width: 300px !important;
    height: 300px !important;
}

/* Circle colours */
.team-reference-v4 .yellow-photo {
    background: #f4c953 !important;
}

.team-reference-v4 .purple-photo {
    background: #b99ad9 !important;
}

.team-reference-v4 .lilac-photo {
    background: #d9cce7 !important;
}

/* --------------------------------------------------------------------------
   WHITE CIRCLE RING
   -------------------------------------------------------------------------- */

.team-reference-v4 .team-ref-v4-photo::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: transparent;
    border: 7px solid #fff;
    box-sizing: border-box;
    /* z-index: 10; */
    pointer-events: none;
}

/* --------------------------------------------------------------------------
   SINGLE PNG — HEAD OUTSIDE + BODY INSIDE CIRCLE
   --------------------------------------------------------------------------
   The mask is the important part.

   It is the UNION of:
   1. the complete circular area
   2. a narrow rectangle at the top for the head

   Therefore the same PNG can show:
       HEAD -> outside circle
       BODY -> only inside circle
   without needing duplicate HTML images.
   -------------------------------------------------------------------------- */

.team-reference-v4 .team-ref-v4-photo > img,
.team-reference-v4 .team-ref-v4-photo img.person-img {
    position: absolute !important;
    left: 50% !important;
    top: -62px !important;

    width: 116% !important;
    height: auto !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    object-fit: contain !important;
    object-position: center top !important;

    border-radius: 0 !important;

    transform: translateX(-50%) !important;

    z-index: 6 !important;

    pointer-events: none;

    /*
       MASK #1 = circular body
       MASK #2 = top head window

       105px is the amount of portrait allowed above the circle.
    */
    -webkit-mask-image:
        radial-gradient(
            circle at 50% 50%,
            #000 0 49.6%,
            transparent 50.2%
        ),
        linear-gradient(
            to bottom,
            #000 0,
            #000 105px,
            transparent 106px
        );

    mask-image:
        radial-gradient(
            circle at 50% 50%,
            #000 0 49.6%,
            transparent 50.2%
        ),
        linear-gradient(
            to bottom,
            #000 0,
            #000 105px,
            transparent 106px
        );

    -webkit-mask-size: 100% 100%, 100% 100%;
    mask-size: 100% 100%, 100% 100%;

    -webkit-mask-position: center, center;
    mask-position: center, center;

    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;

    /*
       ADD the two mask shapes together.
    */
    -webkit-mask-composite: source-over;
    mask-composite: add;
}

/*
   The current HTML has only one image. These rules deliberately remove
   all previous body/head clipping rules that caused the diagonal cuts.
*/
.team-reference-v4 .team-ref-v4-photo img.person-body,
.team-reference-v4 .team-ref-v4-photo img.person-head {
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

/* --------------------------------------------------------------------------
   HOVER
   -------------------------------------------------------------------------- */

.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo {
    transform: translateY(-7px) scale(1.02) !important;
    box-shadow: 0 28px 55px rgba(55,34,82,.15);
}

.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo > img,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo > img {
    transform: translateX(-50%) scale(1.015) !important;
}

/* --------------------------------------------------------------------------
   NAME PLATE
   -------------------------------------------------------------------------- */

.team-reference-v4 .team-ref-v4-name {
    /* position: relative !important; */
    z-index: 30 !important;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    /* min-width: 190px; */
    margin-top: 14px !important;
    padding: 11px 27px 12px !important;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(55,34,82,.05);
}

.team-reference-v4 .center-member .team-ref-v4-name {
    /* min-width: 210px; */
    margin-top: 30px !important;
}

.team-reference-v4 .team-ref-v4-name strong {
    font-size: 20px !important;
    color: #282053 !important;
    font-weight: 800 !important;
}

.team-reference-v4 .team-ref-v4-name span {
    margin-top: 7px !important;
    font-size: 13px !important;
    line-height: 1.25;
    letter-spacing: .10em !important;
    color: #5b5a67 !important;
    font-weight: 700 !important;
}

/* Keep name visible normally. */
.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-name,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-name {
    display: inline-flex !important;
}

/* --------------------------------------------------------------------------
   PROFILE CARD
   -------------------------------------------------------------------------- */

.team-reference-v4 .team-ref-v4-info {
    position: absolute !important;
    top: 235px !important;
    left: 50% !important;
    width: 400px !important;
    max-width: calc(100% - 20px);
    margin: 0 !important;
    padding: 22px !important;
    box-sizing: border-box;
    transform: translate(-50%, 12px) scale(.96) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    text-align: left;
    box-shadow: 0 22px 45px rgba(42,27,68,.14);
    z-index: 50;
    transition:
        opacity .3s ease,
        transform .3s ease,
        max-height .3s ease;
}

.team-reference-v4 .center-member .team-ref-v4-info {
    top: 220px !important;
    /* width: 375px !important; */
}

.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-info {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    max-height: 500px;
    transform: translate(-50%, 0) scale(1) !important;
    z-index: 9999;
}

.team-reference-v4 .team-ref-v4-info > span {
    font-size: 12px;
    letter-spacing: .10em;
    color: #8c6cb2;
    font-weight: 800;
}

.team-reference-v4 .team-ref-v4-info h3 {
    /* margin: 7px 0 4px; */
    font-size: 23px;
    color: #282053;
    font-weight: 800;
}

.team-reference-v4 .team-gold-rule {
    /* width: 32px; */
    /* height: 3px; */
    margin: 9px 0 12px;
    /* background: #f4c55b; */
}

.team-reference-v4 .team-ref-v4-info p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #777184;
}

.team-reference-v4 .team-ref-v4-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 14px;
}

.team-reference-v4 .team-ref-v4-tags b {
    padding: 7px 9px;
    border-radius: 99px;
    background: #eee4f8;
    color: #654393;
    font-size: 10px;
}

.team-reference-v4 .team-ref-v4-tags b:nth-child(2) {
    background: #fff0ca;
    color: #876000;
}

.team-reference-v4 .team-ref-v4-contact {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid #eee7f2;
    color: #736482;
    font-size: 12px;
}

.team-reference-v4 .team-ref-v4-contact i {
    color: #76509e;
}

.team-reference-v4 .team-ref-v4-contact em {
    width: 1px;
    height: 15px;
    margin: 0 4px;
    background: #ddd4e5;
}

/* Remove legacy arrows/dots */
.team-reference-v4 .team-ref-v4-arrow,
.team-reference-v4 .team-ref-v4-dots {
    display: none !important;
}

/* --------------------------------------------------------------------------
   DESKTOP PORTRAIT TUNING
   -------------------------------------------------------------------------- */

@media (min-width: 1101px) {
    .team-reference-v4 .team-ref-v4-photo > img {
        top: -29px !important;
        width: 127% !important;
    }
}

/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */

@media (max-width: 1100px) {
    .team-reference-v4 {
        padding: 90px 0 70px !important;
    }

    .team-reference-v4 .team-ref-v4-stage,
    .team-reference-v4 .team-static-v4 {
        width: min(950px, calc(100% - 24px)) !important;
        grid-template-columns: 180px 250px 180px !important;
        gap: 12px !important;
        justify-content: center;
        min-height: 430px !important;
    }

    .team-reference-v4 .team-ref-v4-photo,
    .team-reference-v4 .team-ref-v4-member:not(.center-member) .team-ref-v4-photo {
        width: 175px !important;
        height: 175px !important;
    }

    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo {
        width: 250px !important;
        height: 250px !important;
    }

    .team-reference-v4 .team-ref-v4-photo > img {
        top: -42px !important;
        width: 118% !important;
    }

    .team-reference-v4 .team-ref-v4-info {
        top: 155px !important;
        width: 220px !important;
    }

    .team-reference-v4 .center-member .team-ref-v4-info {
        top: 215px !important;
        width: 270px !important;
    }
}

/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .team-reference-v4 {
        padding: 50px 0 65px !important;
    }

    .team-reference-v4 .team-ref-v4-stage,
    .team-reference-v4 .team-static-v4 {
        width: 100% !important;
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column;
        align-items: center;

        gap: 42px !important;
    }

    .team-reference-v4 .team-ref-v4-member,
    .team-reference-v4 .team-static-v4 .team-ref-v4-member {
        width: 100% !important;
        padding-top: 0 !important;
    }

    .team-reference-v4 .team-ref-v4-photo,
    .team-reference-v4 .team-ref-v4-member:not(.center-member) .team-ref-v4-photo {
        width: 210px !important;
        height: 210px !important;
    }

    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo {
        width: 235px !important;
        height: 235px !important;
    }

    .team-reference-v4 .team-ref-v4-photo > img {
        top: -48px !important;
        width: 119% !important;
    }

    .team-reference-v4 .team-ref-v4-name,
    .team-reference-v4 .center-member .team-ref-v4-name {
        min-width: 180px;
        max-width: calc(100% - 35px);
    }

    .team-reference-v4 .team-ref-v4-info {
        top: 185px !important;
        width: min(310px, calc(100vw - 35px)) !important;
        max-width: calc(100vw - 35px);
    }

    .team-reference-v4 .center-member .team-ref-v4-info {
        top: 210px !important;
    }

    .team-reference-v4 .team-ref-v4-contact {
        white-space: normal;
        flex-wrap: wrap;
    }
}

/* --------------------------------------------------------------------------
   SMALL MOBILE
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
    .team-reference-v4 .team-ref-v4-photo,
    .team-reference-v4 .team-ref-v4-member:not(.center-member) .team-ref-v4-photo {
        width: 195px !important;
        height: 195px !important;
    }

    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo {
        width: 215px !important;
        height: 215px !important;
    }

    .team-reference-v4 .team-ref-v4-photo > img {
        top: -43px !important;
        width: 120% !important;
    }
}




   OUR TEAM — EQUAL CIRCLE + EQUAL PORTRAIT SCALE
   ------------------------------------------------------------
   Final alignment fix:
   • All three background circles are exactly the same size.
   • All three portraits use the same rendered scale.
   • The centre member no longer gets a larger photo frame.
   • Head/body mask remains unchanged.
   ============================================================ */

.team-reference-v4 .team-ref-v4-photo.team-equal-photo,
.team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo {
    width: 300px !important;
    height: 300px !important;
    min-width: 300px !important;
    min-height: 300px !important;
    max-width: 300px !important;
    max-height: 300px !important;
    margin: 0 auto !important;
    flex: 0 0 300px !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
}

/* Exactly the same portrait scale and vertical position for all members. */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo > img {
    top: -30px !important;
    left: 50% !important;
    width: 126.5% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    transform: translateX(-50%) !important;
}

/* Keep the white ring identical on every circle. */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo::before {
    inset: 0 !important;
    border-width: 7px !important;
    border-radius: 50% !important;
}

/* Keep all three name plates aligned after equalising the circles. */
.team-reference-v4 .team-ref-v4-member .team-ref-v4-name,
.team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-name {
    margin-top: 15px !important;
}

/* Equal hover behaviour for all three portraits. */
.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo.team-equal-photo > img,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo.team-equal-photo > img {
    transform: translateX(-50%) scale(1.015) !important;
}

/* ---------------- TABLET ---------------- */

@media (max-width: 1100px) {
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo {
        width: 250px !important;
        height: 250px !important;
        min-width: 250px !important;
        min-height: 250px !important;
        max-width: 250px !important;
        max-height: 250px !important;
        flex-basis: 250px !important;
    }

    .team-reference-v4 .team-ref-v4-photo.team-equal-photo > img {
        top: -42px !important;
        width: 118% !important;
    }
}

/* ---------------- MOBILE ---------------- */

@media (max-width: 767px) {
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo {
        width: 235px !important;
        height: 235px !important;
        min-width: 235px !important;
        min-height: 235px !important;
        max-width: 235px !important;
        max-height: 235px !important;
        flex-basis: 235px !important;
    }

    .team-reference-v4 .team-ref-v4-photo.team-equal-photo > img {
        top: -48px !important;
        width: 119% !important;
    }
}

/* ---------------- SMALL MOBILE ---------------- */

@media (max-width: 480px) {
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo {
        width: 215px !important;
        height: 215px !important;
        min-width: 215px !important;
        min-height: 215px !important;
        max-width: 215px !important;
        max-height: 215px !important;
        flex-basis: 215px !important;
    }

    .team-reference-v4 .team-ref-v4-photo.team-equal-photo > img {
        top: -43px !important;
        width: 120% !important;
    }
}

/* ============================================================
   HERO — STEP-WISE VIDEO-STYLE ANIMATION V2
   ------------------------------------------------------------
   1. Left brand text: slow zoom-in, fixed in its final position
   2. Face icon + same-size lavender circle: slow LEFT → RIGHT together
   3. Line + dots: zoom-in after logo settles
   4. Tagline: fade-up after the line
   ============================================================ */

/* ============================================================
   FINAL HERO — CURRENT VERSION ONLY
   ============================================================ */
.hero-video-style{
    position:relative;
    min-height:clamp(680px,calc(100vh - 84px),820px);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 50% 8%,rgba(168,137,202,.12),transparent 30%),
        linear-gradient(180deg,#fff 0%,#fff 58%,#fbf8fe 100%);
}
.hero-video-style:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:radial-gradient(rgba(90,67,143,.065) 1px,transparent 1px);
    background-size:26px 26px;
    opacity:.24;
    pointer-events:none;
}
.hero-video-style .container{position:relative;z-index:3;width:100%;}
.hero-video-style .hero3-content{
    width:100%;
    max-width:1120px;
    margin:0 auto;
    padding:clamp(50px,7vw,78px) 0 150px;
}
.hero-video-style .hero3-lockup{
    width:min(1040px,100%);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(24px,4.5vw,72px);
}
.hero-video-style .hero3-brand-wrap{
    flex:0 1 500px;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
.hero-video-style .hero3-brand-image{
    display:block;
    width:min(500px,100%);
    height:auto;
    max-width:100%;
    opacity:0;
    transform:scale(.82);
    transform-origin:center center;
    animation:heroBrandZoom 1.45s cubic-bezier(.22,1,.36,1) .10s forwards;
    will-change:transform,opacity;
}
.hero-video-style .hero3-icon-wrap{
    position:relative;
    flex:0 0 clamp(270px,32vw,410px);
    width:clamp(270px,32vw,410px);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}
.hero-video-style .hero3-logo{
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    margin:0;
    opacity:0;
    transform:translate3d(-110%,0,0);
    clip-path:none;
    -webkit-clip-path:none;
    animation:heroIconTravel 1.55s cubic-bezier(.22,.78,.22,1) .05s forwards;
    will-change:transform,opacity;
}
/* The old purple circle has intentionally been removed. */
.hero-video-style .hero3-circle-sweep{display:none!important;}
.hero-video-style .hero3-reference-line{
    width:min(900px,92%);
    margin:20px auto 0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    opacity:0;
    transform:scale(.88);
    transform-origin:center center;
    animation: heroLineZoom .28s cubic-bezier(.22,1,.36,1) 1.05s forwards;
    will-change:transform,opacity;
}
.hero-video-style .hero3-reference-line img{display:block;width:100%;height:auto;}
.hero-video-style .hero3-tagline-wrap{
    width:100%;
    margin:16px auto 0;
    display:flex;
    align-items:center;
    justify-content:center;
    perspective:900px;
}
.hero-video-style .video-tagline{
    display:flex;
    align-items:baseline;
    justify-content:center;
    flex-wrap:wrap;
    margin:0;
    padding:0 10px;
    color:#362762;
    font-family:"Montserrat",Arial,sans-serif;
    font-size:clamp(22px,3vw,34px);
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.02em;
    perspective:900px;
}
.hero-video-style .video-tagline > span:not(.tag-space){
    --i:.34;
    display:inline-block;
    opacity:0;
    transform:translateY(8px) scale(.55);
    transform-origin:50% 50%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    animation-name:bubbly;
    animation-duration:calc(var(--i) * 1s);
    animation-fill-mode:forwards;
    animation-timing-function:ease-in-out;
    animation-delay:var(--delay,0s);
    will-change:transform,opacity;
}
.hero-video-style .video-tagline .tag-space{
    display:inline-block;
    width:.30em;
    flex:0 0 .30em;
}
/* 35 visible characters. Short stagger = bubbly but quick completion. */
.hero-video-style .video-tagline > span:nth-child(1){--delay:2.18s}
.hero-video-style .video-tagline > span:nth-child(2){--delay:2.215s}
.hero-video-style .video-tagline > span:nth-child(3){--delay:2.25s}
.hero-video-style .video-tagline > span:nth-child(4){--delay:2.285s}
.hero-video-style .video-tagline > span:nth-child(5){--delay:2.32s}
.hero-video-style .video-tagline > span:nth-child(6){--delay:2.355s}
.hero-video-style .video-tagline > span:nth-child(7){--delay:2.39s}
.hero-video-style .video-tagline > span:nth-child(8){--delay:2.425s}
.hero-video-style .video-tagline > span:nth-child(9){--delay:2.46s}
.hero-video-style .video-tagline > span:nth-child(10){--delay:2.495s}
.hero-video-style .video-tagline > span:nth-child(11){--delay:2.53s}
.hero-video-style .video-tagline > span:nth-child(12){--delay:2.565s}
.hero-video-style .video-tagline > span:nth-child(14){--delay:2.635s}
.hero-video-style .video-tagline > span:nth-child(15){--delay:2.67s}
.hero-video-style .video-tagline > span:nth-child(16){--delay:2.705s}
.hero-video-style .video-tagline > span:nth-child(17){--delay:2.74s}
.hero-video-style .video-tagline > span:nth-child(18){--delay:2.775s}
.hero-video-style .video-tagline > span:nth-child(19){--delay:2.81s}
.hero-video-style .video-tagline > span:nth-child(21){--delay:2.88s}
.hero-video-style .video-tagline > span:nth-child(22){--delay:2.915s}
.hero-video-style .video-tagline > span:nth-child(23){--delay:2.95s}
.hero-video-style .video-tagline > span:nth-child(24){--delay:2.985s}
.hero-video-style .video-tagline > span:nth-child(25){--delay:3.02s}
.hero-video-style .video-tagline > span:nth-child(26){--delay:3.055s}
.hero-video-style .video-tagline > span:nth-child(27){--delay:3.09s}
.hero-video-style .video-tagline > span:nth-child(28){--delay:3.125s}
.hero-video-style .video-tagline > span:nth-child(30){--delay:3.195s}
.hero-video-style .video-tagline > span:nth-child(31){--delay:3.23s}
.hero-video-style .video-tagline > span:nth-child(32){--delay:3.265s}
.hero-video-style .video-tagline > span:nth-child(33){--delay:3.30s}
.hero-video-style .video-tagline > span:nth-child(34){--delay:3.335s}
.hero-video-style .video-tagline > span:nth-child(35){--delay:3.37s}
.hero-video-style .video-tagline > span:nth-child(36){--delay:3.405s}
.hero-video-style .hero3-actions{
    opacity:0;
    transform:translateY(10px);
    animation: heroActions .5s cubic-bezier(.22,1,.36,1) 1.25s forwards;
}
.hero-video-style .hero-pointers{position:absolute;left:0;right:0;bottom:0;z-index:4;}

@keyframes heroBrandZoom{0%{opacity:0;transform:scale(.82)}35%{opacity:.5}100%{opacity:1;transform:scale(1)}}
@keyframes heroIconTravel{0%{opacity:0;transform:translate3d(-110%,0,0)}15%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes heroLineZoom{0%{opacity:0;transform:scale(.88)}100%{opacity:1;transform:scale(1)}}
@keyframes bubbly{
    0%{opacity:0;transform:translateY(10px) scale(.45) rotate(-3deg)}
    35%{opacity:1;transform:translateY(-4px) scale(1.12) rotate(2deg)}
    65%{opacity:1;transform:translateY(2px) scale(.94) rotate(-1deg)}
    100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}
}
@keyframes heroActions{to{opacity:1;transform:translateY(0)}}


/* ============================================================
   FULL-PAGE RESPONSIVE FINISHING RULES
   ============================================================ */
img{max-width:100%;height:auto;}
.container{width:100%;}
@media(max-width:1199px){
    .hero-video-style .hero3-lockup{gap:28px;}
    .hero-video-style .hero3-brand-wrap{flex-basis:46%;}
    .hero-video-style .hero3-icon-wrap{flex-basis:42%;width:42%;}
    .pointer{padding-left:8px;padding-right:8px;}
}
@media(max-width:991px){
    .navbar{min-height:76px;}
    .hero-video-style{min-height:760px;}
    .hero-video-style .hero3-content{padding:54px 20px 150px;}
    .hero-video-style .hero3-lockup{gap:22px;}
    .hero-video-style .hero3-brand-wrap{flex:0 1 48%;}
    .hero-video-style .hero3-icon-wrap{flex:0 1 48%;width:48%;}
    .hero-video-style .hero3-reference-line{width:min(760px,94%);}
    .hero-video-style .video-tagline{font-size:clamp(20px,3.2vw,28px);}
    .pointer-grid{grid-template-columns:repeat(2,1fr);}
    .pointer{min-height:88px;}
}
@media(max-width:767px){
    .hero-video-style{min-height:860px;}
    .hero-video-style .hero3-content{padding:42px 12px 150px;}
    .hero-video-style .hero3-lockup{flex-direction:column;gap:18px;}
    .hero-video-style .hero3-brand-wrap{width:min(470px,92vw);flex:0 0 auto;justify-content:center;}
    .hero-video-style .hero3-brand-image{width:min(470px,92vw);}
    .hero-video-style .hero3-icon-wrap{width:min(300px,68vw);flex:0 0 auto;}
    .hero-video-style .hero3-reference-line{width:min(680px,94%);margin-top:16px;}
    .hero-video-style .hero3-tagline-wrap{margin-top:12px;}
    .hero-video-style .video-tagline{font-size:clamp(17px,4.8vw,24px);padding:0 5px;line-height:1.35;}
    .hero-video-style .video-tagline > span:not(.tag-space){--i:.27;}
    .hero-video-style .hero3-actions{flex-direction:column;width:100%;padding:0 20px;margin-top:20px;}
    .hero-video-style .hero3-actions .btn{width: 80%;margin-bottom: 1em;}
    .hero-pointers{position:relative!important;}
    .pointer-grid{grid-template-columns:1fr;}
    .pointer{justify-content:flex-start;padding:12px 18px;}
    .section-kicker-reference .section-kicker-line{width:28px;flex-basis:28px;}
    .section-kicker-reference .section-kicker-dots{gap:4px;margin:0 6px;}
    .section-kicker-reference .section-kicker-dots i{width:6px;height:6px;flex-basis:6px;}
    .section-kicker-reference{font-size:9px!important;}
    .about-v4-grid,.about-story-board,.about-more-v4{grid-template-columns:1fr!important;}
    .contact-teaser-v3,.cta-panel{flex-direction:column;align-items:flex-start;gap:24px;}
    .contact-teaser-v3 .btn,.cta-panel .btn{width:100%;}
}
@media(max-width:480px){
    .hero-video-style{min-height:900px;}
    .hero-video-style .hero3-content{padding:32px 8px 145px;}
    .hero-video-style .hero3-brand-image{width:92vw;}
    .hero-video-style .hero3-icon-wrap{width:min(250px,68vw);}
    .hero-video-style .video-tagline{font-size:15px;letter-spacing:-.01em;}
    .hero-video-style .video-tagline > span:not(.tag-space){--i:.23;}
    .hero-video-style .hero3-actions{padding:0 12px;}
    .section-kicker-reference .section-kicker-line{width:24px;flex-basis:24px;}
    .section-kicker-reference .section-kicker-dots{margin:0 5px;}
}
@media(prefers-reduced-motion:reduce){
    .hero-video-style .hero3-brand-image,
    .hero-video-style .hero3-logo,
    .hero-video-style .hero3-reference-line,
    .hero-video-style .video-tagline > span:not(.tag-space),
    .hero-video-style .hero3-actions{animation:none!important;opacity:1!important;transform:none!important;}
}


/* ============================================================
   SECTION SUBHEADING — LABEL FIRST, DECORATION BELOW
   Yellow line → 4 dots → purple line
   Left aligned with the section content
   ============================================================ */
.section-kicker.section-kicker-reference{
    display:flex!important;
    flex-direction:column;
    /* align-items:flex-start; */
    justify-content: center;
    gap:7px;
    /* width:max-content; */
    max-width:100%;
    margin: 0 0 14px;
    padding:0;
    color:var(--purple)!important;
    font-size: 17px!important;
    line-height:1.2;
    letter-spacing: .14em!important;
    font-weight: 800!important;
    text-align:left;
}
.section-kicker.section-kicker-reference b{
    display:block;
    margin:0;
    color:inherit;
    font:inherit;
    line-height:1.2;
    white-space:nowrap;
    text-transform: uppercase;
}
.section-kicker-reference .section-kicker-decoration{
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    width:max-content;
    max-width:100%;
    height:8px;
}
.section-kicker-reference .section-kicker-line{
    display:block!important;
    width:54px;
    height:2px;
    flex:0 0 54px;
    border-radius:999px;
}
.section-kicker-reference .section-kicker-yellow{background:#f6c257!important;}
.section-kicker-reference .section-kicker-purple{background:#b99bd4!important;}
.section-kicker-reference .section-kicker-dots{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin:0 7px;
    height:8px;
    flex:0 0 auto;
}
.section-kicker-reference .section-kicker-dots i{
    display:block;
    width:5px;
    height:5px;
    flex:0 0 5px;
    border-radius:50%;
    margin:0;
}
.section-kicker-reference .section-kicker-dots i:nth-child(1){background:#f6c257!important;}
.section-kicker-reference .section-kicker-dots i:nth-child(2){background:#b99bd4!important;}
.section-kicker-reference .section-kicker-dots i:nth-child(3){background:#432979!important;}
.section-kicker-reference .section-kicker-dots i:nth-child(4){background:#30384e!important;}
.cta-v3 .section-kicker-reference{color:#f4c55b!important;}
.cta-v3 .section-kicker-reference .section-kicker-purple{background:#b99bd4!important;}

@media(max-width:767px){
    .section-kicker.section-kicker-reference{
        gap:6px;
        font-size:10px!important;
        margin-bottom:14px;
    }
    .section-kicker-reference .section-kicker-decoration{
        max-width:190px;
    }
    .section-kicker-reference .section-kicker-line{
        width:40px;
        flex-basis:40px;
    }
    .section-kicker-reference .section-kicker-dots{
        gap:3px;
        margin:0 6px;
    }
    .section-kicker-reference .section-kicker-dots i{
        width:5px;
        height:5px;
        flex-basis:5px;
    }
}
@media(max-width:400px){
    .section-kicker-reference .section-kicker-decoration{max-width:165px;}
    .section-kicker-reference .section-kicker-line{width:34px;flex-basis:34px;}
    .section-kicker-reference .section-kicker-dots{margin:0 5px;}
}

/* ============================================================
   OUR TEAM + SERVICES — CENTERED SECTION SUBHEADINGS
   Keep all other section subheadings left-aligned.
   ============================================================ */
.team-v4-head .section-kicker.section-kicker-reference,
.services-v3-head .section-kicker.section-kicker-reference{
    align-items:center;
    justify-content:flex-start;
    width:max-content;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

@media(max-width:767px){
    .team-v4-head .section-kicker.section-kicker-reference,
    .services-v3-head .section-kicker.section-kicker-reference{
        align-items:center;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
}


/* ============================================================
   LANDING PAGE — REQUESTED FINAL REFINEMENTS
   ============================================================ */

/* 1. Medium-sized hero logo: less dominant, still prominent. */
.hero-video-style .hero3-brand-image{
    width:min(410px,100%) !important;
}

/* Keep the icon balanced with the smaller wordmark. */
.hero-video-style .hero3-brand-wrap{
    flex-basis:410px;
}

/* 2. Simple, subtle tagline animation.
   Override the previous per-letter "bubbly" effect with one
   gentle fade/slide for the complete tagline. */
.hero-video-style .hero3-tagline-wrap{
    margin-top:18px !important;
    opacity:0;
    transform:translateY(8px);
    animation: heroTaglineSubtle .65s ease-out 1.05s forwards;
}

.hero-video-style .video-tagline{
    perspective:none !important;
}

.hero-video-style .video-tagline > span:not(.tag-space){
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    will-change:auto;
    font-family: 'Montserrat', sans-serif !important;
    /* font-weight: 900; */
}

@keyframes heroTaglineSubtle{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* 3. More breathing room between tagline and CTA buttons. */
.hero-video-style .hero3-actions{
    margin-top:34px !important;
}

/* 6–7. Team portraits:
   - grayscale by default
   - original colour on hover/focus
   - thicker white ring
   - stronger individual pop/highlight
   - non-hovered members gently recede when a member is hovered */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo > img{
    filter:grayscale(1) !important;
    transition:
        filter .45s ease,
        transform .5s cubic-bezier(.22,1,.36,1) !important;
}

.team-reference-v4 .team-ref-v4-photo.team-equal-photo::before{
    border-width:10px !important;
    z-index:20;
}

.team-reference-v4 .team-ref-v4-member{
    transition:
        opacity .35s ease,
        transform .5s cubic-bezier(.22,1,.36,1),
        filter .35s ease;
}

.team-reference-v4 .team-ref-v4-member:hover,
.team-reference-v4 .team-ref-v4-member:focus-within{
    z-index:50 !important;
    opacity:1 !important;
    transform:translateY(-4px) scale(1.07) !important;
}

.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo.team-equal-photo,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo.team-equal-photo{
    transform:translateY(-9px) scale(1.035) !important;
    box-shadow:0 30px 65px rgba(55,34,82,.22) !important;
}

.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo.team-equal-photo > img,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo.team-equal-photo > img{
    filter:grayscale(0) !important;
    transform:translateX(-50%) scale(1.045) !important;
}

/* Highlight the selected person and soften the others. */
.team-reference-v4 .team-static-v4:has(.team-ref-v4-member:hover) .team-ref-v4-member:not(:hover){
    opacity:.72;
    transform:scale(.96);
}

.team-reference-v4 .team-static-v4:has(.team-ref-v4-member:focus-within) .team-ref-v4-member:not(:focus-within){
    opacity:.72;
    transform:scale(.96);
}

/* Responsive: retain the effect without making mobile portraits too large. */
@media (max-width:1100px){
    .hero-video-style .hero3-brand-image{
        width:min(380px,100%) !important;
    }
    .hero-video-style .hero3-brand-wrap{
        flex-basis:380px;
    }
}

@media (max-width:767px){
    .hero-video-style .hero3-brand-wrap{
        width:min(390px,88vw) !important;
        flex-basis:auto;
    }

    .hero-video-style .hero3-brand-image{
        width:min(390px,88vw) !important;
    }

    .hero-video-style .hero3-actions{
        margin-top:28px !important;
    }

    .team-reference-v4 .team-ref-v4-member:hover,
    .team-reference-v4 .team-ref-v4-member:focus-within{
        transform:translateY(-3px) scale(1.045) !important;
    }

    .team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo.team-equal-photo{
        transform:translateY(-7px) scale(1.025) !important;
    }
}

@media (max-width:480px){
    .hero-video-style .hero3-brand-image{
        width:86vw !important;
    }

    .hero-video-style .hero3-actions{
        margin-top:25px !important;
    }

    .team-reference-v4 .team-ref-v4-photo.team-equal-photo::before{
        border-width:9px !important;
    }
}

@media (prefers-reduced-motion:reduce){
    .hero-video-style .hero3-tagline-wrap{
        animation:none !important;
        opacity:1 !important;
        transform:none !important;
    }
}


/* ============================================================
   OUR TEAM — FINAL ALIGNMENT / PORTRAIT RING FIX
   ============================================================ */

/* All three portraits and their coloured circles are exactly equal. */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo,
.team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
    width:300px !important;
    height:300px !important;
    min-width:300px !important;
    min-height:300px !important;
    max-width:300px !important;
    max-height:300px !important;
    flex:0 0 300px !important;
    margin:0 auto !important;
    border-radius:50% !important;
}

/*
   IMPORTANT RING FIX:
   The white ring must sit BEHIND the portrait, not across the
   head that intentionally extends above the circular frame.
*/
.team-reference-v4 .team-ref-v4-photo.team-equal-photo::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border:10px solid #fff !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
    z-index:3 !important;
    pointer-events:none !important;
}

/* Portrait remains above the ring so the head is never crossed by it. */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo > img{
    z-index:6 !important;
}

/* Keep the coloured circular background behind the portrait. */
.team-reference-v4 .team-ref-v4-photo .photo-circle-bg{
    z-index:1 !important;
    position: relative;
}

/* Desktop: exact left-to-right order = Nitin, Jyoti, Deepa. */
@media (min-width:768px){
    .team-reference-v4 .team-static-v4 > .team-ref-v4-member:nth-child(1),
    .team-reference-v4 .team-static-v4 > .team-ref-v4-member:nth-child(2),
    .team-reference-v4 .team-static-v4 > .team-ref-v4-member:nth-child(3){
        grid-column:auto !important;
    }
}

/* Mobile: preserve the requested sequence vertically as Nitin → Jyoti → Deepa. */
@media (max-width:767px){
    .team-reference-v4 .team-static-v4 > .team-ref-v4-member:nth-child(1){order:1 !important;}
    .team-reference-v4 .team-static-v4 > .team-ref-v4-member:nth-child(2){order:2 !important;}
    .team-reference-v4 .team-static-v4 > .team-ref-v4-member:nth-child(3){order:3 !important;}

    /* Equal mobile circle sizes as well. */
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
        width:235px !important;
        height:235px !important;
        min-width:235px !important;
        min-height:235px !important;
        max-width:235px !important;
        max-height:235px !important;
        flex-basis:235px !important;
    }
}

@media (max-width:480px){
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
        width:215px !important;
        height:215px !important;
        min-width:215px !important;
        min-height:215px !important;
        max-width:215px !important;
        max-height:215px !important;
        flex-basis:215px !important;
    }

    .team-reference-v4 .team-ref-v4-photo.team-equal-photo::before{
        border-width:9px !important;
    }
}


/* =========================================================
   HERO SERVICES CAROUSEL — FINAL
   ========================================================= */
.hero-carousel-shell{
  position:relative;
  min-height:clamp(690px,calc(100vh - 84px),820px);
  padding:0;
  overflow:hidden;
  isolation:isolate;
}
.hero-carousel{
  position:relative;
  width:100%;
  height: 80vh;
  min-height:inherit;
  overflow:hidden;
}
.hero-carousel-track{
  display:flex;
  width:100%;
  height:100%;
  min-height:inherit;
  transition:transform .75s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.hero-carousel-slide{
  position:relative;
  flex:0 0 100%;
  min-width:100%;
  min-height:inherit;
  overflow:hidden;
}
.hero-carousel-slide--brand{
  background:
    radial-gradient(circle at 50% 8%,rgba(168,137,202,.12),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fff 58%,#fbf8fe 100%);
}
.hero-carousel-slide--brand:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(111,79,160,.07) 1px,transparent 1px);
  background-size:22px 22px;
  opacity:.35;
  pointer-events:none;
}
.hero-carousel-slide--brand .hero3-content{
  position:relative;
  z-index:2;
}
.hero-carousel-slide--brand .hero-pointers{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:4;
}
.hero-service-slide{
  background:
    radial-gradient(circle at 82% 18%,rgba(170,139,203,.22),transparent 28%),
    linear-gradient(135deg,#fff 0%,#fbf8ff 52%,#f1eafa 100%);
}
.hero-service-layout{
  min-height:clamp(690px,calc(100vh - 84px),820px);
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(25px,5vw,75px);
  padding:72px 0 92px;
}
.hero-service-copy{
  position:relative;
  z-index:2;
  max-width:620px;
  padding-left:clamp(0px,2vw,28px);
}
.hero-service-copy h2{
  margin:0 0 18px;
  color:#29234d;
  font-size: 50px;
  line-height:1.06;
  letter-spacing: 0;
  font-weight:800;
}
.hero-service-copy h2 span{
  /* color:#6f4fa0; */
}
.hero-service-copy p{
  max-width:570px;
  margin:0 0 27px;
  color:#626174;
  font-size:15px;
  line-height:1.8;
}
.hero-service-visual{
  position:relative;
  /* height:min(570px,70vh); */
  /* min-height:410px; */
  display:grid;
  place-items:center;
}
.hero-service-visual:before{
  content:"";
  position:absolute;
  width:min(520px,80%);
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(255,255,255,.7);
  box-shadow:0 25px 70px rgba(61,35,120,.09);
}
.hero-service-visual img{
  position:relative;
  z-index:1;
  /* width:min(720px,100%); */
  /* height:min(570px,100%); */
  /* object-fit:contain; */
  filter:drop-shadow(0 25px 35px rgba(53,35,91,.12));
  transform:scale(.98);
  transition:transform .7s cubic-bezier(.22,1,.36,1);
}
.hero-carousel-slide.is-active .hero-service-visual img{
  animation:heroServiceImageIn .8s cubic-bezier(.22,1,.36,1) both;
}
.hero-carousel-slide.is-active .hero-service-copy{
  animation:heroServiceCopyIn .65s cubic-bezier(.22,1,.36,1) both;
}
@keyframes heroServiceImageIn{
  from{opacity:0;transform:translateX(45px) scale(.9)}
  to{opacity:1;transform:translateX(0) scale(.98)}
}
@keyframes heroServiceCopyIn{
  from{opacity:0;transform:translateX(-30px)}
  to{opacity:1;transform:translateX(0)}
}
.hero-carousel-arrow{
  position:absolute;
  top:50%;
  z-index:10;
  width:46px;
  height:46px;
  border:1px solid rgba(61,35,120,.15);
  border-radius:50%;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  background:rgba(255,255,255,.9);
  color:#5d418d;
  box-shadow:0 10px 30px rgba(48,28,92,.12);
  transition:.25s;
}
.hero-carousel-arrow:hover{
  background:#6f4fa0;
  color:#fff;
  transform:translateY(-50%) scale(1.06);
}
.hero-carousel-prev{left:22px}
.hero-carousel-next{right:22px}
.hero-carousel-dots{
  position:absolute;
  left:50%;
  bottom:24px;
  z-index:11;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:7px;
}
.hero-carousel-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#b9a5d0;
  opacity:.45;
  transition:.3s;
}
.hero-carousel-dots button.is-active{
  width:29px;
  opacity:1;
  background:#6f4fa0;
}
.hero-carousel-slide--brand .hero-carousel-dots{}
.hero-carousel-shell .hero-video-style .hero3-logo{}

/* =========================================================
   TEAM — PROVIDED HEADSHOTS + FULL PROFILE DETAILS
   ========================================================= */
.team-reference-v4 .team-ref-v4-photo > img.person-img{
  position:absolute!important;
  left:50%!important;
  top:-62px!important;
  width:116%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center top!important;
  border-radius:0!important;
  transform:translateX(-50%)!important;
  z-index:6!important;
  pointer-events:none;
  -webkit-mask-image:
    radial-gradient(circle at 50% 50%,#000 0 49.6%,transparent 50.2%),
    linear-gradient(to bottom,#000 0,#000 105px,transparent 106px);
  mask-image:
    radial-gradient(circle at 50% 50%,#000 0 49.6%,transparent 50.2%),
    linear-gradient(to bottom,#000 0,#000 105px,transparent 106px);
  -webkit-mask-size:100% 100%,100% 100%;
  mask-size:100% 100%,100% 100%;
  -webkit-mask-position:center,center;
  mask-position:center,center;
  -webkit-mask-repeat:no-repeat,no-repeat;
  mask-repeat:no-repeat,no-repeat;
  -webkit-mask-composite:source-over;
  mask-composite:add;
}
.team-reference-v4 .team-ref-v4-info{
  top:235px!important;
  width:430px!important;
  max-width:min(430px,calc(100vw - 30px));
  max-height:min(560px,calc(100vh - 190px))!important;
  overflow:auto!important;
  padding:24px!important;
}
.team-reference-v4 .center-member .team-ref-v4-info{
  top:220px!important;
}
.team-reference-v4 .team-ref-v4-info h4{
  margin:13px 0 5px;
  color:#6f4fa0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.team-reference-v4 .team-ref-v4-info p{
  margin:0 0 9px;
  font-size:12px;
  line-height:1.72;
  color:#5f6070;
}
.team-reference-v4 .team-ref-v4-info h3{
  margin-bottom: 10px;
}
.team-reference-v4 .team-ref-v4-contact{
  display:flex!important;
  align-items:center;
  gap:8px;
  margin-top:15px;
  padding-top:12px;
  border-top:1px solid #eee8f4;
  font-size:11px;
  font-weight:800;
}
.team-reference-v4 .team-ref-v4-contact a{
  color:#6f4fa0;
  text-decoration:none;
}
.team-reference-v4 .team-ref-v4-contact a:hover{
  text-decoration:underline;
}
.team-reference-v4 .team-ref-v4-info::-webkit-scrollbar{width:5px}
.team-reference-v4 .team-ref-v4-info::-webkit-scrollbar-thumb{background:#c9b8dc;border-radius:10px}

/* Mobile */
@media(max-width:991px){
  .hero-carousel-shell,
  .hero-carousel-slide,
  .hero-service-layout{min-height:720px}
  .hero-service-layout{
    grid-template-columns:1fr;
    text-align:center;
    padding:65px 20px 95px;
    gap:10px;
  }
  .hero-service-copy{margin:0 auto;padding:0}
  .hero-service-copy p{margin-left:auto;margin-right:auto}
  .hero-service-visual{
    height:310px;
    min-height:260px;
    order:-1;
  }
  .hero-service-visual img{height:310px}
  .hero-service-visual:before{width:300px}
  .hero-carousel-arrow{top:auto;bottom:65px;transform:none}
  .hero-carousel-arrow:hover{transform:scale(1.06)}
  .hero-carousel-prev{left:22px}
  .hero-carousel-next{right:22px}
  .team-reference-v4 .team-ref-v4-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    min-height:0!important;
  }
  .team-reference-v4 .team-ref-v4-member{
    width:100%;
    max-width:520px;
    margin-bottom:28px;
  }
  .team-reference-v4 .team-ref-v4-info,
  .team-reference-v4 .center-member .team-ref-v4-info{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:min(520px,calc(100vw - 34px))!important;
    max-width:none;
    margin:15px auto 0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
@media(max-width:575px){
  .hero-carousel-shell,
  .hero-carousel-slide,
  .hero-service-layout{min-height:760px}
  .hero-service-copy h2{font-size:34px}
  .hero-service-copy p{font-size:13px}
  .hero-service-visual{height:270px;min-height:230px}
  .hero-service-visual img{height:270px}
  .hero-carousel-arrow{width:40px;height:40px;bottom:59px}
  .hero-carousel-dots{bottom:20px}
  .hero-carousel-slide--brand .hero-pointers{display:none}
  .hero-carousel-slide--brand .hero3-content{padding-bottom:70px}
  .team-reference-v4 .team-ref-v4-photo{width:230px!important;height:230px!important}
  .team-reference-v4 .center-member .team-ref-v4-photo{width:255px!important;height:255px!important}
}

/* =========================================================
   FINAL FIX — HERO SERVICE SLIDES + TEAM BIO PANELS
   ========================================================= */

/* Hero service slides: keep all copy consistently left-aligned. */
.hero-service-slide .hero-service-layout{
    text-align:left !important;
}
.hero-service-slide .hero-service-copy{
    width:100%;
    max-width:620px;
    margin:0 !important;
    padding-left:0 !important;
    text-align:left !important;
    align-self:center;
}
.hero-service-slide .hero-service-kicker{
    justify-content:flex-start !important;
    text-align:left !important;
}
.hero-service-slide .hero-service-copy h2{
    text-align:left !important;
    /* max-width:620px; */
    margin-left:0 !important;
    margin-right:0 !important;
}
.hero-service-slide .hero-service-copy p{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
    max-width:570px;
}
.hero-service-slide .hero-service-copy .btn{
    margin-left:0 !important;
}

/* Hide the hero carousel dots completely. Navigation arrows remain. */
.hero-carousel-dots{
    display:none !important;
}

/* Team bio: make the profile card part of the member's normal flow.
   This prevents the long bio from floating over the next website section. */
.team-reference-v4 .team-ref-v4-stage,
.team-reference-v4 .team-static-v4{
    overflow:visible !important;
    /* min-height:430px !important; */
    align-items:start !important;
}
.team-reference-v4 .team-ref-v4-member{
    overflow:visible !important;
}
.team-reference-v4 .team-ref-v4-info,
.team-reference-v4 .team-reference-v4 .team-ref-v4-info{
    position:relative !important;
    top:auto !important;
    left:50% !important;
    width:min(410px,calc(100vw - 50px)) !important;
    max-width:410px !important;
    margin:16px 0 0 !important;
    padding:24px !important;
    transform:translateX(-50%) scale(.97) !important;
    transform-origin:top center !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    max-height:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    border-radius:22px;
    background:#fff;
    box-shadow:0 20px 48px rgba(42,27,68,.13);
    z-index:60 !important;
    transition:
        opacity .3s ease,
        transform .3s ease,
        max-height .4s ease,
        margin-top .3s ease;
}
.team-reference-v4 .center-member .team-ref-v4-info{
    top:auto !important;
}
.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-info{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    max-height:760px !important;
    transform:translateX(-50%) scale(1) !important;
    margin-top:16px !important;
}

/* Give the expanded row enough room without allowing the bio to overlap
   the section below it. The row itself grows because the bio is in flow. */
.team-reference-v4 .team-ref-v4-info h3{
    /* margin-top:7px !important; */
}
.team-reference-v4 .team-ref-v4-info p{
    font-size:13px !important;
    line-height:1.7 !important;
    margin:0 0 10px !important;
}
.team-reference-v4 .team-ref-v4-info h4{
    margin:13px 0 5px !important;
}
.team-reference-v4 .team-ref-v4-contact{
    margin-top:16px !important;
}

/* Prevent hover scaling from making the expanded bio card jump. */
.team-reference-v4 .team-ref-v4-member:hover,
.team-reference-v4 .team-ref-v4-member:focus-within{
    transform:none !important;
}
.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo.team-equal-photo,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo.team-equal-photo{
    transform:translateY(-7px) scale(1.02) !important;
}

@media(max-width:991px){
    .hero-service-slide .hero-service-layout{
        text-align:center !important;
    }
    .hero-service-slide .hero-service-copy,
    .hero-service-slide .hero-service-copy h2,
    .hero-service-slide .hero-service-copy p{
        text-align:center !important;
    }
    .hero-service-slide .hero-service-kicker{
        justify-content:center !important;
    }
    .hero-service-slide .hero-service-copy p{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .hero-service-slide .hero-service-copy .btn{
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .team-reference-v4 .team-ref-v4-info,
    .team-reference-v4 .center-member .team-ref-v4-info{
        position:relative !important;
        top:auto !important;
        left:50% !important;
        width:min(520px,calc(100vw - 34px)) !important;
        max-width:520px !important;
        margin:16px 0 0 !important;
        transform:translateX(-50%) scale(.97) !important;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        max-height:0 !important;
        overflow:hidden !important;
    }
    .team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-info,
    .team-reference-v4 .team-ref-v4-member:focus .team-ref-v4-info,
    .team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-info{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        max-height:900px !important;
        transform:translateX(-50%) scale(1) !important;
    }
}

@media(max-width:575px){
    .team-reference-v4 .team-ref-v4-info,
    .team-reference-v4 .center-member .team-ref-v4-info{
        width:calc(100vw - 34px) !important;
        max-width:calc(100vw - 34px) !important;
        padding:20px !important;
    }
    .team-reference-v4 .team-ref-v4-info p{
        font-size:12.5px !important;
    }
}


/* =========================================================
   FINAL TEAM PORTRAIT + HOVER CARD / HERO VECTOR ASSET FIX
   ========================================================= */

/* Keep the existing 3-column team layout. Only tune the portrait frame. */
.team-reference-v4 .team-ref-v4-stage,
.team-reference-v4 .team-static-v4{
    position:relative !important;
    overflow:visible !important;
    /* align-items:start !important; */
    z-index:10 !important;
}

.team-reference-v4 .team-ref-v4-member{
    position:relative !important;
    overflow:visible !important;
    z-index:5 !important;
    transform:none !important;
}

.team-reference-v4 .team-ref-v4-member.center-member{
    z-index:6 !important;
}

/* All three coloured circles are exactly the same size. */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo,
.team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
    width:300px !important;
    height:300px !important;
    min-width:300px !important;
    min-height:300px !important;
    max-width:300px !important;
    max-height:300px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    position:relative !important;
    overflow:visible !important;
    isolation:isolate !important;
}

/* Consistent portrait canvas: same dimensions and same visual treatment. */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo > img.person-img{
    position:absolute !important;
    left:50% !important;
    top:-22px !important;
    width:108% !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center top !important;
    transform:translateX(-50%) !important;
    z-index:6 !important;
    pointer-events:none !important;
    /* filter:none !important; */
}

/* White ring stays behind the transparent portrait. */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border:8px solid #fff !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
    z-index:3 !important;
    pointer-events:none !important;
}

/* Preserve coloured circular backgrounds. */
.team-reference-v4 .yellow-photo .photo-circle-bg,
.team-reference-v4 .purple-photo .photo-circle-bg,
.team-reference-v4 .lilac-photo .photo-circle-bg{
    position:absolute !important;
    inset:0 !important;
    border-radius:50% !important;
    z-index:1 !important;
}
.team-reference-v4 .yellow-photo .photo-circle-bg{background:#f4c953 !important;}
.team-reference-v4 .purple-photo .photo-circle-bg{background:#b99ad9 !important;/* border: 10px solid #fff; */}
.team-reference-v4 .lilac-photo .photo-circle-bg{background:#d9cce7 !important;}

/* Existing hover interaction: content box appears when the image/member is hovered. */
.team-reference-v4 .team-ref-v4-info{
    position:absolute !important;
    left:50% !important;
    top:315px !important;
    width:430px !important;
    max-width:min(430px,calc(100vw - 40px)) !important;
    margin:0 !important;
    padding:24px !important;
    box-sizing:border-box !important;
    transform:translate(-50%,12px) scale(.97) !important;
    transform-origin:top center !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    max-height:0 !important;
    overflow:hidden !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 24px 60px rgba(42,27,68,.18) !important;
    /* z-index:9999 !important; */
    transition:opacity .28s ease,transform .28s ease,max-height .38s ease,visibility 0s linear .28s !important;
}

.team-reference-v4 .center-member .team-ref-v4-info{
    top:315px !important;
}

.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-info{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    max-height:760px !important;
    overflow:auto !important;
    transform:translate(-50%,0) scale(1) !important;
    /* z-index:99999 !important; */
    transition-delay:0s !important;
}

/* The member itself must not scale; that keeps the old layout stable. */
.team-reference-v4 .team-ref-v4-member:hover,
.team-reference-v4 .team-ref-v4-member:focus-within{
    transform:none !important;
    z-index:100 !important;
}
.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo.team-equal-photo,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo.team-equal-photo{
    transform:translateY(-7px) !important;
    box-shadow:0 26px 55px rgba(55,34,82,.16) !important;
}
.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-photo.team-equal-photo > img,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-photo.team-equal-photo > img{
    transform:translateX(-50%) scale(1.015) !important;
}

/* Ensure the vector hero illustrations render as clean, large artwork. */
.hero-service-visual img{
    /* width:min(720px,100%) !important; */
    /* height:min(570px,100%) !important; */
    /* object-fit:contain !important; */
    /* background:transparent !important; */
}

@media(max-width:1100px){
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
        width:260px !important;
        height:260px !important;
        min-width:260px !important;
        min-height:260px !important;
        max-width:260px !important;
        max-height:260px !important;
    }
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo > img.person-img{
        top:-20px !important;
        width:108% !important;
    }
    .team-reference-v4 .team-ref-v4-info,
    .team-reference-v4 .center-member .team-ref-v4-info{
        top:275px !important;
        width:min(410px,calc(100vw - 34px)) !important;
        max-width:410px !important;
    }
}

@media(max-width:991px){
    /* On tablet/mobile keep the same visual design, but place the hover card in-flow. */
    .team-reference-v4 .team-ref-v4-info,
    .team-reference-v4 .center-member .team-ref-v4-info{
        position:relative !important;
        left:50% !important;
        top:auto !important;
        width:min(520px,calc(100vw - 34px)) !important;
        max-width:520px !important;
        margin:16px 0 0 !important;
        transform:translateX(-50%) scale(.97) !important;
        max-height:0 !important;
        overflow:hidden !important;
    }
    .team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-info,
    .team-reference-v4 .team-ref-v4-member:focus .team-ref-v4-info,
    .team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-info{
        max-height:900px !important;
        transform:translateX(-50%) scale(1) !important;
        overflow:auto !important;
    }
    .hero-service-visual img{
        width:min(520px,100%) !important;
        height:310px !important;
    }
}

@media(max-width:575px){
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
        width:225px !important;
        height:225px !important;
        min-width:225px !important;
        min-height:225px !important;
        max-width:225px !important;
        max-height:225px !important;
    }
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo > img.person-img{
        top:-16px !important;
        width:108% !important;
    }
    .team-reference-v4 .team-ref-v4-info,
    .team-reference-v4 .center-member .team-ref-v4-info{
        width:calc(100vw - 30px) !important;
        max-width:calc(100vw - 30px) !important;
        padding:20px !important;
    }
    .hero-service-visual img{
        width:100% !important;
        height:270px !important;
    }
}

@media(prefers-reduced-motion:reduce){
    .team-reference-v4 .team-ref-v4-photo,
    .team-reference-v4 .team-ref-v4-photo > img,
    .team-reference-v4 .team-ref-v4-info{
        transition:none !important;
    }
}


/* ================================================================
   FINAL OUR TEAM HOVER POPUP FIX
   ---------------------------------------------------------------
   The profile popup is intentionally positioned over the team row.
   Keep the existing hover design, but ensure the TEAM SECTION itself
   stays above following sections so the popup is never covered.
   ================================================================ */
.team-reference-v4{
    position:relative !important;
    z-index:1000 !important;
    overflow:visible !important;
    isolation:isolate !important;
}

.team-reference-v4 > .container,
.team-reference-v4 .team-ref-v4-stage,
.team-reference-v4 .team-static-v4,
.team-reference-v4 .team-ref-v4-member{
    overflow:visible !important;
}

.team-reference-v4 .team-ref-v4-stage,
.team-reference-v4 .team-static-v4{
    position:relative !important;
    z-index:10 !important;
}

.team-reference-v4 .team-ref-v4-member{
    position:relative !important;
    z-index:20 !important;
}

.team-reference-v4 .team-ref-v4-member:hover,
.team-reference-v4 .team-ref-v4-member:focus,
.team-reference-v4 .team-ref-v4-member:focus-within{
    z-index:2000 !important;
}

/* Keep the popup above the following section and give it enough room for
   the complete bio. It remains a hover popup; the page layout is unchanged. */
.team-reference-v4 .team-ref-v4-info{
    position:absolute !important;
    left:50% !important;
    top:315px !important;
    width:430px !important;
    max-width:min(430px,calc(100vw - 40px)) !important;
    max-height:min(760px,calc(100vh - 110px)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    /* z-index:100000 !important; */
    pointer-events:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translate(-50%,12px) scale(.97) !important;
    transform-origin:top center !important;
    box-sizing:border-box !important;
}

.team-reference-v4 .center-member .team-ref-v4-info{
    top:315px !important;
}

.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-info{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    max-height:min(760px,calc(100vh - 110px)) !important;
    overflow-y:auto !important;
    transform:translate(-50%,0) scale(1) !important;
    /* z-index:100000 !important; */
}

/* The popup must never be hidden by a later page section while hovered. */
.team-reference-v4:has(.team-ref-v4-member:hover),
.team-reference-v4:has(.team-ref-v4-member:focus),
.team-reference-v4:has(.team-ref-v4-member:focus-within){
    z-index:5000 !important;
}

.team-reference-v4 .team-ref-v4-info::-webkit-scrollbar{
    width:5px;
}
.team-reference-v4 .team-ref-v4-info::-webkit-scrollbar-thumb{
    background:#c9b8dc;
    border-radius:10px;
}

/* Tablet/mobile: keep the popup in normal flow so it cannot be clipped
   by the viewport or neighboring columns. */
@media(max-width:991px){
    .team-reference-v4{
        z-index:1000 !important;
    }
    .team-reference-v4 .team-ref-v4-info,
    .team-reference-v4 .center-member .team-ref-v4-info{
        position:relative !important;
        left:50% !important;
        top:auto !important;
        width:min(520px,calc(100vw - 34px)) !important;
        max-width:520px !important;
        margin:16px 0 0 !important;
        max-height:0 !important;
        overflow:hidden !important;
        transform:translateX(-50%) scale(.97) !important;
    }
    .team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-info,
    .team-reference-v4 .team-ref-v4-member:focus .team-ref-v4-info,
    .team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-info{
        max-height:900px !important;
        overflow-y:auto !important;
        transform:translateX(-50%) scale(1) !important;
    }
}


/* =========================================================
   SKILL STREAM STUDIO — V5 LANDING PAGE REFINEMENT
   Hero, About, Team, Why Us, Footer + responsive polish
   ========================================================= */

/* ---------- HERO: slides 2–7 use a compact, consistent visual scale ---------- */
.hero-carousel-shell{
    min-height:clamp(620px,calc(100vh - 82px),780px);
    background:#fff;
}
.hero-carousel,
.hero-carousel-track,
.hero-carousel-slide{
    min-height:inherit;
}
.hero-service-layout{
    min-height:clamp(620px,calc(100vh - 82px),780px);
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:clamp(20px,4vw,58px);
    padding:58px 0 78px;
}
.hero-service-copy h2{
    /* font-size:clamp(31px,3.7vw,52px); */
}
.hero-service-visual{
    min-height:360px;
    height:390px;
}
.hero-service-visual:before{
    width:330px;
    background:rgba(255,255,255,.82);
}
.hero-service-visual img{
    width:min(340px,78%);
    height:auto!important;
    max-height:340px;
    object-fit:contain;
    object-position:center;
}
.hero-service-slide .hero-service-copy{
    max-width:570px;
}
.hero-carousel-arrow{
    width:42px;
    height:42px;
}
.hero-carousel-prev{left:18px}
.hero-carousel-next{right:18px}

/* The first slide remains the visual reference; service artwork is intentionally
   smaller so the seven slides feel like one coherent hero system. */
.hero-carousel-slide--brand .hero3-content{
    max-width:1120px;
}
.hero-video-style .hero3-brand-image{
    width:min(410px,100%) !important;
}
.hero-video-style .hero3-icon-wrap{
    width: min(380px,30vw);
    flex:0 0 min(300px,30vw);
}
.hero-video-style .hero3-logo{
    width: 380px;
}

/* ---------- ABOUT: full-width What We Do, full-width purple story, 3 pillars ---------- */
.about-modern-v5{
    padding: 60px 0 60px;
    background:
        radial-gradient(circle at 7% 22%,rgba(155,125,198,.09),transparent 23%),
        linear-gradient(180deg,#fff 0%,#fbf9fd 100%);
}
.about-modern-v5 .about-v4-intro{
    margin-bottom:38px;
}
.about-modern-v5 .about-v4-grid{
    /* width:min(900px,100%); */
}
.about-modern-v5 .about-v4-grid h2{
    font-weight: 700;
    font-size: 50px;
    line-height: 1.06;
    letter-spacing: -.055em;
}

.about-modern-v5 .about-v4-grid h2 span {
    color: var(--purple);
    font-family: "PT Serif", serif !important;
    font-style: italic;
    font-weight: 800;
}

/* common modern card */
.about-modern-v5-what{
    width:100%;
    display:grid;
    /* grid-template-columns:68px 1fr; */
    /* gap: 50px; */
    align-items:start;
    padding:34px 38px;
    margin-bottom:24px;
    border:1px solid #e8e0f1;
    border-radius:26px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 50px rgba(48,28,92,.07);
}
.about-modern-v5-card-icon{
    width:68px;
    height:68px;
    display:grid;
    place-items:center;
    border-radius:20px;
    background:#eee6f7;
    color:#69479a;
    font-size:28px;
}
.about-modern-v5-label{
    display:inline-block;
    color: #392765;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom:8px;
}
.about-modern-v5-what h3{
    margin:0 0 12px;
    /* color:#28204d; */
    font-size: 33px;
    font-weight: 700;
}
.about-modern-v5-what p{
    margin:0;
    color:#5d6070;
    font-size: 16px;
    line-height:1.85;
    text-align: justify;
}

/* Full-width purple story box */
.about-modern-v5-story{
    position:relative;
    width:100%;
    overflow:hidden;
    margin-bottom:26px;
    border-radius:30px;
    background:linear-gradient(135deg,#291650 0%,#4b2a78 55%,#6d4b99 100%);
    color:#fff;
    box-shadow:0 28px 70px rgba(48,28,92,.20);
}
.about-modern-v5-story:before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-210px;
    top:-240px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
}
.about-modern-v5-story:after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-180px;
    bottom:-180px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}
.about-modern-v5-story-inner{
    position:relative;
    z-index:2;
    padding:48px 54px 50px;
}
.about-modern-v5-story-glow{
    position:absolute;
    width:340px;
    height:340px;
    right:12%;
    bottom:-220px;
    border-radius:50%;
    background:rgba(218,196,244,.08);
    filter:blur(4px);
}
.about-modern-v5-story-kicker{
    display:flex;
    align-items:center;
    gap:10px;
    color:#f5cc68;
    font-size: 14px;
    font-weight: 800;
    letter-spacing:.16em;
    margin-bottom:15px;
}
.about-modern-v5-story-kicker i{font-size:16px}
.about-modern-v5-story h3{
    margin:0 0 16px;
    color:#fff;
    font-size: 28px;
    line-height:1.2;
    font-weight: 700;
}
.about-modern-v5-story p{
    max-width:1120px;
    margin:0 0 15px;
    color: rgba(255, 255, 255, .95);
    font-size: 16px;
    line-height:1.85;
    text-align: justify;
}
.about-modern-v5-story p strong{
    color:#fff;
}
.about-modern-v5-story-divider{
    height:1px;
    margin:30px 0 28px;
    background:linear-gradient(90deg,rgba(244,197,91,.75),rgba(255,255,255,.18),transparent);
}
.about-modern-v5-philosophy{
    margin-top:25px!important;
    font-size:15px!important;
    color:rgba(255,255,255,.92)!important;
}
.about-modern-v5-signoff{
    display:inline-block;
    margin-top:8px;
    padding:12px 16px;
    /* border:1px solid rgba(255,255,255,.18); */
    /* border-radius:12px; */
    color:#fff;
    /* background:rgba(255,255,255,.07); */
    font-size: 16px;
    font-weight:800;
}
.about-modern-v5-signoff span{color:#f5cc68;font-family: "PT Serif", serif !important;font-style: italic;font-weight: 700;font-size: 17px;}

/* 3-column Skill / Stream / Studio */
.about-modern-v5-pillars{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.about-modern-v5-pillar{
    position:relative;
    overflow:hidden;
    min-height:340px;
    padding:32px 28px 30px;
    border:1px solid rgba(90,66,121,.12);
    border-radius:25px;
    box-shadow:0 14px 38px rgba(48,28,92,.055);
    transition:transform .3s ease,box-shadow .3s ease;
}
.about-modern-v5-pillar:hover{
    transform:translateY(-7px);
    box-shadow:0 24px 55px rgba(48,28,92,.12);
}
.skill-pillar{/* background:#f3edfb; */background: #fff6dd75;}
.stream-pillar{background: #eee5f7;}
.studio-pillar{/* background:#eee5f7; */background: #f3edfb;}
.about-modern-v5-pillar-logo{
    /* width:64px; */
    /* height:64px; */
    /* display:grid; */
    place-items:center;
    margin-bottom:20px;
    border-radius:20px;
    background: #fcfbf9;
    color:#69479a;
    font-size:27px;
    box-shadow:0 10px 25px rgba(48,28,92,.06);
}
.stream-pillar .about-modern-v5-pillar-logo{color:#a26b00}
.studio-pillar .about-modern-v5-pillar-logo{color:#76519d}
.about-modern-v5-pillar-logo span{
    font-size:30px;
    font-weight:900;
}
.about-modern-v5-pillar h3{
    color: #7250a1;
    font-size: 22px;
    line-height:1.35;
    margin:0 0 12px;
    font-weight: 700;
    font-family: "PT Serif", serif !important;
    font-style: italic;
    font-weight: 800;
}
.about-modern-v5-pillar p{
    color: #474853;
    font-size: 16px;
    line-height:1.75;
    margin:0;
}

/* ---------- TEAM ---------- */
.team-modern-v5{
    padding: 60px 0 100px;
    background:#fff;
}
.team-modern-v5 .team-v4-head{
    margin-bottom: 100px;
}
.team-modern-v5 .team-v4-head p{
    /* max-width:650px; */
    margin:0 auto;
    color:#6c7080;
    font-size: 16px;
    line-height:1.75;
    padding-bottom: 4em;
}
.team-modern-v5 .team-ref-v4-stage{
    /* width:min(1160px,100%); */
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
    padding-top: 2em;
    /* min-height: 469px!important; */
}
.team-modern-v5 .team-ref-v4-member{
    min-width:0;
}
.team-modern-v5 .team-ref-v4-photo.team-equal-photo,
.team-modern-v5 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
    width:280px!important;
    height:280px!important;
    min-width:280px!important;
    min-height:280px!important;
    max-width:280px!important;
    max-height:280px!important;
}
.team-modern-v5 .team-ref-v4-photo.team-equal-photo > img.person-img{
    top:-26px!important;
    width:109%!important;
}
.team-modern-v5 .team-ref-v4-name{
    max-width: 100%;
}
.team-modern-v5 .team-ref-v4-name span{
    /* max-width:260px; */
    text-align:center;
    letter-spacing:.055em!important;
    line-height:1.35;
}

/* Team popup */
.team-modern-v5 .team-ref-v4-info{
    top:295px!important;
    width:500px!important;
    max-width:min(500px,calc(100vw - 32px))!important;
    padding:25px 27px!important;
    border:1px solid #ece5f4!important;
}
.team-modern-v5 .center-member .team-ref-v4-info{top:295px!important}
.team-modern-v5 .team-ref-v4-member:nth-child(1) .team-ref-v4-info{
    left: -3em !important;
    transform:translate(0,12px) scale(.97)!important;
}
.team-modern-v5 .team-ref-v4-member:nth-child(1):hover .team-ref-v4-info,
.team-modern-v5 .team-ref-v4-member:nth-child(1):focus .team-ref-v4-info,
.team-modern-v5 .team-ref-v4-member:nth-child(1):focus-within .team-ref-v4-info{
    transform:translate(0,0) scale(1)!important;
}
.team-modern-v5 .team-ref-v4-member:nth-child(3) .team-ref-v4-info{
    left: -3em !important;
    right:0!important;
    transform:translate(0,12px) scale(.97)!important;
}
.team-modern-v5 .team-ref-v4-member:nth-child(3):hover .team-ref-v4-info,
.team-modern-v5 .team-ref-v4-member:nth-child(3):focus .team-ref-v4-info,
.team-modern-v5 .team-ref-v4-member:nth-child(3):focus-within .team-ref-v4-info{
    transform:translate(0,0) scale(1)!important;
}
.team-profile-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}
.team-profile-role{
    display:block;
    color:#7250a1;
    font-size: 25px;
    font-weight: 800;
    font-size: 14px;
    line-height:1.45;
    font-weight: 700;
    /* letter-spacing:.08em; */
    text-transform:uppercase;
    margin-bottom:5px;
    /* font-family: "PT Serif", serif !important; */
    /* font-style: italic; */
}
.team-modern-v5 .team-ref-v4-info h3{
    /* margin:0!important; */
    color:#29204e;
    font-size:25px;
    font-weight:800;
}
.team-linkedin{
    flex:0 0 40px;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#f0e9f8;
    color:#684699!important;
    font-size:19px;
    transition:.25s;
}
.team-linkedin:hover{
    color:#fff!important;
    background:#684699;
    transform:translateY(-2px);
}
.team-modern-v5 .team-gold-rule{
    /* width:48px; */
    /* height:3px; */
    /* margin:14px 0 15px; */
    /* border-radius:10px; */
    /* background:linear-gradient(90deg,#f4c55b,#9f7bc2); */
}
.team-modern-v5 .team-ref-v4-info h4{
    margin:0 0 10px!important;
    color:#3d2a63!important;
    font-size:12px!important;
    line-height:1.5!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
.team-ref-v5-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:0 0 15px;
}
.team-ref-v5-tags b{
    padding:7px 10px;
    border-radius:10px;
    /* background:#f1ebf8; */
    /* color:#684699; */
    background: #fff3d4;
    color: #956500;
    font-size: 13px;
    line-height:1.2;
}
.team-ref-v5-tags b:nth-child(2){/* background:#fff3d4; *//* color:#956500; */background: #f1ebf8;color: #684699;}
.team-ref-v5-tags b:nth-child(3){background: #f1ebf891;color: #9157cf;}
.team-modern-v5 .team-ref-v4-info p{
    margin:0 0 11px!important;
    color:#5e6070!important;
    font-size:12.5px!important;
    line-height:1.72!important;
}
.team-modern-v5 .team-ref-v4-info p:last-child{margin-bottom:0!important}

/* ---------- WHY US: centered heading + six cards ---------- */
.why-modern-v5{
    padding: 60px 0 60px;
    background:linear-gradient(180deg,#fbf9fd 0%,#fff 100%);
}
.why-modern-v5-head{
    max-width:820px;
    margin:0 auto 45px;
    text-align:center;
}
.why-modern-v5-head .section-kicker{
    width:max-content;
    margin:0 auto 17px;
}
.why-modern-v5-head .section-title{
    margin-bottom:14px;
}
.why-modern-v5-head>p{
    margin:0 auto;
    /* color:#646878; */
    font-size: 16px;
    line-height:1.8;
    /* max-width:760px; */
}
.why-modern-v5-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.why-modern-v5-card{
    /* min-height:240px; */
    padding: 32px!important;
    border:1px solid #e8e2f0!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(48,28,92,.045)!important;
}
.why-modern-v5-card:nth-child(2n){
    background:#fffdfa!important;
}
.why-modern-v5-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:#eee7f7;
    color:#684699;
    margin-bottom:17px;
}
.why-modern-v5-card:nth-child(2n) .why-modern-v5-icon{
    background:#fff1cf;
    color:#a16e09;
}
.why-modern-v5-card h4{
    margin:0 0 10px!important;
    color:#2b214e;
    font-size: 21px!important;
    line-height:1.35;
}
.why-modern-v5-card p{
    margin:0!important;
    /* color:#626575!important; */
    font-size: 16px!important;
    line-height:1.7!important;
}

/* ---------- FOOTER: modern, premium dark gradient ---------- */
.footer-modern-v5{
    position:relative;
    overflow:hidden;
    padding:0;
    color:#fff;
    background:
        radial-gradient(circle at 84% 12%,rgba(205,176,237,.16),transparent 23%),
        linear-gradient(135deg,#171126 0%,#281947 45%,#4b2c70 100%);
}
.footer-modern-v5:before,
.footer-modern-v5:after{display:none}
.footer-v5-glow{
    position:absolute;
    border:1px solid rgba(255,255,255,.09);
    border-radius:50%;
    pointer-events:none;
}
.footer-v5-glow-one{
    width:560px;height:560px;right:-250px;top:-340px;
}
.footer-v5-glow-two{
    width:330px;height:330px;left:-210px;bottom:-230px;
}
.footer-v5-top{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.55fr .7fr 1fr;
    gap:60px;
    padding:72px 0 52px;
}
.footer-v5-brand{
    max-width:470px;
}
.footer-v5-logo-wrap{
    display:inline-flex;
    align-items:center;
    padding:12px 16px;
    margin-bottom:15px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:15px;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(12px);
}
.footer-modern-v5 .footer-logo{
    /* width:190px; */
    max-width:100%;
    margin:0;
    filter:brightness(0) invert(1);
    opacity:.98;
}
.footer-v5-tagline{
    display:block;
    color:#f5cc68;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    margin-bottom:11px;
}
.footer-modern-v5 .footer-description{
    max-width:430px;
    margin:0 0 21px;
    color:rgba(255,255,255,.68);
    font-size:12.5px;
    line-height:1.8;
}
.footer-v5-cta{
    border-radius:12px;
    padding:11px 17px;
    font-size:11px;
}
.footer-v5-column h5{
    margin:5px 0 19px;
    color:#f5cc68;
    font-size:11px;
    font-weight:900;
    letter-spacing:.17em;
}
.footer-v5-column>a,
.footer-v5-column>span{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
    color:rgba(255,255,255,.68)!important;
    font-size:11.5px!important;
    line-height:1.45;
    transition:.25s;
}
.footer-v5-column>a i,
.footer-v5-column>span i{
    width:20px;
    color:#cdb2eb;
    font-size:13px;
}
.footer-v5-column>a:hover{
    color:#fff!important;
    transform:translateX(3px);
}
.footer-v5-column>a:hover i{color:#f5cc68}
.footer-v5-social-label{
    margin:24px 0 10px;
    color:rgba(255,255,255,.42);
    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;
}
.footer-v5-social{
    display:flex;
    gap:9px;
}
.footer-v5-social a{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.13);
    border-radius:12px;
    color:#fff!important;
    background:rgba(255,255,255,.07);
    transition:.25s;
}
.footer-v5-social a:hover{
    border-color:#f5cc68;
    background:#f5cc68;
    color:#281947!important;
    transform:translateY(-3px);
}
.footer-v5-bottom{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:20px;
    padding:18px 0 20px;
    border-top:1px solid rgba(255,255,255,.12);
    color:rgba(255,255,255,.48);
    font-size:10px;
}
.footer-v5-bottom div{
    display:flex;
    justify-content:center;
    gap:20px;
}
.footer-v5-bottom a{color:rgba(255,255,255,.56)!important}
.footer-v5-bottom a:hover{color:#fff!important}
.footer-v5-mark{
    justify-self:end;
    color:rgba(255,255,255,.35);
    letter-spacing:.12em;
}
.footer-v5-mark b{color:#f5cc68}

/* ---------- GLOBAL RESPONSIVE ---------- */
@media (max-width:1100px){
    .hero-service-layout{
        gap:25px;
    }
    .hero-service-visual{
        height:350px;
        min-height:330px;
    }
    .hero-service-visual img{
        width:min(300px,76%);
        max-height:300px;
    }
    .team-modern-v5 .team-ref-v4-photo.team-equal-photo,
    .team-modern-v5 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
        width:245px!important;height:245px!important;
        min-width:245px!important;min-height:245px!important;
        max-width:245px!important;max-height:245px!important;
    }
    .team-modern-v5 .team-ref-v4-photo.team-equal-photo > img.person-img{
        width:109%!important;
        top:-21px!important;
    }
    .team-modern-v5 .team-ref-v4-info{
        top:260px!important;
    }
    .team-modern-v5 .center-member .team-ref-v4-info{top:260px!important}
}
@media (max-width:991px){
    .hero-carousel-shell,
    .hero-carousel-slide{
        min-height:650px;
    }
    .hero-service-layout{
        min-height:650px;
        grid-template-columns:1fr;
        gap:5px;
        padding:44px 20px 80px;
        text-align:center;
    }
    .hero-service-slide .hero-service-copy,
    .hero-service-slide .hero-service-copy h2,
    .hero-service-slide .hero-service-copy p{
        text-align:center!important;
    }
    .hero-service-copy{
        order:2;
        margin:0 auto!important;
    }
    .hero-service-visual{
        order:1;
        height:270px;
        min-height:240px;
    }
    .hero-service-visual:before{
        width:235px;
    }
    .hero-service-visual img{
        width:230px!important;
        max-width:78%!important;
        max-height:235px;
    }
    .hero-service-copy h2{
        font-size:clamp(30px,5.5vw,45px);
    }
    .hero-service-copy .btn{margin-left:auto!important;margin-right:auto!important}
    .hero-carousel-arrow{
        top:auto;
        bottom:24px;
        transform:none;
    }
    .hero-carousel-arrow:hover{transform:scale(1.05)}
    .hero-carousel-prev{left:18px}
    .hero-carousel-next{right:18px}

    .about-modern-v5{padding:72px 0 80px}
    .about-modern-v5-story-inner{padding:38px 32px 40px}
    .about-modern-v5-pillars{
        grid-template-columns:1fr;
    }
    .about-modern-v5-pillar{min-height:0}

    .team-modern-v5{padding:78px 0 88px}
    .team-modern-v5 .team-ref-v4-stage{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:34px!important;
        width:100%!important;
        min-height:0!important;
    }
    .team-modern-v5 .team-ref-v4-member{
        width:100%!important;
        max-width:560px!important;
        margin:0 auto!important;
    }
    .team-modern-v5 .team-ref-v4-photo.team-equal-photo,
    .team-modern-v5 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
        width:245px!important;height:245px!important;
        min-width:245px!important;min-height:245px!important;
        max-width:245px!important;max-height:245px!important;
    }
    .team-modern-v5 .team-ref-v4-info,
    .team-modern-v5 .center-member .team-ref-v4-info{
        position:relative!important;
        top:auto!important;
        left:50%!important;
        right:auto!important;
        width:min(560px,calc(100vw - 34px))!important;
        max-width:560px!important;
        margin:16px 0 0!important;
        transform:translateX(-50%) scale(.97)!important;
        max-height:0!important;
        overflow:hidden!important;
    }
    .team-modern-v5 .team-ref-v4-member:nth-child(1) .team-ref-v4-info,
    .team-modern-v5 .team-ref-v4-member:nth-child(3) .team-ref-v4-info{
        left: 0%!important;
        top: -180px !important;
        right:auto!important;
        transform:translateX(-50%) scale(.97)!important;
    }
    .team-modern-v5 .team-ref-v4-member:hover .team-ref-v4-info,
    .team-modern-v5 .team-ref-v4-member:focus .team-ref-v4-info,
    .team-modern-v5 .team-ref-v4-member:focus-within .team-ref-v4-info{
        max-height:1000px!important;
        transform:translateX(-50%) scale(1)!important;
        overflow:visible!important;
    }

    .why-modern-v5{padding:78px 0 88px}
    .why-modern-v5-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .footer-v5-top{
        grid-template-columns:1.2fr 1fr 1fr;
        gap:35px;
    }
    .footer-v5-bottom{
        grid-template-columns:1fr 1fr;
    }
    .footer-v5-bottom div{justify-content:flex-end}
    .footer-v5-mark{
        display:none;
    }
}
@media (max-width:767px){
    .navbar{min-height:70px}
    .brand-logo{width: 260px;/* max-width:62vw; */}
    .hero-carousel-shell,
    .hero-carousel-slide{
        min-height:650px;
    }
    .hero-carousel-slide--brand .hero3-content{
        padding: 15px 16px 30px!important;
    }
    .hero-video-style .hero3-lockup{
        flex-direction:column;
        gap:12px;
    }
    .hero-video-style .hero3-brand-wrap{
        flex:0 1 auto;
        justify-content:center;
        width:100%;
        order: 2;
    }
    .hero-video-style .hero3-brand-image{
        width:min(330px,86vw)!important;
    }
    .hero-video-style .hero3-icon-wrap{
        width:220px;
        flex:0 0 220px;
    }
    .hero-video-style .hero3-logo{
        width: 280px;
    }
    .hero-video-style .hero3-tagline-wrap{
        margin-top:13px!important;
    }
    .hero-video-style .hero3-actions{
        margin-top:22px!important;
        padding:0 8px;
    }
    .hero-service-layout{
        min-height:650px;
        padding:36px 16px 76px;
    }
    .hero-service-visual{
        height:235px;
        min-height:215px;
    }
    .hero-service-visual:before{
        width:200px;
    }
    .hero-service-visual img{
        width:200px!important;
        max-height:205px;
    }
    .hero-service-copy h2{
        font-size:30px;
        line-height:1.1;
    }
    .hero-service-copy .btn{
        font-size:11px;
        padding:10px 15px;
    }
    .hero-carousel-arrow{
        width:38px;
        height:38px;
        bottom:20px;
    }

    .about-modern-v5{padding:62px 0 70px}
    .about-modern-v5 .about-v4-intro{margin-bottom:27px}
    .about-modern-v5 .about-v4-grid h2{font-size:32px}
    .about-modern-v5-what{
        grid-template-columns:1fr;
        gap:15px;
        padding:25px 21px;
        border-radius:22px;
    }
    .about-modern-v5-card-icon{
        width:54px;height:54px;border-radius:16px;font-size:23px;
    }
    .about-modern-v5-what h3{font-size:23px}
    .about-modern-v5-what p{font-size:12.5px;line-height:1.78}
    .about-modern-v5-story{border-radius:23px}
    .about-modern-v5-story-inner{padding:29px 22px 32px}
    .about-modern-v5-story h3{font-size:24px}
    .about-modern-v5-story p{font-size:12px;line-height:1.8}
    .about-modern-v5-signoff{/* font-size:10.5px; *//* line-height:1.5; */}
    .about-modern-v5-pillar{padding:25px 21px}
    .about-modern-v5-pillar-logo{width:56px;height:56px;margin-bottom:16px}
    .about-modern-v5-pillar h3{font-size:18px}

    .team-modern-v5{padding:65px 0 72px}
    .team-modern-v5 .team-v4-head{margin-bottom:38px}
    .team-modern-v5 .team-v4-head p{font-size:12px;padding:0 8px}
    .team-modern-v5 .team-ref-v4-stage{gap:28px!important}
    .team-modern-v5 .team-ref-v4-photo.team-equal-photo,
    .team-modern-v5 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
        width:220px!important;height:220px!important;
        min-width:220px!important;min-height:220px!important;
        max-width:220px!important;max-height:220px!important;
    }
    .team-modern-v5 .team-ref-v4-photo.team-equal-photo > img.person-img{
        top:-18px!important;
        width:110%!important;
    }
    .team-modern-v5 .team-ref-v4-name{
        padding:10px 16px 11px!important;
    }
    .team-modern-v5 .team-ref-v4-name strong{font-size:18px!important}
    .team-modern-v5 .team-ref-v4-name span{font-size:10px!important}
    .team-modern-v5 .team-ref-v4-info{
        padding:21px!important;
    }
    .team-modern-v5 .team-ref-v4-info h3{font-size:21px!important}
    .team-modern-v5 .team-ref-v4-info p{font-size:11.5px!important;line-height:1.72!important}
    .team-modern-v5 .team-ref-v4-info h4{font-size:11px!important}
    .team-profile-role{font-size: 12px;}
    .team-linkedin{width:36px;height:36px;flex-basis:36px;font-size:17px}
    .team-ref-v5-tags b{/* font-size:9px; */padding:6px 8px;}

    .why-modern-v5{padding:65px 0 72px}
    .why-modern-v5-head{margin-bottom:30px}
    .why-modern-v5-head .section-title{font-size:32px}
    .why-modern-v5-head>p{font-size:12px;line-height:1.75}
    .why-modern-v5-grid{grid-template-columns:1fr;gap:13px}
    .why-modern-v5-card{min-height:0;padding:22px!important}
    .why-modern-v5-card p{font-size:11.5px!important}

    .footer-v5-top{
        grid-template-columns:1fr;
        gap:34px;
        padding:54px 0 38px;
    }
    .footer-v5-brand{max-width:none}
    .footer-modern-v5 .footer-logo{width: 250px;}
    .footer-v5-column h5{margin-top:0}
    .footer-v5-bottom{
        grid-template-columns:1fr;
        gap:11px;
        padding:17px 0 22px;
        text-align:center;
    }
    .footer-v5-bottom div{
        justify-content:center;
        gap:14px;
        flex-wrap:wrap;
    }
}
@media (max-width:380px){
    .hero-video-style .hero3-brand-image{width:78vw!important}
    .hero-video-style .hero3-icon-wrap{width:190px;flex-basis:190px;order: 1;}
    .hero-video-style .hero3-logo{width:165px}
    .hero-service-copy h2{font-size:27px}
    .hero-service-visual img{width:175px!important}
    .about-modern-v5 .about-v4-grid h2{font-size:29px}
    .team-modern-v5 .team-ref-v4-photo.team-equal-photo,
    .team-modern-v5 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
        width:200px!important;height:200px!important;
        min-width:200px!important;min-height:200px!important;
        max-width:200px!important;max-height:200px!important;
    }
}

/* Respect users who prefer less motion. */
@media(prefers-reduced-motion:reduce){
    .hero-carousel-track,
    .about-modern-v5-pillar,
    .team-linkedin,
    .why-modern-v5-card,
    .footer-v5-column>a{transition:none!important}
}

/* ============================================================
   FINAL POLISH PASS — HERO / ICONS / TEAM / FONT / FOOTER
   ============================================================ */

/* Tenorite first, with safe fallbacks for devices where the font is not installed. */
html, body, button, input, textarea, select, .btn,
.navbar, .nav-link, h1, h2, h3, h4, h5, h6, p, a, span, li, label {
    font-family:"Tenorite","Segoe UI",Arial,sans-serif !important;
}

/* ---------------- HERO: all seven slides use the same centered composition ---------------- */
.hero-carousel-shell,
.hero-carousel-slide,
.hero-service-layout{
    min-height: 80vh;
}
.hero-service-slide{
    display:flex;
    align-items:center;
    justify-content:center;
}
.hero-service-slide .container{
    width:100%;
}
.hero-service-layout{
    /* display:flex !important; */
    /* flex-direction:column !important; */
    /* align-items:center !important; */
    /* justify-content:center !important; */
    gap:18px !important;
    padding:54px 24px 88px !important;
    text-align:center !important;
}
.hero-service-copy{
    order:2 !important;
    width:min(860px,100%) !important;
    max-width:860px !important;
    padding:0 !important;
    margin:0 auto !important;
    text-align:center !important;
}
.hero-service-copy h2{
    margin:0 auto 20px !important;
    /* font-size:clamp(31px,4.2vw,52px) !important; */
    line-height:1.08 !important;
    /* letter-spacing:-.035em !important; */
    max-width:820px;
}
.hero-service-copy .btn{
    margin-top:2px;
}
.hero-service-visual{
    order:1 !important;
    width:min(360px,62vw) !important;
    height:250px !important;
    min-height:250px !important;
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    margin:0 auto !important;
}
.hero-service-visual:before{
    width:245px !important;
    height:245px !important;
    background:rgba(255,255,255,.82) !important;
    box-shadow:0 22px 65px rgba(61,35,120,.11) !important;
}
.hero-service-visual img{
    position:relative !important;
    z-index:2 !important;
    width: 300px !important;
    height:235px !important;
    /* max-width:235px !important; */
    max-height:235px !important;
    object-fit:contain !important;
    margin:0 !important;
    transform:none !important;
    filter:drop-shadow(0 18px 25px rgba(53,35,91,.16)) !important;
}
.hero-carousel-slide.is-active .hero-service-visual img{
    animation:heroServicePremiumIn .75s cubic-bezier(.22,1,.36,1) both !important;
}
.hero-carousel-slide.is-active .hero-service-copy{
    animation:heroServicePremiumCopy .65s cubic-bezier(.22,1,.36,1) both !important;
}
@keyframes heroServicePremiumIn{
    from{opacity:0;transform:translateY(25px) scale(.82) !important}
    to{opacity:1;transform:translateY(0) scale(1) !important}
}
@keyframes heroServicePremiumCopy{
    from{opacity:0;transform:translateY(18px)}
    to{opacity:1;transform:translateY(0)}
}
.hero-carousel-arrow{
    top: 40% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
}
.hero-carousel-arrow:hover{transform:translateY(-50%) scale(1.06) !important}

/* ---------------- ABOUT / WHY US IMAGE ICONS ---------------- */
.about-modern-v5-card-icon.about-img-icon{
    width:92px !important;
    height:92px !important;
    border-radius:24px !important;
    padding:8px !important;
    background:linear-gradient(145deg,#efe5fa,#fff4cf) !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    box-shadow:0 14px 28px rgba(75,46,112,.10) !important;
}
.about-modern-v5-card-icon.about-img-icon img{
    width:78px !important;
    height:78px !important;
    object-fit:contain !important;
}
.about-modern-v5-story-kicker{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}
.about-story-icon-img{
    width: 60px !important;
    height: 60px;
    object-fit:contain !important;
    filter:drop-shadow(0 7px 10px rgba(36,22,67,.18));
}
.about-modern-v5-pillar-logo{
    width:88px !important;
    /* height:88px !important; */
    border-radius: 14px !important;
    /* display:grid !important; */
    place-items:center !important;
    overflow:hidden !important;
    padding: 0 !important;
    box-shadow:0 13px 28px rgba(62,37,91,.10) !important;
}
.about-modern-v5-pillar-logo img{
    width:76px !important;
    height:76px !important;
    object-fit:contain !important;
}
.skill-pillar .about-modern-v5-pillar-logo{/* background:#fff3c9 !important; */}
.stream-pillar .about-modern-v5-pillar-logo{/* background:#eee4fa !important; */}
.studio-pillar .about-modern-v5-pillar-logo{/* background:#e5dcf4 !important; */}

.why-modern-v5-icon{
    width:96px !important;
    height:96px !important;
    border-radius:25px !important;
    display:grid !important;
    place-items:center !important;
    padding:5px !important;
    overflow:hidden !important;
    background:linear-gradient(145deg,#f2eafa,#fff4d1) !important;
    box-shadow:0 16px 32px rgba(61,35,91,.10) !important;
}
.why-modern-v5-icon img{
    width:86px !important;
    height:86px !important;
    object-fit:contain !important;
    transition:transform .45s cubic-bezier(.22,1,.36,1),filter .35s ease !important;
}
.why-modern-v5-card:hover .why-modern-v5-icon img{
    transform:translateY(-5px) scale(1.08) rotate(2deg) !important;
    filter:drop-shadow(0 10px 14px rgba(58,36,94,.18));
}

/* ---------------- TEAM: normalized portraits + clean circle alignment ---------------- */
.team-reference-v4 .team-ref-v4-stage,
.team-reference-v4 .team-static-v4{
    /* align-items:start !important; */
    /* min-height:470px !important; */
}
.team-reference-v4 .team-ref-v4-photo.team-equal-photo,
.team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{
    width:300px !important;
    height:300px !important;
    min-width:300px !important;
    min-height:300px !important;
    max-width:300px !important;
    max-height:300px !important;
    overflow:visible !important;
    border-radius:50% !important;
    margin:0 auto !important;
    position:relative !important;
}
.team-reference-v4 .team-ref-v4-photo.team-equal-photo::before{
    inset:0 !important;
    border:9px solid #fff !important;
    /* z-index:20 !important; */
    box-shadow:0 0 0 1px rgba(88,58,126,.07);
}
.team-reference-v4 .team-ref-v4-photo.team-equal-photo > img.person-img{
    left:50% !important;
    top:-63px !important;
    width:300px !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center top !important;
    transform:translateX(-50%) !important;
    border-radius:0 !important;
    -webkit-mask:none !important;
    /* mask:none !important; */
    /* filter:none !important; */
    z-index:8 !important;
}
.team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo > img.person-img{
    /* top:-63px !important; */
}
.team-reference-v4 .team-ref-v4-name{
    /* position:relative !important; */
    z-index:40 !important;
    margin-top:0 !important;
    min-width: 370px !important;
    max-width: 370px !important;
    /* min-height:98px !important; */
    padding: 18px 15px 20px !important;
    /* border-radius:0 0 24px 24px !important; */
    box-shadow:0 14px 32px rgba(55,34,82,.08) !important;
}
.team-reference-v4 .team-ref-v4-name strong{font-size:25px !important}
.team-reference-v4 .team-ref-v4-name span{font-size: 12px !important;line-height:1.3 !important}

/* Popup intentionally rises into the lower half of the portrait, matching the requested visual. */
.team-reference-v4 .team-ref-v4-info,
.team-reference-v4 .center-member .team-ref-v4-info{
    top: 150px !important;
    left:50% !important;
    width:440px !important;
    max-width:440px !important;
    max-height:530px !important;
    overflow:auto !important;
    padding:24px 25px 22px !important;
    border-radius:24px !important;
    transform:translate(-50%,14px) scale(.96) !important;
    /* z-index:9999 !important; */
}
.team-reference-v4 .center-member .team-ref-v4-info{top:150px !important;}
.team-reference-v4 .team-ref-v4-member:hover .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus .team-ref-v4-info,
.team-reference-v4 .team-ref-v4-member:focus-within .team-ref-v4-info{
    transform:translate(-50%,0) scale(1) !important;
    max-height: 450px !important;
}
.team-reference-v4 .team-ref-v4-info .team-profile-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:14px !important;
}
.team-reference-v4 .team-linkedin{
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
    display:grid !important;
    place-items:center !important;
    background:#eee7f8 !important;
    color:#654393 !important;
    font-size:19px !important;
    transition:.3s !important;
}
.team-reference-v4 .team-linkedin:hover{
    background:#6f4fa0 !important;
    color:#fff !important;
    transform:translateY(-3px) rotate(-4deg) !important;
}
.team-reference-v4 .team-ref-v4-info h4{font-size:12px !important;line-height:1.45 !important}
.team-reference-v4 .team-ref-v4-info p{font-size: 16px !important;line-height:1.72 !important;/* text-align: justify; */}
.team-reference-v4 .team-ref-v5-tags b{
    padding: 8px 6px !important;
    /* font-size:10px !important; */
    border:1px solid rgba(112,79,160,.08);
}

/* ---------------- PREMIUM ANIMATED FOOTER ---------------- */
.footer-v6{
    position:relative !important;
    overflow:hidden !important;
    padding:0 !important;
    color:#fff !important;
    background:
      radial-gradient(circle at 15% 20%,rgba(245,204,104,.12),transparent 18%),
      radial-gradient(circle at 84% 15%,rgba(190,153,222,.20),transparent 23%),
      linear-gradient(135deg,#120d1e 0%,#211433 42%,#3d245b 100%) !important;
}
.footer-v6:before{
    content:"";
    position:absolute;
    left:-10%; right:-10%; top:0;
    height:2px;
    background:linear-gradient(90deg,transparent,#f5cc68,transparent,#b99ad9,transparent);
    background-size:220% 100%;
    animation:footerFlow 5s linear infinite;
}
@keyframes footerFlow{from{background-position:0 0}to{background-position:220% 0}}
.footer-v6-orbit{
    position:absolute;
    border:1px solid rgba(255,255,255,.09);
    border-radius:50%;
    pointer-events:none;
    animation:footerOrbit 18s linear infinite;
}
.footer-v6-orbit-a{width:640px;height:640px;right:-330px;top:-420px}
.footer-v6-orbit-b{width:430px;height:430px;left:-260px;bottom:-310px;animation-direction:reverse;animation-duration:24s}
@keyframes footerOrbit{to{transform:rotate(360deg)}}
.footer-v6-particle{position:absolute;width:7px;height:7px;border-radius:50%;/* background:#f5cc68; */box-shadow:0 0 22px rgba(245,204,104,.7);opacity:.7;animation:footerFloat 6s ease-in-out infinite}
.footer-v6-particle-a{right:22%;top:22%}.footer-v6-particle-b{/* left:28%; *//* bottom:24%; *//* width:5px; *//* height:5px; *//* background:#cdb2eb; */animation-delay:1.4s}
@keyframes footerFloat{0%,100%{transform:translate3d(0,0,0);opacity:.35}50%{transform:translate3d(0,-16px,0);opacity:.9}}
.footer-v6-topline{display:flex;align-items:center;gap:14px;justify-content:center;padding:28px 0 4px;position:relative;z-index:2}
.footer-v6-topline span{height:1px;width:70px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28))}
.footer-v6-topline span:last-child{background:linear-gradient(90deg,rgba(255,255,255,.28),transparent)}
.footer-v6-topline b{font-size:9px;letter-spacing:.28em;color:rgba(255,255,255,.55)}
.footer-v6-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.65fr .72fr .92fr 1.12fr;gap:42px;/* padding:42px 0 52px; */}
.footer-v6-brand{max-width:500px;}
.footer-v6-logo-wrap{display:inline-flex;padding:11px 15px;/* border:1px solid rgba(255,255,255,.13); *//* border-radius:16px; *//* background:rgba(255,255,255,.06); *//* backdrop-filter:blur(10px); */transition:.35s;margin-bottom: 3em;}
.footer-v6-logo-wrap:hover{/* transform:translateY(-4px); *//* border-color:rgba(245,204,104,.42); *//* box-shadow:0 15px 40px rgba(0,0,0,.16); */}
.footer-v6 .footer-logo{/* width:185px; */filter:brightness(0) invert(1);opacity:.98;}
.footer-v6-tagline{display:block;margin-top:16px;color:#f5cc68;font-size:11px;font-weight:800;letter-spacing:.05em}
.footer-v6-brand h3{margin:14px 0 12px;color:#fff;font-size:clamp(29px,3vw,43px);line-height:1.02;letter-spacing:-.04em}
.footer-v6-brand h3 em{font-style:normal;color:#d6c0ef}
.footer-v6-brand p{max-width:460px;margin:0 0 22px;color:rgba(255,255,255,.64);font-size:12px;line-height:1.85}
.footer-v6-cta{border-radius:13px !important;padding:12px 18px !important;/* font-size:11px !important; */box-shadow:0 12px 30px rgba(0,0,0,.14);margin-left: 4em;}
.footer-v6-column{display:flex;flex-direction:column;align-items:flex-start}
.footer-v6-column h5{margin:7px 0 20px;color:#f5cc68;font-size:10px;font-weight: 700;/* letter-spacing:.2em; */}
.footer-v6-column>a,.footer-v6-column>span{display:flex;align-items:center;gap:9px;margin:0 0 12px;color: rgba(255,255,255,.95)!important;font-size: 14px!important;line-height:1.5;transition:.28s}
.footer-v6-column>a:hover{color:#fff!important;transform:translateX(5px)}
.footer-v6-column>a:before{content:"→";font-size:11px;color:#bfa5dc;transition:.25s}
.footer-v6-column>a:hover:before{color:#f5cc68;transform:translate(2px,-2px)}
.footer-v6-connect a:before{display:none}
.footer-v6-column i{color: #fbd173;font-size: 15px;width:17px}
.footer-v6-social-label{margin:16px 0 10px;color: rgba(255,255,255,.83);font-size: 11px;font-weight: 700;letter-spacing:.18em}
.footer-v6-social{display:flex;gap:9px}
.footer-v6-social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.06);color:#fff!important;transition:.35s}
.footer-v6-social a:hover{/* background:#f5cc68; */color:#26173e!important;border-color:#f5cc68;transform:translateY(-5px) rotate(-4deg);box-shadow:0 12px 25px rgba(245,204,104,.18)}
.footer-v6-bottom{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:17px 0 21px;border-top:1px solid rgba(255,255,255,.11);color: rgba(255,255,255,.95);font-size: 14px;}
.footer-v6-bottom div{display:flex;justify-content:center;gap:20px}.footer-v6-bottom a{color: rgb(251 209 115) !important;font-weight: 700;}.footer-v6-bottom a:hover{color:#fff!important}.footer-v6-mark{justify-self:end;letter-spacing:.13em}.footer-v6-mark b{color:#f5cc68}

/* ---------------- MOBILE / TABLET ---------------- */
@media(max-width:1100px){
    .hero-service-visual{width:320px !important;height:235px !important;min-height:235px !important}
    .hero-service-visual img{width:220px !important;height:220px !important;max-width:220px !important;max-height:220px !important}
    .hero-service-visual:before{width:230px !important;height:230px !important}
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{width:270px!important;height:270px!important;min-width:270px!important;min-height:270px!important;max-width:270px!important;max-height:270px!important}
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo > img.person-img{width:270px!important;top:-57px!important}
    .team-reference-v4 .team-ref-v4-name{min-width: 295px!important;max-width: 295px!important;}
    .team-reference-v4 .team-ref-v4-info,.team-reference-v4 .center-member .team-ref-v4-info{top:130px!important;width:420px!important;max-width:420px!important}
    .footer-v6-grid{grid-template-columns:1.35fr .85fr .95fr;gap:30px}
    .footer-v6-connect{grid-column:2 / 4}
}
@media(max-width:767px){
    .hero-carousel-shell,.hero-carousel-slide,.hero-service-layout{min-height: 50vh !important;}
    .hero-service-layout{padding:42px 16px 76px !important;gap:12px !important}
    .hero-service-visual{width:260px !important;height:220px !important;min-height:220px !important}
    .hero-service-visual:before{width:205px !important;height:205px !important}
    .hero-service-visual img{width:195px !important;height:195px !important;max-width:195px !important;max-height:195px !important}
    .hero-service-copy h2{font-size:29px !important;line-height:1.1 !important;margin-bottom:16px !important}
    .hero-service-copy .btn{font-size:11px;padding:10px 15px}
    .hero-carousel-arrow{width:39px;height:39px;top:auto!important;bottom:20px!important;transform:none!important}
    .hero-carousel-arrow:hover{transform:scale(1.06)!important}
    .about-modern-v5-card-icon.about-img-icon{width:78px!important;height:78px!important;border-radius:20px!important}
    .about-modern-v5-card-icon.about-img-icon img{width:68px!important;height:68px!important}
    .about-modern-v5-pillar-logo{width:76px!important;height:76px!important}.about-modern-v5-pillar-logo img{width:67px!important;height:67px!important}
    .why-modern-v5-icon{width:82px!important;height:82px!important}.why-modern-v5-icon img{width:74px!important;height:74px!important}
    .team-reference-v4 .team-ref-v4-stage{gap:26px!important;min-height:0!important}
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,
    .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{width:230px!important;height:230px!important;min-width:230px!important;min-height:230px!important;max-width:230px!important;max-height:230px!important}
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo > img.person-img{width:230px!important;top:-49px!important}
    .team-reference-v4 .team-ref-v4-name{min-width:min(330px,90vw)!important;max-width:min(330px,90vw)!important;min-height:78px!important;padding:11px 13px!important}
    .team-reference-v4 .team-ref-v4-name strong{font-size:20px!important}.team-reference-v4 .team-ref-v4-name span{font-size:10.5px!important}
    .team-reference-v4 .team-ref-v4-info,.team-reference-v4 .center-member .team-ref-v4-info{position:relative!important;top:auto!important;left:auto!important;width:min(520px,calc(100vw - 30px))!important;max-width:none!important;margin:-40px auto 10px!important;padding:21px!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;max-height:none!important;overflow:visible!important}
    .team-reference-v4 .team-ref-v4-info .team-profile-head{gap:10px!important}.team-reference-v4 .team-linkedin{width:38px!important;height:38px!important;flex-basis:38px!important}
    .footer-v6-grid{grid-template-columns:1fr;gap:30px;padding:34px 0 42px}.footer-v6-connect{grid-column:auto}.footer-v6-brand{max-width:none}.footer-v6-brand h3{font-size:32px}.footer-v6-bottom{grid-template-columns:1fr;gap:10px;text-align:center}.footer-v6-bottom div{justify-content:center;flex-wrap:wrap}.footer-v6-mark{justify-self:center}
}
@media(max-width:380px){
    .hero-service-copy h2{font-size:26px!important}.hero-service-visual{width:230px!important;height:205px!important}.hero-service-visual img{width:180px!important;height:180px!important;max-width:180px!important;max-height:180px!important}.hero-service-visual:before{width:190px!important;height:190px!important}
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo,.team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo.team-equal-photo{width:210px!important;height:210px!important;min-width:210px!important;min-height:210px!important;max-width:210px!important;max-height:210px!important}.team-reference-v4 .team-ref-v4-photo.team-equal-photo > img.person-img{width:210px!important;top:-45px!important}
}
@media(prefers-reduced-motion:reduce){
    .footer-v6:before,.footer-v6-orbit,.footer-v6-particle,.hero-carousel-slide.is-active .hero-service-visual img,.hero-carousel-slide.is-active .hero-service-copy{animation:none!important}
}


/* ==========================================================
   FINAL UPDATE — HERO / ABOUT / TEAM / GLOBAL TYPOGRAPHY
   ========================================================== */
html, body, button, input, textarea, select, .btn, .navbar, .nav-link,
h1,h2,h3,h4,h5,h6,p,a,span,li,label,small,strong,b,em {
    font-family:"Tenorite","Segoe UI",Arial,sans-serif !important;
}

/* Hero service slides: left copy + right artwork, vertically centred like slide 1. */
.hero-service-slide .hero-service-layout{
    min-height:clamp(650px,calc(100vh - 82px),790px) !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr) !important;
    /* align-items:center !important; */
    /* justify-content:stretch !important; */
    gap:clamp(24px,5vw,76px) !important;
    padding:54px 0 78px !important;
    text-align:left !important;
}
.hero-service-slide .hero-service-copy{
    order:1 !important;
    width:100% !important;
    max-width:650px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
}
.hero-service-slide .hero-service-copy h2{
    margin:0 0 20px !important;
    /* max-width:620px !important; */
    text-align:left !important;
    /* font-size:clamp(34px,4.2vw,58px) !important; */
    line-height:1.07 !important;
    font-weight:800 !important;
}
.hero-service-slide .hero-service-copy .btn{margin-top:4px !important;}
.hero-service-slide .hero-service-visual{
    order:2 !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:clamp(300px,44vw,500px) !important;
    min-height:300px !important;
    display:grid !important;
    place-items:center !important;
}
.hero-service-slide .hero-service-visual:before{
    width:min(430px,90%) !important;
    background:rgba(255,255,255,.78) !important;
}
.hero-service-slide .hero-service-visual img{
    /* width:min(430px,92%) !important; */
    height:auto !important;
    max-height:460px !important;
    object-fit:contain !important;
    transform:scale(.9) !important;
}
.hero-service-slide.is-active .hero-service-visual img{
    animation:heroServiceImageInFinal .75s cubic-bezier(.22,1,.36,1) both !important;
}
@keyframes heroServiceImageInFinal{
    from{opacity:0;transform:translateX(38px) scale(.82)}
    to{opacity:1;transform:translateX(0) scale(.9)}
}
@media(max-width:991px){
    .hero-service-slide .hero-service-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)!important;gap:25px!important;min-height:620px!important;}
    .hero-service-slide .hero-service-copy h2{font-size:clamp(30px,5vw,46px)!important;}
    .hero-service-slide .hero-service-visual{height:340px!important;min-height:340px!important;}
}
@media(max-width:767px){
    .hero-service-slide .hero-service-layout{grid-template-columns:1fr!important;gap:8px!important;min-height:650px!important;padding:40px 18px 76px!important;text-align:center!important;}
    .hero-service-slide .hero-service-copy{order:2!important;text-align:center!important;}
    .hero-service-slide .hero-service-copy h2{font-size:clamp(29px,8vw,38px)!important;text-align:center!important;margin-bottom:14px!important;}
    .hero-service-slide .hero-service-copy .btn{display:inline-flex!important;}
    .hero-service-slide .hero-service-visual{order:1!important;height:290px!important;min-height:290px!important;}
    .hero-service-slide .hero-service-visual img{width:min(290px,78vw)!important;max-height:285px!important;}
}

/* About mini-headings — subtle light boxed treatment. */
.about-modern-v5-what .about-modern-v5-label,
.about-modern-v5-story-kicker span{
    display:inline-flex !important;
    align-items:center !important;
    padding:7px 12px !important;
    border:1px solid rgba(154,123,198,.28) !important;
    border-radius:999px !important;
    background:rgba(247,242,255,.9) !important;
    color:#6f4fa0 !important;
    letter-spacing:.14em !important;
    box-shadow:0 5px 18px rgba(73,45,125,.05) !important;
}
.about-modern-v5-story-kicker{gap:10px!important;align-items:center!important;}
.about-modern-v5-story-kicker .about-story-icon-img{margin-left:auto!important;}
.about-modern-v5-pillar-logo img{width:88px!important;height:88px!important;object-fit:contain!important;}

/* Team: clean circle ring behind portraits, real gap before name box. */
.team-reference-v4 .team-ref-v4-photo.team-equal-photo{
    border:0 !important;
    outline:0 !important;
    box-shadow:0 0 0 7px #fff, 0 14px 34px rgba(52,34,83,.12) !important;
    margin-bottom:22px !important;
    transform:translateY(10px)!important;
}
.team-reference-v4 .team-ref-v4-photo.team-equal-photo::before{
    border:0 !important;
    box-shadow:none !important;
}
.team-reference-v4 .team-ref-v4-photo.team-equal-photo > img.person-img{
    /* top:-34px !important; */
    z-index:8 !important;
    filter: grayscale(100%) !important;
}
.team-reference-v4 .team-ref-v4-name{
    /* position:relative !important; */
    z-index:20 !important;
    margin-top:0 !important;
    transform:translateY(0)!important;
    box-shadow:0 12px 30px rgba(52,34,83,.08)!important;
}
.team-reference-v4 .team-ref-v4-info{/* top:342px!important; */}
.team-reference-v4 .center-member .team-ref-v4-info{/* top:342px!important; */}
@media(max-width:1100px){
    .team-reference-v4 .team-ref-v4-info,.team-reference-v4 .center-member .team-ref-v4-info{top:302px!important;}
}
@media(max-width:991px){
    .team-reference-v4 .team-ref-v4-photo.team-equal-photo{margin-bottom:20px!important;transform:translateY(7px)!important;}
}

/* Premium footer refresh. */
.footer-v6{
    position:relative!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#24154b 0%,#40226d 48%,#7650a4 100%)!important;
    padding:58px 0 0!important;
    border-top-left-radius:48px!important;
    border-top-right-radius:48px!important;
}
.footer-v6:after{
    content:"";position:absolute;left:-8%;right:-8%;top:0;height:2px;
    background:linear-gradient(90deg,transparent,#f6c957,transparent);
    animation:footerGlow 4s linear infinite;
}
@keyframes footerGlow{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}
.footer-v6-grid{grid-template-columns:1.65fr .75fr .85fr 1.1fr!important;gap:34px!important;align-items:start!important;}
.footer-v6-brand{padding:8px 0 12px!important;/* align-items: center; */}
.footer-v6-brand h3{font-size:clamp(32px,4vw,54px)!important;line-height:1.02!important;max-width:500px!important;}
.footer-v6-column{padding-top:10px!important;}
.footer-v6-column h5{font-size: 15px!important;/* letter-spacing:.22em!important; */}
.footer-v6-column a,.footer-v6-column span{transition:transform .25s ease,color .25s ease!important;}
.footer-v6-column a:hover{transform:translateX(5px)!important;color:#fff!important;}
.footer-v6-social a{transition:transform .3s ease,box-shadow .3s ease!important;}
.footer-v6-social a:hover{transform: translateY(-3px) rotate(8deg)!important;box-shadow:0 12px 25px rgba(0,0,0,.18)!important;background: #f5cc68;}
.footer-v6-orbit{animation:footerOrbit 14s linear infinite!important;}
.footer-v6-particle{animation:footerFloat 5s ease-in-out infinite!important;}
@keyframes footerOrbit{to{transform:rotate(360deg)}}
@keyframes footerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(max-width:991px){.footer-v6-grid{grid-template-columns:1fr 1fr!important;}.footer-v6-brand{grid-column:span 2!important;}}
@media(max-width:767px){.footer-v6-cta {margin-left:1em;}.footer-v6-logo-wrap{margin-bottom:1em;}.footer-v6{border-radius:30px 30px 0 0!important;padding-top:44px!important;}.footer-v6-grid{grid-template-columns: 1fr!important;gap:24px!important;padding: 0 1em;}.footer-v6-brand{grid-column:auto!important;}.footer-v6-bottom{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:flex-start!important;}}
.journey-v5-more ul{margin:0;padding:0 0 0 18px;color:#565263;/* font-size:10.5px; */line-height:1.62}.journey-v5-more li{margin:1px 0}.journey-v5-more li::marker{color:#b184d1}


/* ============================================================
   FINAL PASS — HERO SPACING / SERVICE CIRCLES / JOURNEY V5
   ============================================================ */
.hero-service-slide .container{
    width:100%!important;
    max-width:1680px!important;
    padding-left:clamp(28px,5.2vw,96px)!important;
    padding-right:clamp(28px,5.2vw,96px)!important;
    margin-inline:auto!important;
}
.hero-service-slide .hero-service-layout{
    min-height:clamp(650px,calc(100vh - 82px),790px)!important;
    grid-template-columns:minmax(0,1fr) minmax(360px,.78fr)!important;
    /* align-items:center!important; */
    gap:clamp(48px,7vw,135px)!important;
    padding:54px 0 76px!important;
}
.hero-service-slide .hero-service-copy{
    max-width:650px!important;
    justify-self:start!important;
    padding:0!important;
}
.hero-service-slide .hero-service-copy h2{
    /* max-width:640px!important; */
    margin:0 0 22px!important;
}
.hero-service-slide .hero-service-visual{
    width:100%!important;
    height:clamp(320px,39vw,470px)!important;
    min-height:320px!important;
    display:grid!important;
    place-items:center!important;
    justify-self:center!important;
}
.hero-service-slide .hero-service-visual:before{
    width:min(360px,80%)!important;
    height:min(360px,80%)!important;
    aspect-ratio:1/1!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 25px 60px rgba(91,65,145,.12),0 0 0 1px rgba(115,78,162,.08)!important;
    left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
}
.hero-service-slide .hero-service-visual img{
    position:relative!important;
    z-index:2!important;
    /* width: min(415px,80%)!important; */
    max-height:315px!important;
    object-fit:contain!important;
    transform:scale(.94)!important;
}
.hero-service-slide.is-active .hero-service-visual img{
    animation:heroServiceImageInFinal2 .72s cubic-bezier(.22,1,.36,1) both!important;
}
@keyframes heroServiceImageInFinal2{
    from{opacity:0;transform:translateY(18px) scale(.84)}
    to{opacity:1;transform:translateY(0) scale(.94)}
}
@media(max-width:991px){
    .hero-service-slide .container{padding-left:34px!important;padding-right:34px!important}
    .hero-service-slide .hero-service-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.78fr)!important;gap:40px!important;min-height:620px!important}
    .hero-service-slide .hero-service-visual:before{width:300px!important;height:300px!important}
    .hero-service-slide .hero-service-visual img{width:270px!important;max-height:270px!important}
}
@media(max-width:767px){
    .hero-service-slide .container{padding-left:20px!important;padding-right:20px!important}
    .hero-service-slide .hero-service-layout{grid-template-columns:1fr!important;gap:12px!important;min-height:650px!important;padding:34px 0 70px!important}
    .hero-service-slide .hero-service-visual{order:1!important;height:290px!important;min-height:290px!important}
    .hero-service-slide .hero-service-copy{order:2!important;text-align:center!important;justify-self:center!important}
    .hero-service-slide .hero-service-copy h2{font-size:clamp(30px,8vw,40px)!important;text-align:center!important}
    .hero-service-slide .hero-service-visual:before{width:245px!important;height:245px!important}
    .hero-service-slide .hero-service-visual img{width:225px!important;max-height:225px!important}
}



/* ==========================================================
   2026 UPDATE — HERO SERVICE SLIDES 2–7
   Reference-inspired editorial layout: copy left + framed
   circular photography right. Slide 1 remains untouched.
   ========================================================== */
.hero-service-slide .container{height:100%;display:flex;align-items:center;}
.hero-service-slide .hero-service-layout{
  width:100%!important;
  min-height:650px!important;
  display:grid!important;
  /* grid-template-columns: minmax(0,1fr) minmax(500px,0.78fr)!important; */
  /* align-items:center!important; */
  gap:70px!important;
  padding: 0 100px 90px!important;
}
.hero-service-slide .hero-service-copy{
  order:1!important;
  max-width:650px!important;
  text-align:left!important;
  justify-self:center!important;
  padding-left:8px!important;
  opacity:0;
  transform:translateX(-28px);
}
.hero-carousel-slide.is-active.hero-service-slide .hero-service-copy{
  animation:heroServiceCopyInUpdate .72s cubic-bezier(.22,1,.36,1) .08s both!important;
}
.hero-service-slide .hero-service-copy h2{
  margin: 0 0 45px!important;
  /* font-size:clamp(42px,4.2vw,66px)!important; */
  line-height:1.04!important;
  /* letter-spacing:-.035em!important; */
  color:#24204f!important;
  font-weight: 700!important;
}
.hero-service-slide .hero-service-copy h2 span{
  /* color:#69439f!important; */
}
.hero-service-slide .hero-service-copy .btn{
  margin:0!important;
  border-radius:999px!important;
  padding:14px 25px!important;
  font-size:15px!important;
  box-shadow:0 12px 28px rgba(92,67,148,.18)!important;
}
.hero-service-slide .hero-service-visual{
  order:2!important;
  position:relative!important;
  width:min(100%,500px)!important;
  height:500px!important;
  min-height:500px!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
}
.hero-service-slide .hero-service-visual:before{
  content:""!important;
  position:absolute!important;
  inset: 0px!important;
  width:auto!important;
  height:auto!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;
  border:8px solid rgba(255,255,255,.92)!important;
  box-shadow:0 0 0 2px rgba(119,89,179,.11),0 0 0 14px rgba(228,220,250,.72),0 24px 55px rgba(78,56,122,.12)!important;
  transform:none!important;
  /* z-index:0!important; */
  display: none;
}
.hero-service-slide .hero-service-visual:after{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:50%!important;
  border:1px solid rgba(112,82,172,.14)!important;
  z-index:-1!important;
}
.hero-service-slide .hero-service-visual img{
  position:relative!important;
  z-index: 999!important;
  width:390px!important;
  height:390px!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  background:#fff!important;
  border:7px solid #fff!important;
  box-shadow:0 14px 35px rgba(62,44,98,.16)!important;
  transform:scale(.84)!important;
  /* opacity:0!important; */
}
.hero-carousel-slide.is-active.hero-service-slide .hero-service-visual img{
  animation:heroServicePhotoInUpdate .8s cubic-bezier(.22,1,.36,1) .03s both!important;
}
@keyframes heroServiceCopyInUpdate{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}
@keyframes heroServicePhotoInUpdate{from{opacity:0;transform:translateY(20px) scale(.76)}to{opacity:1;transform:translateY(0) scale(.84)}}
@media(max-width:1100px){
  .hero-service-slide .hero-service-layout{gap:35px!important;padding-left:25px!important;padding-right:25px!important;grid-template-columns:minmax(0,1fr) minmax(330px,.82fr)!important;}
  .hero-service-slide .hero-service-copy h2{font-size:clamp(38px,4.6vw,56px)!important}
  .hero-service-slide .hero-service-visual{height:440px!important;min-height:440px!important}
  .hero-service-slide .hero-service-visual img{width:335px!important;height:335px!important}
  .hero-service-slide .hero-service-visual:before{inset:35px!important}
}
@media(max-width:767px){
  .hero-service-slide .container{padding-left:18px!important;padding-right:18px!important}
  .hero-service-slide .hero-service-layout{grid-template-columns:1fr!important;gap:18px!important;min-height:680px!important;padding:40px 8px 78px!important;}
  .hero-service-slide .hero-service-copy{order:2!important;text-align:center!important;padding:0!important;max-width:100%!important}
  .hero-service-slide .hero-service-copy h2{font-size:clamp(32px,9vw,43px)!important;line-height:1.08!important;margin-bottom:18px!important}
  .hero-service-slide .hero-service-copy .btn{font-size:12px!important;padding:11px 18px!important}
  .hero-service-slide .hero-service-visual{order:1!important;width:315px!important;height:315px!important;min-height:315px!important;max-width:100%!important}
  .hero-service-slide .hero-service-visual img{width:235px!important;height:235px!important}
  .hero-service-slide .hero-service-visual:before{inset:28px!important;border-width:6px!important;box-shadow:0 0 0 2px rgba(119,89,179,.1),0 0 0 10px rgba(228,220,250,.72),0 18px 38px rgba(78,56,122,.12)!important}
}

/* 3D icon polish for all existing icon image placements. */
.pointer-icon img,.why-modern-v5-icon img,.about-modern-v5-card-icon img,.about-img-icon img,.about-story-icon-img,
.service-icon3 img,.service-head-icon-image img{
  object-fit:contain!important;
  filter:drop-shadow(0 10px 16px rgba(71,48,110,.16))!important;
}
.service-head-icon-image{display:grid!important;place-items:center!important;overflow:visible!important;background:transparent!important;}
.service-head-icon-image img{width:52px!important;height:52px!important;max-width:none!important;}


/* ==========================================================
   2026-09-28 FINAL REQUEST — HERO 2-7 COMPACT CENTERED LAYOUT
   Slide 1 remains untouched.
   ========================================================== */
@media (min-width: 992px){
  .hero-service-slide .container{
    max-width:1180px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .hero-service-slide .hero-service-layout{
    min-height: clamp(600px,calc(100vh - 82px),760px)!important;
    grid-template-columns: minmax(0,1fr) 400px!important;
    gap: 19px!important;
    /* padding:40px 0 68px!important; */
    /* align-items:center!important; */
    /* justify-content:center!important; */
  }
  .hero-service-slide .hero-service-copy{
    max-width:650px!important;
    justify-self:end!important;
  }
  .hero-service-slide .hero-service-copy h2{
    /* font-size: 50px; */
    line-height: 1.37!important;
    /* margin:0 0 18px!important; */
  }
  .hero-service-slide .hero-service-visual{
    width:350px!important;
    height:350px!important;
    min-height:350px!important;
    justify-self:start!important;
  }
  .hero-service-slide .hero-service-visual:before{
    width:350px!important;
    height:350px!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:50%!important;
  }
  .hero-service-slide .hero-service-visual img{
    /* width:340px!important; */
    /* height:340px!important; */
    /* max-width:340px!important; */
    /* max-height:340px!important; */
    /* object-fit:contain!important; */
    transform:scale(1)!important;
    /* filter:drop-shadow(0 18px 26px rgba(65,40,110,.13))!important; */
  }
  .hero-service-slide.is-active .hero-service-visual img{
    animation:heroServiceImageInCompact .72s cubic-bezier(.22,1,.36,1) both!important;
  }
  @keyframes heroServiceImageInCompact{
    from{opacity:0;transform:translateX(18px) scale(.90)}
    to{opacity:1;transform:translateX(0) scale(1)}
  }
}
@media (min-width:768px) and (max-width:991px){
  .hero-service-slide .hero-service-layout{
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:18px!important;
  }
  .hero-service-slide .hero-service-visual{width:300px!important;height:300px!important;min-height:300px!important;}
  .hero-service-slide .hero-service-visual:before{width:300px!important;height:300px!important;background:transparent!important;box-shadow:none!important;}
  .hero-service-slide .hero-service-visual img{width:292px!important;height:292px!important;max-width:292px!important;max-height:292px!important;}
}


/* =========================================================
   PERSONAL PRESENCE - JOURNEY V5
========================================================= */

.journey-v5 {
    position: relative;
    padding: 40px 0 70px;
    /* background: #fff; */
    overflow: hidden;
}


/* =========================================================
   HEADER
========================================================= */

.journey-v5-head {
    /*max-width: 850px;*/
    margin: 0 auto 55px;
    text-align: center;
}

.journey-v5-head > p {
    /* max-width: 760px; */
    /* margin: 0 auto; */
    /* color: #403f50; */
    /* font-size: 13px; */
    /* line-height: 1.85; */
}


.journey-v5-program-title {
    margin: 8px 0 6px;
    color: #2d2051;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 800;
}


.journey-v5-main-tagline {
    margin: 0 auto 10px !important;
    color: #704d9c !important;
    font-size: 25px !important;
    line-height: 1.5 !important;
    font-family: "PT Serif", serif !important;
    font-style: italic;
}


/* =========================================================
   JOURNEY FLOW
========================================================= */

.journey-v5-flow {
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 20px 0 20px;
}


/* =========================================================
   CENTER LINE
========================================================= */

.journey-v5-line {
    position: absolute;
    top: 35px;
    bottom: 55px;
    left: 50%;
    width: 4px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #eee7f3;
    overflow: hidden;
}


.journey-v5-line span {
    display: block;
    width: 100%;
    height: 0;
    border-radius: 999px;

    background: linear-gradient(
        180deg,
        #f4c55b 0%,
        #b999d8 50%,
        #5e3c8f 100%
    );

    transition:
        height 1s cubic-bezier(.22, 1, .36, 1);
}


/* =========================================================
   PERSON ILLUSTRATION
========================================================= */

.journey-v5-person {
    position: absolute;
    top: 55px;
    left: 50%;
    width: 110px;
    height: 290px;
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
    transition:
        top 1s cubic-bezier(.22, 1, .36, 1),
        transform .65s cubic-bezier(.22, 1, .36, 1);
}


.journey-v5-person img {
    position: relative;

    width: 100%;
    height: 100%;

    object-fit: contain;

    z-index: 2;

    transition:
        opacity .25s ease,
        transform .5s ease;
}


.journey-v5-person-glow {
    position: absolute;

    left: 50%;
    bottom: 4px;

    width: 90px;
    height: 22px;

    transform: translateX(-50%);

    border-radius: 50%;

    background: rgba(91, 57, 137, .14);

    filter: blur(8px);
}


/* =========================================================
   JOURNEY STEP
========================================================= */

.journey-v5-step {
    position: relative;

    width: 50%;
    min-height: 285px;

    padding: 30px 45px;

    box-sizing: border-box;

    transition:
        min-height .45s ease,
        padding .35s ease;
}


.journey-v5-step.left {
    margin-right: auto;
}


.journey-v5-step.right {
    margin-left: 50%;
}


/* =========================================================
   CONNECTING DOT
========================================================= */

.journey-v5-step::before {
    content: "";

    position: absolute;

    top: 58px;

    width: 19px;
    height: 19px;

    border-radius: 50%;

    background: #fff;

    border: 4px solid #b99bd8;

    box-shadow:
        0 0 0 7px #fff;

    z-index: 6;

    transition:
        background .35s ease,
        border-color .35s ease,
        transform .35s ease;
}


.journey-v5-step.left::before {
    right: -10px;
}


.journey-v5-step.right::before {
    left: -10px;
}


.journey-v5-step.active::before {
    background: #f4c55b;
    border-color: #f4c55b;
    transform: scale(1.2);
}


/* =========================================================
   CARD
========================================================= */

.journey-v5-card {
    position: relative;

    display: block;

    width: 100%;
    max-width: 430px;

    padding: 20px 22px 23px;

    border: 1px solid #ece5f1;
    border-radius: 22px;

    background: #fff;

    box-shadow:
        0 8px 25px rgba(57, 35, 85, .045);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}


.journey-v5-step.left .journey-v5-card {
    margin-left: auto;
}


.journey-v5-step.right .journey-v5-card {
    margin-right: auto;
}


.journey-v5-step.active .journey-v5-card,
.journey-v5-step:hover .journey-v5-card {
    transform: translateY(-5px);

    box-shadow:
        0 22px 45px rgba(57, 35, 85, .11);

    border-color: #d9c7e8;
}


/* =========================================================
   CARD TOP
========================================================= */

.journey-v5-card-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 15px;
}


/* WEEK PILL */

.journey-v5-week {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 30px;
    padding: 0 16px;
    border-radius: 999px;
    background: #f4c55b;
    color: #352152;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
}


/* NUMBER */

.journey-v5-num {
    display: grid;
    /* width: 42px; */
    height: 30px;
    place-items: center;
    border-radius: 20px;
    background: #f0e9f7;
    color: #704d9c;
    font-size: 11px;
    font-weight: 900;
    padding: 7px 16px;
}


.journey-v5-step.active .journey-v5-num {
    background: #f0e9f7;
    color: #704d9c;
    width: auto;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.journey-v5-copy {
    text-align: left;
}


.journey-v5-copy small {
    display: block;

    margin-bottom: 5px;

    color: #403f50;

    font-size: 8px;

    line-height: 1.5;

    font-weight: 800;

    letter-spacing: .13em;
}


.journey-v5-copy h3 {
    margin: 13px 0;
    color: #2d2051;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
}


/* =========================================================
   TAGLINE / QUOTE BOX
========================================================= */

.journey-v5-tagline {
    display: block;
    margin: 0 0 17px;
    padding: 10px 10px;
    border-radius: 11px;
    background:
        linear-gradient(
            90deg,
            #f5effb 0%,
            #faf7fd 100%
        );
    color: #704d9c !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 600;
    font-style: italic;
    font-family: "PT Serif", serif !important;
}


/* =========================================================
   LIST
========================================================= */

.journey-v5-copy ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.journey-v5-visible-list {
    margin-bottom: 9px !important;
}


.journey-v5-copy li {
    position: relative;
    margin: 0 0 7px;
    padding-left: 25px;
    color: #403f50;
    /* font-size: 12px; */
    line-height: 1.55;
}


.journey-v5-copy li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 1px;

    display: grid;

    width: 16px;
    height: 16px;

    place-items: center;

    border-radius: 50%;

    background: #f4c55b;

    color: #352152;

    font-size: 9px;

    font-weight: 900;
}


/* =========================================================
   AND MORE BUTTON
========================================================= */

.journey-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 5px;
    padding: 5px 0;
    border: 0;
    background: transparent;
    color: #704d9c;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition:
        color .25s ease,
        transform .25s ease;
}


.journey-more:hover {
    color: #4e3474;

    transform: translateX(3px);
}


.journey-more i {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    border-radius: 50%;

    background: #f0e9f7;

    font-size: 9px;

    transition:
        transform .35s ease,
        background .35s ease;
}


/* =========================================================
   EXPANDED CONTENT
========================================================= */

.journey-v5-more {
    display: grid;

    grid-template-rows: 0fr;

    overflow: hidden;

    opacity: 0;

    transition:
        grid-template-rows .5s cubic-bezier(.22, 1, .36, 1),
        opacity .35s ease;
}


.journey-v5-more > ul {
    min-height: 0;
}


.journey-v5-step.expanded .journey-v5-more {
    grid-template-rows: 1fr;

    opacity: 1;

    margin-top: 8px;
}


.journey-v5-step.expanded .journey-more i {
    transform: rotate(45deg);

    background: #f4c55b;
}


/* =========================================================
   CAPTION
========================================================= */

.journey-v5-caption {
    margin-top: 20px;

    text-align: center;

    color: #403f50;

    font-size: 14px;

    line-height: 1.6;

    font-weight: 700;
}


/* =========================================================
   KICKER
========================================================= */

.section-kicker-reference {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 13px;

    margin-bottom: 10px;

    color: #704d9c;

    font-size: 11px;

    letter-spacing: .16em;
}


.section-kicker-decoration {
    display: flex;

    align-items: center;

    gap: 5px;
}


.section-kicker-line {
    display: block;

    width: 25px;
    height: 2px;

    border-radius: 999px;
}


.section-kicker-yellow {
    background: #f4c55b;
}


.section-kicker-purple {
    background: #74509d;
}


.section-kicker-dots {
    display: flex;
    gap: 3px;
}


.section-kicker-dots i {
    display: block;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: #b999d8;
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991px) {

    .journey-v5 {
        padding: 65px 0;
    }

    .journey-v5-flow {
        max-width: 850px;
    }

    .journey-v5-step {
        padding-left: 25px;
        padding-right: 25px;
    }

    .journey-v5-card {
        max-width: 380px;
    }

    .journey-v5-person {
        width: 125px;
        height: 170px;
    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767px) {

    .journey-v5 {
        padding: 55px 0;
    }


    .journey-v5-head {
        margin-bottom: 35px;
        padding: 0 10px;
    }


    .journey-v5-program-title {
        font-size: 17px;
    }


    .journey-v5-main-tagline {
        font-size: 14px !important;
    }


    .journey-v5-head > p {
        font-size: 16px !important;
    }


    /* MOVE LINE TO LEFT */

    .journey-v5-line {
        left: 20px;

        top: 20px;
        bottom: 35px;

        width: 3px;

        transform: none;
    }


    /* PERSON */

    .journey-v5-person {
        position: absolute;

        left: 20px;

        width: 75px;
        height: 105px;

        transform: translate(-50%, -50%);

        z-index: 10;
    }


    .journey-v5-person-glow {
        width: 50px;
        height: 13px;
    }


    /* ALL STEPS */

    .journey-v5-step,
    .journey-v5-step.left,
    .journey-v5-step.right {

        width: 100%;

        margin: 0;

        padding:
            25px
            10px
            25px
            55px;
    }


    .journey-v5-step::before,
    .journey-v5-step.left::before,
    .journey-v5-step.right::before {

        left: 11px;
        right: auto;

        top: 53px;

        width: 18px;
        height: 18px;
    }


    .journey-v5-card,
    .journey-v5-step.left .journey-v5-card,
    .journey-v5-step.right .journey-v5-card {

        width: 100%;
        max-width: none;

        margin: 0;
    }


    .journey-v5-copy h3 {
        font-size: 19px;
    }


    .journey-v5-copy li {
        font-size: 13px;
    }


    .journey-v5-tagline {
        font-size: 15px !important;
    }


    .journey-v5-caption {
        padding: 0 20px;

        font-size: 13px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .journey-v5-card {
        padding: 17px 17px 20px;
        border-radius: 18px;
    }


    .journey-v5-week {
        /* min-width: 80px; */
        /* height: 27px; */
        /* padding: 0 12px; */
        font-size: 10px;
    }


    .journey-v5-num {
        /* width: 37px; */
        /* height: 37px; */
        /* border-radius: 11px; */
        font-size: 10px;
    }


    .journey-v5-copy h3 {
        font-size: 18px;
    }


    .journey-v5-copy small {
        font-size: 7px;
    }


    .journey-v5-copy li {
        font-size: 15px;
        line-height: 1.5;
    }


    .journey-v5-person {
        width: 65px;
        height: 90px;
    }

}


/* =========================================================
   2026-09-30 REQUEST — HERO / ABOUT / TEAM / MARQUEE / ICONS
========================================================= */
.hero-service-slide{background:linear-gradient(135deg,#fff 0%,#fbf8ff 55%,#f0e9f8 100%);}
.hero-service-slide .row{min-height:inherit;}
.hero-service-copy-centered{max-width:850px!important;margin:0 auto!important;padding:42px 20px 70px!important;text-align:center!important;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hero-service-icon{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;margin:0 auto 20px;background:rgba(255,255,255,.9);border:1px solid rgba(109,74,153,.13);box-shadow:0 16px 35px rgba(57,35,105,.10);}
.hero-service-icon img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(52,35,87,.10));}
.hero-service-copy-centered h2{margin:0 auto 16px!important;max-width:760px;font-size:clamp(32px,4.2vw,54px)!important;line-height:1.08!important;color:#28204d!important;}
.hero-service-copy-centered p{max-width:700px!important;margin:0 auto 28px!important;color:#626174!important;font-size:clamp(14px,1.35vw,17px)!important;line-height:1.75!important;}
.hero-service-copy-centered .btn{margin:0 auto!important;}
.hero-service-slide .hero-service-visual{display:none!important;}

.about-modern-v5-what-split{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:42px;padding:0!important;overflow:hidden;align-items:stretch;}
.about-modern-v5-what-media{position:relative;/* min-height:440px; */overflow:hidden;background:#eee6f6;}
.about-modern-v5-what-media img{width:100%;height:100%;min-height:440px;display:block;object-fit:cover;object-position:center;}
.about-modern-v5-what-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(40, 25, 70, .08) 0%, rgba(69, 43, 103, .05) 40%, rgb(137 109 167 / 70%) 100%);}
.about-modern-v5-what-badge{position:absolute;left:24px;bottom:24px;display:inline-flex;align-items:center;gap:9px;/* padding:11px 15px; */border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(9px);color:#35235a;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(34,20,64,.15);}
.about-modern-v5-what-badge i{color:#76519d;font-size:15px;}
.about-modern-v5-what-copy{padding:48px 46px 48px 0;align-self:center;}
.about-modern-v5-what-copy h3{/* font-size:clamp(27px,2.7vw,39px); *//* line-height:1.2; *//* margin-bottom:17px; */}
.about-modern-v5-what-copy p{/* font-size:15px; *//* line-height:1.82; *//* text-align:left; */}
.about-modern-v5-keywords{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.about-modern-v5-keywords span{padding:8px 11px;border-radius:999px;background:#f1eafb;border:1px solid #e2d6f1;color:#5d3d83;font-size:11px;font-weight:800;line-height:1.1;}

.about-modern-v5-story-photo{min-height:700px;border-radius:0!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw!important;box-shadow:none!important;background:#2a1946!important;}
.about-modern-v5-story-bg{position:absolute;inset:0;background-image:url("../assets/services/fullwidth-v2/02-communication-interpersonal.jpg");background-size:cover;background-position:center;transform:scale(1.01);}
.about-modern-v5-story-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,16,46,.88) 0%,rgba(39,24,65,.76) 34%,rgba(39,24,65,.28) 58%,rgba(39,24,65,.06) 100%);}
.about-modern-v5-story-overlay{position:relative;z-index:2;/* right: 0; */width: 650px;min-height:700px;margin-left: max(24px,calc((100vw - 1300px)/2));padding:56px 54px 60px;background:linear-gradient(135deg,rgba(35,20,62,.96),rgba(73,43,111,.88));color:#fff;box-shadow:22px 0 60px rgba(22,12,43,.16);}
.about-modern-v5-story-scroll{max-height:510px;overflow-y:auto;padding-right:18px;scrollbar-width:thin;scrollbar-color:#d9b861 rgba(255,255,255,.08);}
.about-modern-v5-story-scroll::-webkit-scrollbar{width:7px}.about-modern-v5-story-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:10px}.about-modern-v5-story-scroll::-webkit-scrollbar-thumb{background:#d9b861;border-radius:10px}
.about-modern-v5-story-overlay .about-modern-v5-story-kicker{margin-bottom:16px;}
.about-modern-v5-story-overlay h3{font-size:30px;}
.about-modern-v5-story-overlay h3 span {
    color: #f5b83d;
    font-family: "PT Serif", serif !important;
    font-style: italic;
}
.about-modern-v5-story-overlay p{font-size:15px;line-height:1.8;text-align:left;}

/* Mobile team: explicit tap-open state; desktop hover behavior is unchanged. */
@media (max-width:991px){
 .team-modern-v5 .team-ref-v4-member.is-open .team-ref-v4-info{max-height:1000px!important;transform:translateX(-50%) scale(1)!important;overflow:visible!important;}
 .team-modern-v5 .team-ref-v4-member.is-open .team-ref-v4-photo{box-shadow:0 0 0 6px rgba(111,79,160,.10),0 20px 45px rgba(48,28,92,.13);}
}

.services-marquee{overflow:hidden;background: linear-gradient(135deg, #392765, #392765);border-top:1px solid rgba(104,73,145,.09);border-bottom:1px solid rgba(104,73,145,.09);padding: 20px 0;}
.services-marquee-track{display:flex;width:max-content;animation:sssMarquee 38s linear infinite;}
.services-marquee-set{display:flex;align-items:center;flex-shrink:0;}
.services-marquee span{display:inline-flex;align-items:center;gap:10px;margin-right: 50px;color: #ffffff;font-size: 19px;font-weight: 600;letter-spacing:.02em;white-space:nowrap;}
.services-marquee img{width: 43px;height: 43px;object-fit:contain;/* background: #ffffff; */border-radius:8px;/* padding:4px; */box-shadow:0 4px 12px rgba(54,35,84,.08);}
@keyframes sssMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.services-marquee:hover .services-marquee-track{animation-play-state:paused;}

/* Footer Explore links: Bootstrap Icons, no generated text arrows. */
.footer-v6-column>a:before{display:none!important;content:none!important;}
.footer-v6-column>a{display:flex!important;align-items:center!important;gap:10px!important;}
.footer-v6-column>a>i{display:inline-grid;place-items:center;width:18px;color:#f5cc68!important;font-size:14px!important;flex:0 0 18px;}
.footer-v6-column>a>span{display:inline-block;}

@media (max-width:991px){
 .hero-service-copy-centered{padding:40px 18px 78px!important;}
 .about-modern-v5-what-split{grid-template-columns:1fr;gap:0;}
 .about-modern-v5-what-media{min-height:360px;}
 .about-modern-v5-what-media img{min-height:360px;}
 .about-modern-v5-what-copy{padding:34px 32px 38px;}
 .about-modern-v5-story-photo{min-height:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
 .about-modern-v5-story-bg{position:relative;height:360px;}
 .about-modern-v5-story-bg:after{background:linear-gradient(180deg,rgba(35,20,62,.08),rgba(35,20,62,.54));}
 .about-modern-v5-story-overlay{width:100%;min-height:0;margin:0;padding:38px 30px 42px;background:linear-gradient(135deg,rgba(35,20,62,.97),rgba(73,43,111,.94));box-shadow:none;}
 .about-modern-v5-story-scroll{max-height:480px;}
}
@media (max-width:575px){
 .hero-service-icon{width:68px;height:68px;border-radius:20px;margin-bottom:16px;}.hero-service-icon img{width:48px;height:48px;}
 .hero-service-copy-centered h2{font-size:29px!important;}
 .hero-service-copy-centered p{font-size:13.5px!important;line-height:1.65!important;margin-bottom:22px!important;}
 .about-modern-v5-what-media,.about-modern-v5-what-media img{min-height:300px;height:300px;}
 .about-modern-v5-what-badge{left:15px;bottom:15px;font-size:10px;}
 .about-modern-v5-what-copy{padding:30px 20px 34px;}
 .about-modern-v5-keywords{gap:7px;}.about-modern-v5-keywords span{font-size:10px;padding:7px 9px;}
 .about-modern-v5-story-bg{height:280px;}
 .about-modern-v5-story-overlay{padding:30px 20px 34px;}
 .about-modern-v5-story-overlay h3{font-size:24px;}
 .about-modern-v5-story-overlay p{font-size:13px;line-height:1.72;}
 .about-modern-v5-story-scroll{max-height:430px;padding-right:10px;}
 .services-marquee{padding:14px 0;}.services-marquee span{font-size: 12px;margin-right:28px;gap:7px;}.services-marquee img{width: 38px;height: 38px;padding:3px;}
}
.why-modern-v5-icon img{width:31px;height:31px;object-fit:contain;display:block;}


/* =========================================================
   2026-09-30 FINAL REFINEMENTS
   ========================================================= */
.hero-service-copy-centered{padding:34px 18px 72px!important;}
.hero-service-title-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;width:100%!important;margin:0 auto 20px!important;}
.hero-service-title-row h2{margin:0!important;max-width:650px!important;text-align:center!important;}
.hero-service-title-row .hero-service-icon{flex:0 0 82px!important;margin:0!important;}
.hero-service-title-row .hero-service-icon img{width:56px!important;height:56px!important;}
.hero-service-copy-centered p{text-align:center!important;margin:0 auto 25px!important;max-width:720px!important;}
.hero-service-copy-centered .btn{margin:0 auto!important;}

/* Compact What We Do */
.about-modern-v5-what-split{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:34px!important;}
.about-modern-v5-what-media,.about-modern-v5-what-media img{/* min-height:330px!important; */height: 480px!important;}
.about-modern-v5-what-copy{padding:30px 34px 30px 0!important;}
.about-modern-v5-what-copy h3{/* font-size:clamp(25px,2.4vw,35px)!important; *//* margin-bottom:12px!important; */}
.about-modern-v5-what-copy p{/* font-size:14px!important; *//* line-height:1.7!important; *//* margin-bottom:14px!important; */}
.about-modern-v5-keywords{display:flex;flex-wrap:wrap;gap:7px!important;}
.about-modern-v5-keywords span{font-size:10px!important;padding:7px 10px!important;}

/* New global photography */
.about-modern-v5-what-media img{object-position:top center!important;}
.about-modern-v5-story-bg{background-position:center center!important;}

/* Pillar/three-card icons */
.about-modern-v5-pillar-logo img{width:46px!important;height:46px!important;object-fit:contain!important;}

@media(max-width:767px){
 .hero-service-title-row{gap:12px!important;align-items:center!important;margin-bottom:16px!important;}
 .hero-service-title-row h2{font-size:27px!important;line-height:1.12!important;}
 .hero-service-title-row .hero-service-icon{flex-basis:62px!important;width:62px!important;height:62px!important;border-radius:18px!important;}
 .hero-service-title-row .hero-service-icon img{width:44px!important;height:44px!important;}
 .about-modern-v5-what-split{gap:0!important;}
 .about-modern-v5-what-media,.about-modern-v5-what-media img{min-height:260px!important;height:260px!important;}
 .about-modern-v5-what-copy{padding:26px 20px 30px!important;}
 .about-modern-v5-what-copy h3{font-size:25px!important;}
}
@media(max-width:430px){
 .hero-service-title-row h2{font-size:23px!important;}
 .hero-service-title-row .hero-service-icon{flex-basis:54px!important;width:54px!important;height:54px!important;}
 .hero-service-title-row .hero-service-icon img{width:38px!important;height:38px!important;}
}

/* Mobile team: NEVER open the bio on hover; open only after tapping the photo/member. */
@media(max-width:767px){
 .team-modern-v5 .team-ref-v4-member:hover .team-ref-v4-info,
 .team-modern-v5 .team-ref-v4-member:focus .team-ref-v4-info,
 .team-modern-v5 .team-ref-v4-member:focus-within .team-ref-v4-info{opacity:0!important;visibility:hidden!important;pointer-events:none!important;max-height:0!important;transform:translateX(-50%) scale(.97)!important;}
 .team-modern-v5 .team-ref-v4-member.is-open .team-ref-v4-info{opacity:1!important;visibility:visible!important;pointer-events:auto!important;max-height:900px!important;transform:translateX(-50%) scale(1)!important;margin-top:14px!important;}
 .team-modern-v5 .team-ref-v4-member.is-open .team-ref-v4-photo.team-equal-photo{transform:translateY(-5px) scale(1.02)!important;box-shadow:0 0 0 5px rgba(111,79,160,.10),0 18px 35px rgba(48,28,92,.13)!important;}
 .team-modern-v5 .team-ref-v4-member{cursor:pointer!important;}
}

/* Slightly smaller partner/client logos */
.partner-logo-card{min-height:150px!important;/* padding:18px!important; */}
.partner-logo-card img{max-width:42%!important;max-height:75px!important;}
@media(max-width:767px){.partner-logo-card{min-height:125px!important;padding:14px!important}.partner-logo-card img{max-width:55%!important;max-height:65px!important;}}

.flaticon-attribution{margin-top:12px;color:#8c8496;font-size:10px;letter-spacing:.03em;}


/* =========================================================
   2026-10-01 FINAL CONSISTENCY PATCH
   ========================================================= */
.hero-carousel{position:relative!important;isolation:isolate!important;overflow:hidden!important;}
.hero-carousel-track{position:relative!important;z-index:1!important;}
.hero-carousel-arrow{position:absolute!important;top: 40%!important;bottom:auto!important;z-index:50!important;display:grid!important;place-items:center!important;width:50px!important;height:50px!important;border:1px solid rgba(111,79,160,.22)!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#6f4fa0!important;box-shadow:0 12px 30px rgba(45,27,73,.12)!important;transform:translateY(-50%)!important;opacity:1!important;visibility:visible!important;}
.hero-carousel-arrow:hover{transform:translateY(-50%) scale(1.06)!important;background:#fff!important;color:#35235a!important;}
.hero-carousel-prev{left:18px!important}.hero-carousel-next{right:18px!important}
.hero-carousel-arrow i{font-size:22px!important;line-height:1!important;}
.hero-service-slide .row{justify-content:center!important;text-align:center!important;}
.hero-service-slide .hero-service-copy-centered{width:min(760px,100%)!important;max-width:760px!important;margin:0 auto!important;padding:0 28px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
.hero-service-slide .hero-service-title-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;}
.hero-service-slide .hero-service-title-row h2{margin:0!important;text-align:center!important;max-width:650px!important;}
.hero-service-slide .hero-service-icon{width:78px!important;height:78px!important;flex:0 0 78px!important;display:grid!important;place-items:center!important;}
.hero-service-slide .hero-service-icon img{width:78px!important;height:78px!important;object-fit:contain!important;}
.hero-service-slide .hero-service-copy-centered p{max-width:650px!important;margin:20px auto 24px!important;text-align:center!important;}
.hero-service-slide .hero-service-copy-centered .btn{margin:0 auto!important;}



.about-modern-v5-story-bg{background-image:url("../assets/about/our-story-vision-bg.svg")!important;background-size:cover!important;background-position:center!important;}
.about-modern-v5-story-bg:after{background:linear-gradient(90deg,rgba(26,16,46,.88) 0%,rgba(39,24,65,.72) 38%,rgba(39,24,65,.24) 72%,rgba(39,24,65,.08) 100%)!important;}
.about-modern-v5-pillar-logo img{width:76px!important;height:76px!important;object-fit:contain!important;}

/* Mobile team profiles: tap the photo/card to open the profile panel. */
@media(max-width:767px){
 .team-reference-v4 .team-ref-v4-member.is-open .team-ref-v4-info{opacity:1!important;visibility:visible!important;pointer-events:auto!important;max-height:1100px!important;transform:translateX(-50%) scale(1)!important;margin-top:16px!important;overflow:auto!important;}
 .team-reference-v4 .team-ref-v4-member.is-open .team-ref-v4-photo.team-equal-photo{transform:translateY(-5px) scale(1.015)!important;}
 .about-modern-v5-keywords{grid-template-columns:1fr!important;gap:4px!important;}
}

/* Footer Explore: use directional arrows only. */
.footer-v6-column a .bi{/* font-size:12px!important; *//* color:#f4c55b!important; *//* width:16px!important; */}
.footer-v6-column a:hover .bi{transform:translateX(3px)!important;color: #7553a3;}

/* Keep the journey illustration single-layered and predictable. */
.journey-v5-person{z-index:10!important;overflow:visible!important;}
.journey-v5-person img{display:block!important;width:100%!important;height:auto!important;opacity:1;backface-visibility:hidden!important;transform:scale(1)!important;}
.journey-v5-person-glow{pointer-events:none!important;z-index:0!important;}
.journey-v5-person img{position:relative!important;z-index:2!important;}
.journey-v5-visible-list{list-style:none!important;padding:0!important;margin:18px 0 14px!important;}
.journey-v5-visible-list li{position:relative!important;padding:8px 0 8px 30px!important;margin:0!important;line-height:1.45!important;}
.journey-v5-visible-list li::before{content:"✓"!important;position:absolute!important;left:0!important;top:7px!important;width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f4c55b!important;color:#35235a!important;font-size:11px!important;font-weight:900!important;}
.journey-v5-step.active .journey-v5-visible-list li::before{box-shadow: 0 0 0 3px rgba(244,197,91,.13)!important;}

@media(min-width:992px){
 .clients-partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1120px!important;}
}
@media(max-width:991px){
 .hero-carousel-arrow{width:44px!important;height:44px!important;}
 .hero-carousel-prev{left:12px!important}.hero-carousel-next{right:12px!important}
 .hero-service-slide .hero-service-copy-centered{padding:0 54px!important;}
 .hero-service-slide .hero-service-title-row h2{font-size:clamp(27px,5vw,38px)!important;}
}
@media(max-width:575px){
 .hero-carousel-arrow{width:40px!important;height:40px!important;}
 .hero-carousel-arrow i{font-size:18px!important;}
 .hero-carousel-prev{left:9px!important}.hero-carousel-next{right:9px!important}
 .hero-service-slide .hero-service-copy-centered{padding:0 42px!important;}
 .hero-service-slide .hero-service-icon,.hero-service-slide .hero-service-icon img{width:64px!important;height:64px!important;}
 .about-modern-v5-pillar-logo img{width:66px!important;height:66px!important;}
}


/* =========================================================
   2026-10-01 USER REVISION — AUTHORITATIVE FINAL PATCH
   ========================================================= */

/* HERO 2–7: one centered composition: heading + icon, tagline aligned to that group, CTA below. */
.hero-service-slide .container{height:100%!important;}
.hero-service-slide .row{height:100%!important;min-height:inherit!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.hero-service-slide .hero-service-copy-centered{
  width:min(900px,calc(100% - 90px))!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hero-service-slide .hero-service-title-row{
  width:min(820px,100%)!important;
  margin:0 auto 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:22px!important;
  flex-wrap:nowrap!important;
}
.hero-service-slide .hero-service-title-row h2{
  margin:0!important;
  max-width:none!important;
  text-align:center!important;
  flex:0 1 auto!important;
}
.hero-service-slide .hero-service-icon{
  width:76px!important;height:76px!important;flex:0 0 76px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
.hero-service-slide .hero-service-icon img{width:76px!important;height:76px!important;object-fit:contain!important;filter:none!important;}
.hero-service-slide .hero-service-copy-centered p{
  width:min(820px,100%)!important;max-width:820px!important;
  margin:0 auto 28px!important;text-align:center!important;
}
.hero-service-slide .hero-service-copy-centered .btn{margin:0 auto!important;}

/* WHAT WE DO — restore the original pill treatment. */
.about-modern-v5-keywords{
  list-style:none!important;padding:0!important;margin:24px 0 0!important;
  display:flex!important;flex-wrap:wrap!important;gap:9px!important;
}
.about-modern-v5-keywords li{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  padding:9px 13px!important;
  border:1px solid #e2d6f1!important;
  border-radius:999px!important;
  background:#f1eafb!important;
  color:#5d3d83!important;
  font-size: 13px!important;
  font-weight: 600!important;
  line-height:1.15!important;
  gap:0!important;
}
.about-modern-v5-keywords li span{display:none!important;}
.about-modern-v5-keywords li:nth-child(2n){background:#fff4d7!important;border-color:#f0d99b!important;color:#765600!important;}

/* OUR STORY & VISION — global professionals communicating, full-width background. */
.about-modern-v5-story-photo{position:relative!important;overflow:hidden!important;}
.about-modern-v5-story-bg{
  position:absolute!important;inset:0!important;
  background-image:url("../assets/about/our-story-vision-hd.png")!important;
  background-size:cover!important;background-position:center center!important;
  transform:none!important;
}
.about-modern-v5-story-bg:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(90deg,rgba(31,18,53,.92) 0%,rgba(46,27,73,.78) 34%,rgba(46,27,73,.38) 62%,rgba(46,27,73,.10) 100%)!important;
}
.about-modern-v5-story-overlay{/* position:relative!important; *//* z-index:2!important; */}

/* SIMPLE FLATICON-STYLE ICONS: no enclosing circles/cards. */
.hero-service-icon img,
.service-head-icon-image img,
.about-modern-v5-pillar-logo img{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.service-head-icon-image{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
.service-head-icon-image img{width:58px!important;height:58px!important;object-fit:contain!important;}

/* OUR TEAM — responsive layout only; desktop behavior remains intact. */
@media (max-width:1100px){
  .team-reference-v4 .team-ref-v4-stage{grid-template-columns:minmax(150px,1fr) minmax(220px,1.2fr) minmax(150px,1fr)!important;gap:16px!important;}
  .team-reference-v4 .team-ref-v4-member{min-width:0!important;}
  .team-reference-v4 .team-ref-v4-info{width:min(330px,32vw)!important;}
}
@media (max-width:767px){
  .team-reference-v4 .team-ref-v4-stage,
  .team-reference-v4 .team-static-v4{display:flex!important;flex-direction:column!important;align-items:center!important;gap:26px!important;min-height:0!important;padding:10px 0 25px!important;}
  .team-reference-v4 .team-ref-v4-member,
  .team-reference-v4 .team-static-v4 .team-ref-v4-member{width:100%!important;max-width:360px!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
  .team-reference-v4 .team-ref-v4-photo,
  .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-photo,
  .team-reference-v4 .team-ref-v4-member:not(.center-member) .team-ref-v4-photo{width:min(210px,62vw)!important;height:min(210px,62vw)!important;flex:0 0 auto!important;margin:0 auto!important;}
  .team-reference-v4 .team-ref-v4-name,
  .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-name{position:relative!important;left:auto!important;top:auto!important;margin:12px 0 0!important;transform:none!important;text-align:center!important;}
  .team-reference-v4 .team-ref-v4-info,
  .team-reference-v4 .team-ref-v4-member.center-member .team-ref-v4-info{position:relative!important;left:auto!important;top: -180px !important;width:min(100%,340px)!important;max-width:340px!important;margin:0!important;transform:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important;}
  .team-reference-v4 .team-ref-v4-member.is-open .team-ref-v4-info{opacity:1!important;visibility:visible!important;pointer-events:auto!important;max-height:1200px!important;margin: 0 !important;transform:none!important;overflow:visible!important;}
  .team-reference-v4 .team-ref-v4-member.is-open .team-ref-v4-photo{transform:scale(1.02)!important;}
  .team-reference-v4 .team-ref-v4-arrow{display:none!important;}
  .team-reference-v4 .team-ref-v4-dots{display:none!important;}
}

/* SERVICES — main accordion icons use the same flat gradient style. */
.service-accordion-head .service-head-icon-image{width:66px!important;height:66px!important;display:grid!important;place-items:center!important;flex:0 0 66px!important;}
.service-accordion-head .service-head-icon-image img{width:58px!important;height:58px!important;}

/* PARTNERS — actual Bootstrap row/columns, three logos on one desktop row. */
.clients-partners-grid{display:flex!important;flex-wrap:wrap!important;max-width:1120px!important;margin:0 auto!important;}
.clients-partners-grid > .partner-logo-card{width:33.333333%!important;flex:0 0 33.333333%!important;}
.partner-logo-card{min-height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.partner-logo-card img{max-width:72%!important;max-height:78px!important;}
@media(max-width:767px){.clients-partners-grid > .partner-logo-card{width:100%!important;flex-basis:100%!important}.partner-logo-card img{max-width:62%!important;}}

/* JOURNEY — one controller, one illustration layer, visible check icons, stable expand behavior. */
.journey-v5-person-glow{display:none!important;}
.journey-v5-person{z-index:12!important;pointer-events:none!important;}
.journey-v5-person img{position:relative!important;z-index:2!important;display:block!important;visibility:visible!important;opacity:1!important;object-fit:contain!important;}
.journey-v5-visible-list{list-style:none!important;margin:18px 0 14px!important;padding:0!important;}
.journey-v5-visible-list li{position:relative!important;margin:0 0 9px!important;padding:0 0 0 30px!important;line-height:1.55!important;}
.journey-v5-visible-list li::before{content:"✓"!important;position:absolute!important;left:0!important;top:.15em!important;width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(135deg,#f4c55b,#d9a93e)!important;color:#352152!important;font-size:11px!important;font-weight:900!important;line-height:1!important;}
.journey-v5-more{overflow:hidden!important;}
.journey-v5-step.expanded .journey-v5-more{overflow:visible!important;}
.journey-v5-more li::before{content:"•"!important;background:transparent!important;color:#76519d!important;font-size:18px!important;content: "✓" !important;position: absolute !important;left: 0 !important;top: .15em !important;width: 20px !important;height: 20px !important;display: grid !important;place-items: center !important;border-radius: 50% !important;background: linear-gradient(135deg, #f4c55b, #d9a93e) !important;color: #352152 !important;font-size: 11px !important;font-weight: 900 !important;line-height: 1 !important;box-shadow: 0 0 0 4px rgba(244, 197, 91, .13) !important;}
@media(max-width:767px){
  .journey-v5-person{left:20px!important;width:68px!important;height:92px!important;display: none;}
  .journey-v5-step,.journey-v5-step.left,.journey-v5-step.right{width:100%!important;padding-left:62px!important;padding-right:6px!important;}
}



/* =========================================================
   2026-10-01 FINAL VISUAL UPDATE — HERO / ICONS / STORY
========================================================= */
.hero-service-slide .hero-service-copy-centered{
  width:min(980px,calc(100% - 120px))!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hero-service-slide .hero-service-title-row{
  width:min(900px,100%)!important;
  min-height:130px!important;
  /* margin:0 auto 24px!important; */
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:34px!important;
  flex-wrap:nowrap!important;
}
.hero-service-slide .hero-service-title-row h2{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:760px!important;
  margin:0!important;
  color:#29234d!important;
  font-size:clamp(44px,4.6vw,68px)!important;
  line-height:1.05!important;
  font-weight: 700!important;
  /* letter-spacing:-.025em!important; */
  text-align:left!important;
}
.hero-service-slide .hero-service-icon{
  width:118px!important;
  height:118px!important;
  flex:0 0 118px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
}
.hero-service-slide .hero-service-icon img{
  width:118px!important;
  height:118px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 10px 14px rgba(80,55,120,.08))!important;
}
.hero-service-slide .hero-service-copy-centered p{
  width:min(900px,100%)!important;
  /* max-width:900px!important; */
  margin:0 auto 30px!important;
  /* color:#626174!important; */
  font-size:17px!important;
  line-height:1.75!important;
  text-align:center!important;
}
.hero-service-slide .hero-service-copy-centered .btn{margin:0 auto!important;}

/* All custom visual icons stay flat and transparent — no circles/cards. */
.hero-service-icon img,
.service-head-icon-image img,
.about-modern-v5-pillar-logo img,
.pointer-icon img{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.service-head-icon-image{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Story & Vision: supplied global communication image as full-width section background. */
.about-modern-v5-story-photo{position:relative!important;overflow:hidden!important;isolation:isolate!important;}
.about-modern-v5-story-bg{
  position:absolute!important;
  inset:0!important;
  background-image: url('../assets/our-story-bg.webp')!important;
  background-size:cover!important;
  background-position:center 42%!important;
  background-repeat:no-repeat!important;
  z-index:0!important;
}
.about-modern-v5-story-bg:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background: linear-gradient(90deg,rgba(34,23,57,.91) 0%,rgba(43,28,67,.78) 25%,rgba(50,31,76,.43) 57%,rgba(50,31,76,.18) 100%)!important;
}

@media(max-width:991px){
  .hero-service-slide .hero-service-copy-centered{width:min(850px,calc(100% - 100px))!important;}
  .hero-service-slide .hero-service-title-row{width:100%!important;gap:25px!important;}
  .hero-service-slide .hero-service-title-row h2{font-size:clamp(38px,5.5vw,56px)!important;}
  .hero-service-slide .hero-service-icon,
  .hero-service-slide .hero-service-icon img{width:100px!important;height:100px!important;flex-basis:100px!important;}
}
@media(max-width:767px){
  .hero-service-slide .hero-service-copy-centered{width:calc(100% - 82px)!important;}
  .hero-service-slide .hero-service-title-row{min-height:0!important;gap:16px!important;align-items:center!important;}
  .hero-service-slide .hero-service-title-row h2{font-size:clamp(30px,8vw,43px)!important;line-height:1.08!important;}
  .hero-service-slide .hero-service-icon,
  .hero-service-slide .hero-service-icon img{width:78px!important;height:78px!important;flex:0 0 78px!important;}
  .hero-service-slide .hero-service-copy-centered p{font-size:14px!important;line-height:1.65!important;margin-bottom:24px!important;}
}
@media(max-width:480px){
  .hero-service-slide .hero-service-copy-centered{width:calc(100% - 68px)!important;}
  .hero-service-slide .hero-service-title-row{gap:11px!important;}
  .hero-service-slide .hero-service-title-row h2{font-size:28px!important;}
  .hero-service-slide .hero-service-icon,
  .hero-service-slide .hero-service-icon img{width:68px!important;height:68px!important;flex-basis:68px!important;}
}

.about-modern-v5-what-badge img{width:26px!important;height:26px!important;object-fit:contain!important;display:block!important;}

/* FINAL MINOR UPDATE */
.hero-pointers{display:none!important;}
/* Hero service cards: title + large topic icon in a single centered box, tagline beneath. */
.hero-service-slide .container{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;}
.hero-service-slide .row{width:100%!important;margin:0!important;min-height:0!important;}
.hero-service-slide .hero-service-copy-centered{/* width:min(1000px,calc(100% - 150px))!important; *//* max-width:1000px!important; */min-height:430px!important;/* padding:44px 56px 42px!important; *//* border:1px solid #e5d9ef!important; *//* border-radius:30px!important; *//* background:rgba(255,255,255,.96)!important; *//* box-shadow:0 22px 60px rgba(55,36,90,.10)!important; */text-align:center!important;}
.hero-service-slide .hero-service-title-row{/* display:grid!important; *//* grid-template-columns:minmax(0,1fr) 180px!important; */align-items:center!important;gap:42px!important;width:100%!important;flex-wrap:nowrap!important;}
.hero-service-slide .hero-service-title-row h2{max-width:none!important;text-align: left!important;font-size: 55px !important;line-height:1.08!important;/* letter-spacing:-.035em!important; */}
.hero-service-slide .hero-service-icon{width: 280px!important;height: 280px!important;flex:0 0 180px!important;/* border:1px solid #e6d9ef!important; */border-radius:2px!important;/* background:#fff!important; *//* box-shadow:0 12px 35px rgba(58,39,93,.08)!important; */margin:0!important;}
.hero-service-slide .hero-service-icon img{width: 242px!important;height: 242px!important;object-fit:contain!important;}
.hero-service-slide .hero-service-copy-centered p{width:100%!important;/* max-width:760px!important; */margin: 0 auto 26px!important;text-align:center!important;font-size: 28px !important;line-height: 1.4!important;color: var(--purple) !important;font-family: "PT Serif", serif !important;font-style: italic;font-weight: 800;}
.hero-service-slide .hero-service-copy-centered .btn{margin:0 auto!important;}
@media(max-width:991px){.hero-service-slide .hero-service-copy-centered{width: calc(100% - 20px)!important;padding: 10px 20px!important;min-height:400px!important}.hero-service-slide .hero-service-title-row{grid-template-columns:minmax(0,1fr) 140px!important;gap:24px!important}.hero-service-slide .hero-service-title-row h2{font-size:clamp(34px,5vw,48px)!important}.hero-service-slide .hero-service-icon{width:140px!important;height:140px!important;flex-basis:140px!important}.hero-service-slide .hero-service-icon img{width:112px!important;height:112px!important}}
@media(max-width:767px){.hero-service-slide .hero-service-copy-centered{/* width:calc(100% - 78px)!important; *//* padding:30px 24px!important; *//* min-height:420px!important; */}.hero-service-slide .hero-service-title-row{grid-template-columns:1fr!important;gap:16px!important;text-align: left !important;}.hero-service-slide .hero-service-title-row h2{text-align:center!important;font-size:clamp(31px,8vw,42px)!important}.hero-service-slide .hero-service-icon{width:120px!important;height:120px!important;flex-basis:120px!important;margin:0 auto!important}.hero-service-slide .hero-service-icon img{width:96px!important;height:96px!important}.hero-service-slide .hero-service-copy-centered p{font-size:14px!important;line-height:1.65!important;margin: 10px auto!important;}}
/* What We Do visual: match the supplied reference composition. */
.about-modern-v5-what-split{grid-template-columns: minmax(0,1fr) minmax(0, 1fr)!important;gap:0!important;padding:0!important;overflow:hidden!important;}
.about-modern-v5-what-media{min-height: 480px!important;}
.about-modern-v5-what-media img{min-height:430px!important;/* object-position:center!important; */}
.about-modern-v5-what-badge{/* left:32px!important; *//* top:22px!important; *//* bottom:auto!important; *//* width:285px!important; *//* height:calc(100% - 44px)!important; *//* border-radius:145px!important; *//* justify-content:center!important; *//* flex-direction:column!important; *//* padding:30px!important; *//* gap:14px!important; *//* font-size:13px!important; *//* text-align:center!important; */}
.about-modern-v5-what-badge img{width:42px!important;height:42px!important;}
.about-modern-v5-what-copy{padding: 44px 30px!important;}
@media(max-width:767px){.about-modern-v5-what-split{grid-template-columns:1fr!important}.about-modern-v5-what-media,.about-modern-v5-what-media img{min-height:300px!important;height:300px!important}.about-modern-v5-what-badge{left:18px!important;top:18px!important;width:calc(100% - 36px)!important;height:auto!important;min-height:76px!important;border-radius:28px!important;flex-direction:row!important;padding:15px 18px!important}.about-modern-v5-what-badge img{width:32px!important;height:32px!important}.about-modern-v5-what-copy{padding: 32px 20px!important;}}
/* Local Flaticon-style icons: clean, topic-specific, no external hotlink. */
.hero-service-icon,.service-head-icon-image,.why-modern-v5-icon,.about-modern-v5-pillar-logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;}
.hero-service-icon img,.service-head-icon-image img,.why-modern-v5-icon img,.about-modern-v5-pillar-logo img{filter:none!important;background:transparent!important;border:0!important;box-shadow:none!important;}


/* =========================================================
   2026-10-05 — JOURNEY STATIC LIST FINAL OVERRIDES
========================================================= */
.journey-v5 .journey-v5-card-top{justify-content:flex-start!important;gap:9px!important;}
.journey-v5 .journey-v5-num{/* display:none!important; */}
.journey-v5 .journey-v5-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:108px;
  height:30px;
  padding:0 16px;
  border-radius:999px;
  background:#EEE5F8;
  color:#4C3475;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.journey-v5 .journey-v5-copy li{padding-left:18px!important;}
.journey-v5 .journey-v5-copy li::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  top:7px!important;
  left:3px!important;
  border-radius:50%!important;
  background:#8E69B8!important;
  display:block!important;
}
.journey-v5 .journey-more-static{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:5px!important;
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
  color:#704D9C!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:default!important;
  pointer-events:none!important;
}
.journey-v5 .journey-more-static::after{content:"";width:5px;height:5px;border-radius:50%;background:#8E69B8;}