:root {
    --project-ink: #182026;
    --project-muted: #5d6972;
    --project-paper: #f4f6f7;
    --project-white: #ffffff;
    --project-line: #dce2e5;
    --project-purple: #7133db;
    --project-purple-dark: #32186f;
    --project-green: #168c5b;
    --project-green-light: #e4f6ed;
    --project-coral: #ef765f;
}

html {
    scroll-behavior: smooth;
}

.project-menu-item .project-submenu {
    width: 330px !important;
    left: 50% !important;
    padding: 10px !important;
    transform: translate(-50%, 18px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: #171522 !important;
    box-shadow: 0 24px 70px rgba(19, 12, 37, 0.34) !important;
}

.project-menu-item:hover .project-submenu {
    transform: translate(-50%, 0) !important;
}

.main-menu ul li .project-submenu li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.main-menu ul li .project-submenu li:last-child {
    border-bottom: 0;
}

.main-menu ul li .project-submenu li > a {
    display: grid !important;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 12px;
    padding: 13px !important;
    color: #fff !important;
    text-align: left;
    line-height: 1.2 !important;
    border-radius: 6px;
}

.main-menu ul li .project-submenu li > a:hover {
    background: rgba(255, 255, 255, 0.07) !important;
}

.main-menu ul li .project-submenu li > a::after {
    display: none !important;
}

.project-menu-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 6px;
    color: #fff;
}

.project-menu-icon--murkan { background: #168c5b; }
.project-menu-icon--bicrmy { background: #7133db; }

.project-submenu strong,
.project-submenu small {
    display: block;
    letter-spacing: 0;
}

.project-submenu strong { font-size: 14px; }
.project-submenu small { margin-top: 4px; color: #bdb8c9; font-size: 11px; }

.main-menu ul li .project-submenu .project-menu-all > a {
    display: flex !important;
    grid-template-columns: none;
    justify-content: space-between;
    color: #cbb4ff !important;
    font-size: 12px !important;
}

.project-container {
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
}

.project-eyebrow,
.project-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--project-purple);
    font: 600 13px/1.2 "Space Grotesk", sans-serif;
    letter-spacing: 0;
}

.project-eyebrow::before {
    width: 28px;
    height: 2px;
    content: "";
    background: currentColor;
}

.project-btn,
.project-text-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: transform 220ms ease, background 220ms ease, color 220ms ease, border-color 220ms ease;
}

.project-btn {
    min-height: 50px;
    padding: 14px 21px;
    border: 1px solid transparent;
    border-radius: 6px;
    font: 600 14px/1.3 "Space Grotesk", sans-serif;
}

.project-btn:hover,
.project-text-link:hover { transform: translateY(-2px); }
.project-btn:active,
.project-text-link:active { transform: translateY(0); }
.project-btn:focus-visible,
.project-text-link:focus-visible { outline: 3px solid rgba(113, 51, 219, 0.3); outline-offset: 3px; }

