:root {

        --petrol: #082f31;

        --petrol2: #0d3b3e;

        --petrol3: #155156;

        --petrol4: #2d7378;

        --mist: #edf4f4;

        --mist2: #dce8e8;

        --white: #ffffff;

        --ink: #111617;

        --muted: #67787a;

        --muted2: #91a7a8;

        --line: rgba(17, 22, 23, .12);

        --line-dark: rgba(255, 255, 255, .13);

        --shadow: 0 44px 140px rgba(2, 27, 29, .24);

        --radius: 22px;

        --max: 1600px;

        --ease: cubic-bezier(.2, .75, .2, 1);

        --eyebrow-gap: 48px;

        --title-copy-gap: 72px;

        --section: clamp(180px, 12.5vw, 232px);

      }

      * {

        box-sizing: border-box

      }

      html {

        scroll-behavior: smooth

      }

      body {

        margin: 0;

        background:

        radial-gradient(circle at 13% 8%, #1c595e 0, transparent 30%),

        radial-gradient(circle at 88% 18%, #104347 0, transparent 27%),

        var(--petrol);

        color: var(--ink);

        font-family: Inter, Arial, sans-serif;

        font-weight: 400;

        -webkit-font-smoothing: antialiased;

        overflow-x: hidden;

      }

      body.menu-open {

        overflow: hidden

      }

      a {

        color: inherit;

        text-decoration: none

      }

      button, input {

        font: inherit

      }

      a, button {

        cursor: pointer

      }

      strong, b {

        font-weight: 600

      }

      ::selection {

        background: #b7d0d1;

        color: var(--petrol)

      }

      .skip {

        position: fixed;

        left: 18px;

        top: 15px;

        z-index: 9999;

        transform: translateY(-180%);

        background: #fff;

        color: var(--petrol);

        padding: 10px 14px

      }

      .skip:focus {

        transform: none

      }

      .atmos {

        position: fixed;

        z-index: -1;

        pointer-events: none;

        border: 1px solid rgba(255, 255, 255, .11);

        border-radius: 50%

      }

      .a1 {

        width: 72vw;

        height: 72vw;

        left: 14vw;

        top: -33vw

      }

      .a2 {

        width: 36vw;

        height: 36vw;

        right: -8vw;

        top: 43vh

      }

      .a3 {

        width: 22vw;

        height: 22vw;

        left: -7vw;

        bottom: -5vw

      }

      .canvas {

        width: min(94vw, var(--max));

        margin: 5vw auto;

        background: #fff;

        border-radius: var(--radius);

        overflow: hidden;

        box-shadow: var(--shadow)

      }

      /* NAV */

      .nav {

        height: 92px;

        padding: 0 36px;

        display: grid;

        grid-template-columns: 1fr auto 1fr;

        align-items: center;

        background: rgba(255, 255, 255, .94);

        backdrop-filter: blur(18px);

        border-bottom: 1px solid var(--line);

        position: relative;

        z-index: 100

      }

      .logo {

        font-size: 20px;

        font-weight: 600;

        letter-spacing: -.067em;

        white-space: nowrap

      }

      .logo i {

        display: inline-block;

        width: 8px;

        height: 8px;

        border-radius: 50%;

        background: var(--petrol4);

        margin: 0 2px 1px

      }

      .navlinks {

        justify-self: center;

        display: flex;

        gap: 27px;

        font-size: 11px;

        color: #516164

      }

      .navlinks a:hover {

        color: var(--petrol)

      }

      .navright {

        justify-self: end;

        display: flex;

        gap: 8px;

        align-items: center

      }

      .pill {

        min-height: 40px;

        padding: 0 15px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        border: 1px solid var(--line);

        border-radius: 999px;

        font-size: 10px;

        font-weight: 600;

        transition: transform .2s var(--ease)

      }

      .pill:hover {

        transform: translateY(-2px)

      }

      .pill.dark {

        background: var(--petrol);

        color: #fff;

        border-color: var(--petrol)

      }

      .pill.ghost {

        background: #fff

      }

      .menu-btn {

        width: 40px;

        height: 40px;

        border-radius: 50%;

        border: 1px solid var(--line);

        background: #fff;

        position: relative

      }

      .menu-btn:before, .menu-btn:after {

        content: "";

        position: absolute;

        left: 13px;

        right: 13px;

        height: 1px;

        background: var(--ink);

        transition: .22s

      }

      .menu-btn:before {

        top: 16px

      }

      .menu-btn:after {

        top: 22px

      }

      .menu-btn.open:before {

        top: 19px;

        transform: rotate(45deg)

      }

      .menu-btn.open:after {

        top: 19px;

        transform: rotate(-45deg)

      }

      /* TYPE / RHYTHM */

      .eyebrow {

        margin: 0 0 var(--eyebrow-gap);

        font-size: 9px;

        font-weight: 600;

        text-transform: uppercase;

        letter-spacing: .13em;

        color: #728284

      }

      .eyebrow.dot:before {

        content: "";

        display: inline-block;

        width: 7px;

        height: 7px;

        border-radius: 50%;

        background: var(--petrol4);

        margin-right: 10px

      }

      .display {

        margin: 0;

        max-width: 1140px;

        font-size: clamp(54px, 6.5vw, 108px);

        line-height: .91;

        letter-spacing: -.071em;

        font-weight: 400

      }

      .display.bold {

        font-weight: 600

      }

      .copy {

        margin: var(--title-copy-gap) 0 0;

        max-width: 730px;

        font-size: 16px;

        line-height: 1.68;

        letter-spacing: -.018em;

        color: #4a5a5c

      }

      .section {

        padding: var(--section) 36px;

        border-top: 1px solid var(--line)

      }

      .head {

        display: grid;

        grid-template-columns: .42fr 1.58fr;

        gap: 76px

      }

      .head .right {

        min-width: 0

      }

      /* HERO */

      .hero {

        min-height: 790px;

        padding: clamp(115px, 8.5vw, 150px) 36px 64px;

        display: grid;

        grid-template-rows: 1fr auto;

        gap: 92px

      }

      .hero-main {

        display: grid;

        grid-template-columns: 1.56fr .44fr;

        gap: 80px;

        align-items: end

      }

      .hero h1 {

        margin: 0;

        max-width: 1100px;

        font-size: clamp(64px, 7.55vw, 130px);

        line-height: .91;

        letter-spacing: -.075em;

        font-weight: 400

      }

      .hero-intro {

        margin-top: 58px;

        max-width: 920px;

        font-size: 17px;

        line-height: 1.64;

        letter-spacing: -.024em;

        color: #445557

      }

      .hero-intro strong {

        color: var(--petrol)

      }

      .hero-side {

        padding-bottom: 9px

      }

      .hero-side p {

        margin: 0 0 31px;

        max-width: 380px;

        font-size: 14px;

        line-height: 1.68;

        color: #45575a

      }

      .actions {

        display: flex;

        gap: 8px;

        flex-wrap: wrap

      }

      .hero-meta {

        border-top: 1px solid var(--line);

        padding-top: 22px;

        display: flex;

        justify-content: space-between;

        gap: 30px;

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .09em;

        color: #6f8082

      }

      .hero-meta strong {

        color: var(--petrol)

      }

      .breath {

        height: clamp(76px, 6vw, 110px);

        background: #fff

      }

      /* BRAND RAIL */

      .brandrail {

        background: var(--petrol);

        color: #fff;

        padding: 0 36px

      }

      .brandgrid {

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-left: 1px solid var(--line-dark);

        border-top: 1px solid var(--line-dark)

      }

      .brand {

        min-height: 174px;

        padding: 30px 26px;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .brand span {

        font-size: 8px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #80999a

      }

      .brand strong {

        font-size: 18px;

        line-height: 1.15;

        letter-spacing: -.035em

      }

      /* LIVING GRID */

      .living {

        height: 570px;

        display: grid;

        grid-template-columns: repeat(10, 1fr);

        grid-template-rows: repeat(4, 1fr);

        background: var(--petrol)

      }

      .tile {

        position: relative;

        overflow: hidden;

        background: var(--petrol2);

        color: #fff;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark)

      }

      .tile.photo img {

        width: 100%;

        height: 100%;

        display: block;

        object-fit: cover;

        opacity: .78;

        filter: saturate(.42) contrast(1.04);

        transition: .65s var(--ease)

      }

      .tile.photo:hover img {

        transform: scale(1.055);

        opacity: 1;

        filter: saturate(.84)

      }

      .tile.photo:after {

        content: "";

        position: absolute;

        inset: 0;

        background: linear-gradient(to top, rgba(5, 25, 24, .65), transparent 64%)

      }

      .tile .teye {

        position: absolute;

        z-index: 2;

        left: 28px;

        right: 28px;

        top: 26px;

        font-size: 8px;

        line-height: 1.45;

        letter-spacing: .11em;

        text-transform: uppercase;

        color: rgba(255, 255, 255, .72);

        font-weight: 600

      }

      .tile h3 {

        position: absolute;

        z-index: 2;

        left: 28px;

        right: 28px;

        bottom: 28px;

        margin: 0;

        font-size: 14px;

        line-height: 1.28;

        letter-spacing: -.025em;

        font-weight: 600

      }

      .tile.data {

        padding: 28px;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        gap: 44px;

        background: var(--mist);

        color: var(--petrol)

      }

      .tile.data.dark {

        background: var(--petrol3);

        color: #fff

      }

      .tile.data .teye {

        position: static;

        color: #708183

      }

      .tile.data.dark .teye {

        color: #91a7a8

      }

      .tile.data h3 {

        position: static;

        margin: 0;

        font-size: 17px;

        line-height: 1.16;

        letter-spacing: -.038em

      }

      .t1 {

        grid-column: 1/4;

        grid-row: 1/4

      }

      .t2 {

        grid-column: 4/6;

        grid-row: 1

      }

      .t3 {

        grid-column: 6/9;

        grid-row: 1/3

      }

      .t4 {

        grid-column: 9/11;

        grid-row: 1

      }

      .t5 {

        grid-column: 4/5;

        grid-row: 2/4

      }

      .t6 {

        grid-column: 5/6;

        grid-row: 2/3

      }

      .t7 {

        grid-column: 9/10;

        grid-row: 2/4

      }

      .t8 {

        grid-column: 10/11;

        grid-row: 2/3

      }

      .t9 {

        grid-column: 1/3;

        grid-row: 4

      }

      .t10 {

        grid-column: 3/5;

        grid-row: 4

      }

      .t11 {

        grid-column: 5/8;

        grid-row: 3/5

      }

      .t12 {

        grid-column: 8/10;

        grid-row: 4

      }

      .t13 {

        grid-column: 10/11;

        grid-row: 3/5

      }

      .t14 {

        grid-column: 8/9;

        grid-row: 3/4

      }

      /* DECLARATION */

      .declaration {

        background: #fff

      }

      .declaration-lines {

        margin-top: 112px;

        border-top: 1px solid var(--line)

      }

      .dline {

        display: grid;

        grid-template-columns: 72px 1fr 1fr;

        gap: 30px;

        align-items: center;

        padding: 28px 0;

        border-bottom: 1px solid var(--line)

      }

      .dline .n {

        font-size: 9px;

        color: #849394

      }

      .dline strong {

        font-size: 22px;

        line-height: 1.08;

        letter-spacing: -.04em

      }

      .dline p {

        margin: 0;

        font-size: 11px;

        line-height: 1.62;

        color: #728183

      }

      /* DOORS */

      .doors {

        padding: 0 36px var(--section);

        background: #fff

      }

      .doorgrid {

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        border-top: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .door {

        min-height: 420px;

        padding: 48px 36px 42px 0;

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .door+.door {

        border-left: 1px solid var(--line);

        padding-left: 36px

      }

      .door .n {

        font-size: 9px;

        color: #819092

      }

      .door h2 {

        margin: 0;

        font-size: clamp(44px, 5.15vw, 82px);

        line-height: .91;

        letter-spacing: -.064em;

        font-weight: 400

      }

      .door p {

        margin: 0;

        max-width: 450px;

        font-size: 11px;

        line-height: 1.7;

        color: #68787a

      }

      .door a {

        margin-top: 29px;

        font-size: 10px;

        font-weight: 600;

        color: var(--petrol)

      }

      /* AXIS */

      .axis {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1fr 1fr;

        min-height: 660px;

        background: var(--petrol);

        color: #fff

      }

      .axis-left {

        padding: clamp(80px, 6vw, 108px);

        display: grid;

        grid-template-rows: auto 1fr auto;

        gap: 64px

      }

      .axis-left .eyebrow {

        margin: 0;

        color: #8fa6a7

      }

      .axis-left h3 {

        align-self: center;

        margin: 0;

        max-width: 760px;

        font-size: clamp(44px, 4.75vw, 77px);

        line-height: .98;

        letter-spacing: -.058em;

        font-weight: 400

      }

      .axis-left p {

        margin: 0;

        max-width: 550px;

        font-size: 11px;

        line-height: 1.76;

        color: #94aaab

      }

      .axis-vis {

        position: relative;

        background: linear-gradient(90deg, var(--petrol2), var(--petrol3));

        border-left: 1px solid var(--line-dark)

      }

      .axis-vis:before {

        content: "";

        position: absolute;

        left: 50%;

        top: 0;

        bottom: 0;

        width: 1px;

        background: #9dbbbb

      }

      .axis-dot {

        position: absolute;

        left: 50%;

        top: 50%;

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

        width: 16px;

        height: 16px;

        border-radius: 50%;

        background: #8dafb1;

        box-shadow: 0 0 0 20px rgba(141, 175, 177, .1)

      }

      .axis-neutral {

        position: absolute;

        left: 50%;

        top: 25px;

        transform: translateX(-50%);

        font-size: 8px;

        font-weight: 600;

        letter-spacing: .12em;

        text-transform: uppercase;

        color: #abc0c1

      }

      .axis-a, .axis-b {

        position: absolute;

        bottom: 46px;

        font-size: clamp(34px, 4vw, 68px);

        line-height: .9;

        letter-spacing: -.06em

      }

      .axis-a {

        right: calc(50% + 40px);

        text-align: right

      }

      .axis-b {

        left: calc(50% + 40px);

        color: #91a9aa

      }

      /* FRAMEWORK */

      .framework {

        background: var(--mist)

      }

      .framework-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1.2fr .8fr .8fr;

        border-top: 1px solid #c6d3d3;

        border-left: 1px solid #c6d3d3

      }

      .fw {

        min-height: 340px;

        padding: 32px 29px;

        border-right: 1px solid #c6d3d3;

        border-bottom: 1px solid #c6d3d3;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        background: #fff

      }

      .fw:first-child {

        background: var(--petrol);

        color: #fff

      }

      .fw:nth-child(2) {

        background: var(--mist2)

      }

      .fw small {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .1em;

        color: #7f8f90;

        font-weight: 600

      }

      .fw:first-child small {

        color: #8fa5a6

      }

      .fw h3 {

        margin: 0;

        font-size: clamp(29px, 3.35vw, 51px);

        line-height: .96;

        letter-spacing: -.052em;

        font-weight: 600

      }

      .fw p {

        margin: 0;

        max-width: 430px;

        font-size: 10px;

        line-height: 1.64;

        color: #718183

      }

      .fw:first-child p {

        color: #91a6a7

      }

      /* DISCOVERY */

      .discovery {

        background: var(--petrol);

        color: #fff

      }

      .discovery .eyebrow {

        color: #8fa6a7

      }

      .discovery-shell {

        margin-top: 112px;

        display: grid;

        grid-template-columns: .78fr 1.22fr;

        border-top: 1px solid var(--line-dark);

        border-left: 1px solid var(--line-dark)

      }

      .discovery-input, .discovery-output {

        min-height: 620px;

        padding: 54px 46px;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark)

      }

      .discovery-input {

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .discovery-input h3 {

        margin: 0;

        font-size: clamp(40px, 4.5vw, 70px);

        line-height: .94;

        letter-spacing: -.058em;

        font-weight: 400

      }

      .discovery-input p {

        margin: 30px 0 0;

        max-width: 450px;

        font-size: 11px;

        line-height: 1.7;

        color: #96acad

      }

      .ask {

        margin-top: 56px;

        min-height: 82px;

        border-top: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

        display: flex;

        align-items: center;

        gap: 18px

      }

      .ask input {

        flex: 1;

        border: 0;

        outline: none;

        background: transparent;

        color: #fff;

        font-size: 14px

      }

      .ask input::placeholder {

        color: #82999a

      }

      .ask button {

        border: 0;

        background: transparent;

        color: #fff;

        font-size: 22px

      }

      .chips {

        display: flex;

        gap: 8px;

        flex-wrap: wrap;

        margin-top: 24px

      }

      .chip {

        border: 1px solid #365b5e;

        background: transparent;

        color: #a8bbbb;

        padding: 9px 11px;

        font-size: 9px;

        border-radius: 999px

      }

      .discovery-output {

        background: var(--petrol2);

        display: grid;

        grid-template-rows: auto 1fr auto

      }

      .route-head {

        display: flex;

        justify-content: space-between;

        gap: 20px;

        font-size: 8px;

        text-transform: uppercase;

        letter-spacing: .1em;

        color: #7f999a

      }

      .route {

        align-self: center

      }

      .route .label {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #8fa7a8;

        font-weight: 600;

        margin-bottom: 38px

      }

      .route h4 {

        margin: 0;

        font-size: clamp(39px, 4.45vw, 70px);

        line-height: .95;

        letter-spacing: -.06em;

        font-weight: 600

      }

      .route p {

        margin: 42px 0 0;

        max-width: 650px;

        font-size: 12px;

        line-height: 1.7;

        color: #9db1b2

      }

      .route-tags {

        margin-top: 42px;

        display: flex;

        gap: 18px;

        flex-wrap: wrap;

        font-size: 9px;

        color: #aac0c1

      }

      .route-foot {

        font-size: 8px;

        line-height: 1.5;

        color: #718a8b

      }

      /* USE CASES */

      .use-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line)

      }

      .ucol {

        border-right: 1px solid var(--line)

      }

      .uhead {

        min-height: 230px;

        padding: 30px 26px;

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .ucol:first-child .uhead {

        background: var(--petrol);

        color: #fff

      }

      .ucol:nth-child(2) .uhead {

        background: var(--mist)

      }

      .ucol:nth-child(3) .uhead {

        background: #f7fafa

      }

      .uhead small {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #7f8f90;

        font-weight: 600

      }

      .ucol:first-child small {

        color: #8fa6a7

      }

      .uhead h3 {

        margin: 0;

        font-size: clamp(30px, 3.5vw, 55px);

        line-height: .95;

        letter-spacing: -.052em;

        font-weight: 600

      }

      .uitem {

        min-height: 100px;

        padding: 21px 23px;

        border-bottom: 1px solid var(--line);

        display: grid;

        grid-template-columns: 30px 1fr;

        gap: 15px

      }

      .ucol:first-child .uitem {

        background: var(--petrol);

        color: #fff;

        border-bottom-color: var(--line-dark)

      }

      .uitem .n {

        font-size: 8px;

        color: #819091;

        padding-top: 4px

      }

      .uitem strong {

        display: block;

        font-size: 13px;

        line-height: 1.3

      }

      .uitem span {

        display: block;

        margin-top: 6px;

        font-size: 9px;

        line-height: 1.5;

        color: #7a898a

      }

      .ucol:first-child .uitem span {

        color: #8fa6a7

      }

      /* REGISTER / SEARCH */

      .twopurpose {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1fr 1fr;

        border-top: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .purpose {

        min-height: 360px;

        padding: 44px 36px 40px 0;

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .purpose+.purpose {

        border-left: 1px solid var(--line);

        padding-left: 36px

      }

      .purpose small {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #7c8b8c;

        font-weight: 600

      }

      .purpose h3 {

        margin: 0;

        font-size: clamp(40px, 4.25vw, 70px);

        line-height: .94;

        letter-spacing: -.058em;

        font-weight: 400

      }

      .purpose p {

        margin: 0;

        max-width: 520px;

        font-size: 11px;

        line-height: 1.7;

        color: #677779

      }

      /* GLOBAL NEUTRALS */

      .global-neutrals {

        background: var(--mist)

      }

      .filters {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1.6fr repeat(4, .72fr) 70px;

        border-top: 1px solid #c5d2d2;

        border-left: 1px solid #c5d2d2;

        background: #fff

      }

      .field {

        min-height: 78px;

        padding: 0 20px;

        border-right: 1px solid #c5d2d2;

        border-bottom: 1px solid #c5d2d2;

        display: flex;

        align-items: center;

        font-size: 10px;

        color: #718183

      }

      .field.search {

        font-size: 15px;

        color: var(--ink)

      }

      .filters button {

        border: 0;

        border-right: 1px solid #c5d2d2;

        border-bottom: 1px solid #c5d2d2;

        background: var(--petrol);

        color: #fff;

        font-size: 20px

      }

      .profile-row {

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-left: 1px solid #c5d2d2

      }

      .profile {

        min-height: 270px;

        padding: 27px 24px;

        border-right: 1px solid #c5d2d2;

        border-bottom: 1px solid #c5d2d2;

        background: #fff;

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .profile:nth-child(2) {

        background: #f6f9f9

      }

      .profile:nth-child(4) {

        background: var(--petrol);

        color: #fff

      }

      .ptop {

        display: flex;

        justify-content: space-between;

        gap: 12px;

        font-size: 8px;

        color: #7e8e8f

      }

      .profile:nth-child(4) .ptop {

        color: #8fa6a7

      }

      .profile h3 {

        margin: 0 0 9px;

        font-size: 24px;

        line-height: 1;

        letter-spacing: -.045em;

        font-weight: 600

      }

      .profile p {

        margin: 0;

        font-size: 10px;

        line-height: 1.45;

        color: #748284

      }

      .profile:nth-child(4) p {

        color: #91a7a8

      }

      .profile a {

        margin-top: 22px;

        font-size: 10px;

        font-weight: 600

      }

      .global-cta {

        margin-top: 32px;

        display: flex;

        justify-content: space-between;

        gap: 30px;

        align-items: center

      }

      .global-cta p {

        margin: 0;

        max-width: 690px;

        font-size: 10px;

        line-height: 1.62;

        color: #6c7c7d

      }

      .global-cta a {

        font-size: 11px;

        font-weight: 600;

        color: var(--petrol)

      }

      /* TRUST */

      .trust {

        background: #fff

      }

      .trust-lock {

        display: inline-grid;

        font-size: clamp(62px, 8vw, 126px);

        line-height: .82;

        letter-spacing: -.077em;

        font-weight: 600;

        color: var(--petrol)

      }

      .trust-lock span:last-child {

        padding-left: .68em

      }

      .trust-copy {

        margin: 78px 0 0;

        max-width: 700px;

        font-size: 15px;

        line-height: 1.7;

        color: #526264

      }

      .passport {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1fr .9fr;

        border-top: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .pass-left {

        padding: 44px 40px 44px 0;

        border-right: 1px solid var(--line)

      }

      .pass-left small {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .1em;

        color: #7d8c8d;

        font-weight: 600

      }

      .pass-id {

        margin-top: 64px;

        font-size: clamp(44px, 5vw, 78px);

        line-height: .9;

        letter-spacing: -.06em;

        font-weight: 600

      }

      .pass-left p {

        margin: 38px 0 0;

        max-width: 510px;

        font-size: 11px;

        line-height: 1.66;

        color: #708082

      }

      .pass-right {

        padding: 44px 0 44px 40px;

        display: grid;

        grid-template-rows: auto 1fr auto

      }

      .pass-status {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .1em;

        color: #6e7f80

      }

      .pass-grid {

        align-self: center;

        display: grid;

        grid-template-columns: 1fr 1fr

      }

      .pcell {

        padding: 23px 0;

        border-bottom: 1px solid var(--line)

      }

      .pcell:nth-child(odd) {

        border-right: 1px solid var(--line);

        padding-right: 24px

      }

      .pcell:nth-child(even) {

        padding-left: 24px

      }

      .pcell small {

        display: block;

        font-size: 8px;

        color: #829091;

        margin-bottom: 9px

      }

      .pcell strong {

        font-size: 13px

      }

      .pass-link {

        font-size: 10px;

        font-weight: 600;

        color: var(--petrol)

      }

      /* PRACTICES */

      .practice-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line)

      }

      .practice {

        min-height: 250px;

        padding: 29px 26px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .practice:nth-child(1), .practice:nth-child(6) {

        background: var(--petrol);

        color: #fff

      }

      .practice:nth-child(3), .practice:nth-child(8) {

        background: var(--mist)

      }

      .practice small {

        font-size: 9px;

        color: #7e8f90

      }

      .practice:nth-child(1) small, .practice:nth-child(6) small {

        color: #8fa5a6

      }

      .practice h3 {

        margin: 0;

        font-size: 25px;

        line-height: 1;

        letter-spacing: -.045em;

        font-weight: 600

      }

      .practice p {

        margin: 0;

        font-size: 10px;

        line-height: 1.55;

        color: #748284

      }

      .practice:nth-child(1) p, .practice:nth-child(6) p {

        color: #91a7a8

      }

      /* BENCHES */

      .benches {

        background: var(--mist)

      }

      .bench-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        border-top: 1px solid #c6d3d3;

        border-left: 1px solid #c6d3d3

      }

      .bench {

        min-height: 260px;

        padding: 30px 27px;

        border-right: 1px solid #c6d3d3;

        border-bottom: 1px solid #c6d3d3;

        background: #fff;

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .bench:first-child {

        background: var(--petrol);

        color: #fff

      }

      .bench:nth-child(5) {

        background: var(--mist2)

      }

      .bench small {

        font-size: 9px;

        color: #7d8e8f

      }

      .bench:first-child small {

        color: #8fa6a7

      }

      .bench h3 {

        margin: 0;

        font-size: 27px;

        line-height: 1;

        letter-spacing: -.046em;

        font-weight: 600

      }

      .bench p {

        margin: 0;

        font-size: 10px;

        line-height: 1.55;

        color: #748284

      }

      .bench:first-child p {

        color: #91a7a8

      }

      /* STANDARDS */

      .standards {

        background: var(--petrol);

        color: #fff

      }

      .standards .eyebrow {

        color: #8fa6a7

      }

      .standard-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1.18fr .82fr;

        border-top: 1px solid var(--line-dark);

        border-left: 1px solid var(--line-dark)

      }

      .standard-main {

        min-height: 600px;

        padding: 58px 48px;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

        display: grid;

        grid-template-rows: auto 1fr auto

      }

      .standard-main small {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #8fa6a7;

        font-weight: 600

      }

      .standard-main h3 {

        align-self: center;

        margin: 0;

        font-size: clamp(52px, 6vw, 94px);

        line-height: .9;

        letter-spacing: -.068em;

        font-weight: 400

      }

      .standard-main p {

        margin: 0;

        max-width: 600px;

        font-size: 11px;

        line-height: 1.72;

        color: #95aaab

      }

      .standard-list {

        display: grid;

        grid-template-rows: repeat(4, 1fr)

      }

      .srow {

        padding: 30px;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

        display: grid;

        grid-template-columns: 44px 1fr auto;

        gap: 20px;

        align-items: center

      }

      .srow .n {

        font-size: 9px;

        color: #738d8e

      }

      .srow strong {

        font-size: 18px;

        letter-spacing: -.035em

      }

      .srow span:last-child {

        font-size: 9px;

        color: #8fa6a7

      }

      /* CERT */

      .cert {

        background: #fff

      }

      .cert-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line)

      }

      .stage {

        min-height: 410px;

        padding: 46px 34px 42px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        background: #fff

      }

      .stage:first-child {

        background: var(--mist)

      }

      .stage:last-child {

        background: var(--petrol);

        color: #fff

      }

      .stage small {

        font-size: 9px;

        color: #819092

      }

      .stage:last-child small {

        color: #8fa6a7

      }

      .stage h3 {

        margin: 82px 0 0;

        font-size: 28px;

        line-height: 1.03;

        letter-spacing: -.047em;

        font-weight: 600

      }

      .stage p {

        margin: 32px 0 0;

        font-size: 10px;

        line-height: 1.66;

        color: #718183

      }

      .stage:last-child p {

        color: #91a7a8

      }

      .criteria {

        margin-top: 62px;

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line)

      }

      .criterion {

        min-height: 92px;

        padding: 22px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        align-items: center;

        gap: 16px

      }

      .criterion span {

        font-size: 8px;

        color: #819091

      }

      .criterion strong {

        font-size: 12px;

        line-height: 1.35

      }

      /* LIFE */

      .life {

        background: var(--mist)

      }

      .life-line {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(8, 1fr);

        position: relative

      }

      .life-line:before {

        content: "";

        position: absolute;

        left: 0;

        right: 0;

        top: 12px;

        height: 1px;

        background: #c7d4d4

      }

      .life-step {

        padding-right: 20px;

        position: relative

      }

      .life-step:before {

        content: "";

        display: block;

        width: 9px;

        height: 9px;

        border-radius: 50%;

        background: var(--petrol);

        margin: 8px 0 60px;

        position: relative;

        z-index: 2

      }

      .life-step strong {

        display: block;

        font-size: 17px;

        margin-bottom: 8px

      }

      .life-step span {

        font-size: 9px;

        line-height: 1.5;

        color: #7b898a

      }

      /* FORMATION / EXCHANGE */

      .formation {

        background: #fff

      }

      .formation-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(5, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line)

      }

      .form {

        min-height: 290px;

        padding: 30px 26px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .form:first-child, .form:last-child {

        background: var(--petrol);

        color: #fff

      }

      .form:nth-child(3) {

        background: var(--mist)

      }

      .form small {

        font-size: 9px;

        color: #7f8f90

      }

      .form:first-child small, .form:last-child small {

        color: #8fa6a7

      }

      .form h3 {

        margin: 0;

        font-size: 23px;

        line-height: 1;

        letter-spacing: -.045em;

        font-weight: 600

      }

      .form p {

        margin: 0;

        font-size: 10px;

        line-height: 1.55;

        color: #748284

      }

      .form:first-child p, .form:last-child p {

        color: #91a7a8

      }

      .exchange {

        background: var(--petrol);

        color: #fff

      }

      .exchange .eyebrow {

        color: #8fa6a7

      }

      .exchange-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1.12fr .88fr;

        border-top: 1px solid var(--line-dark);

        border-left: 1px solid var(--line-dark)

      }

      .exchange-main {

        min-height: 560px;

        padding: 54px 46px;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .exchange-main small {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #8fa6a7;

        font-weight: 600

      }

      .exchange-main h3 {

        margin: 0;

        font-size: clamp(48px, 5.5vw, 86px);

        line-height: .91;

        letter-spacing: -.065em;

        font-weight: 400

      }

      .exchange-main p {

        margin: 0;

        max-width: 490px;

        font-size: 11px;

        line-height: 1.7;

        color: #94aaab

      }

      .exchange-side {

        display: grid;

        grid-template-rows: repeat(3, 1fr)

      }

      .erow {

        padding: 31px;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

        display: grid;

        grid-template-columns: 1fr auto;

        align-items: end

      }

      .erow strong {

        font-size: 23px;

        letter-spacing: -.04em

      }

      /* KNOWLEDGE / INDEX */

      .knowledge {

        background: #fff

      }

      .knowledge-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1.3fr .7fr .7fr;

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line)

      }

      .article {

        min-height: 390px;

        padding: 29px 27px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .article:first-child {

        min-height: 500px;

        background: var(--petrol);

        color: #fff

      }

      .article small {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .1em;

        color: #7f8f90;

        font-weight: 600

      }

      .article:first-child small {

        color: #8fa6a7

      }

      .article h3 {

        margin: 0;

        font-size: clamp(28px, 3.1vw, 48px);

        line-height: .97;

        letter-spacing: -.052em;

        font-weight: 600

      }

      .article p {

        margin: 16px 0 0;

        font-size: 10px;

        line-height: 1.55;

        color: #748284

      }

      .article:first-child p {

        color: #91a7a8

      }

      .index {

        background: var(--mist)

      }

      .index-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1.15fr .85fr;

        border-top: 1px solid #c7d4d4;

        border-left: 1px solid #c7d4d4

      }

      .index-main, .index-side {

        min-height: 500px;

        padding: 52px 44px;

        border-right: 1px solid #c7d4d4;

        border-bottom: 1px solid #c7d4d4;

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .index-main {

        background: var(--petrol);

        color: #fff

      }

      .index-side {

        background: #fff

      }

      .index-main h3, .index-side h3 {

        margin: 0;

        font-size: clamp(40px, 4.8vw, 74px);

        line-height: .93;

        letter-spacing: -.06em;

        font-weight: 400

      }

      .index-main p, .index-side p {

        margin: 0;

        max-width: 530px;

        font-size: 11px;

        line-height: 1.7;

        color: #718183

      }

      .index-main p {

        color: #92a8a9

      }

      /* GLOBAL / ECOSYSTEM */

      .global {

        background: #fff

      }

      .country-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line)

      }

      .country {

        min-height: 220px;

        padding: 28px 25px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .country:nth-child(1), .country:nth-child(6) {

        background: var(--petrol);

        color: #fff

      }

      .country small {

        font-size: 9px;

        color: #819091

      }

      .country:nth-child(1) small, .country:nth-child(6) small {

        color: #8fa6a7

      }

      .country h3 {

        margin: 0;

        font-size: 27px;

        letter-spacing: -.045em;

        font-weight: 600

      }

      .country p {

        margin: 0;

        font-size: 10px;

        line-height: 1.5;

        color: #748284

      }

      .country:nth-child(1) p, .country:nth-child(6) p {

        color: #91a7a8

      }

      .ecosystem {

        background: var(--mist)

      }

      .eco-grid {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        border-top: 1px solid #c5d2d2;

        border-left: 1px solid #c5d2d2

      }

      .eco {

        min-height: 360px;

        padding: 36px 31px;

        border-right: 1px solid #c5d2d2;

        border-bottom: 1px solid #c5d2d2;

        background: #fff;

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .eco:last-child {

        background: var(--petrol);

        color: #fff

      }

      .eco small {

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .1em;

        color: #7d8d8e;

        font-weight: 600

      }

      .eco:last-child small {

        color: #8fa6a7

      }

      .eco h3 {

        margin: 0;

        font-size: clamp(28px, 3vw, 47px);

        line-height: .96;

        letter-spacing: -.052em;

        font-weight: 600

      }

      .eco p {

        margin: 22px 0 0;

        font-size: 10px;

        line-height: 1.65;

        color: #718183

      }

      .eco:last-child p {

        color: #91a7a8

      }

      .paris {

        margin-top: 12px;

        font-size: 9px;

        letter-spacing: .11em;

        text-transform: uppercase;

        color: #8fa6a7;

        font-weight: 600

      }

      /* SIGNATURE / CLOSING / FOOTER */

      .signature {

        background: #fff;

        padding: 0 36px 122px

      }

      .siggrid {

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-top: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .sig {

        min-height: 150px;

        padding: 28px 24px;

        border-right: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between

      }

      .sig:last-child {

        border-right: 0

      }

      .sig span {

        font-size: 8px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #829091

      }

      .sig strong {

        font-size: 17px;

        line-height: 1.15;

        letter-spacing: -.035em;

        color: var(--petrol)

      }

      .closing {

        padding: 30px 36px 44px;

        background: #fff

      }

      .close {

        min-height: 700px;

        padding: clamp(72px, 6vw, 96px);

        background: var(--petrol);

        color: #fff;

        display: grid;

        grid-template-rows: auto 1fr auto

      }

      .close-top {

        display: flex;

        justify-content: space-between;

        gap: 25px;

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .09em;

        color: #80999a

      }

      .close h2 {

        align-self: center;

        margin: 0;

        max-width: 1180px;

        font-size: clamp(62px, 8.3vw, 136px);

        line-height: .84;

        letter-spacing: -.082em;

        font-weight: 600

      }

      .close-bottom {

        display: flex;

        justify-content: space-between;

        gap: 40px;

        align-items: end

      }

      .close-bottom p {

        margin: 0;

        max-width: 470px;

        font-size: 11px;

        line-height: 1.7;

        color: #91a7a8

      }

      .footer {

        padding: clamp(110px, 8vw, 145px) 36px 42px;

        background: #fff;

        border-top: 1px solid var(--line)

      }

      .footer-lead {

        display: grid;

        grid-template-columns: 1.2fr .8fr;

        gap: 80px;

        align-items: end;

        padding-bottom: 95px

      }

      .footer-lead h2 {

        margin: 0;

        font-size: clamp(57px, 7.5vw, 120px);

        line-height: .86;

        letter-spacing: -.075em;

        font-weight: 400

      }

      .footer-lead p {

        margin: 0;

        max-width: 480px;

        justify-self: end;

        font-size: 11px;

        line-height: 1.72;

        color: #68787a

      }

      .footer-nav {

        display: grid;

        grid-template-columns: 1.25fr repeat(5, 1fr);

        border-top: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .fbrand {

        padding: 34px 34px 42px 0;

        border-right: 1px solid var(--line)

      }

      .fbrand strong {

        font-size: 23px;

        letter-spacing: -.06em

      }

      .fbrand p {

        margin: 25px 26px 0 0;

        font-size: 10px;

        line-height: 1.67;

        color: #718183

      }

      .fcol {

        padding: 34px 23px 42px;

        border-right: 1px solid var(--line)

      }

      .fcol:last-child {

        border-right: 0

      }

      .fcol h3 {

        margin: 0 0 24px;

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #7d8c8d;

        font-weight: 600

      }

      .fcol a {

        display: block;

        padding: 7px 0;

        font-size: 10px;

        line-height: 1.35;

        color: #354649

      }

      .footer-final {

        padding-top: 28px;

        display: grid;

        grid-template-columns: 1fr auto auto;

        gap: 32px;

        align-items: center;

        font-size: 9px;

        color: #788687

      }

      .footer-final strong {

        color: var(--petrol)

      }

      .legal {

        display: flex;

        gap: 20px

      }

      .bottom-mark {

        margin-top: 90px;

        font-size: clamp(58px, 8.5vw, 135px);

        line-height: .8;

        letter-spacing: -.087em;

        font-weight: 600;

        color: var(--petrol)

      }

      /* MEGA */

      .mega {

        position: fixed;

        inset: 0;

        z-index: 5000;

        background: rgba(3, 24, 25, .48);

        backdrop-filter: blur(12px);

        opacity: 0;

        visibility: hidden;

        transition: .25s

      }

      .mega.open {

        opacity: 1;

        visibility: visible

      }

      .mega-panel {

        width: min(94vw, var(--max));

        margin: 5vw auto 0;

        background: #fff;

        border-radius: var(--radius);

        overflow: hidden;

        box-shadow: var(--shadow);

        transform: translateY(-12px);

        transition: transform .3s var(--ease)

      }

      .mega.open .mega-panel {

        transform: none

      }

      .mega-head {

        height: 92px;

        padding: 0 36px;

        display: grid;

        grid-template-columns: 1fr auto;

        align-items: center;

        border-bottom: 1px solid var(--line)

      }

      .mega-title {

        font-size: 10px;

        font-weight: 600;

        letter-spacing: .1em;

        text-transform: uppercase;

        color: var(--petrol)

      }

      .mega-close {

        width: 40px;

        height: 40px;

        border-radius: 50%;

        border: 1px solid var(--line);

        background: #fff;

        font-size: 20px

      }

      .mega-search {

        min-height: 96px;

        padding: 0 36px;

        border-bottom: 1px solid var(--line);

        display: grid;

        grid-template-columns: 1fr auto;

        align-items: center;

        background: #f7fafa

      }

      .mega-search input {

        border: 0;

        outline: none;

        background: transparent;

        font-size: 18px;

        color: var(--ink)

      }

      .mega-search span {

        font-size: 9px;

        color: #7b8b8c;

        text-transform: uppercase;

        letter-spacing: .1em

      }

      .mega-grid {

        display: grid;

        grid-template-columns: 1.05fr repeat(4, 1fr);

        border-bottom: 1px solid var(--line)

      }

      .mcol {

        min-height: 440px;

        padding: 40px 30px;

        border-right: 1px solid var(--line)

      }

      .mcol:last-child {

        border-right: 0

      }

      .mcol h3 {

        margin: 0 0 28px;

        font-size: 9px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #7c8b8c;

        font-weight: 600

      }

      .mcol a {

        display: grid;

        grid-template-columns: 1fr auto;

        gap: 12px;

        padding: 10px 0;

        border-bottom: 1px solid rgba(16, 21, 22, .07);

        font-size: 13px;

        line-height: 1.28

      }

      .mcol a:after {

        content: "";

        opacity: 0;

        color: var(--petrol4);

        transition: .18s

      }

      .mcol a:hover:after {

        opacity: 1

      }

      .mega-bottom {

        display: grid;

        grid-template-columns: 1.05fr .95fr;

        background: var(--petrol);

        color: #fff

      }

      .mega-story, .mega-discovery {

        padding: 48px 36px

      }

      .mega-story h2 {

        margin: 0;

        font-size: clamp(38px, 4.2vw, 66px);

        line-height: .94;

        letter-spacing: -.06em;

        font-weight: 400

      }

      .mega-story p {

        margin: 38px 0 0;

        max-width: 650px;

        font-size: 11px;

        line-height: 1.7;

        color: #94aaab

      }

      .mega-discovery {

        border-left: 1px solid var(--line-dark)

      }

      .mega-discovery small {

        font-size: 8px;

        letter-spacing: .1em;

        text-transform: uppercase;

        color: #8ea5a6;

        font-weight: 600

      }

      .mega-discovery strong {

        display: block;

        margin-top: 26px;

        font-size: 21px;

        line-height: 1.18

      }

      .mega-discovery a {

        display: inline-block;

        margin-top: 28px;

        font-size: 10px;

        font-weight: 600;

        color: #bdd0d1

      }

      /* REVEAL */

      .reveal {

        opacity: 0;

        transform: translateY(24px);

        transition: opacity .85s var(--ease), transform .85s var(--ease)

      }

      .reveal.on {

        opacity: 1;

        transform: none

      }

      @media(max-width: 1200px) {

        .hero-main, .head, .footer-lead {

          grid-template-columns: 1fr;

          gap: 38px

        }

        .framework-grid, .use-grid, .standard-grid, .formation-grid, .exchange-grid, .knowledge-grid, .index-grid, .eco-grid {

          grid-template-columns: 1fr

        }

        .discovery-shell {

          grid-template-columns: 1fr

        }

        .filters {

          grid-template-columns: 1fr 1fr 1fr

        }

        .filters .search {

          grid-column: 1/-1

        }

        .profile-row {

          grid-template-columns: 1fr 1fr

        }

        .cert-grid {

          grid-template-columns: 1fr 1fr

        }

        .criteria {

          grid-template-columns: 1fr 1fr

        }

        .life-line {

          grid-template-columns: repeat(4, 1fr);

          gap: 40px

        }

        .life-line:before {

          display: none

        }

        .country-grid {

          grid-template-columns: 1fr 1fr

        }

        .mega-grid {

          grid-template-columns: 1fr 1fr

        }

        .mcol:nth-child(even) {

          border-right: 0

        }

        .mcol {

          min-height: auto

        }

        .mega-bottom {

          grid-template-columns: 1fr

        }

        .mega-discovery {

          border-left: 0;

          border-top: 1px solid var(--line-dark)

        }

        .footer-nav {

          grid-template-columns: 1fr 1fr 1fr

        }

        .fbrand {

          grid-column: 1/-1;

          border-right: 0;

          border-bottom: 1px solid var(--line)

        }

      }

      @media(max-width: 900px) {

        .canvas {

          width: calc(100vw - 22px);

          margin: 11px auto

        }

        .nav {

          height: 78px;

          padding: 0 20px;

          grid-template-columns: 1fr auto

        }

        .navlinks {

          display: none

        }

        .navright .pill:first-child {

          display: none

        }

        .hero {

          padding: 88px 20px 40px;

          min-height: auto

        }

        .hero h1 {

          font-size: clamp(58px, 12vw, 96px)

        }

        .brandrail {

          padding: 0 20px

        }

        .brandgrid {

          grid-template-columns: 1fr 1fr

        }

        .living {

          height: 710px;

          grid-template-columns: repeat(4, 1fr);

          grid-template-rows: repeat(4, 1fr)

        }

        .t1 {

          grid-column: 1/3;

          grid-row: 1/3

        }

        .t2 {

          grid-column: 3/5;

          grid-row: 1

        }

        .t3 {

          grid-column: 3/5;

          grid-row: 2/4

        }

        .t4 {

          grid-column: 1/2;

          grid-row: 3

        }

        .t5 {

          grid-column: 2/3;

          grid-row: 3

        }

        .t6 {

          grid-column: 1/3;

          grid-row: 4

        }

        .t7 {

          grid-column: 3/4;

          grid-row: 4

        }

        .t8 {

          grid-column: 4/5;

          grid-row: 4

        }

        .t9, .t10, .t11, .t12, .t13, .t14 {

          display: none

        }

        .section {

          padding: clamp(125px, 18vw, 170px) 20px

        }

        .doors {

          padding-left: 20px;

          padding-right: 20px

        }

        .doorgrid {

          grid-template-columns: 1fr

        }

        .door+.door {

          border-left: 0;

          border-top: 1px solid var(--line);

          padding-left: 0

        }

        .dline {

          grid-template-columns: 44px 1fr

        }

        .dline p {

          grid-column: 2

        }

        .axis {

          grid-template-columns: 1fr

        }

        .axis-vis {

          min-height: 360px;

          border-left: 0;

          border-top: 1px solid var(--line-dark)

        }

        .twopurpose {

          grid-template-columns: 1fr

        }

        .purpose+.purpose {

          border-left: 0;

          border-top: 1px solid var(--line);

          padding-left: 0

        }

        .filters {

          grid-template-columns: 1fr

        }

        .profile-row {

          grid-template-columns: 1fr

        }

        .passport {

          grid-template-columns: 1fr

        }

        .pass-left {

          border-right: 0;

          border-bottom: 1px solid var(--line)

        }

        .pass-right {

          padding-left: 0

        }

        .practice-grid, .bench-grid {

          grid-template-columns: 1fr

        }

        .cert-grid, .criteria {

          grid-template-columns: 1fr

        }

        .life-line {

          grid-template-columns: 1fr 1fr

        }

        .country-grid {

          grid-template-columns: 1fr

        }

        .signature {

          padding-left: 20px;

          padding-right: 20px

        }

        .siggrid {

          grid-template-columns: 1fr 1fr

        }

        .closing {

          padding: 20px

        }

        .close {

          padding: 56px 30px

        }

        .close-bottom {

          flex-direction: column;

          align-items: flex-start

        }

        .mega-panel {

          width: calc(100vw - 22px);

          margin: 11px auto 0

        }

        .mega-head {

          height: 78px;

          padding: 0 20px

        }

        .mega-search {

          padding: 0 20px

        }

        .mega-grid {

          grid-template-columns: 1fr;

          max-height: 56vh;

          overflow: auto

        }

        .mcol {

          border-right: 0;

          border-bottom: 1px solid var(--line);

          padding: 28px 20px

        }

        .mega-story, .mega-discovery {

          padding: 34px 20px

        }

        .footer {

          padding-left: 20px;

          padding-right: 20px

        }

        .footer-nav {

          grid-template-columns: 1fr

        }

        .fbrand, .fcol {

          border-right: 0;

          border-bottom: 1px solid var(--line);

          padding-left: 0

        }

        .footer-final {

          grid-template-columns: 1fr

        }

        .legal {

          flex-wrap: wrap

        }

      }

      @media(max-width: 560px) {

        :root {

          --eyebrow-gap: 34px;

          --title-copy-gap: 52px

        }

        .brandgrid, .siggrid {

          grid-template-columns: 1fr

        }

        .life-line {

          grid-template-columns: 1fr

        }

        .hero-meta, .global-cta {

          flex-direction: column;

          align-items: flex-start

        }

        .trust-lock {

          font-size: 54px

        }

        .axis-left {

          padding: 46px 28px

        }

      }

      @media(prefers-reduced-motion:reduce) {

        html {

          scroll-behavior: auto

        }

        *, *:before, *:after {

          animation: none!important;

          transition: none!important

        }

        .reveal {

          opacity: 1!important;

          transform: none!important

        }

      }

      /* =========================================================

      DEEP HOME / CONTEXTUAL DISCOVERY SYSTEM

      ========================================================= */

      .context-rail {

        margin: 72px 36px 0;

        display: grid;

        grid-template-columns: 1.2fr repeat(3, .8fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .context-intro,

      .context-link {

        min-height: 118px;

        padding: 24px 22px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        background: #fff;

      }

      .context-intro {

        background: var(--petrol);

        color: #fff

      }

      .context-intro small,

      .context-link small {

        font-size: 8px;

        text-transform: uppercase;

        letter-spacing: .11em;

        color: #7e8f90;

        font-weight: 600;

      }

      .context-intro small {

        color: #8fa6a7

      }

      .context-intro strong,

      .context-link strong {

        font-size: 14px;

        line-height: 1.28;

        letter-spacing: -.025em;

        font-weight: 600;

      }

      .context-link span {

        font-size: 9px;

        line-height: 1.45;

        color: #728183;

      }

      .context-link:hover {

        background: #f5f9f9

      }

      .context-link:hover strong {

        color: var(--petrol4)

      }

      .stakeholder-map {

        background: #fff;

        padding: var(--section) 36px;

        border-top: 1px solid var(--line);

      }

      .stakeholder-layout {

        margin-top: 112px;

        display: grid;

        grid-template-columns: .9fr 1.1fr;

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .stake-list {

        background: #fff

      }

      .stake-btn {

        width: 100%;

        min-height: 72px;

        padding: 0 24px;

        border: 0;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        background: #fff;

        text-align: left;

        display: grid;

        grid-template-columns: 34px 1fr;

        align-items: center;

        font-size: 13px;

        color: #425356;

      }

      .stake-btn span {

        font-size: 8px;

        color: #829091

      }

      .stake-btn.active {

        background: var(--petrol);

        color: #fff

      }

      .stake-btn.active span {

        color: #8fa6a7

      }

      .stake-panel {

        min-height: 650px;

        padding: 64px 52px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        background: var(--mist);

        display: grid;

        grid-template-rows: auto 1fr auto;

      }

      .stake-panel small {

        font-size: 9px;

        letter-spacing: .11em;

        text-transform: uppercase;

        color: #728385;

        font-weight: 600;

      }

      .stake-panel h3 {

        align-self: center;

        margin: 0;

        max-width: 800px;

        font-size: clamp(48px, 5vw, 84px);

        line-height: .93;

        letter-spacing: -.063em;

        font-weight: 400;

      }

      .stake-panel p {

        margin: 0;

        max-width: 650px;

        font-size: 12px;

        line-height: 1.7;

        color: #617174;

      }

      .stake-routes {

        margin-top: 42px;

        display: flex;

        gap: 12px;

        flex-wrap: wrap;

      }

      .stake-routes a {

        padding: 10px 0;

        border-bottom: 1px solid #9fb4b5;

        font-size: 10px;

        font-weight: 600;

        color: var(--petrol);

      }

      .need-strip {

        background: #fff;

        padding: 0 36px var(--section);

      }

      .need-grid {

        display: grid;

        grid-template-columns: repeat(5, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .need {

        min-height: 210px;

        padding: 28px 23px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

      }

      .need:nth-child(1), .need:nth-child(5) {

        background: var(--petrol);

        color: #fff

      }

      .need:nth-child(3) {

        background: var(--mist)

      }

      .need small {

        font-size: 8px;

        color: #7f9091

      }

      .need:nth-child(1) small, .need:nth-child(5) small {

        color: #8fa6a7

      }

      .need strong {

        font-size: 18px;

        line-height: 1.1;

        letter-spacing: -.035em;

        font-weight: 600;

      }

      .need p {

        margin: 0;

        font-size: 9px;

        line-height: 1.55;

        color: #748284;

      }

      .need:nth-child(1) p, .need:nth-child(5) p {

        color: #91a7a8

      }

      .home-search {

        margin-top: 108px;

        display: grid;

        grid-template-columns: 1.4fr repeat(4, .72fr) 68px;

        border-top: 1px solid #c5d2d2;

        border-left: 1px solid #c5d2d2;

        background: #fff;

      }

      .home-search div {

        min-height: 78px;

        padding: 0 18px;

        border-right: 1px solid #c5d2d2;

        border-bottom: 1px solid #c5d2d2;

        display: flex;

        align-items: center;

        font-size: 10px;

        color: #718183;

      }

      .home-search .search-main {

        font-size: 15px;

        color: var(--ink);

      }

      .home-search button {

        border: 0;

        border-right: 1px solid #c5d2d2;

        border-bottom: 1px solid #c5d2d2;

        background: var(--petrol);

        color: #fff;

        font-size: 12px;

        font-weight: 600;

      }

      .discovery-shortcuts {

        margin-top: 34px;

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-left: 1px solid #c5d2d2;

      }

      .discovery-shortcuts a {

        min-height: 116px;

        padding: 22px;

        border-right: 1px solid #c5d2d2;

        border-bottom: 1px solid #c5d2d2;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        background: #fff;

      }

      .discovery-shortcuts a:last-child {

        background: var(--petrol);

        color: #fff

      }

      .discovery-shortcuts small {

        font-size: 8px;

        color: #809091

      }

      .discovery-shortcuts a:last-child small {

        color: #8fa6a7

      }

      .discovery-shortcuts strong {

        font-size: 14px;

        line-height: 1.25

      }

      .crossborder-scenes {

        margin-top: 112px;

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .cb-scene {

        min-height: 260px;

        padding: 28px 25px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

      }

      .cb-scene:first-child {

        background: var(--petrol);

        color: #fff

      }

      .cb-scene:nth-child(3) {

        background: var(--mist)

      }

      .cb-scene small {

        font-size: 8px;

        color: #809091

      }

      .cb-scene:first-child small {

        color: #8fa6a7

      }

      .cb-scene h3 {

        margin: 0;

        font-size: 24px;

        line-height: 1;

        letter-spacing: -.045em;

        font-weight: 600;

      }

      .cb-scene p {

        margin: 0;

        font-size: 9px;

        line-height: 1.55;

        color: #748284;

      }

      .cb-scene:first-child p {

        color: #91a7a8

      }

      @media(max-width: 1100px) {

        .context-rail {

          grid-template-columns: 1fr 1fr

        }

        .stakeholder-layout {

          grid-template-columns: 1fr

        }

        .need-grid {

          grid-template-columns: 1fr 1fr

        }

        .home-search {

          grid-template-columns: 1fr 1fr 1fr

        }

        .home-search .search-main {

          grid-column: 1/-1

        }

        .discovery-shortcuts, .crossborder-scenes {

          grid-template-columns: 1fr 1fr

        }

      }

      @media(max-width: 760px) {

        .context-rail {

          margin-left: 20px;

          margin-right: 20px;

          grid-template-columns: 1fr

        }

        .stakeholder-map, .need-strip {

          padding-left: 20px;

          padding-right: 20px

        }

        .stake-panel {

          padding: 46px 28px;

          min-height: 520px

        }

        .need-grid, .home-search, .discovery-shortcuts, .crossborder-scenes {

          grid-template-columns: 1fr

        }

      }

      /* =========================================================

      INTEGRATED CREATIVE MEGA MENU

      ========================================================= */

      .mega {

        position: fixed;

        inset: 0;

        z-index: 5000;

        background: rgba(3, 24, 25, .52);

        backdrop-filter: blur(14px);

        -webkit-backdrop-filter: blur(14px);

        opacity: 0;

        visibility: hidden;

        transition: opacity .24s ease, visibility .24s ease;

      }

      .mega.open {

        opacity: 1;

        visibility: visible

      }

      .mega-panel {

        width: min(95vw, var(--max));

        margin: 2.8vw auto 0;

        max-height: 92vh;

        overflow: auto;

        background: #fff;

        border-radius: 22px;

        box-shadow: 0 42px 140px rgba(3, 24, 25, .34);

        transform: translateY(-10px);

        transition: transform .28s ease;

      }

      .mega.open .mega-panel {

        transform: none

      }

      .mega-head {

        min-height: 84px;

        padding: 0 32px;

        display: grid;

        grid-template-columns: 1fr auto;

        align-items: center;

        border-bottom: 1px solid var(--line);

        position: sticky;

        top: 0;

        z-index: 10;

        background: rgba(255, 255, 255, .97);

        backdrop-filter: blur(14px);

      }

      .mega-title {

        font-size: 10px;

        font-weight: 600;

        letter-spacing: .1em;

        text-transform: uppercase;

        color: var(--petrol);

      }

      .mega-close {

        width: 40px;

        height: 40px;

        border-radius: 50%;

        border: 1px solid var(--line);

        background: #fff;

        font-size: 20px;

        line-height: 1;

      }

      .mega-orient {

        display: grid;

        grid-template-columns: 1.04fr .96fr;

        border-bottom: 1px solid var(--line);

      }

      .mega-search-panel {

        padding: 30px 32px 32px;

        border-right: 1px solid var(--line);

        background: linear-gradient(180deg, #fbfcfc 0%, #f3f7f7 100%);

      }

      .mega-search-panel h2 {

        margin: 0;

        max-width: 780px;

        font-size: clamp(34px, 4vw, 62px);

        line-height: .95;

        letter-spacing: -.058em;

        font-weight: 400;

      }

      .mega-search-panel p {

        margin: 20px 0 0;

        max-width: 690px;

        font-size: 11px;

        line-height: 1.7;

        color: #627476;

      }

      .mega-search-box {

        margin-top: 30px;

        display: grid;

        grid-template-columns: 1.35fr repeat(4, .72fr) 84px;

        border-top: 1px solid #c8d5d5;

        border-left: 1px solid #c8d5d5;

        background: #fff;

      }

      .mega-search-box div,

      .mega-search-box button {

        min-height: 72px;

        display: flex;

        align-items: center;

        padding: 0 16px;

        border-right: 1px solid #c8d5d5;

        border-bottom: 1px solid #c8d5d5;

        font-size: 10px;

        color: #6b7c7e;

      }

      .mega-search-box .lead {

        min-height: 72px;

        padding: 0 16px;

        border: 0;

        border-right: 1px solid #c8d5d5;

        border-bottom: 1px solid #c8d5d5;

        outline: none;

        background: #fff;

        font-size: 14px;

        color: var(--ink);

      }

      .mega-search-box .lead::placeholder {

        color: #6b7c7e

      }

      .mega-search-box button {

        justify-content: center;

        border-top: 0;

        border-left: 0;

        background: var(--petrol);

        color: #fff;

        font-weight: 600;

      }

      .mega-entry-cards {

        margin-top: 24px;

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .mega-entry {

        min-height: 138px;

        padding: 20px 18px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        background: #fff;

      }

      .mega-entry:first-child {

        background: var(--petrol);

        color: #fff

      }

      .mega-entry:nth-child(3) {

        background: var(--mist)

      }

      .mega-entry small {

        font-size: 8px;

        text-transform: uppercase;

        letter-spacing: .11em;

        font-weight: 600;

        color: #7f9091;

      }

      .mega-entry:first-child small {

        color: #8fa6a7

      }

      .mega-entry strong {

        font-size: 16px;

        line-height: 1.16;

        letter-spacing: -.03em;

        font-weight: 600;

      }

      .mega-entry span {

        font-size: 9px;

        line-height: 1.5;

        color: #6e8082;

      }

      .mega-entry:first-child span {

        color: #9bb0b1

      }

      .mega-visual {

        padding: 30px 32px 32px;

        background: var(--petrol);

        color: #fff;

        display: grid;

        grid-template-rows: auto 1fr auto;

        gap: 26px;

      }

      .mega-visual small {

        font-size: 8px;

        letter-spacing: .11em;

        text-transform: uppercase;

        color: #8fa6a7;

        font-weight: 600;

      }

      .mega-visual h3 {

        margin: 0;

        font-size: clamp(32px, 3.7vw, 58px);

        line-height: .96;

        letter-spacing: -.055em;

        font-weight: 400;

      }

      .mega-visual p {

        margin: 18px 0 0;

        max-width: 620px;

        font-size: 11px;

        line-height: 1.7;

        color: #99aeaf;

      }

      .mega-photo-grid {

        align-self: center;

        display: grid;

        grid-template-columns: 1.15fr .85fr;

        grid-template-rows: 1fr 1fr;

        gap: 10px;

        min-height: 270px;

      }

      .mega-photo {

        position: relative;

        overflow: hidden;

        min-height: 130px;

        border: 1px solid var(--line-dark);

      }

      .mega-photo:first-child {

        grid-row: 1/3

      }

      .mega-photo img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;

        filter: saturate(.55) contrast(1.03);

        opacity: .88;

      }

      .mega-photo:after {

        content: "";

        position: absolute;

        inset: 0;

        background: linear-gradient(to top, rgba(5, 25, 24, .6), transparent 62%);

      }

      .mega-photo span {

        position: absolute;

        left: 16px;

        right: 16px;

        bottom: 14px;

        z-index: 2;

        font-size: 10px;

        line-height: 1.35;

        color: #fff;

        font-weight: 600;

      }

      .mega-route {

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-top: 1px solid var(--line-dark);

        border-left: 1px solid var(--line-dark);

      }

      .mega-step {

        min-height: 112px;

        padding: 16px 14px;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

      }

      .mega-step small {

        color: #839a9b

      }

      .mega-step strong {

        font-size: 15px;

        letter-spacing: -.028em;

      }

      .mega-step span {

        font-size: 8px;

        line-height: 1.45;

        color: #9eb3b4;

      }

      .mega-body {

        display: grid;

        grid-template-columns: 1.08fr .92fr;

      }

      .mega-primary {

        border-right: 1px solid var(--line);

        background: #fff;

      }

      .mega-primary-grid {

        display: grid;

        grid-template-columns: 1fr 1fr;

      }

      .mega-family {

        min-height: 330px;

        padding: 28px 26px 30px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

      }

      .mega-primary-grid .mega-family:nth-child(2n) {

        border-right: 0

      }

      .mega-family.dark {

        background: var(--petrol);

        color: #fff

      }

      .mega-family.mist {

        background: var(--mist)

      }

      .mega-family small {

        font-size: 8px;

        letter-spacing: .11em;

        text-transform: uppercase;

        font-weight: 600;

        color: #7b8d8f;

      }

      .mega-family.dark small {

        color: #8fa6a7

      }

      .mega-family h4 {

        margin: 22px 0 0;

        font-size: 30px;

        line-height: .98;

        letter-spacing: -.052em;

        font-weight: 400;

      }

      .mega-family p {

        margin: 18px 0 0;

        max-width: 430px;

        font-size: 10px;

        line-height: 1.65;

        color: #6f8082;

      }

      .mega-family.dark p {

        color: #96acad

      }

      .mega-links {

        margin-top: 24px;

        display: grid;

      }

      .mega-links a {

        min-height: 40px;

        padding: 8px 0;

        display: grid;

        grid-template-columns: 1fr auto;

        gap: 12px;

        align-items: center;

        border-bottom: 1px solid rgba(17, 23, 24, .08);

        font-size: 12px;

        line-height: 1.25;

      }

      .mega-family.dark .mega-links a {

        border-bottom-color: rgba(255, 255, 255, .1)

      }

      .mega-links a:last-child {

        border-bottom: 0

      }

      .mega-links b {

        font-size: 8px;

        letter-spacing: .1em;

        text-transform: uppercase;

        color: #7d8f90;

        font-weight: 600;

      }

      .mega-family.dark .mega-links b {

        color: #8fa6a7

      }

      .mega-links i {

        font-style: normal;

        font-size: 9px;

        color: #6e8082;

      }

      .mega-family.dark .mega-links i {

        color: #9bb0b1

      }

      .mega-secondary {

        display: grid;

        grid-template-rows: auto auto 1fr;

      }

      .mega-panel-block {

        padding: 28px 26px 30px;

        border-bottom: 1px solid var(--line);

      }

      .mega-panel-block h4 {

        margin: 0;

        font-size: 27px;

        line-height: 1.02;

        letter-spacing: -.048em;

        font-weight: 400;

      }

      .mega-panel-block p {

        margin: 15px 0 0;

        max-width: 720px;

        font-size: 10px;

        line-height: 1.65;

        color: #667779;

      }

      .mega-audience {

        margin-top: 24px;

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .mega-aud {

        min-height: 142px;

        padding: 16px 14px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        background: #fff;

      }

      .mega-aud:nth-child(1), .mega-aud:nth-child(6) {

        background: var(--petrol);

        color: #fff

      }

      .mega-aud:nth-child(3), .mega-aud:nth-child(8) {

        background: var(--mist)

      }

      .mega-aud small {

        font-size: 8px;

        letter-spacing: .11em;

        text-transform: uppercase;

        color: #7f9091;

        font-weight: 600;

      }

      .mega-aud:nth-child(1) small, .mega-aud:nth-child(6) small {

        color: #8fa6a7

      }

      .mega-aud strong {

        font-size: 13px;

        line-height: 1.25;

      }

      .mega-aud span {

        font-size: 8px;

        line-height: 1.45;

        color: #6e8082;

      }

      .mega-aud:nth-child(1) span, .mega-aud:nth-child(6) span {

        color: #9eb4b5

      }

      .mega-system {

        margin-top: 24px;

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .mega-sys {

        min-height: 170px;

        padding: 18px 16px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

      }

      .mega-sys:nth-child(2) {

        background: var(--mist)

      }

      .mega-sys:nth-child(3) {

        background: var(--petrol);

        color: #fff

      }

      .mega-sys small {

        font-size: 8px;

        letter-spacing: .11em;

        text-transform: uppercase;

        font-weight: 600;

        color: #7f9091;

      }

      .mega-sys:nth-child(3) small {

        color: #8fa6a7

      }

      .mega-sys strong {

        font-size: 14px;

        line-height: 1.24;

      }

      .mega-sys span {

        font-size: 8px;

        line-height: 1.45;

        color: #6d7f81;

      }

      .mega-sys:nth-child(3) span {

        color: #9fb5b6

      }

      .mega-footer {

        display: grid;

        grid-template-columns: 1.1fr .9fr;

        gap: 30px;

        align-items: end;

        padding: 28px 32px 32px;

        border-top: 1px solid var(--line);

        background: #fff;

      }

      .mega-footer h5 {

        margin: 0;

        font-size: 40px;

        line-height: .97;

        letter-spacing: -.052em;

        font-weight: 400;

      }

      .mega-footer p {

        margin: 14px 0 0;

        max-width: 730px;

        font-size: 10px;

        line-height: 1.65;

        color: #667779;

      }

      .mega-actions {

        justify-self: end;

        display: flex;

        gap: 8px;

        flex-wrap: wrap;

      }

      .mega-actions a {

        min-height: 38px;

        padding: 0 14px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        border: 1px solid var(--line);

        border-radius: 999px;

        background: #fff;

        font-size: 9px;

        font-weight: 600;

      }

      .mega-actions a.dark {

        background: var(--petrol);

        color: #fff;

        border-color: var(--petrol);

      }

      @media(max-width: 1200px) {

        .mega-orient, .mega-body, .mega-footer {

          grid-template-columns: 1fr

        }

        .mega-search-panel {

          border-right: 0;

          border-bottom: 1px solid var(--line)

        }

        .mega-primary {

          border-right: 0;

          border-bottom: 1px solid var(--line)

        }

        .mega-actions {

          justify-self: start

        }

        .mega-search-box {

          grid-template-columns: 1fr 1fr 1fr

        }

        .mega-search-box .lead {

          grid-column: 1/-1

        }

      }

      @media(max-width: 820px) {

        .mega-panel {

          width: calc(100vw - 18px);

          margin: 9px auto 0;

          max-height: 96vh

        }

        .mega-head {

          padding: 0 18px

        }

        .mega-search-panel, .mega-visual, .mega-panel-block, .mega-footer {

          padding-left: 18px;

          padding-right: 18px

        }

        .mega-entry-cards, .mega-primary-grid, .mega-audience, .mega-system, .mega-route {

          grid-template-columns: 1fr 1fr

        }

        .mega-photo-grid {

          grid-template-columns: 1fr;

          grid-template-rows: repeat(3, 160px)

        }

        .mega-photo:first-child {

          grid-row: auto

        }

      }

      @media(max-width: 560px) {

        .mega-search-box, .mega-entry-cards, .mega-primary-grid, .mega-audience, .mega-system, .mega-route {

          grid-template-columns: 1fr

        }

      }

      .visually-hidden {

        position: absolute!important;

        width: 1px!important;

        height: 1px!important;

        padding: 0!important;

        margin: -1px!important;

        overflow: hidden!important;

        clip: rect(0, 0, 0, 0)!important;

        white-space: nowrap!important;

        border: 0!important

      }

      /* =========================================================

      HOMEPAGE FREEZE CANDIDATE 01

      Surgical refinement only. The original visual constitution is retained.

      ========================================================= */

      .discovery-go {

        min-width: 88px!important;

        height: 42px!important;

        justify-content: center;

        font-size: 9px!important;

        font-weight: 600!important;

        color: #fff!important;

        border: 1px solid rgba(255, 255, 255, .28)!important;

      }

      .route-next,

      .purpose-link {

        display: inline-block;

        margin-top: 28px;

        padding-bottom: 5px;

        border-bottom: 1px solid currentColor;

        font-size: 9px;

        font-weight: 600;

      }

      .route-next {

        color: #fff

      }

      .bench-stage {

        margin-top: 112px;

        display: grid;

        grid-template-columns: 1.15fr .85fr;

        min-height: 680px;

        border-top: 1px solid #c6d3d3;

        border-left: 1px solid #c6d3d3;

      }

      .bench-visual {

        position: relative;

        overflow: hidden;

        border-right: 1px solid #c6d3d3;

        border-bottom: 1px solid #c6d3d3;

      }

      .bench-visual img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        filter: saturate(.55) contrast(1.04);

        transition: opacity .25s ease, transform .55s var(--ease)

      }

      .bench-visual:after {

        content: "";

        position: absolute;

        inset: 0;

        background: linear-gradient(to top, rgba(5, 25, 24, .72), transparent 60%)

      }

      .bench-visual-copy {

        position: absolute;

        z-index: 2;

        left: 36px;

        right: 36px;

        bottom: 34px;

        color: #fff

      }

      .bench-visual-copy small {

        display: block;

        font-size: 8px;

        letter-spacing: .11em;

        text-transform: uppercase;

        color: #b1c2c2;

        font-weight: 600

      }

      .bench-visual-copy strong {

        display: block;

        margin-top: 18px;

        max-width: 760px;

        font-size: clamp(30px, 3.4vw, 54px);

        line-height: .96;

        letter-spacing: -.052em

      }

      .bench-rail {

        display: grid;

        grid-template-rows: repeat(6, 1fr)

      }

      .bench-rail a {

        display: grid;

        grid-template-columns: 48px 1fr;

        gap: 18px;

        align-items: center;

        padding: 20px 22px;

        border-right: 1px solid #c6d3d3;

        border-bottom: 1px solid #c6d3d3;

        background: #fff

      }

      .bench-rail a:nth-child(2), .bench-rail a:nth-child(5) {

        background: var(--mist)

      }

      .bench-rail span {

        font-size: 8px;

        color: #829091

      }

      .bench-rail small {

        display: block;

        font-size: 8px;

        color: #7f9091

      }

      .bench-rail strong {

        display: block;

        margin-top: 7px;

        font-size: 16px;

        line-height: 1.2;

        letter-spacing: -.03em

      }

      .cert-grid-three {

        grid-template-columns: repeat(3, 1fr)!important

      }

      .cert-grid-three .stage:last-child {

        background: var(--petrol);

        color: #fff

      }

      .cert-grid-three .stage:last-child small {

        color: #8fa6a7

      }

      .cert-grid-three .stage:last-child p {

        color: #91a7a8

      }

      .bench-separate {

        margin-top: 46px;

        display: grid;

        grid-template-columns: .6fr 1.4fr;

        gap: 46px;

        padding: 30px 0;

        border-top: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .bench-separate small {

        font-size: 8px;

        color: #7e8f90;

        letter-spacing: .1em;

        font-weight: 600

      }

      .bench-separate strong {

        display: block;

        margin-top: 10px;

        font-size: 28px;

        letter-spacing: -.045em

      }

      .bench-separate p {

        margin: 0;

        font-size: 10px;

        line-height: 1.7;

        color: #6f8082

      }

      .bench-separate a {

        display: inline-block;

        margin-top: 16px;

        font-size: 9px;

        font-weight: 600;

        color: var(--petrol)

      }

      .formation-editorial {

        margin-top: 112px;

        display: grid;

        grid-template-columns: .92fr 1.08fr;

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

        min-height: 660px

      }

      .formation-editorial figure {

        margin: 0;

        position: relative;

        overflow: hidden;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .formation-editorial img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        filter: saturate(.58) contrast(1.04)

      }

      .formation-editorial figcaption {

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        padding: 28px;

        background: rgba(8, 47, 49, .94);

        color: #fff;

        font-size: 18px;

        line-height: 1.25;

        font-weight: 600

      }

      .formation-steps {

        display: grid;

        grid-template-rows: repeat(5, 1fr)

      }

      .formation-steps>div {

        display: grid;

        grid-template-columns: 58px 1fr;

        gap: 20px;

        align-items: center;

        padding: 24px 26px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .formation-steps>div:nth-child(3) {

        background: var(--mist)

      }

      .formation-steps>div>span {

        font-size: 8px;

        color: #829091

      }

      .formation-steps small {

        font-size: 8px;

        color: #7f9091

      }

      .formation-steps strong {

        display: block;

        margin-top: 6px;

        font-size: 19px;

        letter-spacing: -.035em

      }

      .formation-steps p {

        margin: 6px 0 0;

        font-size: 9px;

        line-height: 1.55;

        color: #748284

      }

      .crossborder-map {

        margin-top: 112px;

        display: grid;

        grid-template-columns: .78fr 1.22fr;

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line)

      }

      .crossborder-copy {

        padding: 42px 38px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        background: #fff

      }

      .crossborder-copy>small {

        font-size: 8px;

        letter-spacing: .1em;

        text-transform: uppercase;

        color: #7f9091;

        font-weight: 600

      }

      .crossborder-copy h3 {

        margin: 38px 0 0;

        font-size: clamp(38px, 4vw, 64px);

        line-height: .94;

        letter-spacing: -.058em;

        font-weight: 400

      }

      .crossborder-copy>p {

        margin: 30px 0 0;

        font-size: 11px;

        line-height: 1.7;

        color: #68787a

      }

      .crossborder-list {

        margin-top: 42px;

        border-top: 1px solid var(--line)

      }

      .crossborder-list a {

        display: grid;

        grid-template-columns: 44px 1fr;

        gap: 14px;

        padding: 16px 0;

        border-bottom: 1px solid var(--line)

      }

      .crossborder-list span {

        font-size: 8px;

        color: #829091

      }

      .crossborder-list strong {

        font-size: 14px

      }

      .crossborder-list small {

        grid-column: 2;

        font-size: 8px;

        color: #758586

      }

      .crossborder-canvas {

        position: relative;

        min-height: 620px;

        overflow: hidden;

        background: var(--petrol);

        color: #fff;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line)

      }

      .cb-gridlines {

        position: absolute;

        inset: 0;

        background-image: linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);

        background-size: 54px 54px

      }

      .crossborder-canvas svg {

        position: absolute;

        inset: 0;

        width: 100%;

        height: 100%

      }

      .crossborder-canvas path {

        fill: none;

        stroke: #abc4c2;

        stroke-width: 1.2;

        stroke-dasharray: 4 7

      }

      .cb-node {

        position: absolute;

        width: 54px;

        height: 54px;

        border: 1px solid rgba(255, 255, 255, .32);

        display: grid;

        place-items: center;

        background: rgba(255, 255, 255, .07);

        font-size: 7px;

        font-weight: 600

      }

      .cb-node.n1 {

        left: 14%;

        top: 25%

      }

      .cb-node.n2 {

        left: 50%;

        top: 45%

      }

      .cb-node.n3 {

        left: 62%;

        top: 66%

      }

      .cb-node.n4 {

        right: 9%;

        top: 34%

      }

      .cb-note {

        position: absolute;

        width: 245px;

        padding: 18px;

        background: #fff;

        color: var(--ink)

      }

      .cb-note.top {

        right: 20px;

        top: 20px

      }

      .cb-note.bottom {

        left: 20px;

        bottom: 20px

      }

      .cb-note small {

        font-size: 7px;

        color: #718486

      }

      .cb-note strong {

        display: block;

        margin-top: 8px;

        font-size: 15px;

        line-height: 1.25

      }

      .legal span {

        display: inline-block

      }

      @media(max-width: 900px) {

        .bench-stage, .formation-editorial, .crossborder-map, .bench-separate {

          grid-template-columns: 1fr

        }

        .bench-stage {

          min-height: auto

        }

        .bench-visual {

          min-height: 500px

        }

        .cert-grid-three {

          grid-template-columns: 1fr!important

        }

      }

      /* =========================================================

      FREEZE CANDIDATE 02

      Neutral Discovery redesign + closing button correction.

      ========================================================= */

      /* Major conversion title: 600. Keep editorial/display titles elsewhere at their existing weight. */

      .discovery .display.bold {

        font-weight: 600

      }

      /* Discovery: same petrol language, clearer asymmetric contrast. */

      .discovery-stage {

        margin-top: 104px;

        display: grid;

        grid-template-columns: .86fr 1.14fr;

        border-top: 1px solid var(--line-dark);

        border-left: 1px solid var(--line-dark);

      }

      .discovery-question {

        min-height: 650px;

        padding: 42px 40px 34px;

        display: grid;

        grid-template-rows: auto 1fr auto;

        background: #fff;

        color: var(--ink);

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

      }

      .discovery-qtop {

        display: flex;

        justify-content: space-between;

        gap: 24px;

        padding-bottom: 18px;

        border-bottom: 1px solid var(--line)

      }

      .discovery-qtop span {

        font-size: 8px;

        letter-spacing: .11em;

        text-transform: uppercase;

        font-weight: 600;

        color: var(--petrol)

      }

      .discovery-qtop small {

        font-size: 8px;

        color: #7a8b8c

      }

      .discovery-qmain {

        align-self: center;

        padding: 54px 0 34px;

      }

      .discovery-qmain h3 {

        margin: 0;

        max-width: 570px;

        font-size: clamp(46px, 5vw, 78px);

        line-height: .91;

        letter-spacing: -.064em;

        font-weight: 600;

      }

      .discovery-qmain>p {

        margin: 28px 0 0;

        max-width: 500px;

        font-size: 11px;

        line-height: 1.7;

        color: #647678;

      }

      .discovery-ask {

        margin-top: 48px;

        min-height: 74px;

        display: grid;

        grid-template-columns: 1fr auto;

        gap: 18px;

        align-items: center;

        border-top: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

      }

      .discovery-ask input {

        min-width: 0;

        border: 0;

        outline: 0;

        background: transparent;

        color: var(--ink);

        font: 400 13px/1.5 Inter, Arial, sans-serif;

      }

      .discovery-ask input::placeholder {

        color: #849394

      }

      .discovery-ask .discovery-go {

        min-width: 86px!important;

        height: 40px!important;

        border: 0!important;

        background: var(--petrol)!important;

        color: #fff!important;

        font-size: 9px!important;

        font-weight: 600!important;

        cursor: pointer;

      }

      .discovery-examples {

        display: grid;

        grid-template-columns: 1fr 1fr;

        margin-top: 26px;

        border-top: 1px solid var(--line)

      }

      .discovery-examples .chip {

        min-height: 46px;

        padding: 13px 12px 13px 0;

        display: grid;

        grid-template-columns: 28px 1fr;

        gap: 8px;

        align-items: center;

        text-align: left;

        border: 0;

        border-bottom: 1px solid var(--line);

        border-radius: 0;

        background: transparent;

        color: #445658;

        font: 600 9px/1.35 Inter, Arial, sans-serif;

        cursor: pointer;

      }

      .discovery-examples .chip:nth-child(even) {

        border-left: 1px solid var(--line);

        padding-left: 12px;

      }

      .discovery-examples .chip span {

        font-size: 7px;

        color: #839294;

        font-weight: 400

      }

      .discovery-examples .chip:hover {

        background: var(--mist);

        color: var(--petrol)

      }

      .discovery-qfoot {

        display: flex;

        justify-content: space-between;

        gap: 18px;

        padding-top: 16px;

        border-top: 1px solid var(--line);

        font-size: 8px;

        color: #687a7c;

      }

      .discovery-qfoot span {

        color: #8a999a

      }

      .discovery-route-panel {

        min-height: 650px;

        padding: 42px 44px 34px;

        display: grid;

        grid-template-rows: auto auto 1fr auto;

        background: var(--petrol2);

        color: #fff;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

      }

      .discovery-route-panel .route-head {

        padding-bottom: 18px;

        border-bottom: 1px solid var(--line-dark);

      }

      .discovery-route-flow {

        display: grid;

        grid-template-columns: auto 1fr auto 1fr auto;

        gap: 12px;

        align-items: center;

        padding: 18px 0 0;

        font-size: 7px;

        text-transform: uppercase;

        letter-spacing: .09em;

        color: #829b9c;

      }

      .discovery-route-flow i {

        height: 1px;

        background: rgba(255, 255, 255, .16)

      }

      .discovery-route-panel .route {

        align-self: center;

        padding: 38px 0;

      }

      .discovery-route-panel .route .label {

        margin-bottom: 28px;

      }

      .discovery-route-panel .route h4 {

        max-width: 720px;

        font-size: clamp(42px, 4.8vw, 76px);

        line-height: .93;

        letter-spacing: -.063em;

        font-weight: 600;

      }

      .discovery-route-panel .route p {

        margin-top: 34px;

        max-width: 650px

      }

      .discovery-route-panel .route-tags {

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        gap: 0;

        margin-top: 36px;

        border-top: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark)

      }

      .discovery-route-panel .route-tags span {

        padding: 13px 12px 13px 0;

        font-size: 8px;

        color: #a9bfc0

      }

      .discovery-route-panel .route-tags span+span {

        border-left: 1px solid var(--line-dark);

        padding-left: 12px

      }

      .discovery-route-panel .route-next {

        margin-top: 28px;

        color: #fff

      }

      .discovery-route-panel .route-foot {

        padding-top: 16px;

        border-top: 1px solid var(--line-dark)

      }

      /* Closing CTA: deliberate white primary + transparent secondary. */

      .close .closing-primary {

        background: #fff !important;
        color: var(--petrol) !important;
        border-color: #fff !important;

      }

      .close .closing-secondary {

        background: transparent;

        color: #fff!important;

        border-color: rgba(255, 255, 255, .34);

      }

      @media(max-width: 900px) {

        .discovery-stage {

          grid-template-columns: 1fr

        }

        .discovery-question, .discovery-route-panel {

          min-height: auto

        }

      }

      @media(max-width: 620px) {

        .discovery-question, .discovery-route-panel {

          padding: 32px 24px

        }

        .discovery-examples {

          grid-template-columns: 1fr

        }

        .discovery-examples .chip:nth-child(even) {

          border-left: 0;

          padding-left: 0

        }

        .discovery-route-panel .route-tags {

          grid-template-columns: 1fr 1fr

        }

        .discovery-route-panel .route-tags span:nth-child(3) {

          border-left: 0

        }

      }

      /* =========================================================

      FREEZE CANDIDATE 03 / NARRATIVE ARCHITECTURE

      Same approved section designs. New job: order, hierarchy, continuity.

      ========================================================= */

      .narrative-rail {

        width: min(1180px, calc(100% - 80px));

        margin: 0 auto;

        display: grid;

        grid-template-columns: repeat(6, 1fr);

        border-left: 1px solid var(--line);

        border-top: 1px solid var(--line);

        background: #fff;

      }

      .narrative-rail a {

        min-height: 76px;

        padding: 17px 16px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        color: var(--ink);

        transition: background .18s ease, color .18s ease;

      }

      .narrative-rail a:hover {

        background: var(--mist);

        color: var(--petrol)

      }

      .narrative-rail small {

        font-size: 7px;

        color: #819193;

        letter-spacing: .09em;

        font-weight: 600

      }

      .narrative-rail span {

        font-size: 9px;

        font-weight: 600

      }

      .narrative-chapter {

        padding: 54px 0 50px;

        background: #fff;

        border-top: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

      }

      .narrative-chapter-inner {

        width: min(1180px, calc(100% - 80px));

        margin: 0 auto;

        display: grid;

        grid-template-columns: 150px 1fr;

        gap: 42px;

        align-items: end;

      }

      .narrative-chapter-no {

        font-size: clamp(58px, 7vw, 104px);

        line-height: .8;

        letter-spacing: -.07em;

        font-weight: 600;

        color: var(--petrol);

      }

      .narrative-chapter-copy {

        padding-left: 42px;

        border-left: 1px solid var(--line);

      }

      .narrative-chapter-copy small {

        font-size: 7px;

        letter-spacing: .12em;

        color: #819193;

        font-weight: 600;

      }

      .narrative-chapter-copy h2 {

        margin: 12px 0 0;

        font-size: clamp(34px, 4vw, 58px);

        line-height: .94;

        letter-spacing: -.055em;

        font-weight: 600;

      }

      .narrative-chapter-copy p {

        max-width: 740px;

        margin: 15px 0 0;

        font-size: 10px;

        line-height: 1.65;

        color: #6a7b7d;

      }

      /* Chapter 01: compact the duplicate full practice grid into a navigation bridge. */

      .practices-compact {

        padding-top: 84px!important;

        padding-bottom: 92px!important;

        background: #fff!important;

      }

      .practices-compact .head {

        margin-bottom: 38px!important;

      }

      .practices-compact .practice-grid {

        grid-template-columns: repeat(4, 1fr)!important;

        gap: 0!important;

        border-top: 1px solid var(--line)!important;

        border-left: 1px solid var(--line)!important;

      }

      .practices-compact .practice {

        min-height: 172px!important;

        padding: 20px!important;

        border-radius: 0!important;

        border: 0!important;

        border-right: 1px solid var(--line)!important;

        border-bottom: 1px solid var(--line)!important;

        background: var(--mist)!important;

      }

      .practices-compact .practice:nth-child(even) {

        background: #fff!important

      }

      .practices-compact .practice h3 {

        margin-top: 34px!important;

        font-size: 18px!important;

        line-height: 1.05!important;

      }

      .practices-compact .practice p {

        font-size: 8px!important;

        line-height: 1.55!important;

      }

      /* Chapter 02: make Three Doors + Need Strip read as one entry system. */

      .chapter-entry-start {

        border-bottom: 0!important

      }

      .chapter-entry-continuation {

        margin-top: 0!important;

        border-top: 1px solid var(--line)!important;

      }

      /* Chapter 03: verification -> people -> credential is one connected system. */

      .professional-sequence-start {

        border-bottom: 0!important

      }

      .professional-sequence-middle {

        border-top: 1px solid var(--line)!important;

        border-bottom: 0!important

      }

      .professional-sequence-end {

        border-top: 1px solid var(--line)!important

      }

      /* Chapter 04: standards -> certification -> Bench. */

      .trust-sequence-start {

        border-bottom: 0!important

      }

      .trust-sequence-middle {

        border-top: 1px solid var(--line)!important;

        border-bottom: 0!important

      }

      .trust-sequence-end {

        border-top: 1px solid var(--line)!important

      }

      /* Chapter 05: slight continuity cue without flattening the individual designs. */

      .professional-life-sequence {

        border-top: 1px solid var(--line)!important

      }

      /* Keep chapter markers editorial and quiet on small screens. */

      @media(max-width: 900px) {

        .narrative-rail {

          grid-template-columns: repeat(3, 1fr)

        }

        .narrative-chapter-inner {

          grid-template-columns: 90px 1fr;

          gap: 24px

        }

        .narrative-chapter-copy {

          padding-left: 24px

        }

        .practices-compact .practice-grid {

          grid-template-columns: repeat(2, 1fr)!important

        }

      }

      @media(max-width: 620px) {

        .narrative-rail {

          width: calc(100% - 36px);

          grid-template-columns: 1fr 1fr

        }

        .narrative-chapter-inner {

          width: calc(100% - 36px);

          grid-template-columns: 1fr;

          gap: 16px

        }

        .narrative-chapter-copy {

          padding-left: 0;

          border-left: 0

        }

        .narrative-chapter-no {

          font-size: 58px

        }

        .practices-compact .practice-grid {

          grid-template-columns: 1fr!important

        }

      }

      /* =========================================================

      FREEZE CANDIDATE 04

      Section-level design audit refinements only.

      Inspiration drawn from the approved UI prototype:

      capability rail, case/story field, people field + finder,

      story mosaic, editorial research spread, light/dark split.

      ========================================================= */

      /* Practice Universe: editorial rail, not another card grid */

      .practice-rail-system {

        margin-top: 104px;

        display: grid;

        grid-template-columns: .68fr 1.32fr;

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .practice-rail-intro {

        min-height: 670px;

        padding: 42px 38px;

        display: flex;

        flex-direction: column;

        justify-content: flex-end;

        background: var(--petrol);

        color: #fff;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

      }

      .practice-rail-intro>small {

        font-size: 8px;

        letter-spacing: .11em;

        color: #8fa6a7;

        font-weight: 600

      }

      .practice-rail-intro h3 {

        margin: 36px 0 0;

        font-size: clamp(42px, 4.5vw, 70px);

        line-height: .93;

        letter-spacing: -.062em;

        font-weight: 600;

      }

      .practice-rail-intro p {

        margin: 28px 0 0;

        max-width: 500px;

        font-size: 10px;

        line-height: 1.7;

        color: #a8b9ba

      }

      .practice-rail-list {

        background: #fff

      }

      .practice-rail-list a {

        display: grid;

        grid-template-columns: 48px 110px 1fr;

        gap: 18px;

        align-items: center;

        min-height: 74px;

        padding: 17px 22px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        transition: background .18s ease, padding-left .18s ease;

      }

      .practice-rail-list a:hover {

        background: var(--mist);

        padding-left: 28px

      }

      .practice-rail-list>a>span {

        font-size: 8px;

        color: #829091

      }

      .practice-rail-list small {

        font-size: 8px;

        color: #718486;

        font-weight: 600

      }

      .practice-rail-list strong {

        display: block;

        font-size: 16px;

        letter-spacing: -.03em

      }

      .practice-rail-list p {

        margin: 5px 0 0;

        font-size: 8px;

        line-height: 1.5;

        color: #748486

      }

      /* Where Neutrals Work: image-led situation atlas */

      .situation-atlas {

        margin-top: 104px;

        display: grid;

        grid-template-columns: repeat(3, 1fr);

        gap: 6px;

      }

      .situation-column {

        min-width: 0;

        border: 1px solid var(--line);

        background: #fff;

      }

      .situation-column figure {

        height: 285px;

        margin: 0;

        position: relative;

        overflow: hidden;

        background: var(--mist);

      }

      .situation-column img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        filter: saturate(.6) contrast(1.04)

      }

      .situation-column figcaption {

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        padding: 22px;

        color: #fff;

        background: linear-gradient(180deg, transparent, rgba(8, 47, 49, .94));

      }

      .situation-column figcaption small {

        display: block;

        font-size: 7px;

        letter-spacing: .1em;

        color: #afc0c0;

        font-weight: 600

      }

      .situation-column figcaption strong {

        display: block;

        margin-top: 8px;

        font-size: 19px;

        line-height: 1.05

      }

      .situation-list a {

        min-height: 88px;

        display: grid;

        grid-template-columns: 38px 1fr;

        gap: 12px;

        padding: 17px 18px;

        border-top: 1px solid var(--line);

        transition: background .18s ease;

      }

      .situation-list a:hover {

        background: var(--mist)

      }

      .situation-list>a>span {

        font-size: 7px;

        color: #829091

      }

      .situation-list strong {

        display: block;

        font-size: 11px;

        line-height: 1.35

      }

      .situation-list small {

        display: block;

        margin-top: 6px;

        font-size: 7px;

        line-height: 1.45;

        color: #718486

      }

      /* Global Neutrals: real people + mandate-first finder */

      .global-people-system {

        margin-top: 104px

      }

      .global-people-strip {

        display: grid;

        grid-template-columns: 1.18fr .82fr .92fr .92fr .92fr;

        gap: 6px;

        height: 520px;

      }

      .global-people-strip .person {

        position: relative;

        overflow: hidden;

        background: var(--mist)

      }

      .global-people-strip .person img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center top;

        filter: saturate(.65) contrast(1.04);

        transition: transform .65s var(--ease);

      }

      .global-people-strip .person:hover img {

        transform: scale(1.025)

      }

      .global-people-strip .person>div {

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        padding: 20px;

        background: rgba(8, 47, 49, .96);

        color: #fff;

      }

      .global-people-strip small {

        display: block;

        font-size: 7px;

        color: #a7b9ba;

        font-weight: 600

      }

      .global-people-strip strong {

        display: block;

        margin-top: 7px;

        font-size: 17px

      }

      .global-people-strip span {

        display: block;

        margin-top: 7px;

        font-size: 8px;

        color: #c1cdcd

      }

      .global-finder {

        display: grid;

        grid-template-columns: .42fr 1.28fr .3fr;

        margin-top: 6px;

        border: 1px solid var(--line);

      }

      .global-finder-intro {

        padding: 30px;

        background: var(--petrol);

        color: #fff;

      }

      .global-finder-intro small {

        font-size: 7px;

        color: #90a6a7;

        font-weight: 600

      }

      .global-finder-intro h3 {

        margin: 28px 0 0;

        font-size: 32px;

        line-height: .96;

        letter-spacing: -.05em

      }

      .global-finder-intro p {

        margin: 18px 0 0;

        font-size: 8px;

        line-height: 1.6;

        color: #a7b8b9

      }

      .global-finder-form {

        display: grid;

        grid-template-columns: 1.15fr .9fr .9fr .9fr auto;

        gap: 0;

        align-items: end;

        padding: 26px;

        background: #fff;

        border-right: 1px solid var(--line);

      }

      .global-finder-form label {

        min-width: 0;

        padding-right: 14px;

        font-size: 7px;

        letter-spacing: .07em;

        color: #718486;

        font-weight: 600;

      }

      .global-finder-form label+label {

        border-left: 1px solid var(--line);

        padding-left: 14px

      }

      .global-finder-form input, .global-finder-form select {

        display: block;

        width: 100%;

        min-height: 42px;

        margin-top: 8px;

        border: 0;

        border-bottom: 1px solid var(--line);

        background: #fff;

        font: 400 9px Inter, Arial, sans-serif;

        color: var(--ink);

      }

      .global-finder-form button {

        min-height: 42px;

        padding: 0 14px;

        border: 0;

        background: var(--petrol);

        color: #fff;

        font: 600 8px Inter, Arial, sans-serif;

        cursor: pointer;

      }

      .global-finder-next {

        display: flex;

        flex-direction: column;

        justify-content: center;

        padding: 20px

      }

      .global-finder-next a {

        padding: 11px 0;

        border-bottom: 1px solid var(--line);

        font-size: 8px;

        font-weight: 600

      }

      /* Professional Knowledge: story mosaic */

      .knowledge-mosaic {

        margin-top: 104px;

        display: grid;

        grid-template-columns: 1.12fr .88fr .88fr;

        grid-template-rows: 310px 310px;

        gap: 6px;

      }

      .knowledge-mosaic>a {

        position: relative;

        overflow: hidden

      }

      .km-image {

        grid-row: 1/3

      }

      .km-image img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        filter: saturate(.56) contrast(1.05)

      }

      .km-image>span {

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        padding: 26px;

        background: rgba(8, 47, 49, .95);

        color: #fff;

      }

      .km-image small, .km-text small {

        display: block;

        font-size: 7px;

        letter-spacing: .09em;

        color: #718486;

        font-weight: 600

      }

      .km-image small {

        color: #a8b9ba

      }

      .km-image strong {

        display: block;

        margin-top: 12px;

        font-size: 28px;

        line-height: 1;

        letter-spacing: -.045em

      }

      .km-text {

        padding: 28px;

        border: 1px solid var(--line);

        background: #fff

      }

      .km-text.mist {

        background: var(--mist);

        border: 0

      }

      .km-text.dark {

        background: var(--petrol);

        color: #fff;

        border: 0

      }

      .km-text.dark small {

        color: #8fa6a7

      }

      .km-text strong {

        display: block;

        margin-top: 70px;

        font-size: 25px;

        line-height: 1;

        letter-spacing: -.04em

      }

      .km-text p {

        margin-top: 14px;

        font-size: 9px;

        line-height: 1.6;

        color: #718486

      }

      .km-text.dark p {

        color: #a7b8b9

      }

      /* Research / Index: editorial publication spread */

      .research-spread {

        margin-top: 104px;

        display: grid;

        grid-template-columns: .82fr 1.18fr;

        border-top: 1px solid var(--line);

        border-left: 1px solid var(--line);

      }

      .research-cover {

        min-height: 640px;

        padding: 42px;

        display: flex;

        flex-direction: column;

        background: var(--petrol);

        color: #fff;

        border-right: 1px solid var(--line-dark);

        border-bottom: 1px solid var(--line-dark);

      }

      .research-cover>small {

        font-size: 8px;

        letter-spacing: .1em;

        color: #8fa6a7;

        font-weight: 600

      }

      .research-cover>strong {

        margin-top: auto;

        max-width: 520px;

        font-size: clamp(42px, 4.8vw, 76px);

        line-height: .91;

        letter-spacing: -.065em;

      }

      .research-cover>span {

        margin-top: 24px;

        font-size: 9px;

        line-height: 1.6;

        color: #a7b8b9

      }

      .research-cover-mark {

        margin-top: 36px;

        padding-top: 16px;

        border-top: 1px solid var(--line-dark);

        font-size: 9px;

        letter-spacing: .1em;

        font-weight: 600;

      }

      .research-routes {

        background: #fff

      }

      .research-routes>a {

        min-height: 112px;

        display: grid;

        grid-template-columns: 54px 1fr;

        gap: 18px;

        padding: 24px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        transition: background .18s ease;

      }

      .research-routes>a:hover {

        background: var(--mist)

      }

      .research-routes>a>span {

        font-size: 8px;

        color: #829091

      }

      .research-routes small {

        display: block;

        font-size: 7px;

        color: #718486;

        font-weight: 600

      }

      .research-routes strong {

        display: block;

        margin-top: 8px;

        font-size: 20px;

        letter-spacing: -.035em

      }

      .research-method-note {

        padding: 28px;

        border-right: 1px solid var(--line);

        border-bottom: 1px solid var(--line);

        background: var(--mist);

      }

      .research-method-note small {

        font-size: 7px;

        color: #718486;

        font-weight: 600

      }

      .research-method-note p {

        margin: 12px 0 0;

        max-width: 620px;

        font-size: 9px;

        line-height: 1.65;

        color: #627577

      }

      /* Ecosystem: clear institutional boundary with split composition */

      .ecosystem-split {

        margin-top: 104px;

        display: grid;

        grid-template-columns: .82fr 1.18fr;

        min-height: 700px;

      }

      .ecosystem-own {

        padding: 50px 42px;

        display: flex;

        flex-direction: column;

        background: #fff;

        border: 1px solid var(--line);

      }

      .ecosystem-own>small {

        font-size: 8px;

        letter-spacing: .1em;

        color: #718486;

        font-weight: 600

      }

      .ecosystem-own h3 {

        margin: 52px 0 0;

        font-size: clamp(46px, 5vw, 78px);

        line-height: .91;

        letter-spacing: -.065em;

        font-weight: 600;

      }

      .ecosystem-own p {

        margin: 28px 0 0;

        max-width: 540px;

        font-size: 10px;

        line-height: 1.7;

        color: #637678

      }

      .ecosystem-own-mark {

        margin-top: auto;

        padding-top: 18px;

        border-top: 1px solid var(--line);

        font-size: 9px;

        letter-spacing: .09em;

        font-weight: 600;

        color: var(--petrol);

      }

      .ecosystem-connected {

        padding: 42px;

        background: var(--petrol);

        color: #fff;

      }

      .ecosystem-connected>small {

        font-size: 8px;

        letter-spacing: .1em;

        color: #8fa6a7;

        font-weight: 600

      }

      .ecosystem-connected>h3 {

        margin: 28px 0 42px;

        font-size: 34px;

        line-height: .97;

        letter-spacing: -.05em;

      }

      .ecosystem-connected>a {

        display: grid;

        grid-template-columns: 48px 1fr;

        gap: 18px;

        padding: 20px 0;

        border-top: 1px solid var(--line-dark);

        color: #fff;

      }

      .ecosystem-connected>a>span {

        font-size: 8px;

        color: #8fa6a7

      }

      .ecosystem-connected small {

        display: block;

        font-size: 7px;

        color: #8fa6a7;

        font-weight: 600

      }

      .ecosystem-connected strong {

        display: block;

        margin-top: 7px;

        font-size: 18px

      }

      .ecosystem-connected p {

        margin: 7px 0 0;

        font-size: 8px;

        line-height: 1.55;

        color: #a7b8b9

      }

      /* Footer correction: remains after signature + closing, exactly as Candidate 02 */

      .footer {

        position: relative

      }

      /* Responsive */

      @media(max-width: 1000px) {

        .practice-rail-system, .research-spread, .ecosystem-split {

          grid-template-columns: 1fr

        }

        .practice-rail-intro {

          min-height: 480px

        }

        .situation-atlas {

          grid-template-columns: 1fr

        }

        .global-people-strip {

          grid-template-columns: 1fr 1fr;

          height: 850px

        }

        .global-people-strip .wide {

          grid-column: span 2

        }

        .global-finder {

          grid-template-columns: 1fr

        }

        .global-finder-form {

          border-right: 0;

          border-bottom: 1px solid var(--line)

        }

        .knowledge-mosaic {

          grid-template-columns: 1fr 1fr

        }

        .km-image {

          grid-row: 1/3

        }

      }

      @media(max-width: 680px) {

        .practice-rail-list a {

          grid-template-columns: 38px 1fr

        }

        .practice-rail-list small {

          grid-column: 2

        }

        .practice-rail-list p {

          grid-column: 2

        }

        .global-people-strip {

          grid-template-columns: 1fr;

          height: auto

        }

        .global-people-strip .wide {

          grid-column: auto

        }

        .global-people-strip .person {

          height: 410px

        }

        .global-finder-form {

          grid-template-columns: 1fr;

          gap: 18px

        }

        .global-finder-form label+label {

          border-left: 0;

          padding-left: 0

        }

        .knowledge-mosaic {

          grid-template-columns: 1fr;

          grid-template-rows: none

        }

        .km-image {

          grid-row: auto;

          min-height: 440px

        }

        .km-text {

          min-height: 280px

        }

      }

      /* =========================================================

      FREEZE CANDIDATE 05

      FINAL SURGICAL DESIGN AUDIT

      One addition only: panoramic human/institutional image at

      the bottom of the hero. Everything else remains Candidate 04.

      ========================================================= */

      .hero-visual-final {

        width: 100%;

        height: 470px;

        margin: 64px 0 0;

        position: relative;

        overflow: hidden;

        background: var(--mist);

      }

      .hero-visual-final img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center 48%;

        filter: saturate(.58) contrast(1.05) brightness(.86);

        transition: transform .8s var(--ease), filter .35s ease;

      }

      .hero-visual-final:hover img {

        transform: scale(1.012);

        filter: saturate(.68) contrast(1.05) brightness(.88);

      }

      .hero-visual-final:after {

        content: "";

        position: absolute;

        inset: 0;

        background: linear-gradient(to top, rgba(8, 47, 49, .78), transparent 56%);

        pointer-events: none;

      }

      .hero-visual-final figcaption {

        position: absolute;

        z-index: 2;

        left: 42px;

        right: 42px;

        bottom: 30px;

        display: grid;

        grid-template-columns: 1fr auto;

        gap: 40px;

        align-items: end;

        color: #fff;

      }

      .hero-visual-final figcaption small {

        display: block;

        font-size: 8px;

        line-height: 1.2;

        letter-spacing: .11em;

        text-transform: uppercase;

        color: #c0cece;

        font-weight: 600;

      }

      .hero-visual-final figcaption strong {

        display: block;

        margin-top: 10px;

        max-width: 760px;

        font-size: clamp(22px, 2.5vw, 38px);

        line-height: 1;

        letter-spacing: -.045em;

        font-weight: 600;

      }

      .hero-visual-final figcaption>span {

        padding-bottom: 4px;

        font-size: 8px;

        letter-spacing: .11em;

        font-weight: 600;

        color: #c6d1d1;

      }

      @media(max-width: 760px) {

        .hero-visual-final {

          height: 320px;

          margin-top: 46px

        }

        .hero-visual-final figcaption {

          left: 20px;

          right: 20px;

          bottom: 20px;

          grid-template-columns: 1fr;

          gap: 14px;



        }

      }

    




      .home-use-row {

        padding: 145px 38px;

        border-top: 1px solid var(--line, #d9e2e2);

        background: #fff

      }

      .home-use-head {

        display: grid;

        grid-template-columns: 7fr 3fr;

        gap: 70px;

        align-items: end;

        margin-bottom: 55px

      }

      .home-use-head h2 {

        margin: 0;

        font-size: clamp(52px, 5.8vw, 88px);

        line-height: .91;

        letter-spacing: -.058em;

        font-weight: 400

      }

      .home-use-head p {

        margin: 0;

        font-size: 12px;

        line-height: 1.72;

        color: #607274

      }

      .home-use-grid {

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        border-top: 1px solid var(--line, #d9e2e2);

        border-left: 1px solid var(--line, #d9e2e2)

      }

      .home-use-grid a {

        min-height: 330px;

        padding: 25px;

        border-right: 1px solid var(--line, #d9e2e2);

        border-bottom: 1px solid var(--line, #d9e2e2);

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        color: inherit;

        text-decoration: none

      }

      .home-use-grid a:nth-child(even) {

        background: var(--mist, #edf4f4)

      }

      .home-use-grid small {

        font-size: 8px;

        color: #758789

      }

      .home-use-grid strong {

        font-size: 27px;

        line-height: 1;

        letter-spacing: -.04em;

        font-weight: 400;

        margin-top: auto;

        margin-bottom: 16px

      }

      .home-use-grid p {

        font-size: 9px;

        line-height: 1.62;

        color: #687a7c;

        margin: 0

      }

      .home-use-actions {

        display: flex;

        gap: 8px;

        flex-wrap: wrap;

        margin-top: 28px

      }

      @media(max-width: 900px) {

        .home-use-head {

          grid-template-columns: 1fr

        }

        .home-use-grid {

          grid-template-columns: 1fr 1fr

        }

      }

      @media(max-width: 600px) {

        .home-use-grid {

          grid-template-columns: 1fr

        }

        .home-use-row {

          padding-left: 20px;

          padding-right: 20px

        }

      }

    
.site,.canvas{
        position:static!important}
    body[class*="tnwgp-route-develop-"] main :is(.p3-circuit,.p3-circuit .left,.p3-circuit .right,.p3-sec.dark,.p3-deep,.p3-final,.dark) {
        background:#fff!important;
        color:#111617!important;
        border-color:rgba(17,22,23,.12)!important;
        min-height:0!important}
    body[class*="tnwgp-route-develop-"] main :is(.p3-circuit,.p3-sec.dark,.p3-final,.dark) :is(h1,h2,h3,strong) {
        color:#111617!important;
        text-shadow:none!important}
    body[class*="tnwgp-route-develop-"] main :is(.p3-circuit,.p3-sec.dark,.p3-final,.dark) :is(p,small,.p3-ey,.ey) {
        color:#607274!important;
        text-shadow:none!important;
        opacity:1!important}
    body[class*="tnwgp-route-develop-"] main .p3-circuit{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;
        gap:46px!important;
        padding:88px 54px!important}
    body[class*="tnwgp-route-develop-"] main .p3-circuit :is(article,a) {
        padding:22px 0!important;
        background:#fff!important;
        color:#111617!important;
        border-color:rgba(17,22,23,.12)!important}
    body[class*="tnwgp-route-develop-"] main :is(.p3-review-grid,.p3-scenarios,.facultygrid,.dialogue-map,.routegrid,.controlrail) {
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:0!important;
        border:1px solid rgba(17,22,23,.12)!important;
        border-right:0!important;
        border-bottom:0!important}
    body[class*="tnwgp-route-develop-"] main :is(.p3-review-grid,.p3-scenarios,.facultygrid,.dialogue-map,.routegrid,.controlrail) :is(article,a) {
        min-height:240px!important;
        padding:28px!important;
        background:#fff!important;
        color:#111617!important;
        border-right:1px solid rgba(17,22,23,.12)!important;
        border-bottom:1px solid rgba(17,22,23,.12)!important}
    body[class*="tnwgp-route-develop-"] main :is(.p3-review-grid,.p3-scenarios,.facultygrid,.dialogue-map,.routegrid,.controlrail) :is(article,a):nth-child(even) {
        background:#edf4f4!important}
    body[class*="tnwgp-route-develop-"] main :is(.p3-review-grid,.p3-scenarios,.facultygrid,.dialogue-map,.routegrid,.controlrail) :is(h3,strong) {
        margin:50px 0 12px!important;
        color:#111617!important;
        text-shadow:none!important}
    body[class*="tnwgp-route-develop-"] main :is(.p3-review-grid,.p3-scenarios,.facultygrid,.dialogue-map,.routegrid,.controlrail) :is(p,small) {
        color:#607274!important;
        text-shadow:none!important}
    body[class*="tnwgp-route-develop-"] main .p3-photo{
        display:block!important;
        min-height:0!important;
        background:#fff!important;
        color:#111617!important}
    body[class*="tnwgp-route-develop-"] main .p3-photo img{
        position:relative!important;
        height:420px!important;
        filter:none!important;
        object-fit:cover!important}
    body[class*="tnwgp-route-develop-"] main .p3-photo:after{
        display:none!important}
    body[class*="tnwgp-route-develop-"] main .p3-photo .inner{
        position:static!important;
        min-height:0!important;
        padding:34px 54px 56px!important;
        background:#fff!important;
        color:#111617!important}
    body[class*="tnwgp-route-develop-"] main .p3-photo :is(h2,p) {
        text-shadow:none!important}
    body[class*="tnwgp-route-develop-"] main .p3-photo h2{
        color:#111617!important}
    body[class*="tnwgp-route-develop-"] main .p3-photo p{
        color:#607274!important}
    @media(max-width:900px) {
        body[class*="tnwgp-route-develop-"] main .p3-circuit,body[class*="tnwgp-route-develop-"] main :is(.p3-review-grid,.p3-scenarios,.facultygrid,.dialogue-map,.routegrid,.controlrail) {
            grid-template-columns:1fr!important}
        body[class*="tnwgp-route-develop-"] main .p3-circuit{
            padding:58px 22px!important}
        body[class*="tnwgp-route-develop-"] main .p3-photo .inner{
            padding:28px 22px 44px!important}
    }
    .tnwgp-live-publications,.tnwgp-live-audio{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:0;
        border-top:1px solid rgba(17,22,23,.12);
        border-left:1px solid rgba(17,22,23,.12);
        margin-top:48px}
    .tnwgp-live-publications article,.tnwgp-live-audio article{
        padding:28px;
        min-height:300px;
        border-right:1px solid rgba(17,22,23,.12);
        border-bottom:1px solid rgba(17,22,23,.12);
        background:#fff}
    .tnwgp-live-publications article:nth-child(2n),.tnwgp-live-audio article:nth-child(2n) {
        background:#edf4f4}
    .tnwgp-live-publications .ey,.tnwgp-live-audio .ey{
        font-size:8px;
        text-transform:uppercase;
        letter-spacing:.12em;
        color:#728486}
    .tnwgp-live-publications h3,.tnwgp-live-audio h3{
        margin:95px 0 14px;
        font-size:28px;
        line-height:.98;
        letter-spacing:-.045em;
        font-weight:400}
    .tnwgp-live-publications p,.tnwgp-live-audio p{
        font-size:10px;
        line-height:1.65;
        color:#687a7c}
    .tnwgp-live-publications img,.tnwgp-live-audio img{
        width:100%;
        aspect-ratio:1.6;
        object-fit:cover;
        margin:0 0 16px}
    .tnwgp-live-publications a,.tnwgp-live-audio a{
        display:inline-flex;
        margin-top:14px;
        min-height:34px;
        padding:0 12px;
        border:1px solid rgba(8,47,49,.18);
        border-radius:999px;
        align-items:center;
        font-size:8px;
        font-weight:600}
    .tnwgp-live-empty{
        display:none}
    .pill,.actions a,.card-actions a,.links a,.ed-links a,.nactions a,.p3-appointment a,.route-card,.p3-crosslinks a{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        text-decoration:none}
    .pill,.actions a,.card-actions a,.links a,.nactions a{
        min-height:40px;
        padding:0 14px;
        border:1px solid rgba(8,47,49,.18);
        background:#fff;
        color:#082f31;
        font-weight:600}
    .pill.dark,.actions a.dark,.card-actions a:last-child,.nactions a:first-child{
        background:#082f31;
        color:#fff;
        border-color:#082f31}
    .ed-links a,.p3-crosslinks a{
        min-height:150px;
        align-items:flex-start;
        justify-content:space-between;
        flex-direction:column;
        padding:24px;
        border:1px solid rgba(8,47,49,.12);
        background:#fff;
        color:#082f31}
    .ed-links a:nth-child(even),.p3-crosslinks a:nth-child(even) {
        background:#edf4f4}
    .ed-links a strong,.p3-crosslinks a strong{
        font-size:20px;
        line-height:1.08}
    .photo img,.market-photo img,.hero-media>img,.profile-photo img,.card-photo img,.nphoto img,.tnwgp-up-photo img{
        filter:none!important;
        opacity:1!important}
    .photo:after,.market-photo:after,.profile-photo:after,.person-photo:after{
        background:linear-gradient(to top,rgba(4,27,28,.50),transparent 58%)!important}
    .profile{
        min-height:0!important}
    .profile-photo{
        min-height:460px!important;
        overflow:hidden}
    .profile-panel{
        min-height:460px!important}
    .profile-hero,.corridor-profile,.corridor-person,.record-spotlight{
        min-height:0!important}
    .corridor-profile figure,.corridor-person figure{
        min-height:460px!important;
        overflow:hidden}
    .profile-intro{
        padding-top:72px!important;
        padding-bottom:56px!important}
    .profile-intro h1{
        font-size:clamp(48px,5.8vw,92px)!important;
        line-height:.9!important;
        letter-spacing:-.045em!important}
    .profile-intro .bio,.profile-intro p{
        max-width:780px!important;
        color:#c2d0d1!important}
    .profile-hero{
        background:#082f31!important;
        color:#fff!important}
    .profile-meta{
        background:#fff;
        color:#082f31}
    @media(max-width:820px) {
        .profile,.market-visual{
            grid-template-columns:1fr!important}
        .profile-photo,.profile-panel{
            min-height:0!important}
        .profile-panel{
            padding:28px!important}
    }
    body[class*="tnwgp-route-corridors-"] .section{
        padding-top:96px!important;
        padding-bottom:96px!important}
    body[class*="tnwgp-route-corridors-"] .hero{
        padding-top:82px!important;
        padding-bottom:48px!important}
    body[class*="tnwgp-route-corridors-"] .fullbleed{
        min-height:0!important;
        padding:96px 36px!important;
        display:block!important;
        background:#edf4f4!important;
        color:#111617!important;
        border-top:1px solid rgba(17,22,23,.12)!important}
    body[class*="tnwgp-route-corridors-"] .fullbleed .inner{
        padding:0!important;
        display:grid!important;
        grid-template-columns:.32fr 1fr!important;
        gap:56px!important}
    body[class*="tnwgp-route-corridors-"] .fullbleed h2{
        max-width:980px!important;
        font-size:clamp(40px,4.4vw,72px)!important;
        color:#111617!important;
        text-shadow:none!important}
    body[class*="tnwgp-route-corridors-"] .fullbleed p{
        max-width:780px!important;
        color:#536567!important;
        text-shadow:none!important}
    body[class*="tnwgp-route-corridors-"] .fullbleed .ey{
        color:#647779!important}
    body[class*="tnwgp-route-corridors-"] .market-visual,body[class*="tnwgp-route-corridors-"] .role-split,body[class*="tnwgp-route-corridors-"] .profile{
        min-height:0!important}
    body[class*="tnwgp-route-corridors-"] .market-photo{
        min-height:430px!important;
        background:#edf4f4}
    body[class*="tnwgp-route-corridors-"] .photo{
        min-height:300px!important;
        background:#edf4f4}
    body[class*="tnwgp-route-corridors-"] .market-photo img,body[class*="tnwgp-route-corridors-"] .photo img{
        min-height:100%!important}
    body[class*="tnwgp-route-corridors-"] .cap strong{
        max-width:780px;
        text-shadow:0 1px 18px rgba(0,0,0,.35)}
    body[class*="tnwgp-route-corridors-"] .cards,body[class*="tnwgp-route-corridors-"] .tiles,body[class*="tnwgp-route-corridors-"] .market-visual,body[class*="tnwgp-route-corridors-"] .role-split,body[class*="tnwgp-route-corridors-"] .discovery{
        margin-top:58px!important}
    body[class*="tnwgp-route-corridors-"] .cards article,body[class*="tnwgp-route-corridors-"] .tiles a,body[class*="tnwgp-route-corridors-"] .role-grid a{
        background:#fff;
        color:#111617}
    body[class*="tnwgp-route-corridors-"] .cards article:nth-child(even),body[class*="tnwgp-route-corridors-"] .tiles a:nth-child(even),body[class*="tnwgp-route-corridors-"] .role-grid a:nth-child(even) {
        background:#edf4f4}
    body[class*="tnwgp-route-corridors-"] .cards .last,body[class*="tnwgp-route-corridors-"] .tiles .last{
        background:#082f31;
        color:#fff}
    @media(max-width:1180px) {
        body[class*="tnwgp-route-corridors-"] .cards,body[class*="tnwgp-route-corridors-"] .tiles{
            grid-template-columns:repeat(2,minmax(0,1fr))!important}
        body[class*="tnwgp-route-corridors-"] .head,body[class*="tnwgp-route-corridors-"] .hero-grid,body[class*="tnwgp-route-corridors-"] .role-split,body[class*="tnwgp-route-corridors-"] .fullbleed .inner{
            grid-template-columns:1fr!important}
    }
    @media(max-width:820px) {
        body[class*="tnwgp-route-corridors-"] .section,body[class*="tnwgp-route-corridors-"] .fullbleed{
            padding:58px 20px!important}
        body[class*="tnwgp-route-corridors-"] .cards,body[class*="tnwgp-route-corridors-"] .tiles,body[class*="tnwgp-route-corridors-"] .market-visual,body[class*="tnwgp-route-corridors-"] .role-grid,body[class*="tnwgp-route-corridors-"] .discovery{
            grid-template-columns:1fr!important}
        body[class*="tnwgp-route-corridors-"] .market-photo,body[class*="tnwgp-route-corridors-"] .photo{
            min-height:320px!important}
    }
    body[class*="tnwgp-route-corridors-"] .footer{
        background:#fff!important;
        color:#111617!important}
    body[class*="tnwgp-route-corridors-"] .footer a,body[class*="tnwgp-route-corridors-"] .footer h2,body[class*="tnwgp-route-corridors-"] .footer h3,body[class*="tnwgp-route-corridors-"] .footer strong,body[class*="tnwgp-route-corridors-"] .footer .current,body[class*="tnwgp-route-corridors-"] .footer-meta .left,body[class*="tnwgp-route-corridors-"] .footer-lockup .bottom{
        color:#082f31!important;
        opacity:1!important}
    body[class*="tnwgp-route-corridors-"] .footer p,body[class*="tnwgp-route-corridors-"] .footer small,body[class*="tnwgp-route-corridors-"] .footer .brand-note,body[class*="tnwgp-route-corridors-"] .footer-meta .right,body[class*="tnwgp-route-corridors-"] .footer-lockup .micro,body[class*="tnwgp-route-corridors-"] .footer .mm-kicker{
        color:#647779!important;
        opacity:1!important}
    body[class*="tnwgp-route-corridors-"] .footer-grid,body[class*="tnwgp-route-corridors-"] .ecosystem-band,body[class*="tnwgp-route-corridors-"] .footer-meta{
        border-color:rgba(17,22,23,.12)!important}
    body[class*="tnwgp-route-corridors-"] .ecosystem-actions a{
        background:#fff!important;
        border-color:rgba(17,22,23,.12)!important;
        color:#405254!important}
    body[class*="tnwgp-route-corridors-"] .ecosystem-actions a:first-child{
        background:#082f31!important;
        color:#fff!important}
    .p3-academy-stack,.p3-grid4,.p3-ledger,.p3-scenarios,.p3-crosslinks{
        border-color:rgba(17,22,23,.12)}
    .p3-academy-row,.p3-grid4 article,.p3-ledger article,.p3-scenarios article,.p3-crosslinks a{
        background:#fff;
        color:#111617}
    .p3-academy-row:nth-child(even),.p3-grid4 article:nth-child(even),.p3-ledger article:nth-child(even),.p3-crosslinks a:nth-child(even) {
        background:#edf4f4}
    .p3-academy-row p,.p3-grid4 p,.p3-ledger p,.p3-scenarios p,.p3-crosslinks p{
        color:#607274}
    .p3-circuit{
        background:#082f31;
        color:#fff}
    .p3-circuit p,.p3-circuit .right p{
        color:#c2d0d1}
    .p3-circuit .right article{
        border-color:rgba(255,255,255,.14)}
    .p3-circuit .right small,.p3-circuit .p3-ey{
        color:#a8bbbc}
    .p3-final{
        background:#082f31;
        color:#fff}
    .p3-final p{
        color:#c2d0d1}
    @media(max-width:900px) {
        .p3-academy-stack,.p3-grid4,.p3-ledger,.p3-scenarios,.p3-crosslinks{
            grid-template-columns:1fr!important}
        .p3-circuit{
            grid-template-columns:1fr!important}
        .p3-circuit .left,.p3-circuit .right{
            min-height:auto!important}
    }
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero{
        display:grid!important;
        grid-template-columns:minmax(0,.95fr) minmax(420px,.7fr)!important;
        min-height:0!important;
        background:#fff!important;
        border-top:1px solid rgba(17,22,23,.08)!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero-copy{
        padding:76px 54px 58px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:space-between!important;
        gap:44px!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero h1{
        margin:18px 0 0!important;
        max-width:880px!important;
        font-size:clamp(42px,4.8vw,76px)!important;
        line-height:.98!important;
        letter-spacing:0!important;
        font-weight:500!important;
        color:#0b1718!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero p{
        margin:24px 0 0!important;
        max-width:820px!important;
        font-size:16px!important;
        line-height:1.65!important;
        color:#536668!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero .pill{
        min-height:46px!important;
        padding:0 18px!important;
        border-radius:0!important;
        font-size:12px!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero-media{
        position:relative!important;
        min-height:520px!important;
        max-height:640px!important;
        overflow:hidden!important;
        background:#edf4f4!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero-media img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        filter:none!important;
        opacity:1!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero-note{
        position:absolute!important;
        left:24px!important;
        right:24px!important;
        bottom:24px!important;
        padding:22px!important;
        background:rgba(255,255,255,.94)!important;
        color:#111617!important;
        border:1px solid rgba(17,22,23,.12)!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-sec{
        padding:88px 54px!important;
        background:#fff!important;
        border-top:1px solid rgba(17,22,23,.10)!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-head{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(260px,420px)!important;
        gap:48px!important;
        align-items:end!important;
        margin-bottom:46px!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-head h2{
        margin:12px 0 0!important;
        max-width:920px!important;
        font-size:clamp(34px,4vw,58px)!important;
        line-height:1!important;
        letter-spacing:0!important;
        color:#111617!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main :is(.p3-plan,.pathway,.choice,.facultygrid,.formats,.quarters,.review) {
        margin-top:42px!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main :is(.p3-plan,.pathway,.facultygrid,.formats,.quarters) {
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        border:1px solid rgba(17,22,23,.12)!important;
        border-right:0!important;
        border-bottom:0!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main article{
        background:#fff!important;
        color:#111617!important;
        border-color:rgba(17,22,23,.12)!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main article:nth-child(even) {
        background:#f3f8f8!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main article h3{
        margin:54px 0 12px!important;
        font-size:24px!important;
        line-height:1.08!important;
        letter-spacing:0!important;
        color:#111617!important}
    body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main article p{
        font-size:11px!important;
        line-height:1.6!important;
        color:#607274!important}
    @media(max-width:1050px) {
        body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero,body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-head{
            grid-template-columns:1fr!important}
        body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero-media{
            min-height:420px!important}
        body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main :is(.p3-plan,.pathway,.facultygrid,.formats,.quarters) {
            grid-template-columns:1fr 1fr!important}
    }
    @media(max-width:700px) {
        body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-hero-copy,body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main .p3-sec{
            padding:44px 22px!important}
        body:is(.tnwgp-route-develop-annual-practice-plan,.tnwgp-route-develop-build-your-neutral-profile,.tnwgp-route-develop-choose-your-practice-positioning) main :is(.p3-plan,.pathway,.facultygrid,.formats,.quarters) {
            grid-template-columns:1fr!important}
    }
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero{
        display:grid!important;
        grid-template-columns:minmax(0,.92fr) minmax(420px,.72fr)!important;
        min-height:0!important;
        background:#fff!important;
        border-top:1px solid rgba(17,22,23,.08)!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero-copy{
        padding:76px 54px 58px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:space-between!important;
        gap:44px!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-ey{
        font-size:10px!important;
        letter-spacing:.12em!important;
        color:#607274!important;
        font-weight:600!important;
        text-transform:uppercase!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero h1{
        margin:18px 0 0!important;
        max-width:860px!important;
        font-size:clamp(44px,5vw,78px)!important;
        line-height:.96!important;
        letter-spacing:0!important;
        font-weight:500!important;
        color:#0b1718!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero p{
        margin:24px 0 0!important;
        max-width:780px!important;
        font-size:16px!important;
        line-height:1.65!important;
        color:#536668!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero .actions{
        gap:12px!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero .pill{
        min-height:46px!important;
        padding:0 18px!important;
        border-radius:0!important;
        font-size:12px!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero-media{
        position:relative!important;
        min-height:560px!important;
        max-height:680px!important;
        overflow:hidden!important;
        background:#edf4f4!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero-media img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        filter:none!important;
        opacity:1!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero-media:after{
        background:linear-gradient(to top,rgba(8,47,49,.36),rgba(8,47,49,.02) 58%)!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero-note{
        position:absolute!important;
        left:24px!important;
        right:24px!important;
        bottom:24px!important;
        padding:24px!important;
        background:rgba(255,255,255,.94)!important;
        color:#111617!important;
        border:1px solid rgba(17,22,23,.12)!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero-note strong{
        font-size:28px!important;
        line-height:1.05!important;
        color:#082f31!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-hero-note p{
        margin:10px 0 0!important;
        font-size:11px!important;
        line-height:1.55!important;
        color:#607274!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-sec{
        padding:88px 54px!important;
        background:#fff!important;
        border-top:1px solid rgba(17,22,23,.10)!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-sec.mist{
        background:#edf4f4!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-head{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(260px,420px)!important;
        gap:48px!important;
        align-items:end!important;
        margin-bottom:46px!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-head h2{
        margin:12px 0 0!important;
        max-width:920px!important;
        font-size:clamp(34px,4vw,58px)!important;
        line-height:1!important;
        letter-spacing:0!important;
        color:#111617!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-head p{
        margin:0!important;
        font-size:14px!important;
        line-height:1.65!important;
        color:#607274!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-plan,body.tnwgp-route-develop-annual-practice-plan main .quarters,body.tnwgp-route-develop-annual-practice-plan main .formats,body.tnwgp-route-develop-annual-practice-plan main .review{
        margin-top:42px!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        border:1px solid rgba(17,22,23,.12)!important;
        border-right:0!important;
        border-bottom:0!important}
    body.tnwgp-route-develop-annual-practice-plan main .p3-plan article,body.tnwgp-route-develop-annual-practice-plan main .quarters article,body.tnwgp-route-develop-annual-practice-plan main .formats article,body.tnwgp-route-develop-annual-practice-plan main .review article{
        min-height:230px!important;
        padding:26px!important;
        background:#fff!important;
        color:#111617!important;
        border-right:1px solid rgba(17,22,23,.12)!important;
        border-bottom:1px solid rgba(17,22,23,.12)!important}
    body.tnwgp-route-develop-annual-practice-plan main article:nth-child(even) {
        background:#f3f8f8!important}
    body.tnwgp-route-develop-annual-practice-plan main article h3{
        margin:54px 0 12px!important;
        font-size:24px!important;
        line-height:1.08!important;
        letter-spacing:0!important;
        color:#111617!important}
    body.tnwgp-route-develop-annual-practice-plan main article p{
        font-size:11px!important;
        line-height:1.6!important;
        color:#607274!important}
    body.tnwgp-route-develop-annual-practice-plan main .dark{
        background:#fff!important;
        color:#111617!important}
    body.tnwgp-route-develop-annual-practice-plan main .dark p,body.tnwgp-route-develop-annual-practice-plan main .dark small{
        color:#607274!important}
    body.tnwgp-route-develop-annual-practice-plan main .dev-trio{
        display:grid!important;
        grid-template-columns:1fr 1fr 1fr!important;
        min-height:0!important}
    body.tnwgp-route-develop-annual-practice-plan main .dev-trio .photo{
        min-height:340px!important}
    body.tnwgp-route-develop-annual-practice-plan main .photo:after{
        background:linear-gradient(to top,rgba(8,47,49,.42),transparent 62%)!important}
    @media(max-width:1050px) {
        body.tnwgp-route-develop-annual-practice-plan main .p3-hero{
            grid-template-columns:1fr!important}
        body.tnwgp-route-develop-annual-practice-plan main .p3-hero-media{
            min-height:420px!important}
        body.tnwgp-route-develop-annual-practice-plan main .p3-head{
            grid-template-columns:1fr!important}
        body.tnwgp-route-develop-annual-practice-plan main .p3-plan,body.tnwgp-route-develop-annual-practice-plan main .quarters,body.tnwgp-route-develop-annual-practice-plan main .formats,body.tnwgp-route-develop-annual-practice-plan main .review,body.tnwgp-route-develop-annual-practice-plan main .dev-trio{
            grid-template-columns:1fr 1fr!important}
    }
    @media(max-width:700px) {
        body.tnwgp-route-develop-annual-practice-plan main .p3-hero-copy,body.tnwgp-route-develop-annual-practice-plan main .p3-sec{
            padding:44px 22px!important}
        body.tnwgp-route-develop-annual-practice-plan main .p3-plan,body.tnwgp-route-develop-annual-practice-plan main .quarters,body.tnwgp-route-develop-annual-practice-plan main .formats,body.tnwgp-route-develop-annual-practice-plan main .review,body.tnwgp-route-develop-annual-practice-plan main .dev-trio{
            grid-template-columns:1fr!important}
    }
    .section.dark .cards,.section.dark .tiles,.section.dark .links,.dark .cards,.dark .tiles,.dark .links{
        border-color:rgba(255,255,255,.14)}
    .section.dark .cards article,.section.dark .tiles a,.section.dark .links a,.dark .cards article,.dark .tiles a,.dark .links a{
        border-color:rgba(255,255,255,.14);
        color:#fff}
    .section.dark .cards article:not(.last):nth-child(even),.section.dark .tiles a:not(.last):nth-child(even),.section.dark .links a:not(.last):nth-child(even),.dark .cards article:not(.last):nth-child(even),.dark .tiles a:not(.last):nth-child(even),.dark .links a:not(.last):nth-child(even) {
        background:rgba(255,255,255,.08)}
    .section.dark .cards small,.section.dark .tiles small,.section.dark .links small,.dark .cards small,.dark .tiles small,.dark .links small{
        color:#a8bbbc}
    .section.dark .cards p,.section.dark .tiles p,.section.dark .links p,.dark .cards p,.dark .tiles p,.dark .links p{
        color:#c2d0d1}
    .section.dark .cards article.last,.section.dark .tiles a.last,.section.dark .links a.last,.dark .cards article.last,.dark .tiles a.last,.dark .links a.last{
        background:#edf4f4;
        color:#082f31}
    .section.dark .cards article.last small,.section.dark .tiles a.last small,.section.dark .links a.last small,.dark .cards article.last small,.dark .tiles a.last small,.dark .links a.last small{
        color:#607476}
    .section.dark .cards article.last p,.section.dark .tiles a.last p,.section.dark .links a.last p,.dark .cards article.last p,.dark .tiles a.last p,.dark .links a.last p{
        color:#536668}
    .tnwgp-pagination{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        padding:24px 48px 34px;
        margin:0;
        justify-content:center;
        background:#fff;
        border-top:1px solid rgba(8,47,49,.12)}
    .tnwgp-pagination a{
        display:inline-flex;
        min-width:34px;
        height:34px;
        padding:0 10px;
        align-items:center;
        justify-content:center;
        border:1px solid rgba(8,47,49,.18);
        border-radius:999px;
        text-decoration:none;
        font-size:10px;
        color:#073b3d}
    .tnwgp-pagination a.current{
        background:#073b3d;
        color:#fff}
    .tnwgp-pagination .dots{
        display:inline-flex;
        height:34px;
        padding:0 4px;
        align-items:center;
        color:#789092;
        font-size:12px}
    .tnwgp-profile-dynamic .p3-related{
        display:grid}
    .tnwgp-live-neutral-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        background:#fff;
        border-color:rgba(17,22,23,.12)}
    .tnwgp-live-neutral-grid .ncard{
        min-height:570px;
        background:#fff;
        border-color:rgba(17,22,23,.12)}
    .tnwgp-live-neutral-grid .nphoto{
        height:285px;
        background:#edf4f4}
    .tnwgp-live-neutral-grid .nbody{
        padding:24px;
        gap:12px}
    .tnwgp-live-neutral-grid .nbody h3{
        font-size:30px}
    .tnwgp-live-neutral-grid .nbody .role{
        font-size:10px}
    .tnwgp-live-neutral-grid .nbody .why{
        font-size:9px;
        line-height:1.6}
    .tnwgp-live-neutral-grid .nactions a{
        font-size:9px}
    .tnwgp-directory-wrap{
        width:min(100%,1360px);
        margin:82px auto 0;
        background:#fff;
        border:1px solid rgba(8,47,49,.12);
        overflow:hidden}
    .tnwgp-directory-wrap .tnwgp-universal-professionals{
        margin:0;
        border:0}
    .tnwgp-directory-grid{
        grid-template-columns:1fr 1fr!important}
    .tnwgp-home-people-strip{
        grid-template-columns:1fr 1fr!important;
        height:620px!important}
    .tnwgp-live-profile-grid{
        grid-template-columns:1fr 1fr!important}
    .tnwgp-live-secondary-results{
        grid-template-columns:1fr 1fr!important}
    .tnwgp-universal-professionals{
        margin:56px 0;
        padding:0;
        background:#fff;
        border:1px solid rgba(8,47,49,.12);
        overflow:hidden}
    .tnwgp-up-head{
        display:grid;
        grid-template-columns:1.15fr .85fr;
        gap:40px;
        padding:44px 48px 30px;
        background:#edf4f4;
        border-bottom:1px solid rgba(8,47,49,.12)}
    .tnwgp-up-head small{
        font-size:9px;
        letter-spacing:.14em;
        text-transform:uppercase;
        color:#5d7476}
    .tnwgp-up-head h2{
        margin:10px 0 0;
        font-size:clamp(32px,4vw,58px);
        line-height:.94;
        letter-spacing:-.055em;
        font-weight:400;
        color:#0a1718}
    .tnwgp-up-head p{
        margin:18px 0 0;
        max-width:420px;
        font-size:11px;
        line-height:1.65;
        color:#5d7476;
        align-self:end}
    .tnwgp-up-controls{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        padding:20px 48px;
        border-bottom:1px solid rgba(8,47,49,.12);
        background:#fff}
    .tnwgp-up-controls button{
        appearance:none;
        border:1px solid rgba(8,47,49,.18);
        background:#fff;
        color:#092d2f;
        padding:11px 16px;
        font:inherit;
        font-size:10px;
        cursor:pointer}
    .tnwgp-up-controls button.active{
        background:#063b3d;
        color:#fff}
    .tnwgp-up-grid{
        display:grid;
        grid-template-columns:1fr 1fr}
    .tnwgp-up-card{
        display:grid;
        grid-template-columns:48% 52%;
        min-height:420px;
        border-right:1px solid rgba(8,47,49,.12);
        border-bottom:1px solid rgba(8,47,49,.12);
        background:#fff}
    .tnwgp-up-card:nth-child(2n) {
        border-right:0;
        background:#f5f8f8}
    .tnwgp-up-photo{
        min-height:420px;
        background:#dfe9e9;
        overflow:hidden}
    .tnwgp-up-photo img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block}
    .tnwgp-up-body{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:30px 32px}
    .tnwgp-up-body>small{
        font-size:8px;
        letter-spacing:.12em;
        text-transform:uppercase;
        color:#688082}
    .tnwgp-up-body h3{
        margin:26px 0 8px;
        font-size:clamp(30px,3.1vw,46px);
        line-height:.94;
        letter-spacing:-.04em;
        font-weight:400;
        color:#071719}
    .tnwgp-up-body .role{
        margin:0;
        color:#5d7476;
        font-size:11px;
        line-height:1.4}
    .tnwgp-up-chips{
        display:flex;
        flex-wrap:wrap;
        gap:6px;
        margin:22px 0 0}
    .tnwgp-up-chips span{
        padding:7px 9px;
        background:#e8f0f0;
        color:#173638;
        font-size:8px}
    .tnwgp-up-body .why{
        margin:20px 0 0;
        font-size:10px;
        line-height:1.6;
        color:#5d7476}
    .tnwgp-up-actions{
        display:flex;
        gap:8px;
        margin-top:24px}
    .tnwgp-up-actions a{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:36px;
        padding:0 13px;
        border:1px solid rgba(8,47,49,.2);
        font-size:9px;
        text-decoration:none;
        color:#073b3d}
    .tnwgp-up-actions a.primary{
        background:#063b3d;
        color:#fff}
    .tnwgp-directory-filter{
        display:grid;
        grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto;
        gap:10px;
        padding:20px 48px;
        background:#063b3d}
    .tnwgp-directory-filter label{
        display:flex;
        flex-direction:column;
        gap:6px;
        color:#fff;
        font-size:8px;
        letter-spacing:.08em;
        text-transform:uppercase}
    .tnwgp-directory-filter input, .tnwgp-directory-filter select{
        min-width:0;
        height:46px;
        border:1px solid rgba(255,255,255,.35);
        background:#fff;
        padding:13px 12px;
        color:#111;
        font-size:12px;
        line-height:1.3;
        box-sizing:border-box}
    .tnwgp-directory-filter button{
        align-self:end;
        height:46px;
        border:0;
        background:#fff;
        color:#063b3d;
        padding:0 16px;
        font-size:9px;
        font-weight:600;
        cursor:pointer}
    @media(max-width:1180px) {
        .tnwgp-directory-grid{
            grid-template-columns:1fr!important}
        .tnwgp-directory-grid .tnwgp-up-card:nth-child(2n) {
            background:#fff}
        .tnwgp-directory-grid .tnwgp-up-card:nth-child(even) {
            background:#f5f8f8}
    }
    body[class*="tnwgp-route-enterprise-"] main .tnwgp-universal-professionals{
        max-width:1280px;
        margin:70px auto;
        background:#fff;
        border:1px solid rgba(17,22,23,.12);
        overflow:hidden}
    body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-card{
        grid-template-columns:220px minmax(0,1fr)!important;
        min-height:360px!important;
        height:auto!important;
        min-width:0!important}
    body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-photo{
        width:220px!important;
        height:360px!important;
        min-height:360px!important;
        overflow:hidden!important}
    body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-photo img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center top}
    body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-body{
        min-width:0!important;
        overflow:hidden!important;
        padding:28px!important}
    body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-body h3{
        font-size:clamp(30px,3vw,48px);
        line-height:1}
    /* Unified professional discovery surface for all corridor pages. */
    body[class*="tnwgp-route-corridors-"] main .tnwgp-universal-professionals{
        display:block!important;
        position:relative!important;
        left:auto!important;
        grid-column:1/-1!important;
        width:min(calc(100% - 80px),1280px)!important;
        max-width:1280px!important;
        margin:72px auto!important;
        padding:0!important;
        background:#fff!important;
        border:1px solid rgba(8,47,49,.12)!important;
        overflow:hidden!important;
        box-sizing:border-box!important}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-head{
        grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
        gap:48px;
        padding:42px 46px 32px}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-controls{
        padding:18px 46px}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        width:100%!important}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-card{
        grid-template-columns:220px minmax(0,1fr)!important;
        min-height:360px!important;
        height:auto!important;
        min-width:0!important;
        box-sizing:border-box!important}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-card:nth-child(2n){border-right:0}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-photo{
        width:220px!important;
        height:360px!important;
        min-height:360px!important;
        display:block!important;
        background:#edf4f4!important;
        overflow:hidden!important}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-photo img{
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        display:block!important;
        object-fit:cover!important;
        object-position:center top!important}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-body{
        justify-content:flex-start!important;
        min-width:0!important;
        overflow:hidden!important;
        padding:28px!important}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-body h3{
        margin-top:18px!important;
        font-size:clamp(27px,2.45vw,38px)!important;
        line-height:1.02!important;
        letter-spacing:-.035em!important;
        overflow-wrap:anywhere!important}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-chips,
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-body .why{margin-top:18px!important}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-actions{
        margin-top:20px!important;
        flex-wrap:wrap}
    body[class*="tnwgp-route-corridors-"] main .tnwgp-up-actions a{min-height:38px}
    @media(max-width:1100px) and (min-width:901px) {
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-grid{grid-template-columns:1fr!important}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-card{grid-template-columns:260px minmax(0,1fr)!important}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-photo{width:260px!important}
    }
    @media(max-width:900px) {
        .tnwgp-up-head{
            grid-template-columns:1fr;
            padding:30px}
        .tnwgp-up-controls,.tnwgp-pagination{
            padding-left:30px;
            padding-right:30px}
        .tnwgp-up-grid{
            grid-template-columns:1fr}
        .tnwgp-up-card{
            grid-template-columns:40% 60%;
            border-right:0}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-universal-professionals{
            width:calc(100% - 40px)!important;
            margin:56px auto!important}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-head{
            grid-template-columns:1fr;
            padding:30px}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-controls{
            padding-left:30px;
            padding-right:30px}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-grid{
            grid-template-columns:1fr!important}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-card{
            grid-template-columns:38% 62%!important;
            min-height:360px!important}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-photo{
            width:auto!important;
            height:360px!important;
            min-height:360px!important}
        .tnwgp-directory-filter{
            grid-template-columns:1fr 1fr;
            padding:16px 30px}
        .tnwgp-directory-filter label:first-child{
            grid-column:1/-1}
        .tnwgp-directory-filter button{
            grid-column:1/-1}
        .tnwgp-live-publications,.tnwgp-live-audio{
            grid-template-columns:1fr}
        .tnwgp-live-publications article,.tnwgp-live-audio article{
            min-height:240px}
        .tnwgp-live-neutral-grid,.tnwgp-directory-grid,.tnwgp-home-people-strip,.tnwgp-live-profile-grid,.tnwgp-live-secondary-results,body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-grid{
            grid-template-columns:1fr!important;
            height:auto!important}
        body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-card{
            grid-template-columns:1fr;
            min-height:0}
        body[class*="tnwgp-route-enterprise-"] main .tnwgp-up-photo{
            min-height:320px}
    }
    @media(max-width:620px) {
        .tnwgp-directory-wrap{
            margin-top:44px}
        .tnwgp-up-card{
            grid-template-columns:1fr;
            min-height:0}
        .tnwgp-up-photo{
            min-height:320px}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-card{
            grid-template-columns:1fr}
        body[class*="tnwgp-route-corridors-"] main .tnwgp-up-photo{
            height:320px!important;
            min-height:320px!important}
        .tnwgp-up-body{
            padding:24px}
        .tnwgp-directory-filter{
            grid-template-columns:1fr}
        .tnwgp-directory-filter label:first-child,.tnwgp-directory-filter button{
            grid-column:auto}
        .tnwgp-up-actions{
            flex-direction:column}
        .tnwgp-up-actions a{
            width:100%}
    }
    

        .canvas{position:relative!important}
        .header{position:relative!important;z-index:3000!important}
        .mm-overlay{
            position:absolute!important;
            top:var(--tnwgp-header-height,90px)!important;
            left:0!important;
            right:0!important;
            width:100%!important;
            max-height:calc(100vh - 110px)!important;
            overflow-y:auto!important;
            z-index:2500!important;
            background:#fff!important;
            box-shadow:0 38px 90px rgba(3,24,25,.22)!important;
        }
        .mm-overlay .mm-control{display:none!important}
        .mm-overlay[aria-hidden="true"]:not(.mm-visible){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
        .mm-overlay.mm-visible{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
        .mm-overlay .mm-mega{display:none!important}
        .mm-overlay .mm-mega.mm-active{display:block!important}
        .mega-trigger,.mm-mobile-open,.mm-close{cursor:pointer}
        @media(max-width:760px){
            .mm-overlay{top:var(--tnwgp-header-height,86px)!important;max-height:calc(100vh - 86px)!important}
        }
        

        /* One shared header contract for every supplied page, matching the handoff index shell. */
        .header{
            min-height:92px!important;
            padding:0 36px!important;
            display:grid!important;
            grid-template-columns:auto minmax(0,1fr) auto!important;
            gap:34px!important;
            align-items:center!important;
            background:rgba(255,255,255,.98)!important;
            border-bottom:1px solid var(--line)!important;
            position:relative!important;
            z-index:3000!important}
        .header .logo{
            display:block!important;
            font-size:20px!important;
            line-height:1!important;
            font-weight:600!important;
            letter-spacing:-.067em!important;
            white-space:nowrap!important}
        .header .nav{
            height:auto!important;
            min-width:0!important;
            padding:0!important;
            margin:0!important;
            display:flex!important;
            align-items:center!important;
            justify-content:center!important;
            gap:22px!important;
            background:transparent!important;
            border:0!important;
            position:static!important;
            box-shadow:none!important;
            backdrop-filter:none!important}
        .header .nav .mega-trigger{
            min-height:92px!important;
            padding:35px 0 31px!important;
            border:0!important;
            border-bottom:2px solid transparent!important;
            background:transparent!important;
            color:#57686a!important;
            font:600 10px/1 Inter,Arial,sans-serif!important;
            white-space:nowrap!important}
        .header .nav .mega-trigger:hover,.header .nav .mega-trigger.mm-open,.header .nav .mega-trigger.mm-current{
            color:var(--petrol)!important}
        .header .nav .mega-trigger:hover,.header .nav .mega-trigger.mm-open{
            border-bottom-color:var(--petrol)!important}
        .header-actions{
            display:flex!important;
            align-items:center!important;
            justify-content:flex-end!important;
            gap:8px!important}
        .header-actions .pill{
            min-height:42px!important;
            padding:0 16px!important;
            white-space:nowrap!important}
        .mm-mobile-open{display:none!important}
        @media(max-width:1180px){
            .header{padding:0 24px!important;gap:22px!important}
            .header .nav{gap:14px!important}
            .header .nav .mega-trigger{font-size:9px!important}
        }
        @media(max-width:900px){
            .header{grid-template-columns:auto 1fr auto!important}
            .header .nav{display:none!important}
            .mm-mobile-open{
                display:inline-flex!important;
                min-height:42px!important;
                padding:0 15px!important;
                align-items:center!important;
                justify-content:center!important;
                border:1px solid var(--line)!important;
                border-radius:999px!important;
                background:#fff!important;
                color:var(--petrol)!important;
                font-size:10px!important;
                font-weight:600!important}
        }
        @media(max-width:560px){
            .header{min-height:78px!important;padding:0 18px!important}
            .header .logo{font-size:18px!important}
            .header-actions .pill:first-child{display:none!important}
        }
        /* APPROVED FOOTER - from new build shared-shell.css */
        .footer{
            display:block!important;
            padding:0 32px 34px!important;
            background:#fff!important;
            color:var(--ink)!important;
            border-top:1px solid var(--line)!important}
        .footer-top{
            display:grid!important;
            grid-template-columns:7fr 3fr!important;
            gap:70px!important;
            align-items:end!important;
            padding:86px 0 72px!important;
            border-top:0!important}
        .footer-top h2{
            margin:0!important;
            max-width:780px!important;
            font-size:clamp(38px,4.2vw,66px)!important;
            line-height:.94!important;
            letter-spacing:-.057em!important;
            font-weight:600!important;
            color:var(--ink)!important}
        .footer-top p{
            margin:0!important;
            max-width:620px!important;
            justify-self:end!important;
            font-size:11px!important;
            line-height:1.72!important;
            color:#647779!important}
        .footer-grid{
            display:grid!important;
            grid-template-columns:1.25fr repeat(4,1fr)!important;
            border-top:1px solid var(--line)!important;
            border-left:1px solid var(--line)!important;
            gap:0!important;
            padding:0!important;
            border-bottom:0!important}
        .footer-grid .fcol,.fcol{
            display:block!important;
            min-height:245px!important;
            padding:28px 22px 32px!important;
            border-right:1px solid var(--line)!important;
            border-bottom:1px solid var(--line)!important}
        .footer-grid .fcol.brand{
            display:block!important}
        .footer-grid .fcol h3,.fcol h3{
            margin:0 0 24px!important;
            font-size:8px!important;
            text-transform:uppercase!important;
            letter-spacing:.11em!important;
            color:#718486!important;
            font-weight:600!important}
        .footer-grid .fcol a,.footer-grid .fcol span,.fcol a,.fcol span{
            display:block!important;
            padding:6px 0!important;
            font-size:9px!important;
            line-height:normal!important;
            color:#405254!important}
        .fcol.brand strong{
            display:block!important;
            margin-bottom:24px!important;
            font-size:18px!important;
            letter-spacing:-.04em!important;
            color:var(--petrol)!important}
        .fcol.brand span{
            padding:4px 0!important;
            font-size:8px!important;
            text-transform:uppercase!important;
            letter-spacing:.08em!important;
            color:#718486!important;
            font-weight:600!important}
        .brand-note{
            display:block!important;
            margin-top:24px!important;
            max-width:230px!important;
            font-size:9px!important;
            line-height:1.62!important;
            color:#657779!important}
        /* UNBOUNDED ecosystem layer - new build */
        .ecosystem-band{
            display:grid!important;
            grid-template-columns:7fr 3fr!important;
            gap:70px!important;
            padding:46px 0!important;
            border-top:0!important;
            border-bottom:1px solid var(--line)!important}
        .ecosystem-band>div:first-child{
            display:block!important}
        .ecosystem-band>div:first-child h3,.ecosystem-band>div:first-child p{
            display:block!important}
        .ecosystem-band h3{
            margin:10px 0 12px!important;
            max-width:800px!important;
            font-size:clamp(28px,3vw,45px)!important;
            line-height:.96!important;
            letter-spacing:-.05em!important;
            font-weight:600!important;
            color:var(--ink)!important}
        .ecosystem-band p{
            margin:0!important;
            max-width:780px!important;
            font-size:10px!important;
            line-height:1.7!important;
            color:#647779!important}
        .ecosystem-actions{
            display:flex!important;
            flex-direction:column!important;
            gap:8px!important;
            justify-content:flex-end!important}
        .ecosystem-actions a{
            min-height:42px!important;
            padding:0 14px!important;
            display:flex!important;
            align-items:center!important;
            justify-content:space-between!important;
            border:1px solid var(--line)!important;
            background:#fff!important;
            font-size:9px!important;
            color:#405254!important}
        .ecosystem-actions a:first-child{
            background:var(--petrol)!important;
            color:#fff!important;
            border-color:var(--petrol)!important}
        .ecosystem-institutions{
            display:flex!important;
            grid-column:1/-1!important;
            margin-top:24px!important;
            padding-top:18px!important;
            border-top:1px solid var(--line)!important;
            flex-wrap:wrap!important;
            gap:9px 20px!important;
            font-size:8px!important;
            text-transform:uppercase!important;
            letter-spacing:.08em!important;
            color:#718486!important;
            font-weight:600!important}
        .ecosystem-institutions .current{
            color:var(--petrol)!important}
        .footer-meta{
            min-height:62px!important;
            display:grid!important;
            grid-template-columns:1fr auto!important;
            gap:28px!important;
            align-items:center!important;
            justify-content:normal!important;
            padding:0!important;
            border-top:0!important;
            border-bottom:1px solid var(--line)!important}
        .footer-meta .left{
            display:block!important;
            font-size:8px!important;
            font-weight:600!important;
            letter-spacing:-.01em!important;
            color:var(--petrol)!important}
        .footer-meta .right{
            display:flex!important;
            gap:24px!important;
            align-items:center!important;
            flex-wrap:wrap!important;
            justify-content:flex-end!important;
            font-size:8px!important;
            color:#708285!important}
        .footer-meta .right span{
            display:inline!important}
        .footer-lockup{
            padding:72px 0 12px!important;
            border-top:0!important}
        .footer-lockup .micro{
            display:flex!important;
            justify-content:space-between!important;
            gap:30px!important;
            margin-bottom:42px!important;
            font-size:8px!important;
            text-transform:uppercase!important;
            letter-spacing:.11em!important;
            font-weight:600!important;
            color:#708285!important}
        .footer-lockup .bottom{
            margin:0!important;
            font-size:clamp(70px,8.3vw,138px)!important;
            line-height:.78!important;
            letter-spacing:-.078em!important;
            font-weight:600!important;
            color:var(--petrol)!important;
            white-space:nowrap!important}
        @media(max-width:1050px) {
            .footer-top,.ecosystem-band{
                grid-template-columns:1fr!important}
            .footer-top p{
                justify-self:start!important}
            .footer-grid{
                grid-template-columns:1fr 1fr!important}
            .footer-meta{
                grid-template-columns:1fr!important}
            .footer-meta .right{
                justify-content:flex-start!important;
                padding-bottom:18px!important}
        }
        @media(max-width:700px) {
            .footer{
                padding-left:20px!important;
                padding-right:20px!important}
            .footer-grid{
                grid-template-columns:1fr!important}
            .footer-lockup .micro{
                flex-direction:column!important;
                gap:8px!important}
            .footer-lockup .bottom{
                font-size:clamp(54px,17vw,86px)!important;
                white-space:normal!important;
                line-height:.86!important}
            .ecosystem-institutions{
                flex-direction:column!important}
        }