:root {
        --p: #082f31;
        --p2: #0f3d40;
        --mist: #edf4f4;
        --ink: #111617;
        --mut: #607274;
        --line: rgba(17, 22, 23, .12);
        --max: 1660px
      }
      * {
        box-sizing: border-box
      }
      html {
        scroll-behavior: smooth
      }
      body {
        margin: 0;
        background: var(--p);
        font-family: Inter, Arial, sans-serif;
        color: var(--ink);
        -webkit-font-smoothing: antialiased
      }
      a {
        text-decoration: none;
        color: inherit
      }
      button, input, select, textarea {
        font: inherit
      }
      img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
      }
      .site {
        width: min(95vw, var(--max));
        margin: 20px auto;
        background: #fff;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 46px 145px rgba(3, 24, 25, .28)
      }
      .header {
        min-height: 88px;
        padding: 0 34px;
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 28px;
        align-items: center;
        border-bottom: 1px solid var(--line);
        background: #fff
      }
      .logo {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -.067em
      }
      .logo i {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #2d7378;
        margin: 0 3px 1px
      }
      .nav {
        display: flex;
        justify-content: center;
        gap: 20px;
        font-size: 10px;
        color: #596a6c
      }
      .nav a.active {
        font-weight: 600;
        color: var(--p)
      }
      .actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap
      }
      .pill {
        min-height: 40px;
        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
      }
      .pill.dark {
        background: var(--p);
        color: #fff;
        border-color: var(--p)
      }
      .ey {
        font-size: 9px;
        font-weight: 600;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: #718284
      }
      .ey.light {
        color: #a8babb
      }
      .section {
        padding: 150px 36px;
        border-top: 1px solid var(--line)
      }
      .mist {
        background: var(--mist)
      }
      .dark {
        background: var(--p);
        color: #fff
      }
      .head {
        display: grid;
        grid-template-columns: 7fr 3fr;
        gap: 74px
      }
      .head h2 {
        margin: 0;
        max-width: 1180px;
        font-size: clamp(44px, 4.8vw, 78px);
        line-height: .93;
        letter-spacing: -.058em;
        font-weight: 400
      }
      .head p {
        margin: 46px 0 0;
        max-width: 850px;
        font-size: 14px;
        line-height: 1.75;
        color: #536567
      }
      .dark .head p {
        color: #9eb1b2
      }
      .photo {
        position: relative;
        overflow: hidden
      }
      .photo img {
        filter: saturate(.62) contrast(1.03)
      }
      .photo:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(3, 29, 30, .78), transparent 62%)
      }
      .cap {
        position: absolute;
        z-index: 2;
        left: 28px;
        right: 28px;
        bottom: 26px;
        color: #fff
      }
      .cap small {
        display: block;
        font-size: 8px;
        letter-spacing: .11em;
        color: #c5d2d2
      }
      .cap strong {
        display: block;
        margin-top: 9px;
        font-size: 28px;
        line-height: 1.03;
        letter-spacing: -.04em;
        font-weight: 400
      }
      .wide-photo {
        min-height: 620px;
        position: relative;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        background: var(--p)
      }
      .wide-photo img {
        position: absolute;
        inset: 0;
        filter: saturate(.62) contrast(1.04)
      }
      .wide-photo:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(3, 29, 30, .86), rgba(3, 29, 30, .08) 70%)
      }
      .wide-inner {
        position: relative;
        z-index: 2;
        width: 100%;
        padding: 72px 36px;
        color: #fff;
        display: grid;
        grid-template-columns: .38fr 1.62fr;
        gap: 72px
      }
      .wide-inner h2 {
        margin: 0;
        max-width: 1180px;
        font-size: clamp(48px, 5.3vw, 88px);
        line-height: .91;
        letter-spacing: -.062em;
        font-weight: 400
      }
      .wide-inner p {
        margin: 28px 0 0;
        max-width: 780px;
        font-size: 11px;
        line-height: 1.72;
        color: #d1dddd
      }
      .trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .trio .photo:last-child {
        border-right: 0
      }
      .trio .cap strong {
        font-size: 23px
      }
      .footer {
        padding: 92px 36px 38px;
        background: var(--p);
        color: #fff
      }
      .footer-top {
        display: grid;
        grid-template-columns: 1.2fr .8fr;
        gap: 70px;
        align-items: end
      }
      .footer h2 {
        margin: 0;
        font-size: clamp(44px, 5.4vw, 84px);
        line-height: .91;
        letter-spacing: -.065em;
        font-weight: 400
      }
      .footer p {
        margin: 0;
        max-width: 520px;
        justify-self: end;
        font-size: 10px;
        line-height: 1.7;
        color: #9bb0b1
      }
      .footer-bottom {
        margin-top: 60px;
        font-size: clamp(42px, 5.5vw, 86px);
        line-height: .86;
        letter-spacing: -.07em;
        font-weight: 600
      }
      @media(max-width: 1100px) {
        .head, .footer-top, .wide-inner {
          grid-template-columns: 1fr
        }
        .nav {
          display: none
        }
        .footer p {
          justify-self: start
        }
        .trio {
          grid-template-columns: 1fr
        }
      }
      @media(max-width: 760px) {
        .site {
          width: calc(100vw - 18px);
          margin: 9px auto
        }
        .header {
          padding: 16px 20px;
          grid-template-columns: 1fr auto
        }
        .section, .footer, .wide-inner {
          padding-left: 20px;
          padding-right: 20px
        }
      }
      .eshero {
        min-height: 820px;
        display: grid;
        grid-template-rows: auto 1fr;
        background: #fff
      }
      .eshead {
        padding: 106px 36px 52px;
        display: grid;
        grid-template-columns: .38fr 1.62fr;
        gap: 70px
      }
      .eshead h1 {
        margin: 0;
        font-size: clamp(64px, 7vw, 116px);
        line-height: .86;
        letter-spacing: -.074em;
        font-weight: 400
      }
      .eshead p {
        margin: 28px 0 0;
        max-width: 760px;
        font-size: 14px;
        line-height: 1.75;
        color: #586b6d
      }
      .systembar {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .systembar button {
        min-height: 180px;
        padding: 18px;
        border: 0;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: #fff;
        text-align: left;
        cursor: pointer
      }
      .systembar button:nth-child(even) {
        background: var(--mist)
      }
      .systembar button.active {
        background: var(--p);
        color: #fff
      }
      .systembar small {
        font-size: 8px;
        color: #758789
      }
      .systembar strong {
        display: block;
        margin-top: 80px;
        font-size: 14px;
        line-height: 1.05
      }
      .stage {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .55fr 1.45fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .stage .snav {
        padding: 34px;
        background: var(--p);
        color: #fff;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .stage .snav h3 {
        margin: 0;
        font-size: 40px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .stage .sbody {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 500px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .stage .sbody h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.055em;
        font-weight: 400
      }
      .stage .sbody p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      .controlrail {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid rgba(255, 255, 255, .15);
        border-left: 1px solid rgba(255, 255, 255, .15)
      }
      .controlrail article {
        min-height: 260px;
        padding: 24px;
        border-right: 1px solid rgba(255, 255, 255, .15);
        border-bottom: 1px solid rgba(255, 255, 255, .15)
      }
      .controlrail small {
        font-size: 8px;
        color: #9fb2b3
      }
      .controlrail h3 {
        margin: 110px 0 0;
        font-size: 22px;
        line-height: 1.05;
        font-weight: 400
      }
      .controlrail p {
        font-size: 9px;
        line-height: 1.6;
        color: #9fb2b3
      }
      @media(max-width: 1100px) {
        .eshead {
          grid-template-columns: 1fr
        }
        .systembar {
          grid-template-columns: 1fr 1fr
        }
        .stage {
          grid-template-columns: 1fr
        }
        .controlrail {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .systembar, .controlrail {
          grid-template-columns: 1fr
        }
      }
      .jhero {
        min-height: 820px;
        background: var(--p);
        color: #fff;
        padding: 112px 36px 62px;
        display: grid;
        grid-template-columns: .38fr 1.62fr;
        gap: 72px
      }
      .jhero h1 {
        margin: 0;
        font-size: clamp(66px, 7.1vw, 118px);
        line-height: .86;
        letter-spacing: -.075em;
        font-weight: 400
      }
      .jhero p {
        max-width: 760px;
        margin: 36px 0 0;
        font-size: 15px;
        line-height: 1.75;
        color: #a6b8b9
      }
      .journey {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .journey button {
        min-height: 220px;
        padding: 20px;
        border: 0;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: #fff;
        text-align: left;
        cursor: pointer
      }
      .journey button:nth-child(even) {
        background: var(--mist)
      }
      .journey button.active {
        background: var(--p);
        color: #fff
      }
      .journey small {
        font-size: 8px;
        color: #758789
      }
      .journey strong {
        display: block;
        margin-top: 105px;
        font-size: 15px;
        line-height: 1.05
      }
      .jdetail {
        padding: 62px 36px 110px;
        display: grid;
        grid-template-columns: .5fr 1.5fr;
        gap: 70px
      }
      .jdetail h3 {
        margin: 0;
        font-size: 42px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .jdetail .body h2 {
        margin: 0;
        font-size: clamp(46px, 5vw, 80px);
        line-height: .92;
        letter-spacing: -.058em;
        font-weight: 400
      }
      .jdetail .body p {
        margin: 30px 0 0;
        max-width: 800px;
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      .gates {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .gates article {
        min-height: 300px;
        padding: 25px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .gates article:nth-child(even) {
        background: var(--mist)
      }
      .gates small {
        font-size: 8px;
        color: #758789
      }
      .gates h3 {
        margin: 105px 0 0;
        font-size: 24px;
        line-height: 1;
        letter-spacing: -.04em;
        font-weight: 400
      }
      .gates p {
        font-size: 9px;
        line-height: 1.6;
        color: #687a7c
      }
      .routegrid {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid rgba(255, 255, 255, .14);
        border-left: 1px solid rgba(255, 255, 255, .14)
      }
      .routegrid a {
        min-height: 235px;
        padding: 22px;
        border-right: 1px solid rgba(255, 255, 255, .14);
        border-bottom: 1px solid rgba(255, 255, 255, .14)
      }
      .routegrid small {
        font-size: 8px;
        color: #9fb2b3
      }
      .routegrid strong {
        display: block;
        margin-top: 110px;
        font-size: 19px;
        line-height: 1.05
      }
      @media(max-width: 1100px) {
        .jhero, .jdetail {
          grid-template-columns: 1fr
        }
        .journey {
          grid-template-columns: 1fr 1fr
        }
        .gates, .routegrid {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .journey, .gates, .routegrid {
          grid-template-columns: 1fr
        }
      }
      .dev-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .dev-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .dev-trio .photo:last-child {
        border-right: 0
      }
      .dev-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .dev-trio {
          grid-template-columns: 1fr
        }
        .dev-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .pphero {
        min-height: 840px;
        display: grid;
        grid-template-columns: 1.15fr .85fr;
        background: #fff
      }
      .ppcopy {
        padding: 112px 44px 62px 36px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .ppcopy h1 {
        margin: 24px 0 0;
        max-width: 980px;
        font-size: clamp(66px, 7vw, 116px);
        line-height: .86;
        letter-spacing: -.074em;
        font-weight: 400
      }
      .ppcopy p {
        max-width: 700px;
        font-size: 15px;
        line-height: 1.75;
        color: #56696b
      }
      .ppside {
        background: var(--p);
        color: #fff;
        padding: 46px 32px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .ppside h3 {
        margin: 0;
        font-size: 45px;
        line-height: .95;
        letter-spacing: -.052em;
        font-weight: 400
      }
      .ppside p {
        font-size: 10px;
        line-height: 1.66;
        color: #9fb2b3
      }
      .pathway {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .pathway article {
        min-height: 330px;
        padding: 27px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .pathway article:nth-child(even) {
        background: var(--mist)
      }
      .pathway article:last-child {
        background: var(--p);
        color: #fff
      }
      .pathway small {
        font-size: 8px;
        color: #758789
      }
      .pathway h3 {
        margin: 115px 0 0;
        font-size: 27px;
        line-height: .98;
        letter-spacing: -.043em;
        font-weight: 400
      }
      .pathway p {
        font-size: 10px;
        line-height: 1.62;
        color: #687a7c
      }
      .pathway article:last-child p {
        color: #9fb2b3
      }
      .choice {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .choice-nav {
        padding: 34px;
        background: var(--mist);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .choice-nav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .choice-nav button {
        width: 100%;
        padding: 13px;
        border: 1px solid var(--line);
        background: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .choice-nav button.active {
        background: var(--p);
        color: #fff
      }
      .choice-out {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 520px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .choice-out h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .choice-out p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .pphero, .choice {
          grid-template-columns: 1fr
        }
        .pathway {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .pathway {
          grid-template-columns: 1fr
        }
      }
      .dev-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .dev-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .dev-trio .photo:last-child {
        border-right: 0
      }
      .dev-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .dev-trio {
          grid-template-columns: 1fr
        }
        .dev-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .fhero {
        min-height: 840px;
        display: grid;
        grid-template-columns: .78fr 1.22fr;
        background: #fff
      }
      .fleft {
        padding: 110px 34px 60px;
        background: var(--p);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .fleft h2 {
        margin: 20px 0 0;
        font-size: 54px;
        line-height: .93;
        letter-spacing: -.056em;
        font-weight: 400
      }
      .fleft p {
        font-size: 10px;
        line-height: 1.66;
        color: #9fb2b3
      }
      .fright {
        padding: 110px 42px 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .fright h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.6vw, 112px);
        line-height: .87;
        letter-spacing: -.073em;
        font-weight: 400
      }
      .fright p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #586b6d
      }
      .facultygrid {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .facultygrid article {
        min-height: 330px;
        padding: 27px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .facultygrid article:nth-child(even) {
        background: var(--mist)
      }
      .facultygrid small {
        font-size: 8px;
        color: #758789
      }
      .facultygrid h3 {
        margin: 118px 0 0;
        font-size: 27px;
        line-height: .98;
        letter-spacing: -.043em;
        font-weight: 400
      }
      .facultygrid p {
        font-size: 10px;
        line-height: 1.62;
        color: #687a7c
      }
      .fselector {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .fsnav {
        padding: 34px;
        background: var(--mist);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .fsnav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .fsnav button {
        width: 100%;
        padding: 13px;
        border: 1px solid var(--line);
        background: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .fsnav button.active {
        background: var(--p);
        color: #fff
      }
      .fsout {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 540px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .fsout h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .fsout p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .fhero, .fselector {
          grid-template-columns: 1fr
        }
        .facultygrid {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .facultygrid {
          grid-template-columns: 1fr
        }
      }
      .dev-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .dev-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .dev-trio .photo:last-child {
        border-right: 0
      }
      .dev-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .dev-trio {
          grid-template-columns: 1fr
        }
        .dev-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .nghero {
        min-height: 840px;
        display: grid;
        grid-template-columns: .95fr 1.05fr;
        background: #fff
      }
      .ngcopy {
        padding: 110px 42px 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .ngcopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.6vw, 112px);
        line-height: .87;
        letter-spacing: -.073em;
        font-weight: 400
      }
      .ngcopy p {
        max-width: 720px;
        font-size: 15px;
        line-height: 1.75;
        color: #56696b
      }
      .ngvisual {
        min-height: 840px;
        display: grid;
        grid-template-rows: 1.1fr .9fr
      }
      .ngvisual .photo {
        min-height: 0
      }
      .ngsteps {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        background: var(--p);
        color: #fff
      }
      .ngsteps div {
        padding: 25px;
        border-right: 1px solid rgba(255, 255, 255, .14)
      }
      .ngsteps div:last-child {
        border-right: 0
      }
      .ngsteps small {
        font-size: 8px;
        color: #9fb2b3
      }
      .ngsteps strong {
        display: block;
        margin-top: 12px;
        font-size: 18px;
        line-height: 1.05
      }
      .career {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .career article {
        min-height: 315px;
        padding: 25px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .career article:nth-child(even) {
        background: var(--mist)
      }
      .career small {
        font-size: 8px;
        color: #758789
      }
      .career h3 {
        margin: 108px 0 0;
        font-size: 24px;
        line-height: 1;
        letter-spacing: -.04em;
        font-weight: 400
      }
      .career p {
        font-size: 9px;
        line-height: 1.6;
        color: #687a7c
      }
      .ngcheck {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .56fr 1.44fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .ngleft {
        padding: 34px;
        background: var(--p);
        color: #fff;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .ngleft h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .ngleft label {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .14);
        font-size: 10px
      }
      .ngleft input {
        width: 18px;
        height: 18px
      }
      .ngright {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 540px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .ngright h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .ngright p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .nghero, .ngcheck {
          grid-template-columns: 1fr
        }
        .career {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .career, .ngsteps {
          grid-template-columns: 1fr
        }
      }
      .dev-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .dev-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .dev-trio .photo:last-child {
        border-right: 0
      }
      .dev-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .dev-trio {
          grid-template-columns: 1fr
        }
        .dev-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .pchero {
        min-height: 850px;
        position: relative;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        background: var(--p);
        color: #fff
      }
      .pchero img {
        position: absolute;
        inset: 0;
        filter: saturate(.6) contrast(1.04)
      }
      .pchero:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(3, 29, 30, .93), rgba(3, 29, 30, .42) 60%, rgba(3, 29, 30, .08)), linear-gradient(to top, rgba(3, 29, 30, .76), transparent 55%)
      }
      .pcinner {
        position: relative;
        z-index: 2;
        padding: 112px 36px 68px;
        max-width: 1220px
      }
      .pcinner h1 {
        margin: 24px 0 0;
        font-size: clamp(66px, 7vw, 118px);
        line-height: .86;
        letter-spacing: -.074em;
        font-weight: 400
      }
      .pcinner p {
        max-width: 780px;
        font-size: 15px;
        line-height: 1.75;
        color: #d1dddd
      }
      .formats {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .formats article {
        min-height: 315px;
        padding: 25px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .formats article:nth-child(even) {
        background: var(--mist)
      }
      .formats small {
        font-size: 8px;
        color: #758789
      }
      .formats h3 {
        margin: 108px 0 0;
        font-size: 23px;
        line-height: 1;
        letter-spacing: -.038em;
        font-weight: 400
      }
      .formats p {
        font-size: 9px;
        line-height: 1.6;
        color: #687a7c
      }
      .contrib {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .6fr 1.4fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .cleft {
        padding: 34px;
        background: var(--p);
        color: #fff;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .cleft h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .cleft button {
        width: 100%;
        padding: 13px;
        border: 1px solid rgba(255, 255, 255, .16);
        background: transparent;
        color: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .cleft button.active {
        background: #fff;
        color: var(--p)
      }
      .cright {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 560px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .cright h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .cright p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      .review {
        margin-top: 86px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .review article {
        min-height: 360px;
        padding: 30px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .review article:first-child {
        background: var(--mist)
      }
      .review article:last-child {
        background: var(--p);
        color: #fff
      }
      .review small {
        font-size: 8px;
        color: #758789
      }
      .review h3 {
        margin: 125px 0 0;
        font-size: 33px;
        line-height: .97;
        letter-spacing: -.045em;
        font-weight: 400
      }
      .review p {
        font-size: 10px;
        line-height: 1.65;
        color: #687a7c
      }
      .review article:last-child p {
        color: #9fb2b3
      }
      @media(max-width: 1050px) {
        .formats {
          grid-template-columns: 1fr 1fr
        }
        .contrib, .review {
          grid-template-columns: 1fr
        }
      }
      @media(max-width: 700px) {
        .formats {
          grid-template-columns: 1fr
        }
      }
      .dev-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .dev-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .dev-trio .photo:last-child {
        border-right: 0
      }
      .dev-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .dev-trio {
          grid-template-columns: 1fr
        }
        .dev-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .gdhero {
        min-height: 850px;
        display: grid;
        grid-template-columns: .8fr 1.2fr;
        background: #fff
      }
      .gdleft {
        padding: 110px 34px 60px;
        background: var(--p);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .gdleft h2 {
        margin: 20px 0 0;
        font-size: 54px;
        line-height: .93;
        letter-spacing: -.056em;
        font-weight: 400
      }
      .gdleft p {
        font-size: 10px;
        line-height: 1.66;
        color: #9fb2b3
      }
      .gdright {
        padding: 110px 42px 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .gdright h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.6vw, 112px);
        line-height: .87;
        letter-spacing: -.073em;
        font-weight: 400
      }
      .gdright p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #586b6d
      }
      .dialogue-map {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .dialogue-map article {
        min-height: 320px;
        padding: 26px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .dialogue-map article:nth-child(even) {
        background: var(--mist)
      }
      .dialogue-map small {
        font-size: 8px;
        color: #758789
      }
      .dialogue-map h3 {
        margin: 115px 0 0;
        font-size: 27px;
        line-height: .98;
        letter-spacing: -.043em;
        font-weight: 400
      }
      .dialogue-map p {
        font-size: 10px;
        line-height: 1.62;
        color: #687a7c
      }
      .gdrouter {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .gdnav {
        padding: 34px;
        background: var(--mist);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .gdnav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .gdnav button {
        width: 100%;
        padding: 13px;
        border: 1px solid var(--line);
        background: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .gdnav button.active {
        background: var(--p);
        color: #fff
      }
      .gdout {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 540px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .gdout h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .gdout p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .gdhero, .gdrouter {
          grid-template-columns: 1fr
        }
        .dialogue-map {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .dialogue-map {
          grid-template-columns: 1fr
        }
      }
      .dev-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .dev-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .dev-trio .photo:last-child {
        border-right: 0
      }
      .dev-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .dev-trio {
          grid-template-columns: 1fr
        }
        .dev-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .aphero {
        min-height: 850px;
        display: grid;
        grid-template-columns: .72fr 1.28fr;
        background: var(--mist)
      }
      .yearcard {
        margin: 55px 34px;
        background: var(--p);
        color: #fff;
        padding: 38px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 700px
      }
      .yearcard small {
        font-size: 8px;
        color: #9fb2b3
      }
      .yearcard .yr {
        font-size: 100px;
        line-height: .8;
        letter-spacing: -.08em;
        font-weight: 600
      }
      .yearcard h3 {
        margin: 0;
        font-size: 44px;
        line-height: .95;
        letter-spacing: -.052em;
        font-weight: 400
      }
      .yearcard p {
        font-size: 10px;
        line-height: 1.66;
        color: #9fb2b3
      }
      .apcopy {
        padding: 110px 42px 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .apcopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.6vw, 112px);
        line-height: .87;
        letter-spacing: -.073em;
        font-weight: 400
      }
      .apcopy p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #56696b
      }
      .planbuilder {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .62fr 1.38fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .pbleft {
        padding: 34px;
        background: var(--p);
        color: #fff;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .pbleft h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .pbleft label {
        display: block;
        margin-top: 15px;
        font-size: 8px
      }
      .pbleft input, .pbleft textarea {
        width: 100%;
        margin-top: 7px;
        padding: 12px;
        border: 1px solid rgba(255, 255, 255, .16);
        background: #fff;
        color: var(--ink);
        font-size: 10px
      }
      .pbleft textarea {
        min-height: 72px
      }
      .pbright {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 650px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .pbright h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .pbright p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      .planout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px
      }
      .planout div {
        padding: 16px;
        background: var(--mist);
        font-size: 9px;
        line-height: 1.55
      }
      .planout b {
        display: block;
        margin-bottom: 7px;
        font-size: 10px
      }
      .quarters {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .quarters article {
        min-height: 330px;
        padding: 27px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .quarters article:nth-child(even) {
        background: var(--mist)
      }
      .quarters small {
        font-size: 8px;
        color: #758789
      }
      .quarters h3 {
        margin: 118px 0 0;
        font-size: 27px;
        line-height: .98;
        letter-spacing: -.043em;
        font-weight: 400
      }
      .quarters p {
        font-size: 10px;
        line-height: 1.62;
        color: #687a7c
      }
      @media(max-width: 1050px) {
        .aphero, .planbuilder {
          grid-template-columns: 1fr
        }
        .quarters {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .quarters, .planout {
          grid-template-columns: 1fr
        }
      }
      .dev-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .dev-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .dev-trio .photo:last-child {
        border-right: 0
      }
      .dev-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .dev-trio {
          grid-template-columns: 1fr
        }
        .dev-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .achero {
        min-height: 850px;
        display: grid;
        grid-template-columns: .78fr 1.22fr;
        background: #fff
      }
      .acmedia {
        min-height: 850px;
        display: grid;
        grid-template-rows: 1.2fr .8fr
      }
      .acmedia .photo {
        min-height: 0
      }
      .acstrip {
        background: var(--p);
        color: #fff;
        display: grid;
        grid-template-columns: repeat(3, 1fr)
      }
      .acstrip div {
        padding: 24px;
        border-right: 1px solid rgba(255, 255, 255, .14)
      }
      .acstrip div:last-child {
        border-right: 0
      }
      .acstrip small {
        font-size: 8px;
        color: #9fb2b3
      }
      .acstrip strong {
        display: block;
        margin-top: 12px;
        font-size: 18px;
        line-height: 1.05
      }
      .accopy {
        padding: 112px 42px 62px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .accopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.7vw, 114px);
        line-height: .86;
        letter-spacing: -.074em;
        font-weight: 400
      }
      .accopy p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #56696b
      }
      .arch {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .arch article {
        min-height: 330px;
        padding: 27px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .arch article:nth-child(even) {
        background: var(--mist)
      }
      .arch small {
        font-size: 8px;
        color: #758789
      }
      .arch h3 {
        margin: 118px 0 0;
        font-size: 27px;
        line-height: .98;
        letter-spacing: -.043em;
        font-weight: 400
      }
      .arch p {
        font-size: 10px;
        line-height: 1.62;
        color: #687a7c
      }
      .alearn {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .alnav {
        padding: 34px;
        background: var(--p);
        color: #fff;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .alnav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .alnav button {
        width: 100%;
        padding: 13px;
        border: 1px solid rgba(255, 255, 255, .16);
        background: transparent;
        color: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .alnav button.active {
        background: #fff;
        color: var(--p)
      }
      .alout {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 560px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .alout h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .alout p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .achero, .alearn {
          grid-template-columns: 1fr
        }
        .arch {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .arch, .acstrip {
          grid-template-columns: 1fr
        }
      }
      .std-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .std-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .std-trio .photo:last-child {
        border-right: 0
      }
      .std-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .std-trio {
          grid-template-columns: 1fr
        }
        .std-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .npshero {
        min-height: 850px;
        background: var(--p);
        color: #fff;
        display: grid;
        grid-template-columns: 1.2fr .8fr
      }
      .npscopy {
        padding: 112px 42px 62px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .npscopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.7vw, 114px);
        line-height: .86;
        letter-spacing: -.074em;
        font-weight: 400
      }
      .npscopy p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #a5b7b8
      }
      .standardcard {
        margin: 46px 30px;
        background: #fff;
        color: var(--ink);
        padding: 34px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .standardcard small {
        font-size: 8px;
        color: #758789
      }
      .standardcard h3 {
        margin: 0;
        font-size: 45px;
        line-height: .95;
        letter-spacing: -.052em;
        font-weight: 400
      }
      .standardcard .version {
        font-size: 64px;
        font-weight: 600;
        letter-spacing: -.07em
      }
      .standardcard p {
        font-size: 10px;
        line-height: 1.65;
        color: #607274
      }
      .principles {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .principles article {
        min-height: 330px;
        padding: 27px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .principles article:nth-child(even) {
        background: var(--mist)
      }
      .principles small {
        font-size: 8px;
        color: #758789
      }
      .principles h3 {
        margin: 118px 0 0;
        font-size: 27px;
        line-height: .98;
        letter-spacing: -.043em;
        font-weight: 400
      }
      .principles p {
        font-size: 10px;
        line-height: 1.62;
        color: #687a7c
      }
      .scope {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .sleft {
        padding: 34px;
        background: var(--mist);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .sleft h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .sleft button {
        width: 100%;
        padding: 13px;
        border: 1px solid var(--line);
        background: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .sleft button.active {
        background: var(--p);
        color: #fff
      }
      .sright {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 560px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .sright h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .sright p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .npshero, .scope {
          grid-template-columns: 1fr
        }
        .principles {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .principles {
          grid-template-columns: 1fr
        }
      }
      .std-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .std-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .std-trio .photo:last-child {
        border-right: 0
      }
      .std-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .std-trio {
          grid-template-columns: 1fr
        }
        .std-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .pchero {
        min-height: 840px;
        display: grid;
        grid-template-columns: 1.05fr .95fr;
        background: #fff
      }
      .pccopy {
        padding: 110px 42px 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .pccopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.7vw, 114px);
        line-height: .86;
        letter-spacing: -.074em;
        font-weight: 400
      }
      .pccopy p {
        max-width: 740px;
        font-size: 15px;
        line-height: 1.75;
        color: #56696b
      }
      .pcboard {
        padding: 42px 30px;
        background: var(--p);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .pcboard h3 {
        margin: 0;
        font-size: 44px;
        line-height: .95;
        letter-spacing: -.052em;
        font-weight: 400
      }
      .pcboard p {
        font-size: 10px;
        line-height: 1.65;
        color: #9fb2b3
      }
      .pcmini {
        display: grid;
        gap: 8px
      }
      .pcmini div {
        padding: 14px;
        border: 1px solid rgba(255, 255, 255, .16);
        font-size: 10px;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px
      }
      .pcmini span {
        width: 16px;
        height: 16px;
        border: 1px solid rgba(255, 255, 255, .5)
      }
      .checker {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .cnav {
        padding: 34px;
        background: var(--mist);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .cnav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .cnav button {
        width: 100%;
        padding: 13px;
        border: 1px solid var(--line);
        background: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .cnav button.active {
        background: var(--p);
        color: #fff
      }
      .cout {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 620px
      }
      .cout h3 {
        margin: 0;
        font-size: clamp(42px, 4.7vw, 74px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .checklist {
        margin-top: 32px;
        display: grid;
        gap: 0
      }
      .checklist label {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 11px;
        padding: 14px 0;
        border-bottom: 1px solid var(--line);
        font-size: 10px;
        line-height: 1.5
      }
      .checklist input {
        width: 18px;
        height: 18px
      }
      .meter {
        margin-top: 28px;
        height: 8px;
        background: var(--mist)
      }
      .meter span {
        display: block;
        height: 100%;
        width: 0;
        background: var(--p);
        transition: .25s
      }
      .result {
        margin-top: 18px;
        font-size: 11px;
        line-height: 1.65;
        color: #607274
      }
      .families {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .families article {
        min-height: 300px;
        padding: 25px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .families article:nth-child(even) {
        background: var(--mist)
      }
      .families small {
        font-size: 8px;
        color: #758789
      }
      .families h3 {
        margin: 105px 0 0;
        font-size: 24px;
        line-height: 1;
        letter-spacing: -.04em;
        font-weight: 400
      }
      .families p {
        font-size: 9px;
        line-height: 1.6;
        color: #687a7c
      }
      @media(max-width: 1050px) {
        .pchero, .checker {
          grid-template-columns: 1fr
        }
        .families {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .families {
          grid-template-columns: 1fr
        }
      }
      .std-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .std-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .std-trio .photo:last-child {
        border-right: 0
      }
      .std-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .std-trio {
          grid-template-columns: 1fr
        }
        .std-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .nphero {
        min-height: 850px;
        display: grid;
        grid-template-columns: .78fr 1.22fr;
        background: #fff
      }
      .npindex {
        padding: 48px 32px;
        background: var(--p);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .npindex h3 {
        margin: 0;
        font-size: 44px;
        line-height: .95;
        letter-spacing: -.052em;
        font-weight: 400
      }
      .npindex p {
        font-size: 10px;
        line-height: 1.65;
        color: #9fb2b3
      }
      .npitems {
        display: grid;
        gap: 8px
      }
      .npitems div {
        padding: 14px;
        border: 1px solid rgba(255, 255, 255, .15);
        display: flex;
        justify-content: space-between;
        font-size: 9px
      }
      .npitems span:last-child {
        color: #9fb2b3
      }
      .npcopy {
        padding: 110px 42px 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .npcopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.6vw, 112px);
        line-height: .87;
        letter-spacing: -.073em;
        font-weight: 400
      }
      .npcopy p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #56696b
      }
      .notewall {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .notewall article {
        min-height: 350px;
        padding: 28px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .notewall article:nth-child(2), .notewall article:nth-child(5) {
        background: var(--mist)
      }
      .notewall article:nth-child(3) {
        background: var(--p);
        color: #fff
      }
      .notewall small {
        font-size: 8px;
        color: #758789
      }
      .notewall h3 {
        margin: 128px 0 0;
        font-size: 28px;
        line-height: .98;
        letter-spacing: -.043em;
        font-weight: 400
      }
      .notewall p {
        font-size: 10px;
        line-height: 1.62;
        color: #687a7c
      }
      .notewall article:nth-child(3) p {
        color: #9fb2b3
      }
      .reader {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .rnav {
        padding: 34px;
        background: var(--mist);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .rnav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .rnav button {
        width: 100%;
        padding: 13px;
        border: 1px solid var(--line);
        background: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .rnav button.active {
        background: var(--p);
        color: #fff
      }
      .rout {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 580px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .rout h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .rout p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .nphero, .reader {
          grid-template-columns: 1fr
        }
        .notewall {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .notewall {
          grid-template-columns: 1fr
        }
      }
      .std-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .std-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .std-trio .photo:last-child {
        border-right: 0
      }
      .std-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .std-trio {
          grid-template-columns: 1fr
        }
        .std-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .echero {
        min-height: 850px;
        display: grid;
        grid-template-columns: .76fr 1.24fr;
        background: #fff
      }
      .ecphoto {
        min-height: 850px
      }
      .eccopy {
        padding: 110px 42px 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .eccopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.6vw, 112px);
        line-height: .87;
        letter-spacing: -.073em;
        font-weight: 400
      }
      .eccopy p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #56696b
      }
      .ethicsgrid {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .ethicsgrid article {
        min-height: 310px;
        padding: 25px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .ethicsgrid article:nth-child(even) {
        background: var(--mist)
      }
      .ethicsgrid small {
        font-size: 8px;
        color: #758789
      }
      .ethicsgrid h3 {
        margin: 108px 0 0;
        font-size: 24px;
        line-height: 1;
        letter-spacing: -.04em;
        font-weight: 400
      }
      .ethicsgrid p {
        font-size: 9px;
        line-height: 1.6;
        color: #687a7c
      }
      .ethictool {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .enav {
        padding: 34px;
        background: var(--p);
        color: #fff;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .enav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .enav button {
        width: 100%;
        padding: 13px;
        border: 1px solid rgba(255, 255, 255, .16);
        background: transparent;
        color: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .enav button.active {
        background: #fff;
        color: var(--p)
      }
      .eout {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 560px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .eout h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .eout p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .echero, .ethictool {
          grid-template-columns: 1fr
        }
        .ethicsgrid {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .ethicsgrid {
          grid-template-columns: 1fr
        }
      }
      .ent-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .ent-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .ent-trio .photo:last-child {
        border-right: 0
      }
      .ent-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .ent-trio {
          grid-template-columns: 1fr
        }
        .ent-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .hhero {
        min-height: 850px;
        display: grid;
        grid-template-columns: 1.15fr .85fr;
        background: #fff
      }
      .hcopy {
        padding: 110px 42px 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .hcopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.5vw, 110px);
        line-height: .87;
        letter-spacing: -.072em;
        font-weight: 400
      }
      .hcopy p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #56696b
      }
      .hmap {
        padding: 42px 30px;
        background: var(--p);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center
      }
      .hmap h3 {
        margin: 0;
        font-size: 42px;
        line-height: .95;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .nodes {
        margin-top: 30px;
        display: grid;
        gap: 10px
      }
      .nodes div {
        padding: 16px;
        border: 1px solid rgba(255, 255, 255, .16)
      }
      .nodes small {
        font-size: 8px;
        color: #9fb2b3
      }
      .nodes strong {
        display: block;
        margin-top: 7px;
        font-size: 18px
      }
      .pressure {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .pnav {
        padding: 34px;
        background: var(--mist);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .pnav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .pnav button {
        width: 100%;
        padding: 13px;
        border: 1px solid var(--line);
        background: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .pnav button.active {
        background: var(--p);
        color: #fff
      }
      .pout {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 570px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .pout h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .pout p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      .layers {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .layers article {
        min-height: 310px;
        padding: 25px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .layers article:nth-child(even) {
        background: var(--mist)
      }
      .layers small {
        font-size: 8px;
        color: #758789
      }
      .layers h3 {
        margin: 108px 0 0;
        font-size: 24px;
        line-height: 1;
        letter-spacing: -.04em;
        font-weight: 400
      }
      .layers p {
        font-size: 9px;
        line-height: 1.6;
        color: #687a7c
      }
      @media(max-width: 1050px) {
        .hhero, .pressure {
          grid-template-columns: 1fr
        }
        .layers {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .layers {
          grid-template-columns: 1fr
        }
      }
      .ent-trio {
        display: grid;
        grid-template-columns: 1.15fr .85fr .85fr;
        min-height: 470px;
        border-top: 1px solid var(--line)
      }
      .ent-trio .photo {
        min-height: 470px;
        border-right: 1px solid var(--line)
      }
      .ent-trio .photo:last-child {
        border-right: 0
      }
      .ent-trio .cap strong {
        font-size: 23px
      }
      @media(max-width: 900px) {
        .ent-trio {
          grid-template-columns: 1fr
        }
        .ent-trio .photo {
          min-height: 420px;
          border-right: 0;
          border-bottom: 1px solid var(--line)
        }
      }
      .pehero {
        min-height: 840px;
        background: var(--p);
        color: #fff;
        display: grid;
        grid-template-columns: 1.22fr .78fr
      }
      .pecopy {
        padding: 112px 42px 62px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .pecopy h1 {
        margin: 24px 0 0;
        font-size: clamp(64px, 6.7vw, 114px);
        line-height: .86;
        letter-spacing: -.074em;
        font-weight: 400
      }
      .pecopy p {
        max-width: 760px;
        font-size: 15px;
        line-height: 1.75;
        color: #a5b7b8
      }
      .perail {
        background: #fff;
        color: var(--ink);
        padding: 44px 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .perail h3 {
        margin: 0;
        font-size: 44px;
        line-height: .95;
        letter-spacing: -.052em;
        font-weight: 400
      }
      .perail p {
        font-size: 10px;
        line-height: 1.65;
        color: #607274
      }
      .pemap {
        margin-top: 86px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .pemap article {
        min-height: 315px;
        padding: 25px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .pemap article:nth-child(even) {
        background: var(--mist)
      }
      .pemap small {
        font-size: 8px;
        color: #758789
      }
      .pemap h3 {
        margin: 108px 0 0;
        font-size: 23px;
        line-height: 1;
        letter-spacing: -.038em;
        font-weight: 400
      }
      .pemap p {
        font-size: 9px;
        line-height: 1.6;
        color: #687a7c
      }
      .perouter {
        margin-top: 86px;
        display: grid;
        grid-template-columns: .58fr 1.42fr;
        border-top: 1px solid var(--line);
        border-left: 1px solid var(--line)
      }
      .penav {
        padding: 34px;
        background: var(--mist);
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line)
      }
      .penav h3 {
        margin: 0;
        font-size: 39px;
        line-height: .96;
        letter-spacing: -.05em;
        font-weight: 400
      }
      .penav button {
        width: 100%;
        padding: 13px;
        border: 1px solid var(--line);
        background: #fff;
        text-align: left;
        margin-top: 8px;
        font-size: 10px;
        cursor: pointer
      }
      .penav button.active {
        background: var(--p);
        color: #fff
      }
      .peout {
        padding: 40px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        min-height: 570px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
      }
      .peout h3 {
        margin: 0;
        font-size: clamp(42px, 4.6vw, 72px);
        line-height: .94;
        letter-spacing: -.054em;
        font-weight: 400
      }
      .peout p {
        font-size: 12px;
        line-height: 1.72;
        color: #607274
      }
      @media(max-width: 1050px) {
        .pehero, .perouter {
          grid-template-columns: 1fr
        }
        .pemap {
          grid-template-columns: 1fr 1fr
        }
      }
      @media(max-width: 700px) {
        .pemap {
          grid-template-columns: 1fr
        }
      }
    
.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{
        min-width:0;
        height:40px;
        border:1px solid rgba(255,255,255,.35);
        background:#fff;
        padding:0 10px;
        color:#111;
        font-size:10px}
    .tnwgp-directory-filter button{
        align-self:end;
        height:40px;
        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%}
    }
    

        .mm-overlay{
            position:fixed;
            inset:0;
            z-index:99999;
            overflow:auto;
            background:#fff}
        .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}
        .mm-overlay .mm-mega.mm-active{
            display:block}
        .mega-trigger,.mm-mobile-open,.mm-close{
            cursor:pointer}
        
.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;
            gap:0!important;
            padding:0!important;
            border-top:1px solid var(--line)!important;
            border-left:1px solid var(--line)!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}
        .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-institutions{
            display:flex!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{
            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:620px) {
            .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,18vw,92px)!important;
                white-space:normal!important}
        }