.project-btn--primary { color: #fff; background: var(--project-purple); }
.project-btn--primary:hover { color: #fff; background: #5d25c2; }
.project-btn--light { color: var(--project-ink); background: #fff; }
.project-btn--light:hover { color: var(--project-purple); }
.project-btn--outline { color: #fff; border-color: rgba(255,255,255,.35); background: transparent; }
.project-btn--outline:hover { color: #fff; border-color: #fff; }

.project-text-link {
    color: var(--project-purple);
    font: 600 15px/1.3 "Space Grotesk", sans-serif;
}

.project-check-list {
    margin: 25px 0 28px;
    padding: 0;
    list-style: none;
}

.project-check-list li {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 10px;
    align-items: start;
    margin-bottom: 12px;
    color: var(--project-muted);
    font-size: 15px;
    line-height: 1.65;
}

.project-check-list i {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    margin-top: 2px;
    border-radius: 50%;
    color: var(--project-green);
    background: var(--project-green-light);
    font-size: 10px;
}

/* Homepage projects */
.home-projects {
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: 115px 0 125px;
    color: var(--project-ink);
    background: var(--project-paper);
}

.home-projects__header {
    max-width: 820px;
    margin-bottom: 85px;
}

.home-projects__header h2 {
    max-width: 760px;
    margin: 18px 0 20px;
    color: var(--project-ink);
    font: 600 clamp(36px, 4.2vw, 62px)/1.08 "Space Grotesk", sans-serif;
    letter-spacing: 0;
    text-wrap: balance;
}

.home-projects__header p,
.home-project-copy > p {
    max-width: 650px;
    color: var(--project-muted);
    font-size: 17px;
    line-height: 1.8;
}

.home-project-row {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: clamp(50px, 8vw, 105px);
    align-items: center;
    margin-bottom: 135px;
}

.home-project-row--reverse {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
}

.home-project-row--reverse .home-project-copy { order: 2; }
.home-project-row--reverse .home-project-visual { order: 1; }

.home-project-copy h3 {
    margin: 15px 0 20px;
    color: var(--project-ink);
    font: 600 clamp(30px, 3.2vw, 46px)/1.12 "Space Grotesk", sans-serif;
    letter-spacing: 0;
    text-wrap: balance;
}

.home-project-visual {
    position: relative;
    min-width: 0;
    border-radius: 8px;
}

.home-project-visual--murkan {
    min-height: 520px;
    padding: 55px 35px 35px;
    background: #12362a;
    box-shadow: 28px 28px 0 #dbe8e2;
}

.mini-flow {
    display: grid;
    grid-template-columns: 74px 1fr 24px 1fr 24px 1fr;
    gap: 10px;
    align-items: center;
}

.mini-flow__brand {
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
}

.mini-flow__brand img { width: 46px; height: 52px; object-fit: contain; }

.mini-flow__node {
    display: grid;
    min-height: 112px;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: 14px 9px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 6px;
    color: #fff;
    text-align: center;
    background: rgba(255,255,255,.08);
}

.mini-flow__node i { color: #62dda3; font-size: 23px; }
.mini-flow__node strong { color: #fff; font: 700 27px/1 "Space Grotesk", sans-serif; }
.mini-flow__node span { font-size: 12px; line-height: 1.35; }
.mini-flow__node--accent { background: #168c5b; }
.mini-flow__arrow { color: #79d8ad; text-align: center; }

.mini-order-card {
    margin: 55px 0 0 74px;
    padding: 8px 22px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 24px 55px rgba(0,0,0,.2);
}

.mini-order-card > div {
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #e5ebe8;
}

.mini-order-card > div:last-child { border-bottom: 0; }
.mini-order-card span { color: #68736e; font-size: 13px; }
.mini-order-card strong { color: #14764e; font-size: 13px; text-align: right; }

.home-project-visual--bicrmy {
    overflow: hidden;
    background: #171522;
    box-shadow: -28px 28px 0 #e4ddf1;
}

.home-project-visual--bicrmy img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.platform-caption {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 6px;
    color: #fff;
    background: rgba(20,18,31,.86);
    backdrop-filter: blur(12px);
}

.platform-caption strong { font-size: 16px; }
.platform-caption span { color: #c9c5d2; font-size: 12px; }
.home-projects__action { margin-top: -55px; text-align: center; }

/* Shared project pages */
.project-page {
    overflow-x: hidden;
    color: var(--project-ink);
    background: var(--project-paper);
}

.project-page .background { display: none; }
.project-page .header-wrap {
    background: #181520;
}
.project-page .header-wrap.sticky-menu {
    background: rgba(15, 13, 21, .9);
}
.project-page > .cta-area { display: none; }
.project-page .footer-area,
.project-page .copyright-wrap {
    background: #080d15;
}

.project-hero {
    position: relative;
    overflow: hidden;
    min-height: 710px;
    padding: 205px 0 110px;
    color: #fff;
    background: #181520;
}

.project-hero::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: .22;
    background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

.project-hero--murkan { background: #12362a; }
.project-hero--bicrmy { background: #1a1427; }

.project-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr);
    gap: 70px;
    align-items: center;
}

.project-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 30px;
    color: rgba(255,255,255,.68);
    font-size: 12px;
}

.project-breadcrumb a { color: #fff; }

.project-hero h1,
.projects-index-hero h1 {
    margin: 0 0 24px;
    color: #fff;
    font: 600 clamp(45px, 6vw, 78px)/1.02 "Space Grotesk", sans-serif;
    letter-spacing: 0;
    text-wrap: balance;
}

.project-hero__lead {
    max-width: 660px;
    margin-bottom: 32px;
    color: rgba(255,255,255,.78);
    font-size: 18px;
    line-height: 1.75;
}

.project-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }

.project-hero__visual {
    position: relative;
    min-height: 440px;
}

.project-hero-logo {
    position: absolute;
    top: 0;
    right: 8%;
    display: grid;
    width: 138px;
    height: 138px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 28px 70px rgba(0,0,0,.25);
}

.project-hero-logo img { width: 86px; height: 96px; object-fit: contain; }

.project-window {
    position: absolute;
    right: 0;
    bottom: 0;
    width: min(100%, 500px);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 35px 80px rgba(0,0,0,.28);
}

.project-window__bar {
    display: flex;
    height: 43px;
    align-items: center;
    gap: 7px;
    padding: 0 16px;
    background: #f1f3f4;
}

.project-window__bar i { width: 8px; height: 8px; border-radius: 50%; background: #aeb7bc; }
.project-window__body { padding: 20px; }

.hero-status {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e4e8ea;
}

.hero-status:last-child { border-bottom: 0; }
.hero-status span { color: #657179; font-size: 12px; }
.hero-status strong { color: #16734d; font-size: 12px; }

.project-stat-band {
    position: relative;
    z-index: 3;
    margin-top: -45px;
}

.project-stat-band__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #fff;
    box-shadow: 0 22px 60px rgba(33,39,43,.12);
}

.project-stat {
    min-height: 118px;
    padding: 28px 32px;
    border-right: 1px solid var(--project-line);
}

.project-stat:last-child { border-right: 0; }
.project-stat strong { display: block; margin-bottom: 7px; color: var(--project-ink); font: 600 18px/1.2 "Space Grotesk", sans-serif; }
.project-stat span { color: var(--project-muted); font-size: 13px; line-height: 1.5; }

.project-section { padding: 120px 0; }
.project-section--white { background: #fff; }
.project-section--ink { color: #fff; background: #191721; }

.project-section-heading {
    display: grid;
    grid-template-columns: .65fr 1.35fr;
    gap: 70px;
    align-items: end;
    margin-bottom: 70px;
}

.project-section-heading h2 {
    margin: 14px 0 0;
    color: var(--project-ink);
    font: 600 clamp(34px, 4.2vw, 56px)/1.08 "Space Grotesk", sans-serif;
    letter-spacing: 0;
    text-wrap: balance;
}

.project-section-heading > p {
    max-width: 630px;
    margin: 0;
    color: var(--project-muted);
    font-size: 17px;
    line-height: 1.8;
}

.project-section--ink .project-section-heading h2,
.project-section--ink .project-section-heading > p { color: #fff; }
.project-section--ink .project-section-heading > p { opacity: .7; }

/* Murkan flow */
.order-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    counter-reset: flow;
}

.order-flow__step {
    position: relative;
    min-height: 250px;
    padding: 28px 22px;
    border-top: 3px solid var(--project-green);
    background: #fff;
    counter-increment: flow;
}

.order-flow__step::before {
    display: block;
    margin-bottom: 45px;
    color: #9aa4aa;
    content: "0" counter(flow);
    font: 600 13px/1 "Space Grotesk", sans-serif;
}

.order-flow__step i { display: block; margin-bottom: 18px; color: var(--project-green); font-size: 28px; }
.order-flow__step h3 { margin: 0 0 10px; color: var(--project-ink); font: 600 18px/1.25 "Space Grotesk", sans-serif; }
.order-flow__step p { margin: 0; color: var(--project-muted); font-size: 13px; line-height: 1.65; }

.mapping-board {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 0;
    overflow: hidden;
    border: 1px solid #d7dedb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(34,57,47,.12);
}

.mapping-board__source {
    padding: 40px;
    color: #fff;
    background: #153b2e;
}

.mapping-board__source h3 { margin: 25px 0 12px; color: #fff; font: 600 27px/1.15 "Space Grotesk", sans-serif; }
.mapping-board__source p { margin: 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.7; }
.mapping-source-icon { display: grid; width: 60px; height: 60px; place-items: center; border-radius: 6px; color: #153b2e; background: #81e7b4; font-size: 25px; }

.mapping-board__table { padding: 18px 28px; }
.mapping-row {
    display: grid;
    grid-template-columns: 1.1fr .9fr 110px;
    gap: 16px;
    align-items: center;
    min-height: 72px;
    border-bottom: 1px solid #e4e9e6;
}
.mapping-row:last-child { border-bottom: 0; }
.mapping-row span { color: #69746f; font-size: 13px; }
.mapping-row strong { color: var(--project-ink); font-size: 13px; }
.mapping-row em { padding: 7px 9px; border-radius: 4px; color: #12734a; background: #e5f6ed; font-size: 11px; font-style: normal; text-align: center; }

.dia-bridge {
    display: grid;
    grid-template-columns: 1fr 74px 1fr;
    align-items: stretch;
}

.dia-bridge__side { padding: 45px; border: 1px solid rgba(255,255,255,.14); }
.dia-bridge__side:first-child { border-radius: 8px 0 0 8px; }
.dia-bridge__side:last-child { border-radius: 0 8px 8px 0; }
.dia-bridge__side h3 { margin: 15px 0 22px; color: #fff; font: 600 28px/1.15 "Space Grotesk", sans-serif; }
.dia-bridge__side ul { margin: 0; padding: 0; list-style: none; }
.dia-bridge__side li { margin-bottom: 12px; color: rgba(255,255,255,.7); font-size: 14px; }
.dia-bridge__side li i { width: 20px; color: #79dda9; }
.dia-mark { color: #81e7b4; font: 700 38px/1 "Space Grotesk", sans-serif; }
.dia-bridge__connector { display: grid; place-items: center; color: #81e7b4; background: rgba(255,255,255,.06); }

.project-outcomes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.project-outcome { padding: 8px 0 28px; border-bottom: 2px solid var(--project-line); }
.project-outcome i { margin-bottom: 30px; color: var(--project-purple); font-size: 27px; }
.project-outcome h3 { margin: 0 0 12px; color: var(--project-ink); font: 600 21px/1.2 "Space Grotesk", sans-serif; }
.project-outcome p { margin: 0; color: var(--project-muted); font-size: 14px; line-height: 1.75; }

/* BICRMY */
.bicrmy-hero-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 8px;
}
.bicrmy-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.bicrmy-hero-image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(to top, rgba(20,15,30,.52), transparent 60%); }

.platform-flow {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    gap: 8px;
}
.platform-flow__node { min-height: 160px; padding: 24px 16px; border: 1px solid rgba(255,255,255,.14); text-align: center; }
.platform-flow__node i { display: block; margin-bottom: 20px; color: #b995ff; font-size: 28px; }
.platform-flow__node strong { display: block; margin-bottom: 7px; color: #fff; font: 600 16px/1.2 "Space Grotesk", sans-serif; }
.platform-flow__node span { color: rgba(255,255,255,.58); font-size: 11px; }
.platform-flow__arrow { color: #b995ff; text-align: center; }

.sector-story { display: grid; gap: 0; }
.sector-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 475px;
    background: #fff;
}
.sector-row:nth-child(even) .sector-row__image { order: 2; }
.sector-row:nth-child(even) .sector-row__copy { order: 1; }
.sector-row__image { overflow: hidden; }
.sector-row__image img { width: 100%; height: 100%; min-height: 475px; object-fit: cover; transition: transform 600ms ease; }
.sector-row:hover .sector-row__image img { transform: scale(1.025); }
.sector-row__copy { display: flex; padding: 55px 65px; justify-content: center; flex-direction: column; }
.sector-row__label { color: var(--project-purple); font: 600 12px/1.2 "Space Grotesk", sans-serif; }
.sector-row h3 { margin: 14px 0 15px; color: var(--project-ink); font: 600 31px/1.1 "Space Grotesk", sans-serif; }
.sector-row p { margin: 0 0 22px; color: var(--project-muted); font-size: 15px; line-height: 1.75; }
.sector-row ul { margin: 0; padding-left: 18px; color: #465159; }
.sector-row li { margin-bottom: 8px; font-size: 13px; line-height: 1.5; }

.shared-foundation {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--project-line);
    background: var(--project-line);
}
.foundation-item { min-height: 220px; padding: 32px 26px; background: #fff; }
.foundation-item i { display: block; margin-bottom: 35px; color: var(--project-purple); font-size: 26px; }
.foundation-item h3 { margin: 0 0 10px; color: var(--project-ink); font: 600 18px/1.2 "Space Grotesk", sans-serif; }
.foundation-item p { margin: 0; color: var(--project-muted); font-size: 13px; line-height: 1.65; }

/* Projects index */
.projects-index-hero { padding: 205px 0 100px; color: #fff; background: #181520; }
.projects-index-hero p { max-width: 720px; color: rgba(255,255,255,.7); font-size: 18px; line-height: 1.75; }
.projects-index-list { padding: 100px 0 130px; background: var(--project-paper); }
.project-index-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 560px;
    margin-bottom: 52px;
    overflow: hidden;
    background: #fff;
}
.project-index-item:nth-child(even) .project-index-item__visual { order: 2; }
.project-index-item:nth-child(even) .project-index-item__copy { order: 1; }
.project-index-item__visual { position: relative; overflow: hidden; background: #153b2e; }
.project-index-item__visual > img { width: 100%; height: 100%; object-fit: cover; }
.project-index-item__visual--murkan { display: grid; place-items: center; }
.project-index-item__visual--murkan > img { width: 155px; height: 173px; object-fit: contain; filter: drop-shadow(0 20px 30px rgba(0,0,0,.18)); }
.project-index-item__copy { display: flex; padding: 70px; justify-content: center; flex-direction: column; }
.project-index-item__copy h2 { margin: 15px 0 18px; color: var(--project-ink); font: 600 clamp(34px, 4vw, 50px)/1.08 "Space Grotesk", sans-serif; }
.project-index-item__copy p { color: var(--project-muted); font-size: 16px; line-height: 1.75; }

.project-final-cta { padding: 105px 0; color: #fff; background: var(--project-purple-dark); }
.project-final-cta__inner { display: grid; grid-template-columns: 1.3fr .7fr; gap: 60px; align-items: center; }
.project-final-cta h2 { margin: 0 0 16px; color: #fff; font: 600 clamp(34px, 4vw, 55px)/1.08 "Space Grotesk", sans-serif; }
.project-final-cta p { max-width: 680px; margin: 0; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.75; }
.project-final-cta__action { text-align: right; }

.project-reveal {
    opacity: 1;
    transform: none;
    transition: transform 620ms ease;
}
.js .project-reveal.is-visible { transform: none; }

@media (max-width: 1260px) {
    .main-menu ul li { margin-left: 20px; }
    .main-menu ul li a { font-size: 12px; }
}

@media (max-width: 991px) {
    .project-container { width: min(100% - 30px, 720px); }
    .home-projects { padding: 90px 0; }
    .home-projects__header { margin-bottom: 65px; }
    .home-project-row,
    .home-project-row--reverse,
    .project-hero__grid,
    .project-section-heading,
    .mapping-board,
    .sector-row,
    .project-index-item,
    .project-final-cta__inner { grid-template-columns: 1fr; }
    .home-project-row { gap: 48px; margin-bottom: 95px; }
    .home-project-row--reverse .home-project-copy,
    .home-project-row--reverse .home-project-visual,
    .sector-row:nth-child(even) .sector-row__image,
    .sector-row:nth-child(even) .sector-row__copy,
    .project-index-item:nth-child(even) .project-index-item__visual,
    .project-index-item:nth-child(even) .project-index-item__copy { order: initial; }
    .home-project-visual--murkan { min-height: 480px; box-shadow: 18px 18px 0 #dbe8e2; }
    .home-project-visual--bicrmy { box-shadow: -18px 18px 0 #e4ddf1; }
    .home-projects__action { margin-top: -20px; }
    .project-hero { min-height: auto; padding: 170px 0 90px; }
    .project-hero__grid { gap: 55px; }
    .project-hero__visual { min-height: 420px; }
    .project-section { padding: 90px 0; }
    .project-section-heading { gap: 25px; margin-bottom: 50px; }
    .order-flow { grid-template-columns: repeat(2, 1fr); }
    .order-flow__step:last-child { grid-column: 1 / -1; }
    .project-outcomes { grid-template-columns: repeat(2, 1fr); }
    .platform-flow { grid-template-columns: 1fr; }
    .platform-flow__node { min-height: 120px; }
    .platform-flow__arrow { transform: rotate(90deg); }
    .sector-row__image img { min-height: 380px; }
    .shared-foundation { grid-template-columns: repeat(2, 1fr); }
    .project-index-item__copy { padding: 55px; }
    .project-final-cta__action { text-align: left; }
}

@media (max-width: 767px) {
    .project-container { width: calc(100% - 30px); }
    .home-projects { padding: 75px 0 85px; }
    .home-projects__header h2 { font-size: 34px; }
    .home-projects__header p,
    .home-project-copy > p { font-size: 15px; }
    .home-project-row { margin-bottom: 80px; }
    .home-project-copy h3 { font-size: 30px; }
    .home-project-visual--murkan { min-height: auto; padding: 28px 18px 24px; box-shadow: 10px 10px 0 #dbe8e2; }
    .mini-flow { grid-template-columns: 54px 1fr 1fr 1fr; gap: 7px; }
    .mini-flow__brand { width: 54px; height: 54px; }
    .mini-flow__brand img { width: 34px; height: 39px; }
    .mini-flow__arrow { display: none; }
    .mini-flow__node { min-height: 100px; padding: 10px 5px; }
    .mini-flow__node i { font-size: 18px; }
    .mini-flow__node strong { font-size: 20px; }
    .mini-flow__node span { font-size: 10px; }
    .mini-order-card { margin: 28px 0 0; padding: 4px 15px; }
    .mini-order-card > div { min-height: 56px; }
    .home-project-visual--bicrmy { box-shadow: -10px 10px 0 #e4ddf1; }
    .platform-caption { right: 10px; bottom: 10px; }
    .project-btn { width: 100%; }
    .project-hero { padding: 150px 0 75px; }
    .project-hero h1,
    .projects-index-hero h1 { font-size: 42px; }
    .project-hero__lead { font-size: 16px; }
    .project-hero__actions { display: grid; }
    .project-hero__visual { min-height: 360px; }
    .project-hero-logo { width: 92px; height: 92px; }
    .project-hero-logo img { width: 57px; height: 64px; }
    .project-window { width: calc(100% - 22px); }
    .project-stat-band { margin-top: -25px; }
    .project-stat-band__inner { grid-template-columns: 1fr; }
    .project-stat { min-height: 92px; padding: 22px 24px; border-right: 0; border-bottom: 1px solid var(--project-line); }
    .project-stat:last-child { border-bottom: 0; }
    .project-section { padding: 75px 0; }
    .project-section-heading h2 { font-size: 34px; }
    .project-section-heading > p { font-size: 15px; }
    .order-flow,
    .project-outcomes,
    .shared-foundation { grid-template-columns: 1fr; }
    .order-flow__step:last-child { grid-column: auto; }
    .order-flow__step { min-height: 220px; }
    .mapping-board__source { padding: 32px 25px; }
    .mapping-board__table { padding: 10px 18px; }
    .mapping-row { grid-template-columns: 1fr; gap: 5px; padding: 16px 0; }
    .mapping-row em { width: max-content; }
    .dia-bridge { grid-template-columns: 1fr; }
    .dia-bridge__side { padding: 32px 25px; }
    .dia-bridge__side:first-child,
    .dia-bridge__side:last-child { border-radius: 6px; }
    .dia-bridge__connector { min-height: 60px; transform: rotate(90deg); }
    .sector-row { min-height: auto; }
    .sector-row__image img { min-height: 270px; }
    .sector-row__copy { padding: 38px 25px 44px; }
    .sector-row h3 { font-size: 27px; }
    .projects-index-hero { padding: 155px 0 75px; }
    .project-index-item { min-height: auto; margin-bottom: 30px; }
    .project-index-item__visual { min-height: 310px; }
    .project-index-item__copy { padding: 38px 25px 45px; }
    .project-final-cta { padding: 75px 0; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    .js .project-reveal { opacity: 1; transform: none; }
}