@import url("https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap");

:root {
    --mind-black: #0F0F0F;
    --mind-ivory: #F5F2EA;
    --mind-gold: #A67C52;
    --mind-slate: #666868;
    --mind-copper: #A67C52;
    --mind-font: "Satoshi", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --mind-gold-gradient: linear-gradient(135deg, #A67C52 0%, #d7b189 50%, #A67C52 100%);
}

html,
body {
    margin: 0;
    background: var(--mind-black);
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

.mindspace-page {
    min-height: 100vh;
    color: var(--mind-ivory);
    font-family: var(--mind-font);
    background:
        radial-gradient(circle at 72% 18%, rgba(166, 124, 82, 0.12), transparent 24%),
        radial-gradient(circle at 14% 66%, rgba(180, 106, 60, 0.1), transparent 22%),
        var(--mind-black);
}

.mindspace-page *,
.mindspace-page *::before,
.mindspace-page *::after {
    box-sizing: border-box;
}

.mindspace-link-button,
.mindspace-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 24px;
    border: 1px solid rgba(166, 124, 82, 0.86);
    border-radius: 999px;
    color: var(--mind-ivory);
    background: rgba(15, 15, 15, 0.34);
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform 220ms ease, background 220ms ease, border-color 220ms ease;
}

.mindspace-link-button::after,
.mindspace-cta__button::after {
    content: ">";
    margin-left: 18px;
    color: var(--mind-gold);
}

.mindspace-link-button:hover,
.mindspace-cta__button:hover {
    transform: translateY(-2px);
    border-color: var(--mind-gold);
    background: rgba(166, 124, 82, 0.12);
}

main {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(9, 10, 10, 0.4), #090a0a 10%),
        #090a0a;
}

.mindspace-section {
    width: min(100% - 48px, 1380px);
    margin: 0 auto;
    padding: clamp(64px, 8vw, 118px) 0;
}

.mindspace-section__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 34px;
}

.mindspace-kicker {
    margin: 0 0 14px;
    color: var(--mind-gold);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.mindspace-section h2,
.mindspace-cta h2 {
    margin: 0;
    color: var(--mind-ivory);
    font-size: clamp(2rem, 3.8vw, 4.4rem);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: 0;
}

.mindspace-projects {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.mindspace-project-card {
    position: relative;
    min-height: 292px;
    overflow: hidden;
    border: 1px solid rgba(166, 124, 82, 0.18);
    border-radius: 8px;
    background: rgba(245, 242, 234, 0.035);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
    transform: translateZ(0);
}

.mindspace-project-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.84));
}

.mindspace-project-card__visual {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #151515;
}

.mindspace-project-card__visual span,
.mindspace-project-card__visual::before,
.mindspace-project-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
}

.mindspace-project-card__visual--architecture {
    background:
        linear-gradient(135deg, transparent 30%, rgba(245, 190, 126, 0.8) 30% 32%, transparent 32%),
        repeating-linear-gradient(90deg, #191b1b 0 28px, #0d0e0e 28px 34px);
}

.mindspace-project-card__visual--architecture span {
    inset: 20% 12% 22%;
    border: 1px solid rgba(245, 242, 234, 0.16);
    background:
        linear-gradient(90deg, transparent 48%, rgba(245, 190, 126, 0.85) 48% 53%, transparent 53%),
        linear-gradient(180deg, rgba(245, 242, 234, 0.1), transparent),
        #111;
    box-shadow: 0 28px 80px rgba(166, 124, 82, 0.25);
    transform: perspective(480px) rotateY(-10deg);
}

.mindspace-project-card__visual--product {
    background: radial-gradient(circle at 52% 42%, rgba(245, 242, 234, 0.28), transparent 34%), #111;
}

.mindspace-project-card__visual--product span {
    inset: 11% 27% 15%;
    border: 8px solid #111;
    border-radius: 30px;
    background:
        repeating-linear-gradient(180deg, rgba(245, 242, 234, 0.12) 0 9px, transparent 9px 32px),
        linear-gradient(135deg, rgba(166, 124, 82, 0.7), rgba(30, 34, 35, 0.96));
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.64);
    transform: rotate(-10deg);
}

.mindspace-project-card__visual--fashion {
    background: radial-gradient(circle at 52% 28%, rgba(166, 124, 82, 0.38), transparent 31%), linear-gradient(135deg, #101010, #2a211b);
}

.mindspace-project-card__visual--fashion span {
    inset: 14% 30% 0;
    border-radius: 42% 42% 8px 8px;
    background:
        linear-gradient(90deg, transparent 32%, #090909 32% 68%, transparent 68%),
        radial-gradient(circle at 50% 18%, #d6a06d 0 18%, transparent 19%),
        linear-gradient(#161616, #050505);
}

.mindspace-project-card__visual--robotics {
    background: radial-gradient(circle at 55% 45%, rgba(211, 146, 91, 0.32), transparent 38%), #121414;
}

.mindspace-project-card__visual--robotics span {
    inset: 28% 16% 24%;
    border: 2px solid rgba(245, 242, 234, 0.2);
    border-radius: 42px;
    background: linear-gradient(135deg, #d8c4a8, #33221a 50%, #080808);
    box-shadow: 46px 36px 0 -24px #0b0b0b, -46px 36px 0 -24px #0b0b0b;
    transform: rotate(-12deg);
}

.mindspace-project-card__visual--interior {
    background:
        radial-gradient(circle at 50% 15%, rgba(245, 190, 126, 0.48), transparent 8%),
        linear-gradient(90deg, transparent 18%, rgba(245, 242, 234, 0.12) 18% 19%, transparent 19% 80%, rgba(245, 242, 234, 0.12) 80% 81%, transparent 81%),
        repeating-linear-gradient(0deg, #141414 0 26px, #19140f 26px 28px);
}

.mindspace-project-card__visual--interior span {
    inset: 58% 10% 15%;
    border-radius: 999px 999px 10px 10px;
    background: linear-gradient(180deg, rgba(166, 124, 82, 0.52), #111);
}

.mindspace-project-card__body {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 2;
}

.mindspace-project-card h3 {
    margin: 0 0 7px;
    font-size: 1rem;
}

.mindspace-project-card p {
    margin: 0;
    color: rgba(245, 242, 234, 0.7);
    font-size: 0.82rem;
}

.mindspace-stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: min(100% - 48px, 1380px);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(166, 124, 82, 0.18);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 0%, rgba(166, 124, 82, 0.16), transparent 40%),
        linear-gradient(135deg, rgba(245, 242, 234, 0.04), rgba(245, 242, 234, 0.015));
    box-shadow: inset 0 0 42px rgba(166, 124, 82, 0.08), 0 34px 110px rgba(0, 0, 0, 0.24);
}

.mindspace-stats div {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 128px;
    padding: 20px;
    text-align: center;
}

.mindspace-stats div + div {
    border-left: 1px solid rgba(166, 124, 82, 0.14);
}

.mindspace-stats strong {
    font-size: clamp(2rem, 3vw, 3.4rem);
    font-weight: 500;
}

.mindspace-stats span {
    color: rgba(245, 242, 234, 0.74);
    font-size: 0.82rem;
}

/* Featured Work premium gallery upgrade */
.mindspace-work {
    position: relative;
    isolation: isolate;
    padding: 0px !important;
}

.mindspace-work::before,
.mindspace-work::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.mindspace-work::before {
    inset: 20px -9vw -70px;
    background:
        linear-gradient(90deg, rgba(245, 242, 234, 0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.018) 1px, transparent 1px),
        radial-gradient(circle at 82% 24%, rgba(180, 106, 60, 0.16), transparent 27%),
        radial-gradient(circle at 12% 46%, rgba(245, 190, 126, 0.08), transparent 24%);
    background-size: 74px 74px, 74px 74px, auto, auto;
    mask-image: linear-gradient(180deg, transparent, #000 12%, #000 86%, transparent);
}

.mindspace-work::after {
    inset: 0 -8vw;
    background: linear-gradient(90deg, #090a0a, transparent 13%, transparent 87%, #090a0a);
}

.mindspace-work .mindspace-section__head {
    margin-bottom: clamp(30px, 3vw, 48px);
}

.mindspace-projects {
    --work-scroll: 0px;
    display: flex;
    grid-template-columns: none;
    gap: clamp(18px, 1.65vw, 28px);
    overflow-x: auto;
    overflow-y: hidden;
    padding: 6px 0 30px;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    scrollbar-width: none;
    transform: translate3d(var(--work-scroll), 0, 0);
    transition: transform 140ms linear;
    will-change: transform;
}

.mindspace-projects::-webkit-scrollbar {
    display: none;
}

.mindspace-project-card {
    --card-tilt-x: 0deg;
    --card-tilt-y: 0deg;
    --card-glow-x: 50%;
    --card-glow-y: 50%;
    --card-y: 0px;
    flex: 0 0 clamp(250px, 19vw, 312px);
    min-height: clamp(330px, 25vw, 390px);
    scroll-snap-align: start;
    border: 1px solid rgba(245, 190, 126, 0.18);
    background: #111313;
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(245, 242, 234, 0.08);
    transform: perspective(900px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translate3d(0, var(--card-y), 0);
    transform-style: preserve-3d;
    transition: border-color 280ms ease, box-shadow 280ms ease, transform 180ms ease;
    will-change: transform;
}

.mindspace-project-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    background: radial-gradient(circle at var(--card-glow-x) var(--card-glow-y), rgba(245, 190, 126, 0.26), transparent 34%);
    mix-blend-mode: screen;
    transition: opacity 240ms ease;
}

.mindspace-project-card::after {
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(4, 5, 5, 0.06) 0%, transparent 28%, rgba(0, 0, 0, 0.92) 100%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.32), transparent 38%, rgba(0, 0, 0, 0.18));
    pointer-events: none;
}

.mindspace-project-card:hover {
    border-color: rgba(245, 190, 126, 0.46);
    box-shadow:
        0 34px 120px rgba(0, 0, 0, 0.48),
        0 0 44px rgba(180, 106, 60, 0.18),
        inset 0 1px 0 rgba(245, 242, 234, 0.14);
}

.mindspace-project-card:hover::before {
    opacity: 1;
}

.mindspace-project-card__visual {
    background: #151515;
    transform: translateZ(0);
}

.mindspace-project-card__visual img {
    position: absolute;
    inset: -7%;
    width: 114%;
    height: 114%;
    object-fit: cover;
    filter: saturate(0.82) contrast(1.08) brightness(0.74);
    transform: translate3d(0, var(--image-y, 0px), 34px) scale(1.04);
    transition: filter 360ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.mindspace-project-card__visual span,
.mindspace-project-card__visual::before,
.mindspace-project-card__visual::after {
    pointer-events: none;
}

.mindspace-project-card__visual::before {
    z-index: 1;
    background:
        radial-gradient(circle at 70% 18%, rgba(245, 190, 126, 0.24), transparent 16%),
        linear-gradient(180deg, rgba(10, 12, 12, 0.12), rgba(8, 9, 9, 0.3));
    mix-blend-mode: screen;
}

.mindspace-project-card__visual::after {
    z-index: 1;
    background-image:
        linear-gradient(rgba(245, 242, 234, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 242, 234, 0.03) 1px, transparent 1px);
    background-size: 48px 48px;
    opacity: 0.34;
    mask-image: linear-gradient(180deg, #000, transparent 72%);
}

.mindspace-project-card__visual span {
    z-index: 2;
    opacity: 0.18;
    background:
        linear-gradient(120deg, transparent 0 40%, rgba(245, 190, 126, 0.38) 44%, transparent 49%),
        radial-gradient(circle at 42% 38%, rgba(245, 242, 234, 0.18), transparent 25%);
    transform: translate3d(calc(var(--image-y, 0px) * -0.28), 0, 0);
}

.mindspace-project-card:hover .mindspace-project-card__visual img {
    filter: saturate(0.98) contrast(1.12) brightness(0.84);
    transform: translate3d(0, calc(var(--image-y, 0px) - 8px), 46px) scale(1.1);
}

.mindspace-project-card__visual--robotics img {
    object-position: 58% center;
}

.mindspace-project-card__visual--interior img {
    object-position: 64% center;
}

.mindspace-project-card__body {
    left: clamp(18px, 1.5vw, 24px);
    right: clamp(18px, 1.5vw, 24px);
    bottom: clamp(20px, 1.7vw, 28px);
    z-index: 4;
    transform: translateZ(74px);
}

.mindspace-project-card h3 {
    margin: 0 0 9px;
    color: #fffaf1;
    font-size: clamp(1rem, 1.1vw, 1.22rem);
    font-weight: 800;
    line-height: 1.1;
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.76);
}

.mindspace-project-card p {
    color: rgba(245, 242, 234, 0.72);
    font-size: clamp(0.78rem, 0.86vw, 0.94rem);
    font-weight: 650;
    line-height: 1.35;
    text-shadow: 0 6px 20px rgba(0, 0, 0, 0.84);
}

.mindspace-stats {
    margin: -10px auto 0;
    border-color: rgba(245, 190, 126, 0.17);
    position: relative;
    isolation: isolate;
    background:
        linear-gradient(118deg, transparent 0 12%, rgba(176, 102, 50, 0.58) 12.3%, transparent 12.9% 28%, rgba(213, 137, 73, 0.36) 28.2%, transparent 28.8% 61%, rgba(166, 94, 45, 0.42) 61.2%, transparent 61.8%),
        linear-gradient(62deg, transparent 0 19%, rgba(226, 151, 83, 0.42) 19.2%, transparent 19.7% 46%, rgba(126, 70, 36, 0.32) 46.2%, transparent 46.8% 86%, rgba(220, 142, 74, 0.36) 86.2%, transparent 86.8%),
        linear-gradient(151deg, transparent 0 34%, rgba(245, 174, 97, 0.28) 34.2%, transparent 34.7% 73%, rgba(163, 91, 45, 0.34) 73.2%, transparent 73.8%),
        radial-gradient(circle at 14% 18%, rgba(245, 190, 126, 0.11), transparent 22%),
        radial-gradient(circle at 84% 22%, rgba(180, 106, 60, 0.12), transparent 24%),
        linear-gradient(135deg, #171716 0%, #0d0e0e 42%, #080909 100%);
    background-blend-mode: screen, screen, screen, normal, normal, normal;
    box-shadow:
        inset 0 1px 0 rgba(245, 242, 234, 0.08),
        inset 0 -36px 80px rgba(0, 0, 0, 0.42),
        inset 0 0 70px rgba(166, 124, 82, 0.08),
        0 34px 110px rgba(0, 0, 0, 0.34);
}

.mindspace-stats::before,
.mindspace-stats::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.mindspace-stats::before {
    opacity: 0.5;
    background:
        linear-gradient(105deg, transparent 0 8%, rgba(255, 205, 139, 0.24) 8.15%, transparent 8.55% 26%, rgba(119, 70, 38, 0.32) 26.15%, transparent 26.6% 67%, rgba(236, 146, 71, 0.22) 67.15%, transparent 67.65%),
        linear-gradient(166deg, transparent 0 15%, rgba(233, 157, 88, 0.22) 15.15%, transparent 15.55% 52%, rgba(92, 51, 31, 0.44) 52.15%, transparent 52.75% 91%, rgba(232, 146, 76, 0.22) 91.2%, transparent 91.75%);
    filter: blur(0.4px);
}

.mindspace-stats::after {
    background:
        linear-gradient(90deg, rgba(245, 242, 234, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.014) 1px, transparent 1px),
        radial-gradient(circle at 50% 120%, rgba(0, 0, 0, 0.48), transparent 58%);
    background-size: 96px 96px, 96px 96px, auto;
    opacity: 0.72;
}

.mindspace-stats div {
    position: relative;
    min-height: clamp(118px, 9vw, 152px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(0, 0, 0, 0.06));
}

.mindspace-stats div::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 1px;
    background:
        linear-gradient(transparent, rgba(245, 190, 126, 0.24), transparent),
        linear-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    box-shadow: 0 0 18px rgba(166, 124, 82, 0.12);
}

.mindspace-stats div:first-child::before {
    content: none;
}

.mindspace-stats strong {
    color: #fff7eb;
    font-size: clamp(2rem, 3vw, 3.25rem);
    line-height: 1;
    text-shadow:
        0 2px 0 rgba(0, 0, 0, 0.38),
        0 0 22px rgba(245, 190, 126, 0.18);
}

.mindspace-services {
    display: grid;
    grid-template-columns: minmax(260px, 0.82fr) minmax(420px, 1.08fr) minmax(250px, 0.78fr);
    align-items: center;
    gap: clamp(28px, 4vw, 68px);
}

.mindspace-services__copy,
.mindspace-services__note {
    min-width: 0;
}

.mindspace-services__copy .mindspace-link-button {
    margin-top: 40px;
}

.mindspace-services__note p {
    max-width: 320px;
    margin: 0 0 34px;
    color: rgba(245, 242, 234, 0.68);
    font-size: 0.95rem;
    line-height: 1.75;
}

.mindspace-services__note strong {
    display: block;
    margin-top: 26px;
    color: var(--mind-gold);
    font-size: 0.78rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.mindspace-orbit {
    position: relative;
    aspect-ratio: 1;
    min-height: 520px;
}

.mindspace-orbit__rings,
.mindspace-wire-globe {
    position: absolute;
    inset: 11%;
    border-radius: 999px;
    background:
        repeating-radial-gradient(circle, transparent 0 34px, rgba(166, 124, 82, 0.24) 35px 36px),
        conic-gradient(from 0deg, transparent, rgba(166, 124, 82, 0.34), transparent, rgba(245, 242, 234, 0.1), transparent);
    mask-image: radial-gradient(circle, transparent 0 25%, #000 26% 72%, transparent 73%);
    animation: mindspaceSpin 36s linear infinite;
}

.mindspace-orbit__center {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    place-items: center;
    width: 132px;
    height: 132px;
    border: 1px solid rgba(166, 124, 82, 0.45);
    border-radius: 999px;
    color: var(--mind-gold);
    background: radial-gradient(circle, rgba(245, 242, 234, 0.13), rgba(9, 10, 10, 0.88));
    box-shadow: 0 0 80px rgba(166, 124, 82, 0.2), inset 0 0 36px rgba(166, 124, 82, 0.12);
    font-size: 2.8rem;
    letter-spacing: -0.14em;
    transform: translate(-50%, -50%);
}

.mindspace-orbit__item {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(245, 242, 234, 0.82);
    font-size: 0.82rem;
    line-height: 1.25;
}

.mindspace-orbit__item span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(166, 124, 82, 0.5);
    border-radius: 999px;
    background: rgba(15, 15, 15, 0.74);
    box-shadow: 0 0 28px rgba(166, 124, 82, 0.18);
}

.mindspace-orbit__item span::before {
    content: "";
    width: 14px;
    height: 14px;
    border: 2px solid var(--mind-gold);
    border-radius: 4px;
}

.mindspace-orbit__item--brand { left: 43%; top: 2%; }
.mindspace-orbit__item--web { right: 0; top: 25%; }
.mindspace-orbit__item--ai { right: 2%; top: 57%; }
.mindspace-orbit__item--growth { right: 20%; bottom: 8%; }
.mindspace-orbit__item--video { left: 39%; bottom: 2%; }
.mindspace-orbit__item--commerce { left: 3%; bottom: 15%; }
.mindspace-orbit__item--mobile { left: 0; top: 54%; }
.mindspace-orbit__item--ux { left: 10%; top: 24%; }

.mindspace-wire-globe {
    position: relative;
    inset: auto;
    width: min(260px, 70vw);
    aspect-ratio: 1.8;
    border-bottom: 1px solid rgba(166, 124, 82, 0.32);
    border-radius: 260px 260px 0 0;
    mask-image: linear-gradient(#000, transparent 92%);
}

.mindspace-cta {
    position: relative;
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(260px, 1fr) minmax(240px, 0.72fr) minmax(260px, 0.78fr);
    align-items: center;
    gap: 28px;
    width: min(100% - 48px, 1380px);
    min-height: 286px;
    margin: 0 auto clamp(48px, 7vw, 96px);
    padding: clamp(28px, 4vw, 58px);
    overflow: hidden;
    border: 1px solid rgba(166, 124, 82, 0.48);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(245, 242, 234, 0.045), rgba(10, 10, 10, 0.76));
}

.mindspace-cta__button {
    width: max-content;
    margin-top: 30px;
    border-radius: 4px;
    background: #b5794f;
    color: #fff7ed;
}

.mindspace-cta__vortex {
    height: 240px;
    border-radius: 999px;
    background:
        conic-gradient(from 230deg, transparent, rgba(166, 124, 82, 0.2), rgba(245, 242, 234, 0.42), rgba(180, 106, 60, 0.26), transparent 62%),
        radial-gradient(circle, rgba(166, 124, 82, 0.22), transparent 60%);
    filter: blur(0.2px);
    transform: rotate(-15deg);
    animation: mindspacePulse 5s ease-in-out infinite;
}

.mindspace-contact-list {
    display: grid;
    gap: 18px;
}

.mindspace-contact-list a {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 2px 14px;
    color: var(--mind-ivory);
    text-decoration: none;
}

.mindspace-contact-list span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(166, 124, 82, 0.52);
    border-radius: 999px;
    color: var(--mind-gold);
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.mindspace-contact-list strong {
    font-size: 0.82rem;
}

.mindspace-contact-list small {
    color: rgba(245, 242, 234, 0.62);
}

.mindspace-cta blockquote {
    margin: 0;
    color: rgba(245, 242, 234, 0.78);
    font-size: clamp(1.5rem, 2.2vw, 2.4rem);
    font-weight: 400;
    line-height: 1.22;
}

.mindspace-cta blockquote span {
    display: block;
    color: var(--mind-gold);
    font-size: 3rem;
    line-height: 0.7;
}

.mindspace-cta cite {
    display: block;
    margin-top: 20px;
    color: rgba(245, 242, 234, 0.52);
    font-size: 0.75rem;
    font-style: normal;
}

[data-reveal] {
    opacity: 0;
    transform: translateY(34px);
    transition: opacity 760ms cubic-bezier(0.22, 1, 0.36, 1), transform 760ms cubic-bezier(0.22, 1, 0.36, 1);
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

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

@keyframes mindspacePulse {
    50% {
        transform: rotate(-7deg) scale(1.04);
        opacity: 0.82;
    }
}

.mindspace-hero {
    position: relative;
    isolation: isolate;
    min-height: 520vh;
    overflow: visible;
    background: var(--mind-black);
    color: var(--mind-ivory);
    font-family: var(--mind-font);
}

.mindspace-hero__sticky {
    position: sticky;
    top: 0;
    min-height: 100vh;
    overflow: hidden;
    background: var(--mind-black);
}

.mindspace-hero *,
.mindspace-hero *::before,
.mindspace-hero *::after {
    box-sizing: border-box;
}

.mindspace-hero__backdrop {
    position: absolute;
    inset: 0;
    z-index: -4;
    background:
        radial-gradient(circle at 66% 54%, rgba(166, 124, 82, 0.16), transparent 30%),
        radial-gradient(circle at 25% 38%, rgba(180, 106, 60, 0.12), transparent 20%),
        linear-gradient(90deg, rgba(15, 15, 15, 0.99) 0%, rgba(15, 15, 15, 0.9) 35%, rgba(15, 15, 15, 0.68) 64%, rgba(15, 15, 15, 0.96) 100%);
}

.mindspace-hero__backdrop::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(245, 242, 234, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 242, 234, 0.03) 1px, transparent 1px);
    background-size: 88px 88px;
    mask-image: radial-gradient(circle at 55% 50%, #000 0%, transparent 68%);
}

.mindspace-hero__content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(390px, 0.82fr) minmax(680px, 1.42fr);
    align-items: center;
    width: min(100%, 1640px);
    min-height: 100vh;
    margin: 0 auto;
    padding: clamp(78px, 8vh, 104px) clamp(72px, 7vw, 120px) 78px;
    gap: clamp(24px, 3vw, 64px);
}

.mindspace-hero__copy {
    position: relative;
    z-index: 7;
    max-width: 560px;
    text-shadow: 0 2px 22px rgba(0, 0, 0, 0.74);
    transform: translate3d(0, 0, 0);
    transition: opacity 520ms cubic-bezier(0.22, 1, 0.36, 1), transform 520ms cubic-bezier(0.22, 1, 0.36, 1), filter 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mindspace-hero__copy.is-leaving {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(var(--hero-copy-exit-x, -34px), var(--hero-copy-exit-y, 20px), 0);
}

.mindspace-hero__copy.is-entering {
    opacity: 0;
    filter: blur(8px);
    transform: translate3d(var(--hero-copy-enter-x, 34px), var(--hero-copy-enter-y, -20px), 0);
}

.mindspace-hero__copy.is-visible {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
}

.mindspace-hero__eyebrow {
    margin: 0 0 22px;
    color: var(--mind-gold);
    font-size: clamp(0.72rem, 0.82vw, 0.9rem);
    font-weight: 800;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.mindspace-hero__title {
    display: grid;
    gap: 4px;
    margin: 0;
    color: var(--mind-ivory);
    font-size: clamp(3.25rem, 4.05vw, 5.1rem);
    font-weight: 900;
    line-height: 0.94;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mindspace-hero__title span {
    display: block;
}

.mindspace-hero__title em {
    color: var(--mind-gold);
    font-style: normal;
}

.mindspace-hero__title span,
.mindspace-hero__subtitle,
.mindspace-hero__eyebrow {
    transition: transform 620ms cubic-bezier(0.22, 1, 0.36, 1), opacity 620ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mindspace-hero__copy.is-visible .mindspace-hero__title span:nth-child(1) {
    transition-delay: 40ms;
}

.mindspace-hero__copy.is-visible .mindspace-hero__title span:nth-child(2) {
    transition-delay: 95ms;
}

.mindspace-hero__copy.is-visible .mindspace-hero__title span:nth-child(3) {
    transition-delay: 150ms;
}

.mindspace-hero__subtitle {
    max-width: 430px;
    margin: 30px 0 0;
    color: rgba(245, 242, 234, 0.76);
    font-size: clamp(1rem, 1vw, 1.15rem);
    line-height: 1.65;
}

.mindspace-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.mindspace-hero__button,
.mindspace-hero__showreel,
.mindspace-hero__story {
    color: var(--mind-ivory);
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-decoration: none;
}

.mindspace-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 230px;
    min-height: 52px;
    padding: 0 24px;
    border: 1px solid rgba(166, 124, 82, 0.78);
    background: rgba(15, 15, 15, 0.32);
    box-shadow: inset 0 0 0 1px rgba(180, 106, 60, 0.12), 0 20px 62px rgba(0, 0, 0, 0.25);
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.mindspace-hero__button::after {
    content: ">";
    color: var(--mind-gold);
    margin-left: 22px;
    font-size: 1.1rem;
}

.mindspace-hero__button:hover,
.mindspace-hero__showreel:hover,
.mindspace-hero__story:hover {
    transform: translateY(-2px);
}

.mindspace-hero__showreel,
.mindspace-hero__story {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    transition: transform 220ms ease;
}

.mindspace-hero__play-icon {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    border: 1px solid rgba(166, 124, 82, 0.88);
    border-radius: 999px;
}

.mindspace-hero__play-icon::before {
    content: "";
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid var(--mind-ivory);
}

.mindspace-hero__stage-wrap {
    position: relative;
    z-index: 3;
    width: min(60vw, 1040px);
    justify-self: end;
    pointer-events: none;
}

.mindspace-hero__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1.6;
    min-height: 590px;
    overflow: hidden;
    transform-style: preserve-3d;
    perspective: 1500px;
    filter: saturate(1.06) contrast(1.08);
    border-radius: 2px;
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 94%, transparent 100%);
}

.mindspace-hero__stage::before {
    content: "";
    position: absolute;
    left: 5%;
    right: 6%;
    bottom: 7%;
    height: 26%;
    z-index: 1;
    opacity: 0;
    background: radial-gradient(ellipse at 50% 100%, rgba(166, 124, 82, 0.42), rgba(15, 15, 15, 0.12) 48%, transparent 74%);
    filter: blur(24px);
}

.mindspace-hero__stage::after {
    content: "";
    position: absolute;
    left: 13%;
    right: 13%;
    bottom: 7%;
    z-index: 7;
    height: 26%;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 48% 84%, rgba(255, 226, 174, 0.34), transparent 26%),
        radial-gradient(ellipse at 25% 72%, rgba(245, 242, 234, 0.12), transparent 30%),
        radial-gradient(ellipse at 76% 72%, rgba(245, 242, 234, 0.13), transparent 32%),
        radial-gradient(ellipse at 50% 100%, rgba(5, 5, 5, 0.88), transparent 62%);
    filter: blur(11px);
    mix-blend-mode: screen;
}

.mindspace-hero__video {
    position: absolute;
    inset: -3% -5% -3% -8%;
    width: 116%;
    height: 106%;
    object-fit: cover;
    object-position: 58% 50%;
    filter: contrast(1.06) saturate(1.04) brightness(0.92);
    transform: translateZ(0);
    user-select: none;
    pointer-events: none;
}

.mindspace-hero__fallback,
.mindspace-hero__layer,
.mindspace-hero__depth,
.mindspace-hero__inner-light,
.mindspace-hero__light-beam,
.mindspace-hero__door,
.mindspace-hero__person,
.mindspace-hero__fog,
.mindspace-hero__css-scene {
    position: absolute;
    user-select: none;
    -webkit-user-drag: none;
}

.mindspace-hero__fallback {
    inset: 0;
    display: none;
    overflow: hidden;
}

.mindspace-hero__fallback img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mindspace-hero__layer {
    display: block;
    max-width: none;
    opacity: 0;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.mindspace-hero.has-assets .mindspace-hero__layer {
    opacity: 0;
}

.mindspace-hero.has-assets .mindspace-hero__css-scene {
    opacity: 1;
}

.mindspace-hero__layer.is-missing,
.mindspace-hero__fallback img.is-missing {
    display: none;
}

.mindspace-hero__layer--bg {
    inset: -2% -4% -2% -7%;
    z-index: 0;
    width: 112%;
    height: 104%;
    object-fit: cover;
    object-position: 56% 50%;
    opacity: 0.98;
    filter: contrast(1.08) saturate(1.02) brightness(0.92);
}

.mindspace-hero__depth {
    inset: 0;
    z-index: 1;
    transform-style: preserve-3d;
    perspective: 1500px;
}

.mindspace-hero__css-scene {
    inset: 0;
    z-index: 0;
    opacity: 1;
    transform-style: preserve-3d;
    transition: opacity 300ms ease;
    mix-blend-mode: normal;
}

.mindspace-hero__css-globe {
    position: absolute;
    left: 64.5%;
    top: 1%;
    width: 68%;
    aspect-ratio: 1;
    transform: translateX(-50%);
    border-radius: 999px;
    opacity: 0.18;
    background:
        radial-gradient(ellipse at 30% 37%, transparent 0 12%, rgba(214, 147, 90, 0.88) 12.3% 12.8%, transparent 13.1%),
        radial-gradient(ellipse at 34% 49%, rgba(214, 147, 90, 0.7) 0 1.25px, transparent 1.9px),
        radial-gradient(ellipse at 68% 36%, rgba(246, 199, 126, 0.72) 0 1.15px, transparent 1.85px),
        radial-gradient(ellipse at 68% 62%, rgba(205, 132, 76, 0.68) 0 1.15px, transparent 1.85px),
        radial-gradient(ellipse at 42% 67%, rgba(245, 206, 137, 0.5) 0 1px, transparent 1.7px),
        radial-gradient(circle at 50% 50%, rgba(166, 124, 82, 0.14), rgba(166, 124, 82, 0.06) 44%, transparent 67%);
    background-size: 100% 100%, 9px 9px, 8px 8px, 10px 10px, 11px 11px, 100% 100%;
    box-shadow:
        inset 0 0 0 1px rgba(166, 124, 82, 0.22),
        inset 0 0 0 42px rgba(15, 15, 15, 0.22),
        inset 0 0 80px rgba(0, 0, 0, 0.85),
        0 0 130px rgba(166, 124, 82, 0.16);
    mask-image:
        radial-gradient(circle at 50% 49%, #000 0 62%, transparent 72%),
        linear-gradient(#000, #000);
    animation: mindspaceEarthSpin 78s linear infinite;
}

.mindspace-hero__css-globe::before,
.mindspace-hero__css-globe::after {
    content: "";
    position: absolute;
    inset: 8%;
    border: 1px solid rgba(166, 124, 82, 0.22);
    border-radius: 50%;
    box-shadow: 0 0 26px rgba(166, 124, 82, 0.08);
}

.mindspace-hero__css-globe::before {
    transform: rotate(18deg) scaleX(0.64);
}

.mindspace-hero__css-globe::after {
    inset: 3%;
    transform: rotate(-25deg) scaleX(0.5);
}

.mindspace-hero__css-light {
    position: absolute;
    left: 64.9%;
    top: 13%;
    z-index: 2;
    width: 3.8%;
    height: 73%;
    transform: translateX(-50%);
    background:
        linear-gradient(90deg, transparent, rgba(255, 248, 221, 0.9) 45%, #fff1cf 50%, rgba(255, 222, 171, 0.74) 57%, transparent),
        linear-gradient(180deg, rgba(255, 239, 198, 0.98), rgba(166, 124, 82, 0.8) 58%, rgba(180, 106, 60, 0.18));
    box-shadow:
        0 0 34px rgba(255, 231, 185, 0.96),
        0 0 100px rgba(166, 124, 82, 0.66),
        0 0 220px rgba(180, 106, 60, 0.3);
    animation: mindspaceLightBreathe 4.8s ease-in-out infinite;
}

.mindspace-hero__css-door {
    position: absolute;
    top: 6%;
    z-index: 3;
    width: 12.4%;
    height: 80%;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 14%, rgba(255, 220, 166, 0.045) 86%, transparent),
        repeating-linear-gradient(90deg, rgba(245, 242, 234, 0.035) 0 1px, transparent 1px 18px),
        linear-gradient(180deg, rgba(18, 18, 17, 0.99), rgba(2, 2, 2, 0.99) 58%, rgba(24, 14, 8, 0.98));
    border: 1px solid rgba(245, 242, 234, 0.07);
    box-shadow:
        0 44px 88px rgba(0, 0, 0, 0.78),
        inset 0 0 34px rgba(255, 255, 255, 0.03);
    will-change: transform;
    transform-style: preserve-3d;
    animation-duration: 9.5s;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    animation-iteration-count: infinite;
}

.mindspace-hero__css-door--left {
    left: 52.8%;
    transform-origin: 94% 50%;
    transform: perspective(1400px) rotateY(-4deg) translateX(-5px) skewY(-3deg);
    clip-path: polygon(12% 9%, 100% 0, 100% 100%, 0 93%);
    animation-name: mindspaceDoorLeft;
}

.mindspace-hero__css-door--right {
    right: 21.9%;
    transform-origin: 6% 50%;
    transform: perspective(1400px) rotateY(4deg) translateX(5px) skewY(3deg);
    clip-path: polygon(0 0, 88% 9%, 100% 93%, 0 100%);
    animation-name: mindspaceDoorRight;
}

.mindspace-hero__mark {
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%);
    color: #ffd69f;
    font-size: clamp(1.6rem, 3vw, 3.4rem);
    font-weight: 500;
    letter-spacing: -0.08em;
    text-shadow: 0 0 18px rgba(255, 222, 170, 0.9), 0 0 42px rgba(166, 124, 82, 0.7);
}

.mindspace-hero__css-person {
    position: absolute;
    left: 64.9%;
    bottom: 8.4%;
    z-index: 5;
    width: 13px;
    height: 61px;
    transform: translateX(-50%);
    background:
        linear-gradient(90deg, transparent 0 3px, #030303 3px 14px, transparent 14px),
        linear-gradient(#050505, #010101);
    border-radius: 999px 999px 4px 4px;
    box-shadow:
        -12px 28px 0 -7px #020202,
        12px 28px 0 -7px #020202,
        -7px 70px 0 -6px #010101,
        7px 70px 0 -6px #010101,
        0 0 18px rgba(255, 222, 170, 0.44),
        0 24px 28px rgba(0, 0, 0, 0.8);
    will-change: transform, opacity;
    animation: mindspacePersonWalk 9.5s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.mindspace-hero__css-person::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -15px;
    width: 18px;
    height: 18px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #020202;
}

.mindspace-hero__css-person::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -22px;
    width: 92px;
    height: 20px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse, rgba(255, 224, 175, 0.42), transparent 68%);
}

.mindspace-hero__css-fog {
    position: absolute;
    left: 50%;
    z-index: 4;
    width: 80%;
    height: 20%;
    transform: translateX(-50%);
    background:
        radial-gradient(ellipse at 28% 58%, rgba(245, 242, 234, 0.16), transparent 36%),
        radial-gradient(ellipse at 54% 58%, rgba(166, 124, 82, 0.18), transparent 42%),
        radial-gradient(ellipse at 72% 58%, rgba(245, 242, 234, 0.14), transparent 35%);
    filter: blur(13px);
    opacity: 0.84;
    will-change: transform, opacity;
    animation: mindspaceFogDrift 10s ease-in-out infinite alternate;
}

.mindspace-hero__css-fog--back {
    bottom: 14%;
    opacity: 0.45;
    animation-duration: 13s;
}

.mindspace-hero__css-fog--front {
    bottom: 3%;
}

.mindspace-hero__layer--earth {
    left: 50%;
    top: 3%;
    z-index: 1;
    width: 75%;
    opacity: 0.78;
    transform: translate3d(-50%, 0, -80px) scale(1.03);
    transform-origin: 50% 50%;
    filter: brightness(0.76) contrast(1.18) saturate(0.9);
}

.mindspace-hero__inner-light {
    left: 50%;
    top: 18%;
    z-index: 2;
    width: 12%;
    height: 65%;
    opacity: 0.18;
    transform: translate3d(-50%, 0, 0);
    background: linear-gradient(180deg, rgba(255, 238, 199, 0.88), rgba(166, 124, 82, 0.52), rgba(180, 106, 60, 0.1));
    box-shadow: 0 0 34px rgba(255, 226, 176, 0.62), 0 0 108px rgba(166, 124, 82, 0.38);
    will-change: opacity, transform, filter;
}

.mindspace-hero__light-beam {
    left: 50%;
    top: 9%;
    z-index: 3;
    width: 48%;
    height: 82%;
    object-fit: contain;
    opacity: 0.08;
    mix-blend-mode: screen;
    transform: translate3d(-50%, 0, 20px) scale(0.94);
    filter: blur(0.4px) saturate(1.12);
    will-change: opacity, transform;
}

.mindspace-hero__door {
    top: 12%;
    z-index: 4;
    width: 19%;
    height: 70%;
    object-fit: contain;
    filter: brightness(0.84) contrast(1.13) drop-shadow(0 28px 46px rgba(0, 0, 0, 0.58));
    will-change: transform;
    transform-style: preserve-3d;
}

.mindspace-hero__door--left {
    left: 31.2%;
    transform-origin: 93% 50%;
}

.mindspace-hero__door--right {
    right: 31.2%;
    transform-origin: 7% 50%;
}

.mindspace-hero__person {
    left: 50%;
    bottom: 11%;
    z-index: 5;
    width: 5%;
    opacity: 0.94;
    transform: translate3d(-50%, 0, 80px) scale(1);
    transform-origin: 50% 100%;
    filter: brightness(0.68) contrast(1.16) drop-shadow(0 18px 16px rgba(0, 0, 0, 0.82));
    will-change: transform, opacity, filter;
}

.mindspace-hero__fog {
    left: 50%;
    bottom: 2%;
    z-index: 6;
    width: 112%;
    max-width: none;
    opacity: 0.3;
    mix-blend-mode: screen;
    filter: blur(1px);
    will-change: transform, opacity;
}

.mindspace-hero__fog--back {
    z-index: 3;
    bottom: 12%;
    opacity: 0.18;
    transform: translate3d(-49%, 0, 0) scaleX(-1) scale(1.05);
}

.mindspace-hero__fog--front {
    transform: translate3d(-51%, 0, 120px) scale(1.14);
}

.mindspace-hero__left-index {
    position: absolute;
    left: clamp(28px, 3vw, 54px);
    top: 20%;
    z-index: 6;
    display: grid;
    gap: 28px;
    color: rgba(245, 242, 234, 0.82);
    font-size: 0.88rem;
    font-weight: 800;
}

.mindspace-hero__left-index span {
    position: relative;
    display: block;
    opacity: 0.58;
    transition: color 320ms ease, opacity 320ms ease, transform 320ms ease;
}

.mindspace-hero__left-index span.is-active {
    color: var(--mind-ivory);
    opacity: 1;
    transform: translateX(3px);
}

.mindspace-hero__left-index span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 24px;
    width: 1px;
    height: 25px;
    background: rgba(166, 124, 82, 0.58);
}

.mindspace-hero__scroll-note {
    position: absolute;
    left: clamp(32px, 3.2vw, 58px);
    bottom: 110px;
    z-index: 6;
    color: rgba(166, 124, 82, 0.9);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.mindspace-hero__service-rail {
    position: absolute;
    right: clamp(16px, 2.4vw, 34px);
    top: 50%;
    z-index: 8;
    display: grid;
    gap: 18px;
    transform: translateY(-50%);
}

.mindspace-hero__service-rail a {
    position: relative;
    display: block;
    min-width: 122px;
    max-width: 132px;
    padding-left: 24px;
    color: rgba(245, 242, 234, 0.82);
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1.28;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 0.58;
    transform: translate3d(0, 0, 0);
    transition: color 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 420ms cubic-bezier(0.22, 1, 0.36, 1), transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mindspace-hero__service-rail a.is-active {
    color: var(--mind-ivory);
    opacity: 1;
    transform: translateX(-6px);
}

.mindspace-hero__service-rail a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 13px;
    height: 13px;
    border: 2px solid var(--mind-gold);
    border-radius: 999px;
    box-shadow: 0 0 16px rgba(166, 124, 82, 0.44);
    transition: background 360ms ease, box-shadow 360ms ease, transform 360ms ease;
}

.mindspace-hero__service-rail a.is-active::before {
    background: var(--mind-gold);
    box-shadow: 0 0 22px rgba(211, 146, 91, 0.78);
    transform: scale(1.08);
}

.mindspace-hero__service-rail a::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 20px;
    width: 1px;
    height: 22px;
    background: rgba(166, 124, 82, 0.46);
}

.mindspace-hero__story {
    position: absolute;
    right: clamp(48px, 6vw, 108px);
    bottom: 19%;
    z-index: 8;
    text-transform: uppercase;
    line-height: 1.25;
}

.mindspace-hero__ticker {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    overflow: hidden;
    border-top: 1px solid rgba(166, 124, 82, 0.24);
    background: rgba(10, 10, 10, 0.86);
}

.mindspace-hero__ticker-track {
    display: flex;
    width: max-content;
    min-height: 46px;
    align-items: center;
    gap: 32px;
    color: rgba(166, 124, 82, 0.92);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    animation: mindspaceTicker 34s linear infinite;
}

.mindspace-hero__ticker-track span {
    position: relative;
    white-space: nowrap;
}

.mindspace-hero__ticker-track span::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 24px;
    border-radius: 999px;
    background: var(--mind-gold);
    vertical-align: middle;
}

.mindspace-hero.is-static .mindspace-hero__fallback {
    display: block;
}

.mindspace-hero.is-static .mindspace-hero__layer {
    display: none;
}

.mindspace-hero.is-static .mindspace-hero__css-scene {
    opacity: 1;
}

.mindspace-hero.has-gsap .mindspace-hero__css-globe,
.mindspace-hero.has-gsap .mindspace-hero__css-light,
.mindspace-hero.has-gsap .mindspace-hero__css-door,
.mindspace-hero.has-gsap .mindspace-hero__css-person,
.mindspace-hero.has-gsap .mindspace-hero__css-fog {
    animation: none;
}

@keyframes mindspaceTicker {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes mindspaceEarthSpin {
    from {
        background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
        transform: translateX(-50%) rotate(0deg);
    }

    to {
        background-position: 0 0, 160px 0, -130px 0, 120px 0, -90px 0, 0 0;
        transform: translateX(-50%) rotate(360deg);
    }
}

@keyframes mindspaceLightBreathe {
    0%,
    100% {
        opacity: 0.78;
        filter: blur(0.2px);
    }

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

@keyframes mindspaceDoorLeft {
    0%,
    14% {
        transform: perspective(1400px) rotateY(-4deg) translateX(-5px) skewY(-3deg);
    }

    72%,
    100% {
        transform: perspective(1400px) rotateY(-34deg) translateX(-58px) translateZ(54px) skewY(-3deg);
    }
}

@keyframes mindspaceDoorRight {
    0%,
    14% {
        transform: perspective(1400px) rotateY(4deg) translateX(5px) skewY(3deg);
    }

    72%,
    100% {
        transform: perspective(1400px) rotateY(34deg) translateX(58px) translateZ(54px) skewY(3deg);
    }
}

@keyframes mindspacePersonWalk {
    0%,
    16% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }

    35% {
        transform: translateX(calc(-50% - 4px)) translateY(-34px) scale(0.84);
    }

    54% {
        transform: translateX(calc(-50% + 3px)) translateY(-78px) scale(0.66);
    }

    76%,
    100% {
        opacity: 0.12;
        transform: translateX(-50%) translateY(-136px) scale(0.42);
    }
}

@keyframes mindspaceFogDrift {
    from {
        transform: translateX(-52%) scale(1);
    }

    to {
        transform: translateX(-48%) translateY(-7px) scale(1.08);
    }
}

@media (max-width: 1280px) {
    

    .mindspace-hero__content {
        grid-template-columns: minmax(330px, 0.9fr) minmax(520px, 1.1fr);
        padding-left: 96px;
        padding-right: 54px;
    }

    .mindspace-hero__service-rail,
    .mindspace-hero__story {
        display: none;
    }
}

@media (max-width: 980px) {
    

    .mindspace-section__head,
    .mindspace-services,
    .mindspace-cta {
        grid-template-columns: 1fr;
    }

    .mindspace-section__head {
        display: grid;
        align-items: start;
    }

    .mindspace-projects {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mindspace-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mindspace-stats div {
        border-left: 0 !important;
        border-top: 1px solid rgba(166, 124, 82, 0.14);
    }

    .mindspace-orbit {
        min-height: min(540px, 92vw);
    }

    .mindspace-hero__content {
        grid-template-columns: 1fr;
        align-content: center;
        padding: 72px 28px 70px;
    }

    .mindspace-hero__copy {
        max-width: 760px;
    }

    .mindspace-hero__title {
        font-size: clamp(3rem, 12vw, 5.6rem);
    }

    .mindspace-hero__stage-wrap {
        width: min(100%, 760px);
        justify-self: center;
        margin-top: -8px;
    }

    .mindspace-hero__stage {
        min-height: auto;
        aspect-ratio: 1.25;
    }

    .mindspace-hero__left-index,
    .mindspace-hero__scroll-note {
        display: none;
    }
}

@media (max-width: 640px), (prefers-reduced-motion: reduce) {
    .mindspace-section,
    .mindspace-stats,
    .mindspace-cta {
        width: min(100% - 32px, 1380px);
    }

    .mindspace-projects,
    .mindspace-stats {
        grid-template-columns: 1fr;
    }

    .mindspace-project-card {
        min-height: 260px;
    }

    .mindspace-orbit__item {
        position: relative;
        inset: auto !important;
    }

    .mindspace-orbit {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        min-height: auto;
        aspect-ratio: auto;
        padding-top: 164px;
    }

    .mindspace-orbit__rings {
        inset: 0 auto auto 50%;
        width: 220px;
        height: 220px;
        transform: translateX(-50%);
    }

    .mindspace-orbit__center {
        top: 88px;
        width: 104px;
        height: 104px;
        font-size: 2.1rem;
    }

    .mindspace-cta {
        padding: 26px 20px;
    }

    .mindspace-cta__vortex {
        height: 150px;
    }

    .mindspace-hero {
        min-height: 100svh;
    }

    .mindspace-hero__content {
        min-height: 100svh;
        padding: 56px 20px 66px;
    }

    .mindspace-hero__eyebrow {
        letter-spacing: 0.16em;
    }

    .mindspace-hero__title {
        font-size: clamp(2.55rem, 15vw, 4.4rem);
    }

    .mindspace-hero__subtitle {
        margin-top: 22px;
        font-size: 1rem;
        line-height: 1.58;
    }

    .mindspace-hero__actions {
        margin-top: 28px;
    }

    .mindspace-hero__button {
        width: 100%;
    }

    .mindspace-hero__stage-wrap {
        width: min(100%, 540px);
        opacity: 0.94;
    }

    .mindspace-hero__ticker-track {
        min-height: 38px;
        font-size: 0.62rem;
    }

    [data-reveal] {
        transition-duration: 1ms;
    }
}

/* Services ecosystem cinematic orbit */
.mindspace-services {
    position: relative;
    isolation: isolate;
    width: min(100% - 48px, 1540px);
    min-height: clamp(660px, 54vw, 820px);
    padding-block: clamp(86px, 8vw, 128px);
    grid-template-columns: minmax(280px, 0.72fr) minmax(620px, 1.18fr) minmax(280px, 0.72fr);
}

.mindspace-services::before,
.mindspace-services::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.mindspace-services::before {
    inset: 26px -7vw 10px;
    background:
        linear-gradient(118deg, transparent 0 13%, rgba(176, 102, 50, 0.22) 13.2%, transparent 13.75% 44%, rgba(213, 137, 73, 0.16) 44.2%, transparent 44.8% 78%, rgba(166, 94, 45, 0.2) 78.2%, transparent 78.85%),
        radial-gradient(circle at 50% 50%, rgba(166, 124, 82, 0.2), transparent 33%),
        radial-gradient(circle at 84% 44%, rgba(245, 190, 126, 0.08), transparent 25%),
        linear-gradient(90deg, rgba(245, 242, 234, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.014) 1px, transparent 1px);
    background-size: auto, auto, auto, 96px 96px, 96px 96px;
    mask-image: linear-gradient(180deg, transparent, #000 9%, #000 91%, transparent);
}

.mindspace-services::after {
    inset: auto -4vw 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(245, 190, 126, 0.45), transparent);
    box-shadow: 0 0 28px rgba(166, 124, 82, 0.26);
}

.mindspace-services__copy h2 {
    max-width: 460px;
    font-size: clamp(2.25rem, 3.15vw, 4rem);
    line-height: 1.42;
    text-shadow: 0 12px 38px rgba(0, 0, 0, 0.72);
}

.mindspace-services__copy .mindspace-link-button {
    min-width: 220px;
    min-height: 54px;
    margin-top: clamp(38px, 4vw, 64px);
    border-color: rgba(180, 106, 60, 0.82);
    box-shadow: inset 0 0 0 1px rgba(245, 190, 126, 0.08), 0 18px 46px rgba(0, 0, 0, 0.28);
}

.mindspace-orbit {
    --orbit-shift: 0px;
    --orbit-mouse-x: 50%;
    --orbit-mouse-y: 50%;
    width: min(100%, 660px);
    min-height: 660px;
    justify-self: center;
    aspect-ratio: 1;
    border-radius: 999px;
    transform: translate3d(0, var(--orbit-shift), 0);
    filter: drop-shadow(0 28px 80px rgba(0, 0, 0, 0.42));
}

.mindspace-orbit::before,
.mindspace-orbit::after {
    content: "";
    position: absolute;
    inset: 5%;
    border-radius: 999px;
    pointer-events: none;
}

.mindspace-orbit::before {
    background:
        radial-gradient(circle at var(--orbit-mouse-x) var(--orbit-mouse-y), rgba(245, 190, 126, 0.2), transparent 18%),
        conic-gradient(from 110deg, transparent 0deg, rgba(245, 190, 126, 0.16) 44deg, transparent 88deg, rgba(180, 106, 60, 0.12) 168deg, transparent 238deg, rgba(245, 190, 126, 0.14) 306deg, transparent 360deg);
    mask-image: radial-gradient(circle, transparent 0 29%, #000 30% 72%, transparent 73%);
    animation: mindspaceOrbitSweep 18s linear infinite;
}

.mindspace-orbit::after {
    inset: 18%;
    border: 1px solid rgba(245, 190, 126, 0.2);
    box-shadow:
        0 0 42px rgba(180, 106, 60, 0.13),
        inset 0 0 44px rgba(180, 106, 60, 0.12);
}

.mindspace-orbit__rings {
    inset: 11%;
    background:
        repeating-radial-gradient(circle, transparent 0 28px, rgba(166, 124, 82, 0.24) 29px 30px),
        repeating-radial-gradient(circle, transparent 0 57px, rgba(245, 190, 126, 0.13) 58px 59px),
        conic-gradient(from 0deg, transparent, rgba(166, 124, 82, 0.38), transparent 25%, rgba(245, 242, 234, 0.12), transparent 54%, rgba(180, 106, 60, 0.3), transparent);
    mask-image: radial-gradient(circle, transparent 0 20%, #000 21% 77%, transparent 78%);
    animation: mindspaceOrbitSpin 44s linear infinite;
}

.mindspace-orbit__rings::before,
.mindspace-orbit__rings::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

.mindspace-orbit__rings::before {
    inset: 18%;
    border: 1px solid rgba(245, 190, 126, 0.3);
    background: conic-gradient(from 40deg, transparent 0 12%, rgba(245, 190, 126, 0.34) 14%, transparent 17% 58%, rgba(180, 106, 60, 0.32) 61%, transparent 64%);
    mask-image: radial-gradient(circle, transparent 0 50%, #000 51% 53%, transparent 54%);
    animation: mindspaceOrbitSpinReverse 20s linear infinite;
}

.mindspace-orbit__rings::after {
    inset: 31%;
    background:
        radial-gradient(circle at 50% 0%, rgba(245, 190, 126, 0.72) 0 2px, transparent 3px),
        radial-gradient(circle at 100% 50%, rgba(245, 190, 126, 0.46) 0 2px, transparent 3px),
        radial-gradient(circle at 0% 50%, rgba(180, 106, 60, 0.52) 0 2px, transparent 3px);
    border: 1px solid rgba(166, 124, 82, 0.18);
    animation: mindspaceOrbitSpin 14s linear infinite;
}

.mindspace-orbit__center {
    width: clamp(128px, 12vw, 162px);
    height: clamp(128px, 12vw, 162px);
    border-color: rgba(245, 190, 126, 0.38);
    background:
        radial-gradient(circle at 42% 32%, rgba(245, 242, 234, 0.16), transparent 28%),
        radial-gradient(circle, rgba(245, 190, 126, 0.16), rgba(9, 10, 10, 0.94) 62%);
    box-shadow:
        0 0 94px rgba(166, 124, 82, 0.26),
        inset 0 0 46px rgba(166, 124, 82, 0.16),
        inset 0 1px 0 rgba(245, 242, 234, 0.18);
    font-size: clamp(2.8rem, 4vw, 4.2rem);
    font-weight: 500;
    animation: mindspaceCenterBreathe 5.2s ease-in-out infinite;
}

.mindspace-orbit__center::before,
.mindspace-orbit__center::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

.mindspace-orbit__center::before {
    inset: -34px;
    border: 1px solid rgba(245, 190, 126, 0.14);
}

.mindspace-orbit__center::after {
    inset: -72px;
    border: 1px solid rgba(166, 124, 82, 0.1);
}

.mindspace-orbit__item {
    --node-float: 0px;
    z-index: 3;
    width: 186px;
    gap: 14px;
    color: rgba(245, 242, 234, 0.88);
    font-size: clamp(0.82rem, 0.92vw, 1rem);
    font-weight: 750;
    line-height: 1.36;
    text-shadow: 0 8px 26px rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) translate3d(0, var(--node-float), 0);
    animation: mindspaceNodeFloat 4.8s ease-in-out infinite;
}

.mindspace-orbit__item strong {
    max-width: 128px;
}

.mindspace-orbit__item::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 70px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(245, 190, 126, 0.26));
    pointer-events: none;
}

.mindspace-orbit__item span {
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    border-color: rgba(245, 190, 126, 0.42);
    background:
        radial-gradient(circle at 36% 26%, rgba(245, 242, 234, 0.15), transparent 28%),
        rgba(13, 13, 12, 0.88);
    box-shadow:
        0 0 30px rgba(166, 124, 82, 0.22),
        inset 0 0 18px rgba(166, 124, 82, 0.13);
}

.mindspace-orbit__item span::before {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 0;
    color: var(--mind-gold);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.mindspace-orbit__item--brand { left: 50%; top: 7%; flex-direction: column; text-align: center; animation-delay: -0.2s; }
.mindspace-orbit__item--web { left: 86%; top: 26%; animation-delay: -0.8s; }
.mindspace-orbit__item--ai { left: 91%; top: 51%; animation-delay: -1.4s; }
.mindspace-orbit__item--growth { left: 83%; top: 75%; animation-delay: -2s; }
.mindspace-orbit__item--video { left: 50%; top: 91%; flex-direction: column; text-align: center; animation-delay: -2.6s; }
.mindspace-orbit__item--commerce { left: 17%; top: 75%; flex-direction: row-reverse; text-align: right; animation-delay: -3.2s; }
.mindspace-orbit__item--mobile { left: 9%; top: 51%; flex-direction: row-reverse; text-align: right; animation-delay: -3.8s; }
.mindspace-orbit__item--ux { left: 16%; top: 26%; flex-direction: row-reverse; text-align: right; animation-delay: -4.4s; }

.mindspace-orbit__item--brand::before,
.mindspace-orbit__item--video::before {
    left: 50%;
    top: auto;
    width: 1px;
    height: 58px;
    background: linear-gradient(transparent, rgba(245, 190, 126, 0.26));
}

.mindspace-orbit__item--brand::before {
    bottom: -66px;
}

.mindspace-orbit__item--video::before {
    top: -66px;
}

.mindspace-orbit__item--web::before,
.mindspace-orbit__item--ai::before,
.mindspace-orbit__item--growth::before {
    right: calc(100% - 18px);
}

.mindspace-orbit__item--commerce::before,
.mindspace-orbit__item--mobile::before,
.mindspace-orbit__item--ux::before {
    left: calc(100% - 18px);
    background: linear-gradient(90deg, rgba(245, 190, 126, 0.26), transparent);
}

.mindspace-orbit__item--brand span::before { content: "BI"; }
.mindspace-orbit__item--web span::before { content: "WA"; }
.mindspace-orbit__item--ai span::before { content: "AI"; }
.mindspace-orbit__item--growth span::before { content: "DM"; }
.mindspace-orbit__item--video span::before { content: "VP"; }
.mindspace-orbit__item--commerce span::before { content: "EC"; }
.mindspace-orbit__item--mobile span::before { content: "MA"; }
.mindspace-orbit__item--ux span::before { content: "UX"; }

.mindspace-services__note {
    align-self: center;
}

.mindspace-services__note p {
    max-width: 330px;
    color: rgba(245, 242, 234, 0.72);
    font-size: clamp(0.95rem, 1.05vw, 1.12rem);
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.78);
}

.mindspace-wire-globe {
    width: min(310px, 78vw);
    aspect-ratio: 1.75;
    margin-top: 16px;
    border-bottom-color: rgba(245, 190, 126, 0.26);
    background:
        repeating-radial-gradient(ellipse at 50% 100%, transparent 0 24px, rgba(245, 242, 234, 0.18) 25px 26px),
        repeating-linear-gradient(90deg, transparent 0 35px, rgba(245, 242, 234, 0.13) 36px 37px),
        radial-gradient(ellipse at 50% 100%, rgba(245, 242, 234, 0.1), transparent 68%);
    box-shadow: 0 16px 46px rgba(0, 0, 0, 0.36);
}

.mindspace-services__note strong {
    position: relative;
    width: min(310px, 78vw);
    padding-bottom: 22px;
    color: var(--mind-gold);
}

.mindspace-services__note strong::before,
.mindspace-services__note strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
}

.mindspace-services__note strong::before {
    width: 72px;
    background: var(--mind-gold);
    box-shadow: 0 0 18px rgba(211, 146, 91, 0.38);
}

.mindspace-services__note strong::after {
    left: 72px;
    right: 0;
    background: rgba(166, 124, 82, 0.22);
}

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

@keyframes mindspaceOrbitSpinReverse {
    to {
        transform: rotate(-360deg);
    }
}

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

@keyframes mindspaceCenterBreathe {
    50% {
        box-shadow:
            0 0 112px rgba(166, 124, 82, 0.34),
            inset 0 0 56px rgba(166, 124, 82, 0.2),
            inset 0 1px 0 rgba(245, 242, 234, 0.2);
        transform: translate(-50%, -50%) scale(1.035);
    }
}

@keyframes mindspaceNodeFloat {
    50% {
        --node-float: -8px;
    }
}

@media (max-width: 1180px) {
    .mindspace-services {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .mindspace-services__copy h2 {
        max-width: 760px;
    }

    .mindspace-services__note {
        display: grid;
        justify-items: center;
    }

    .mindspace-services__note p {
        max-width: 620px;
    }
}

@media (max-width: 720px) {
    .mindspace-services {
        width: min(100% - 32px, 1540px);
        min-height: auto;
        padding-block: 72px;
    }

    .mindspace-orbit {
        display: block;
        width: min(100%, 430px);
        min-height: auto;
        aspect-ratio: 1;
        padding-top: 0;
    }

    .mindspace-orbit__rings {
        inset: 5%;
        width: auto;
        height: auto;
        transform: none;
    }

    .mindspace-orbit__center {
        top: 50%;
        width: 104px;
        height: 104px;
        font-size: 2.2rem;
    }

    .mindspace-orbit__center::before {
        inset: -24px;
    }

    .mindspace-orbit__center::after {
        inset: -46px;
    }

    .mindspace-orbit__item {
        position: absolute;
        width: 86px;
        gap: 6px;
        font-size: 0.62rem;
        line-height: 1.18;
    }

    .mindspace-orbit__item strong {
        max-width: 76px;
    }

    .mindspace-orbit__item::before {
        display: none;
    }

    .mindspace-orbit__item span {
        width: 38px;
        height: 38px;
    }

    .mindspace-orbit__item span::before {
        font-size: 0.58rem;
    }

    .mindspace-orbit__item--brand { left: 50%; top: 2%; }
    .mindspace-orbit__item--web { left: 86%; top: 24%; }
    .mindspace-orbit__item--ai { left: 93%; top: 51%; }
    .mindspace-orbit__item--growth { left: 82%; top: 79%; }
    .mindspace-orbit__item--video { left: 50%; top: 98%; }
    .mindspace-orbit__item--commerce { left: 18%; top: 79%; }
    .mindspace-orbit__item--mobile { left: 7%; top: 51%; }
    .mindspace-orbit__item--ux { left: 14%; top: 24%; }
}

@media (prefers-reduced-motion: reduce) {
    .mindspace-orbit::before,
    .mindspace-orbit__rings,
    .mindspace-orbit__rings::before,
    .mindspace-orbit__rings::after,
    .mindspace-orbit__center,
    .mindspace-orbit__item {
        animation: none;
    }
}

/* CTA final precedence: cinematic legacy strip */
.mindspace-cta {
    --cta-scroll: 0px;
    --cta-angle: 0deg;
    grid-template-columns: minmax(270px, 0.72fr) minmax(360px, 1fr) minmax(290px, 0.7fr) minmax(260px, 0.68fr);
    gap: clamp(22px, 3vw, 48px);
    width: min(100% - 48px, 1680px);
    min-height: 286px;
    margin: clamp(46px, 6vw, 76px) auto clamp(64px, 7vw, 96px);
    padding: 42px clamp(42px, 4.6vw, 58px);
    border: 1px solid rgba(161, 104, 63, 0.48);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(245, 242, 234, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.012) 1px, transparent 1px),
        radial-gradient(circle at 35% 34%, rgba(245, 190, 126, 0.06), transparent 22%),
        #080909;
    background-size: 94px 94px, 94px 94px, auto, auto;
    box-shadow: inset 0 1px 0 rgba(245, 242, 234, 0.04), inset 0 -1px 0 rgba(180, 106, 60, 0.12), 0 26px 78px rgba(0, 0, 0, 0.38);
}

.mindspace-cta::before {
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(circle at 26% 22%, rgba(245, 190, 126, 0.45) 0 1px, transparent 1.8px),
        radial-gradient(circle at 33% 37%, rgba(245, 242, 234, 0.38) 0 1px, transparent 1.8px),
        radial-gradient(circle at 42% 18%, rgba(245, 190, 126, 0.38) 0 1px, transparent 1.8px),
        radial-gradient(circle at 51% 46%, rgba(245, 242, 234, 0.32) 0 1px, transparent 1.8px),
        radial-gradient(circle at 61% 31%, rgba(245, 190, 126, 0.26) 0 1px, transparent 1.7px);
    opacity: 0.48;
    animation: mindspaceTrailSpark 7.5s ease-in-out infinite alternate;
}

.mindspace-cta::after {
    z-index: 1;
    left: 19%;
    top: -47%;
    right: auto;
    bottom: auto;
    width: 56%;
    height: 190%;
    border: 0;
    border-radius: 50%;
    background:
        conic-gradient(from 222deg at 43% 38%, transparent 0 13deg, rgba(245, 242, 234, 0.74) 18deg 23deg, rgba(228, 167, 91, 0.45) 25deg 32deg, transparent 38deg 104deg, rgba(245, 190, 126, 0.18) 111deg 117deg, transparent 124deg 360deg),
        repeating-conic-gradient(from 226deg at 43% 38%, transparent 0 8deg, rgba(245, 190, 126, 0.11) 9deg 10deg, transparent 11deg 17deg),
        radial-gradient(ellipse at 44% 40%, rgba(255, 236, 190, 0.32), transparent 8%),
        radial-gradient(ellipse at 52% 53%, rgba(180, 106, 60, 0.22), transparent 34%);
    filter: blur(0.8px) saturate(1.15);
    opacity: 0.72;
    transform: translate3d(calc(var(--cta-scroll) * 0.35), calc(var(--cta-scroll) * 0.18), 0) rotate(calc(-7deg + var(--cta-angle))) scaleX(1.18);
    mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.86) 9%, #000 72%, transparent 100%);
    animation: mindspaceTrailGlow 8s ease-in-out infinite alternate;
}

.mindspace-cta h2 {
    max-width: 330px;
    font-family: var(--mind-font);
    font-size: clamp(2.4rem, 3.2vw, 3.82rem);
    font-style: normal;
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.mindspace-cta__button {
    min-width: 278px;
    min-height: 56px;
    margin-top: 30px;
    border-radius: 4px;
    color: rgba(255, 250, 240, 0.96);
    text-transform: uppercase;
}

.mindspace-cta__vortex {
    z-index: 2;
    left: 22%;
    top: -28%;
    right: auto;
    bottom: auto;
    width: 49%;
    height: 178%;
    border-radius: 50%;
    background:
        conic-gradient(from 214deg at 42% 38%, transparent 0 12deg, rgba(255, 245, 210, 0.88) 17deg 20deg, rgba(216, 151, 83, 0.5) 22deg 29deg, transparent 35deg 88deg, rgba(245, 190, 126, 0.2) 96deg 102deg, transparent 112deg 360deg),
        repeating-conic-gradient(from 216deg at 42% 38%, transparent 0 6deg, rgba(245, 190, 126, 0.11) 7deg 8deg, transparent 9deg 14deg),
        radial-gradient(ellipse at 41% 37%, rgba(255, 245, 210, 0.44), transparent 7%),
        radial-gradient(ellipse at 50% 52%, rgba(180, 106, 60, 0.24), transparent 37%);
    filter: blur(1.2px);
    opacity: 0.84;
    transform: translate3d(calc(var(--cta-scroll) * -0.2), calc(var(--cta-scroll) * 0.12), 0) rotate(calc(-8deg + var(--cta-angle))) scaleX(1.06);
    mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.9) 8%, #000 63%, transparent 100%);
    animation: mindspaceTrailSweep 6.5s ease-in-out infinite alternate;
}

.mindspace-contact-list {
    grid-column: 3;
    gap: 18px;
}

.mindspace-contact-list a {
    grid-template-columns: 48px 1fr;
    gap: 1px 16px;
}

.mindspace-contact-list span {
    width: 48px;
    height: 48px;
}

.mindspace-contact-list svg {
    width: 19px;
    height: 19px;
}

.mindspace-cta blockquote {
    grid-column: 4;
    min-height: 210px;
    padding-left: 36px;
    border-left: 1px solid rgba(245, 242, 234, 0.08);
    font-family: var(--mind-font);
    font-style: normal;
    line-height: 1.18;
}

@media (max-width: 900px) {
    .mindspace-cta {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .mindspace-contact-list,
    .mindspace-cta blockquote {
        grid-column: auto;
    }
}

/* Whole-page spacing pass: keep this block at EOF so it wins over earlier section variants. */
:root {
    --mind-page-gutter: clamp(22px, 4vw, 76px);
    --mind-section-gap: clamp(78px, 7.2vw, 126px);
    --mind-section-gap-tight: clamp(52px, 5vw, 82px);
    /* --mind-section-pad-y: clamp(58px, 6vw, 92px); */
}

.mindspace-page main {
    position: relative;
    z-index: 1;
}

.mindspace-section,
.mindspace-stats,
.mindspace-services,
.mindspace-cta {
    scroll-margin-top: 104px;
}

.mindspace-work {
    margin-top: var(--mind-section-gap-tight);
    margin-bottom: 0;
    padding-top: clamp(18px, 2vw, 30px);
    /* padding-bottom: var(--mind-section-pad-y); */
}

.mindspace-work .mindspace-section__head {
    margin-bottom: clamp(34px, 4vw, 58px);
}

.mindspace-stats {
    margin: clamp(24px, 3vw, 42px) auto 0;
}

.mindspace-services {
    margin: clamp(42px, 4.5vw, 68px) auto 0;
    padding-block: clamp(62px, 6.5vw, 98px);
}

.mindspace-cta {
    margin: var(--mind-section-gap) auto 0;
}

@media (max-width: 1180px) {
    :root {
        --mind-section-gap: clamp(64px, 8vw, 96px);
        --mind-section-gap-tight: clamp(46px, 6vw, 72px);
        --mind-section-pad-y: clamp(50px, 7vw, 78px);
    }

    .mindspace-work {
        width: min(100% - 34px, 1120px);
    }
}

@media (max-width: 720px) {
    :root {
        --mind-section-gap: 58px;
        --mind-section-gap-tight: 42px;
        --mind-section-pad-y: 44px;
    }

    .mindspace-section,
    .mindspace-stats,
    .mindspace-services,
    .mindspace-cta {
        scroll-margin-top: 86px;
    }

    .mindspace-work {
        width: min(100% - 24px, 430px);
        padding-top: 10px;
    }

    .mindspace-work .mindspace-section__head {
        margin-bottom: 30px;
    }

    .mindspace-services {
        padding-block: 50px;
    }

    .mindspace-cta {
        margin-top: 58px;
    }
}

/* Footer overflow guard: keeps the shared footer from creating horizontal scroll. */

@media (max-width: 1180px) 

/* Shared footer overflow guard for the home page copy of footer styles. */

@media (max-width: 1180px) 

/* Whole-page spacing pass */
:root {
    --mind-page-gutter: clamp(22px, 4vw, 76px);
    --mind-section-gap: clamp(78px, 7.2vw, 126px);
    --mind-section-gap-tight: clamp(52px, 5vw, 82px);
    --mind-section-pad-y: clamp(58px, 6vw, 92px);
}

.mindspace-page main {
    position: relative;
    z-index: 1;
}

.mindspace-section,
.mindspace-stats,
.mindspace-services,
.mindspace-cta {
    scroll-margin-top: 104px;
}

.mindspace-work {
    margin-top: var(--mind-section-gap-tight);
    margin-bottom: 0;
    padding-top: clamp(18px, 2vw, 30px);
    /* padding-bottom: var(--mind-section-pad-y); */
}

.mindspace-work .mindspace-section__head {
    margin-bottom: clamp(34px, 4vw, 58px);
}

.mindspace-stats {
    margin: clamp(24px, 3vw, 42px) auto 0;
}

.mindspace-services {
    margin: clamp(42px, 4.5vw, 68px) auto 0;
    padding-block: clamp(62px, 6.5vw, 98px);
}

.mindspace-cta {
    margin: var(--mind-section-gap) auto 0;
}

@media (max-width: 1180px) {
    :root {
        --mind-section-gap: clamp(64px, 8vw, 96px);
        --mind-section-gap-tight: clamp(46px, 6vw, 72px);
        --mind-section-pad-y: clamp(50px, 7vw, 78px);
    }

    .mindspace-work {
        width: min(100% - 34px, 1120px);
    }
}

@media (max-width: 720px) {
    :root {
        --mind-section-gap: 58px;
        --mind-section-gap-tight: 42px;
        --mind-section-pad-y: 44px;
    }

    .mindspace-section,
    .mindspace-stats,
    .mindspace-services,
    .mindspace-cta {
        scroll-margin-top: 86px;
    }

    .mindspace-work {
        width: min(100% - 24px, 430px);
        padding-top: 10px;
    }

    .mindspace-work .mindspace-section__head {
        margin-bottom: 30px;
    }

    .mindspace-services {
        padding-block: 50px;
    }

    .mindspace-cta {
        margin-top: 56px;
    }

}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1180px) 

@media (max-width: 860px) 

@media (max-width: 560px) 

/* CTA reference redesign */
.mindspace-cta {
    --cta-scroll: 0px;
    --cta-angle: -2deg;
    position: relative;
    grid-template-columns: minmax(420px, 1.12fr) minmax(300px, 0.55fr) minmax(360px, 0.86fr);
    gap: clamp(34px, 4.6vw, 78px);
    width: min(100% - 88px, 1700px);
    min-height: 466px;
    margin: clamp(54px, 7vw, 88px) auto clamp(66px, 8vw, 108px);
    padding: clamp(58px, 6vw, 72px) clamp(70px, 6.8vw, 92px);
    border-color: rgba(166, 124, 82, 0.44);
    border-radius: 22px;
    background:
        linear-gradient(90deg, rgba(245, 242, 234, 0.018), transparent 32%, rgba(245, 242, 234, 0.012) 70%, transparent),
        #070707;
    box-shadow:
        inset 0 1px 0 rgba(245, 242, 234, 0.04),
        0 30px 90px rgba(0, 0, 0, 0.42);
    isolation: isolate;
}

.mindspace-cta::before,
.mindspace-cta::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.mindspace-cta::before {
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(245, 242, 234, 0.012) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.01) 1px, transparent 1px),
        radial-gradient(circle at 28% 40%, rgba(180, 106, 60, 0.08), transparent 20%),
        radial-gradient(circle at 76% 58%, rgba(245, 190, 126, 0.05), transparent 24%);
    background-size: 92px 92px, 92px 92px, auto, auto;
    opacity: 0.78;
}

.mindspace-cta::after {
    left: 7%;
    right: 6%;
    bottom: -8%;
    height: 74%;
    border-radius: 999px 999px 0 0 / 56% 56% 0 0;
    background:
        linear-gradient(102deg, transparent 0 8%, rgba(88, 62, 43, 0.08) 15%, rgba(231, 184, 128, 0.14) 27%, rgba(36, 25, 18, 0.42) 42%, rgba(185, 125, 76, 0.16) 58%, rgba(31, 22, 16, 0.4) 72%, transparent 95%),
        repeating-linear-gradient(169deg, transparent 0 28px, rgba(245, 190, 126, 0.045) 31px 33px, transparent 38px 64px),
        radial-gradient(ellipse at 26% 38%, rgba(245, 242, 234, 0.18), transparent 9%),
        radial-gradient(ellipse at 36% 44%, rgba(245, 190, 126, 0.14), transparent 26%),
        radial-gradient(ellipse at 74% 38%, rgba(166, 124, 82, 0.11), transparent 32%);
    filter: blur(1px) saturate(1.05);
    opacity: 0.58;
    transform: translate3d(0, var(--cta-scroll), 0) skewY(var(--cta-angle)) scaleX(1.02);
    mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.72) 18%, #000 72%, transparent 100%);
    animation: mindspaceSilkFlow 10s ease-in-out infinite alternate;
}

.mindspace-cta__copy,
.mindspace-contact-list,
.mindspace-cta blockquote {
    position: relative;
    z-index: 2;
}

.mindspace-cta__copy {
    align-self: center;
}

.mindspace-cta__copy .mindspace-kicker {
    margin-bottom: 24px;
    color: #b87849;
    font-size: 0.78rem;
    letter-spacing: 0.48em;
}

.mindspace-cta h2 {
    max-width: 690px;
    font-family: var(--mind-font);
    font-size: clamp(3.2rem, 4.65vw, 5.15rem);
    font-style: italic;
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: rgba(255, 253, 248, 0.96);
    text-shadow: 0 16px 38px rgba(0, 0, 0, 0.78);
}

.mindspace-cta__button {
    min-width: 220px;
    min-height: 60px;
    margin-top: 54px;
    padding-inline: 30px 26px;
    justify-content: space-between;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, #bd8a5e, #ae7b50);
    color: #070707;
    font-size: 0.94rem;
    font-weight: 700;
    box-shadow:
        0 16px 32px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 244, 224, 0.22);
}

.mindspace-cta__button::after {
    margin-left: 24px;
    color: #050505;
}

.mindspace-cta__button:hover {
    background: linear-gradient(180deg, #c89869, #b98455);
    color: #050505;
    transform: translateY(-2px);
}

.mindspace-cta__vortex {
    position: absolute;
    z-index: 1;
    left: 13%;
    right: 12%;
    bottom: -21%;
    height: 84%;
    border-radius: 48% 52% 0 0 / 38% 42% 0 0;
    opacity: 0.58;
    background:
        radial-gradient(ellipse at 31% 29%, rgba(245, 242, 234, 0.16), transparent 7%),
        radial-gradient(ellipse at 38% 38%, rgba(245, 190, 126, 0.13), transparent 18%),
        repeating-linear-gradient(170deg, transparent 0 34px, rgba(245, 190, 126, 0.035) 37px 39px, transparent 43px 72px),
        linear-gradient(105deg, transparent 0 4%, rgba(80, 56, 39, 0.12) 18%, rgba(244, 209, 163, 0.1) 30%, rgba(36, 25, 17, 0.55) 46%, rgba(166, 124, 82, 0.12) 66%, transparent 95%);
    filter: blur(1.8px);
    transform: translate3d(0, calc(var(--cta-scroll) * -0.45), 0) rotate(-3deg) scaleX(1.22);
    mix-blend-mode: screen;
    animation: mindspaceCtaWave 8s ease-in-out infinite alternate;
}

.mindspace-contact-list {
    align-self: center;
    gap: 24px;
}

.mindspace-contact-list a {
    grid-template-columns: 54px 1fr;
    gap: 2px 18px;
    align-items: center;
    transition: transform 260ms ease, color 260ms ease;
}

.mindspace-contact-list a:hover {
    transform: translateX(6px);
}

.mindspace-contact-list span {
    width: 54px;
    height: 54px;
    border-color: rgba(180, 106, 60, 0.58);
    background:
        radial-gradient(circle at 38% 28%, rgba(245, 242, 234, 0.1), transparent 32%),
        rgba(6, 6, 6, 0.54);
    box-shadow: inset 0 0 18px rgba(166, 124, 82, 0.11);
}

.mindspace-contact-list svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: #c08351;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 8px rgba(180, 106, 60, 0.18));
}

.mindspace-contact-list strong {
    color: rgba(255, 253, 248, 0.92);
    font-size: 0.98rem;
}

.mindspace-contact-list small {
    color: rgba(245, 242, 234, 0.58);
    font-size: 0.86rem;
}

.mindspace-cta blockquote {
    align-self: center;
    min-height: 322px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
    border-left: 1px solid rgba(245, 242, 234, 0.12);
    color: rgba(255, 253, 248, 0.9);
    font-family: var(--mind-font);
    font-size: clamp(1.45rem, 1.65vw, 1.95rem);
    font-style: italic;
    line-height: 1.36;
}

.mindspace-cta blockquote span {
    margin-bottom: 26px;
    color: #c18756;
    font-family: var(--mind-font);
    font-size: 3.2rem;
    font-style: normal;
    line-height: 0.5;
}

.mindspace-cta cite {
    margin-top: 24px;
    color: rgba(245, 242, 234, 0.54);
    font-family: var(--mind-font);
    font-size: 0.76rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.38em;
    text-transform: uppercase;
}

.mindspace-cta cite::before {
    content: "- ";
    color: rgba(245, 242, 234, 0.5);
}

@keyframes mindspaceSilkFlow {
    0% {
        background-position: 0 0, 0 0, 0 0, 0 0;
        transform: translate3d(-1.1%, var(--cta-scroll), 0) skewY(-1.4deg) scaleX(1.02);
    }
    100% {
        background-position: 34px 10px, -46px 0, 18px -8px, -16px 12px;
        transform: translate3d(1.1%, calc(var(--cta-scroll) - 4px), 0) skewY(1.25deg) scaleX(1.03);
    }
}

@keyframes mindspaceCtaWave {
    0% {
        opacity: 0.5;
        transform: translate3d(-0.8%, calc(var(--cta-scroll) * -0.36), 0) rotate(-3.5deg) scaleX(1.18);
    }
    100% {
        opacity: 0.7;
        transform: translate3d(0.8%, calc(var(--cta-scroll) * -0.36 - 6px), 0) rotate(-1.25deg) scaleX(1.24);
    }
}

@media (max-width: 1180px) {
    .mindspace-cta {
        grid-template-columns: minmax(360px, 1fr) minmax(270px, 0.62fr) minmax(300px, 0.72fr);
        width: min(100% - 42px, 1120px);
        padding-inline: 44px;
        gap: 34px;
    }

    .mindspace-cta h2 {
        font-size: clamp(2.8rem, 5vw, 4rem);
    }
}

@media (max-width: 920px) {
    .mindspace-cta {
        grid-template-columns: 1fr;
        width: min(100% - 32px, 760px);
        padding: 48px 32px;
    }

    .mindspace-cta__vortex {
        left: 0;
        right: 0;
        bottom: 8%;
        height: 52%;
    }

    .mindspace-cta blockquote {
        min-height: auto;
        padding-left: 0;
        padding-top: 28px;
        border-left: 0;
        border-top: 1px solid rgba(245, 242, 234, 0.12);
    }
}

@media (max-width: 620px) {
    .mindspace-cta {
        width: min(100% - 24px, 430px);
        padding: 40px 22px;
        border-radius: 16px;
    }

    .mindspace-cta__copy .mindspace-kicker {
        letter-spacing: 0.32em;
    }

    .mindspace-cta h2 {
        font-size: clamp(2.35rem, 13vw, 3.15rem);
    }

    .mindspace-cta__button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mindspace-cta::after,
    .mindspace-cta__vortex {
        animation: none;
    }
}

/* Services ecosystem Lovable reference match */
.mindspace-services {
    position: relative;
    width: min(100% - 92px, 1548px);
    min-height: 548px;
    padding: 64px 54px 60px;
    grid-template-columns: minmax(330px, 0.76fr) minmax(560px, 1.04fr) minmax(360px, 0.76fr);
    gap: clamp(22px, 2.4vw, 42px);
    border-top: 1px solid rgba(245, 190, 126, 0.12);
    border-bottom: 1px solid rgba(245, 190, 126, 0.22);
    background: #050707;
    box-shadow:
        inset 0 1px 0 rgba(245, 242, 234, 0.035),
        inset 0 -1px 0 rgba(245, 190, 126, 0.16),
        0 28px 80px rgba(0, 0, 0, 0.28);
}

.mindspace-services::before {
    inset: 0;
    opacity: 1;
    background:
        linear-gradient(116deg, transparent 0 8.4%, rgba(180, 106, 60, 0.15) 8.72%, rgba(245, 190, 126, 0.045) 8.95%, transparent 9.35% 76%, rgba(180, 106, 60, 0.18) 76.25%, rgba(245, 190, 126, 0.05) 76.55%, transparent 77%),
        linear-gradient(180deg, rgba(245, 190, 126, 0.035), transparent 7%, transparent 91%, rgba(180, 106, 60, 0.08)),
        radial-gradient(circle at 49% 50%, rgba(180, 106, 60, 0.08), transparent 29%),
        linear-gradient(90deg, rgba(245, 242, 234, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.012) 1px, transparent 1px);
    background-size: auto, auto, auto, 94px 94px, 94px 94px;
    mask-image: none;
}

.mindspace-services::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 7px;
    border: 1px solid rgba(180, 106, 60, 0.3);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background:
        linear-gradient(90deg, transparent, rgba(245, 190, 126, 0.18), transparent),
        rgba(3, 4, 4, 0.72);
    pointer-events: none;
}

.mindspace-services__copy {
    align-self: center;
    padding-left: 0;
    transform: translateY(-2px);
}

.mindspace-services__copy .mindspace-kicker {
    margin-bottom: 20px;
    color: #b87345;
    font-size: 0.78rem;
    letter-spacing: 0.24em;
}

.mindspace-services__copy h2 {
    max-width: 425px;
    font-size: clamp(2.15rem, 2.55vw, 2.85rem);
    line-height: 1.34;
    font-weight: 400;
    color: rgba(252, 250, 245, 0.92);
    text-shadow:
        0 0 1px rgba(255, 255, 255, 0.32),
        0 16px 36px rgba(0, 0, 0, 0.78);
}

.mindspace-services__copy .mindspace-link-button {
    min-width: 232px;
    min-height: 56px;
    margin-top: 66px;
    padding-inline: 28px 26px;
    font-size: 0.84rem;
    border-color: rgba(180, 106, 60, 0.78);
    background:
        linear-gradient(180deg, rgba(245, 190, 126, 0.04), rgba(0, 0, 0, 0)),
        rgba(7, 8, 8, 0.74);
    box-shadow:
        inset 0 0 0 1px rgba(245, 190, 126, 0.045),
        0 0 18px rgba(180, 106, 60, 0.1);
}

.mindspace-services__copy .mindspace-link-button::after {
    width: 18px;
    margin-left: 38px;
}

.mindspace-orbit {
    width: 532px;
    min-height: 532px;
    transform-origin: center;
}

.mindspace-orbit::before {
    inset: 1%;
    background:
        conic-gradient(from calc(var(--orbit-scroll-angle, 0deg) + 12deg), transparent 0 18deg, rgba(245, 190, 126, 0.14) 26deg 42deg, transparent 56deg 128deg, rgba(180, 106, 60, 0.12) 140deg 153deg, transparent 165deg 244deg, rgba(245, 190, 126, 0.14) 257deg 275deg, transparent 290deg 360deg),
        conic-gradient(from -22deg, rgba(245, 190, 126, 0.12) 0 2deg, transparent 2.5deg 58deg, rgba(180, 106, 60, 0.1) 59deg 62deg, transparent 63deg 166deg, rgba(245, 190, 126, 0.12) 168deg 171deg, transparent 172deg 360deg);
    mask-image: radial-gradient(circle, transparent 0 30%, #000 30.8% 70.8%, transparent 71.8%);
    filter: blur(0.3px);
    animation-duration: 48s;
}

.mindspace-orbit::after {
    inset: 13.2%;
    border-color: rgba(245, 190, 126, 0.12);
    background:
        radial-gradient(circle, transparent 0 23.5%, rgba(245, 190, 126, 0.14) 23.8% 24.25%, transparent 24.7% 34.5%, rgba(166, 124, 82, 0.13) 34.8% 35.25%, transparent 35.7% 45.6%, rgba(245, 190, 126, 0.11) 45.9% 46.35%, transparent 46.8% 57.5%, rgba(166, 124, 82, 0.1) 57.8% 58.25%, transparent 58.7%);
    box-shadow:
        inset 0 0 46px rgba(180, 106, 60, 0.09),
        0 0 36px rgba(180, 106, 60, 0.08);
}

.mindspace-orbit__rings {
    inset: 7.5%;
    background:
        radial-gradient(circle, transparent 0 19%, rgba(245, 190, 126, 0.22) 19.3% 19.65%, transparent 20.1% 27.5%, rgba(166, 124, 82, 0.18) 27.8% 28.15%, transparent 28.6% 36.4%, rgba(245, 190, 126, 0.18) 36.7% 37.05%, transparent 37.5% 45.4%, rgba(166, 124, 82, 0.17) 45.7% 46.05%, transparent 46.5% 55%, rgba(245, 190, 126, 0.16) 55.3% 55.65%, transparent 56.1% 66.5%, rgba(166, 124, 82, 0.14) 66.8% 67.1%, transparent 67.6%),
        conic-gradient(from 0deg, transparent 0 9deg, rgba(245, 190, 126, 0.34) 10deg 12deg, transparent 13deg 71deg, rgba(180, 106, 60, 0.24) 73deg 76deg, transparent 78deg 165deg, rgba(245, 190, 126, 0.25) 167deg 170deg, transparent 172deg 263deg, rgba(180, 106, 60, 0.24) 266deg 269deg, transparent 271deg 360deg);
    animation-duration: 96s;
}

.mindspace-orbit__rings::before {
    animation-duration: 54s;
}

.mindspace-orbit__rings::after {
    animation-duration: 34s;
}

.mindspace-orbit__center {
    width: 122px;
    height: 122px;
    font-size: 0;
    overflow: visible;
    border-color: rgba(245, 190, 126, 0.22);
    background:
        radial-gradient(circle at 39% 28%, rgba(245, 242, 234, 0.18), transparent 22%),
        radial-gradient(circle at 50% 38%, rgba(245, 242, 234, 0.07), transparent 38%),
        radial-gradient(circle at 50% 50%, rgba(211, 146, 91, 0.22), transparent 59%),
        radial-gradient(circle, #15120f 0 45%, #050606 76%);
}

.mindspace-orbit__center::before {
    inset: -24px;
    border-color: rgba(245, 190, 126, 0.12);
}

.mindspace-orbit__center::after {
    inset: -50px;
    border-color: rgba(166, 124, 82, 0.1);
}

.mindspace-orbit__logo-m,
.mindspace-orbit__logo-c {
    position: absolute;
    z-index: 2;
    color: #de965b;
    font-family: inherit;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 0 18px rgba(211, 146, 91, 0.3);
}

.mindspace-orbit__logo-m {
    left: 26px;
    top: 35px;
    font-size: 4rem;
    transform: scaleX(0.78);
}

.mindspace-orbit__logo-c {
    right: 30px;
    top: 48px;
    font-size: 2.95rem;
    transform: scaleX(0.76);
}

.mindspace-orbit__item {
    width: 150px;
    font-size: 0.78rem;
    font-weight: 800;
}

.mindspace-orbit__item span {
    width: 44px;
    height: 44px;
}

.mindspace-orbit__item--brand { left: 50%; top: 3.3%; }
.mindspace-orbit__item--web { left: 84.8%; top: 24.2%; }
.mindspace-orbit__item--ai { left: 91.4%; top: 49.8%; }
.mindspace-orbit__item--growth { left: 83.4%; top: 75.5%; }
.mindspace-orbit__item--video { left: 50%; top: 95.7%; }
.mindspace-orbit__item--commerce { left: 16.6%; top: 75.5%; }
.mindspace-orbit__item--mobile { left: 8.4%; top: 49.8%; }
.mindspace-orbit__item--ux { left: 15.2%; top: 24.2%; }

.mindspace-services__note {
    transform: translateY(-4px);
}

.mindspace-services__note p {
    max-width: 396px;
    margin-bottom: 22px;
    color: rgba(245, 242, 234, 0.64);
    font-size: 1.04rem;
    line-height: 1.58;
}

.mindspace-wire-globe {
    width: 286px;
    height: 154px;
    margin: 0 0 28px 0;
    opacity: 0.72;
    background:
        radial-gradient(circle at 26% 48%, rgba(245, 190, 126, 0.11) 0 1px, transparent 1.6px),
        radial-gradient(circle at 41% 37%, rgba(245, 242, 234, 0.12) 0 1px, transparent 1.6px),
        radial-gradient(circle at 58% 28%, rgba(245, 190, 126, 0.13) 0 1px, transparent 1.6px),
        radial-gradient(circle at 72% 44%, rgba(245, 242, 234, 0.12) 0 1px, transparent 1.6px),
        radial-gradient(ellipse at 50% 100%, transparent 0 20%, rgba(245, 242, 234, 0.13) 20.3% 20.75%, transparent 21.2% 36%, rgba(245, 242, 234, 0.12) 36.3% 36.75%, transparent 37.2% 52%, rgba(245, 242, 234, 0.1) 52.3% 52.75%, transparent 53.2% 69%, rgba(245, 242, 234, 0.085) 69.3% 69.75%, transparent 70.2%),
        repeating-conic-gradient(from 180deg at 50% 100%, transparent 0 11.2deg, rgba(245, 242, 234, 0.105) 11.8deg 12.15deg, transparent 12.6deg 23.8deg),
        radial-gradient(ellipse at 50% 100%, rgba(245, 190, 126, 0.045), transparent 74%);
    transform: translateX(4px);
}

.mindspace-services__note strong {
    width: 314px;
    padding-bottom: 21px;
}

.mindspace-services__note strong::before {
    width: 70px;
}

@media (max-width: 1280px) {
    .mindspace-services {
        width: min(100% - 42px, 1260px);
        padding-inline: 32px;
        grid-template-columns: minmax(270px, 0.76fr) minmax(462px, 1fr) minmax(292px, 0.75fr);
    }

    .mindspace-services__copy h2 {
        font-size: clamp(2rem, 2.7vw, 2.7rem);
    }

    .mindspace-orbit {
        width: 462px;
        min-height: 462px;
    }
}

@media (max-width: 980px) {
    .mindspace-services {
        width: min(100% - 32px, 760px);
        grid-template-columns: 1fr;
        padding-inline: 26px;
    }

    .mindspace-services__copy h2 {
        margin-inline: auto;
    }

    .mindspace-services__note {
        transform: none;
    }
}

@media (max-width: 720px) {
    .mindspace-services {
        width: min(100% - 24px, 430px);
        padding-inline: 18px;
    }

    .mindspace-orbit {
        width: min(100%, 380px);
        min-height: auto;
    }

    .mindspace-orbit__logo-m {
        left: 19px;
        top: 28px;
        font-size: 3.1rem;
    }

    .mindspace-orbit__logo-c {
        right: 22px;
        top: 39px;
        font-size: 2.3rem;
    }
}

/* Services ecosystem precision pass */
.mindspace-services {
    min-height: clamp(560px, 43vw, 650px);
    padding-top: clamp(54px, 5.4vw, 82px);
    padding-bottom: clamp(58px, 5vw, 84px);
    grid-template-columns: minmax(330px, 0.82fr) minmax(600px, 1.06fr) minmax(330px, 0.82fr);
    gap: clamp(34px, 3.2vw, 56px);
    overflow: visible;
}

.mindspace-services::before {
    inset: 0 -5vw;
    background:
        linear-gradient(118deg, transparent 0 12%, rgba(176, 102, 50, 0.16) 12.25%, transparent 12.85% 72%, rgba(213, 137, 73, 0.14) 72.25%, transparent 72.85%),
        radial-gradient(circle at 51% 48%, rgba(166, 124, 82, 0.13), transparent 28%),
        radial-gradient(circle at 82% 46%, rgba(245, 190, 126, 0.055), transparent 24%),
        linear-gradient(90deg, rgba(245, 242, 234, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.012) 1px, transparent 1px),
        #090a0a;
    background-size: auto, auto, auto, 86px 86px, 86px 86px, auto;
}

.mindspace-services__copy h2 {
    max-width: 430px;
    font-size: clamp(2.35rem, 3.25vw, 3.75rem);
    line-height: 1.42;
    font-weight: 500;
}

.mindspace-services__copy .mindspace-link-button {
    margin-top: clamp(42px, 5vw, 72px);
}

.mindspace-orbit {
    width: min(100%, 590px);
    min-height: 590px;
    overflow: visible;
    filter: drop-shadow(0 22px 60px rgba(0, 0, 0, 0.5));
}

.mindspace-orbit::before {
    inset: 6%;
    background:
        conic-gradient(from 8deg, transparent 0 8deg, rgba(245, 190, 126, 0.22) 10deg, transparent 18deg 72deg, rgba(245, 190, 126, 0.12) 75deg, transparent 83deg 158deg, rgba(180, 106, 60, 0.16) 161deg, transparent 171deg 256deg, rgba(245, 190, 126, 0.18) 259deg, transparent 271deg 360deg),
        radial-gradient(circle at var(--orbit-mouse-x) var(--orbit-mouse-y), rgba(245, 190, 126, 0.12), transparent 22%);
    mask-image: radial-gradient(circle, transparent 0 32%, #000 33% 72%, transparent 73%);
    animation: mindspaceOrbitSweep 28s linear infinite;
}

.mindspace-orbit::after {
    inset: 21%;
    border-color: rgba(245, 190, 126, 0.16);
    box-shadow:
        0 0 28px rgba(180, 106, 60, 0.12),
        inset 0 0 34px rgba(180, 106, 60, 0.1);
}

.mindspace-orbit__rings {
    inset: 8%;
    background:
        radial-gradient(circle, transparent 0 23%, rgba(245, 190, 126, 0.19) 23.2% 23.7%, transparent 24% 33%, rgba(166, 124, 82, 0.24) 33.2% 33.7%, transparent 34% 45%, rgba(245, 190, 126, 0.19) 45.2% 45.7%, transparent 46% 58%, rgba(166, 124, 82, 0.23) 58.2% 58.7%, transparent 59% 71%, rgba(245, 190, 126, 0.18) 71.2% 71.7%, transparent 72%),
        conic-gradient(from 0deg, transparent 0 36deg, rgba(245, 190, 126, 0.34) 38deg 40deg, transparent 44deg 132deg, rgba(180, 106, 60, 0.28) 134deg 137deg, transparent 141deg 238deg, rgba(245, 190, 126, 0.3) 240deg 243deg, transparent 248deg 360deg);
    mask-image: radial-gradient(circle, transparent 0 19%, #000 20% 74%, transparent 75%);
    animation: mindspaceOrbitSpin 68s linear infinite;
}

.mindspace-orbit__rings::before {
    inset: 13%;
    background:
        conic-gradient(from 100deg, transparent 0 16%, rgba(245, 190, 126, 0.34) 17%, transparent 18.5% 52%, rgba(180, 106, 60, 0.28) 53.2%, transparent 55% 100%);
    mask-image: radial-gradient(circle, transparent 0 47%, #000 48% 50%, transparent 51%);
    animation: mindspaceOrbitSpinReverse 34s linear infinite;
}

.mindspace-orbit__rings::after {
    inset: 29%;
    border-color: rgba(166, 124, 82, 0.15);
    animation: mindspaceOrbitSpin 24s linear infinite;
}

.mindspace-orbit__center {
    width: 136px;
    height: 136px;
    font-size: 3.35rem;
    letter-spacing: -0.16em;
    background:
        radial-gradient(circle at 46% 35%, rgba(245, 242, 234, 0.13), transparent 25%),
        radial-gradient(circle at 50% 50%, rgba(211, 146, 91, 0.2), transparent 54%),
        #090909;
    border-color: rgba(245, 190, 126, 0.3);
}

.mindspace-orbit__center::before {
    inset: -28px;
}

.mindspace-orbit__center::after {
    inset: -55px;
}

.mindspace-orbit__item {
    width: 178px;
    gap: 13px;
    color: rgba(245, 242, 234, 0.9);
    font-size: 0.9rem;
    font-weight: 800;
    animation-duration: 5.8s;
}

.mindspace-orbit__item strong {
    max-width: 122px;
}

.mindspace-orbit__item::before {
    width: 62px;
    opacity: 0.68;
    background: linear-gradient(90deg, transparent, rgba(245, 190, 126, 0.22), transparent);
}

.mindspace-orbit__item span {
    width: 52px;
    height: 52px;
}

.mindspace-orbit__item span::before {
    content: none !important;
}

.mindspace-orbit__item svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: var(--mind-gold);
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 12px rgba(211, 146, 91, 0.28));
}

.mindspace-orbit__item--brand {
    left: 50%;
    top: 6.5%;
}

.mindspace-orbit__item--web {
    left: 84.5%;
    top: 24.2%;
}

.mindspace-orbit__item--ai {
    left: 91%;
    top: 49.5%;
}

.mindspace-orbit__item--growth {
    left: 82.8%;
    top: 73.5%;
}

.mindspace-orbit__item--video {
    left: 50%;
    top: 92.8%;
}

.mindspace-orbit__item--commerce {
    left: 17.2%;
    top: 73.5%;
}

.mindspace-orbit__item--mobile {
    left: 9%;
    top: 49.5%;
}

.mindspace-orbit__item--ux {
    left: 15.5%;
    top: 24.2%;
}

.mindspace-orbit__item--brand::before {
    bottom: -58px;
    height: 50px;
}

.mindspace-orbit__item--video::before {
    top: -58px;
    height: 50px;
}

.mindspace-orbit__item--web::before,
.mindspace-orbit__item--ai::before,
.mindspace-orbit__item--growth::before {
    right: calc(100% - 10px);
}

.mindspace-orbit__item--commerce::before,
.mindspace-orbit__item--mobile::before,
.mindspace-orbit__item--ux::before {
    left: calc(100% - 10px);
}

.mindspace-services__note p {
    max-width: 380px;
    font-size: 1.03rem;
    line-height: 1.72;
}

.mindspace-wire-globe {
    width: min(310px, 100%);
    opacity: 0.76;
    background:
        repeating-radial-gradient(ellipse at 50% 100%, transparent 0 24px, rgba(245, 242, 234, 0.13) 25px 26px),
        repeating-linear-gradient(100deg, transparent 0 38px, rgba(245, 242, 234, 0.12) 39px 40px),
        repeating-linear-gradient(80deg, transparent 0 42px, rgba(245, 242, 234, 0.07) 43px 44px);
}

@media (max-width: 1280px) {
    .mindspace-services {
        grid-template-columns: minmax(270px, 0.78fr) minmax(520px, 1fr) minmax(270px, 0.78fr);
        gap: 26px;
    }

    .mindspace-orbit {
        width: min(100%, 520px);
        min-height: 520px;
    }

    .mindspace-orbit__item {
        width: 150px;
        font-size: 0.78rem;
    }
}

@media (max-width: 980px) {
    .mindspace-services {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .mindspace-services__copy h2,
    .mindspace-services__note p {
        max-width: 680px;
    }

    .mindspace-services__note {
        display: grid;
        justify-items: center;
    }
}

@media (max-width: 720px) {
    .mindspace-orbit {
        width: min(100%, 430px);
        min-height: auto;
        aspect-ratio: 1;
    }

    .mindspace-orbit__item {
        width: 88px;
        gap: 6px;
        font-size: 0.62rem;
    }

    .mindspace-orbit__item span {
        width: 38px;
        height: 38px;
    }

    .mindspace-orbit__item svg {
        width: 18px;
        height: 18px;
    }
}

/* CTA cinematic light-trail final */
.mindspace-cta {
    --cta-scroll: 0px;
    --cta-angle: 0deg;
    position: relative;
    display: grid;
    grid-template-columns: minmax(270px, 0.72fr) minmax(360px, 1fr) minmax(290px, 0.7fr) minmax(260px, 0.68fr);
    gap: clamp(22px, 3vw, 48px);
    align-items: center;
    width: min(100% - 48px, 1680px);
    min-height: 286px;
    margin: clamp(46px, 6vw, 76px) auto clamp(64px, 7vw, 96px);
    padding: 42px clamp(42px, 4.6vw, 58px);
    overflow: hidden;
    border: 1px solid rgba(161, 104, 63, 0.48);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(245, 242, 234, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.012) 1px, transparent 1px),
        radial-gradient(circle at 35% 34%, rgba(245, 190, 126, 0.06), transparent 22%),
        #080909;
    background-size: 94px 94px, 94px 94px, auto, auto;
    box-shadow:
        inset 0 1px 0 rgba(245, 242, 234, 0.04),
        inset 0 -1px 0 rgba(180, 106, 60, 0.12),
        0 26px 78px rgba(0, 0, 0, 0.38);
    isolation: isolate;
}

.mindspace-cta::before,
.mindspace-cta::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.mindspace-cta::before {
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(circle at 26% 22%, rgba(245, 190, 126, 0.45) 0 1px, transparent 1.8px),
        radial-gradient(circle at 33% 37%, rgba(245, 242, 234, 0.38) 0 1px, transparent 1.8px),
        radial-gradient(circle at 42% 18%, rgba(245, 190, 126, 0.38) 0 1px, transparent 1.8px),
        radial-gradient(circle at 51% 46%, rgba(245, 242, 234, 0.32) 0 1px, transparent 1.8px),
        radial-gradient(circle at 61% 31%, rgba(245, 190, 126, 0.26) 0 1px, transparent 1.7px);
    opacity: 0.48;
    animation: mindspaceTrailSpark 7.5s ease-in-out infinite alternate;
}

.mindspace-cta::after {
    z-index: 1;
    left: 19%;
    top: -47%;
    width: 56%;
    height: 190%;
    border-radius: 50%;
    background:
        conic-gradient(from 222deg at 43% 38%, transparent 0 13deg, rgba(245, 242, 234, 0.74) 18deg 23deg, rgba(228, 167, 91, 0.45) 25deg 32deg, transparent 38deg 104deg, rgba(245, 190, 126, 0.18) 111deg 117deg, transparent 124deg 360deg),
        repeating-conic-gradient(from 226deg at 43% 38%, transparent 0 8deg, rgba(245, 190, 126, 0.11) 9deg 10deg, transparent 11deg 17deg),
        radial-gradient(ellipse at 44% 40%, rgba(255, 236, 190, 0.32), transparent 8%),
        radial-gradient(ellipse at 52% 53%, rgba(180, 106, 60, 0.22), transparent 34%);
    filter: blur(0.8px) saturate(1.15);
    opacity: 0.72;
    transform: translate3d(calc(var(--cta-scroll) * 0.35), calc(var(--cta-scroll) * 0.18), 0) rotate(calc(-7deg + var(--cta-angle))) scaleX(1.18);
    mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.86) 9%, #000 72%, transparent 100%);
    animation: mindspaceTrailGlow 8s ease-in-out infinite alternate;
}

.mindspace-cta__copy,
.mindspace-contact-list,
.mindspace-cta blockquote {
    position: relative;
    z-index: 3;
}

.mindspace-cta__copy {
    align-self: center;
}

.mindspace-cta__copy .mindspace-kicker {
    margin-bottom: 14px;
    color: var(--mind-gold);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.18em;
}

.mindspace-cta h2 {
    max-width: 330px;
    font-family: var(--mind-font);
    font-size: clamp(2.4rem, 3.2vw, 3.82rem);
    font-style: normal;
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: rgba(255, 253, 248, 0.95);
    text-shadow: 0 12px 28px rgba(0, 0, 0, 0.78);
}

.mindspace-cta__button {
    min-width: 278px;
    min-height: 56px;
    margin-top: 30px;
    padding-inline: 24px 20px;
    justify-content: space-between;
    border: 1px solid rgba(245, 190, 126, 0.18);
    border-radius: 4px;
    background: linear-gradient(180deg, #bd8558, #a86f48);
    color: rgba(255, 250, 240, 0.96);
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    box-shadow:
        0 16px 32px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 236, 200, 0.2);
}

.mindspace-cta__button::after {
    margin-left: 28px;
    color: rgba(255, 250, 240, 0.9);
    transform: translateY(-1px);
}

.mindspace-cta__vortex {
    position: absolute;
    z-index: 2;
    left: 22%;
    top: -28%;
    width: 49%;
    height: 178%;
    border-radius: 50%;
    background:
        conic-gradient(from 214deg at 42% 38%, transparent 0 12deg, rgba(255, 245, 210, 0.88) 17deg 20deg, rgba(216, 151, 83, 0.5) 22deg 29deg, transparent 35deg 88deg, rgba(245, 190, 126, 0.2) 96deg 102deg, transparent 112deg 360deg),
        repeating-conic-gradient(from 216deg at 42% 38%, transparent 0 6deg, rgba(245, 190, 126, 0.11) 7deg 8deg, transparent 9deg 14deg),
        radial-gradient(ellipse at 41% 37%, rgba(255, 245, 210, 0.44), transparent 7%),
        radial-gradient(ellipse at 50% 52%, rgba(180, 106, 60, 0.24), transparent 37%);
    filter: blur(1.2px);
    opacity: 0.84;
    mix-blend-mode: screen;
    transform: translate3d(calc(var(--cta-scroll) * -0.2), calc(var(--cta-scroll) * 0.12), 0) rotate(calc(-8deg + var(--cta-angle))) scaleX(1.06);
    mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.9) 8%, #000 63%, transparent 100%);
    animation: mindspaceTrailSweep 6.5s ease-in-out infinite alternate;
}

.mindspace-contact-list {
    grid-column: 3;
    display: grid;
    gap: 18px;
    align-self: center;
}

.mindspace-contact-list a {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 1px 16px;
    align-items: center;
    color: var(--mind-ivory);
    text-decoration: none;
    transition: transform 260ms ease;
}

.mindspace-contact-list a:hover {
    transform: translateX(5px);
}

.mindspace-contact-list span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(166, 124, 82, 0.52);
    border-radius: 999px;
    background:
        radial-gradient(circle at 35% 25%, rgba(245, 242, 234, 0.12), transparent 30%),
        rgba(6, 7, 7, 0.78);
    box-shadow:
        inset 0 0 14px rgba(166, 124, 82, 0.12),
        0 0 18px rgba(180, 106, 60, 0.08);
}

.mindspace-contact-list svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: #c48654;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mindspace-contact-list strong {
    color: rgba(255, 253, 248, 0.92);
    font-size: 0.86rem;
    font-weight: 800;
}

.mindspace-contact-list small {
    color: rgba(245, 242, 234, 0.58);
    font-size: 0.74rem;
}

.mindspace-cta blockquote {
    grid-column: 4;
    align-self: stretch;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding-left: 36px;
    border-left: 1px solid rgba(245, 242, 234, 0.08);
    color: rgba(245, 242, 234, 0.76);
    font-family: var(--mind-font);
    font-size: clamp(1.32rem, 1.82vw, 2.2rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.18;
}

.mindspace-cta blockquote span {
    margin-bottom: 18px;
    color: var(--mind-gold);
    font-family: var(--mind-font);
    font-size: 2.9rem;
    font-style: normal;
    line-height: 0.55;
}

.mindspace-cta cite {
    margin-top: 22px;
    color: rgba(245, 242, 234, 0.52);
    font-size: 0.72rem;
    font-style: normal;
    letter-spacing: 0;
}

@keyframes mindspaceTrailGlow {
    0% {
        opacity: 0.56;
        background-position: 0 0, 0 0, 0 0, 0 0;
    }
    100% {
        opacity: 0.82;
        background-position: 38px -18px, 26px 12px, 0 0, 0 0;
    }
}

@keyframes mindspaceTrailSweep {
    0% {
        opacity: 0.68;
        transform: translate3d(calc(var(--cta-scroll) * -0.2 - 8px), calc(var(--cta-scroll) * 0.12), 0) rotate(calc(-9deg + var(--cta-angle))) scaleX(1.02);
    }
    100% {
        opacity: 0.94;
        transform: translate3d(calc(var(--cta-scroll) * -0.2 + 8px), calc(var(--cta-scroll) * 0.12 - 5px), 0) rotate(calc(-6deg + var(--cta-angle))) scaleX(1.1);
    }
}

@keyframes mindspaceTrailSpark {
    0% {
        opacity: 0.28;
        transform: translateY(0);
    }
    100% {
        opacity: 0.58;
        transform: translateY(-4px);
    }
}

@media (max-width: 1180px) {
    .mindspace-cta {
        grid-template-columns: minmax(250px, 0.78fr) minmax(240px, 0.75fr) minmax(250px, 0.7fr);
        width: min(100% - 34px, 1120px);
    }

    .mindspace-contact-list {
        grid-column: 2;
    }

    .mindspace-cta blockquote {
        grid-column: 3;
    }

    .mindspace-cta__vortex,
    .mindspace-cta::after {
        left: 24%;
        width: 54%;
    }
}

@media (max-width: 900px) {
    .mindspace-cta {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 42px 28px;
    }

    .mindspace-contact-list,
    .mindspace-cta blockquote {
        grid-column: auto;
    }

    .mindspace-cta__vortex,
    .mindspace-cta::after {
        left: 8%;
        top: 18%;
        width: 86%;
        height: 58%;
    }

    .mindspace-cta blockquote {
        min-height: auto;
        padding-left: 0;
        padding-top: 24px;
        border-left: 0;
        border-top: 1px solid rgba(245, 242, 234, 0.08);
    }
}

@media (max-width: 620px) {
    .mindspace-cta {
        width: min(100% - 24px, 430px);
        padding: 34px 22px;
    }

    .mindspace-cta h2 {
        font-size: clamp(2.45rem, 13vw, 3.3rem);
    }

    .mindspace-cta__button {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mindspace-cta::before,
    .mindspace-cta::after,
    .mindspace-cta__vortex {
        animation: none;
    }
}

/* Services ecosystem reference polish */
.mindspace-services {
    width: min(100% - 88px, 1600px);
    min-height: 560px;
    padding-block: 58px 66px;
    grid-template-columns: minmax(330px, 0.82fr) minmax(520px, 1fr) minmax(360px, 0.78fr);
    gap: clamp(30px, 3.2vw, 58px);
}

.mindspace-services::before {
    inset: -14px -5.8vw;
    background:
        linear-gradient(116deg, transparent 0 8.35%, rgba(180, 106, 60, 0.18) 8.7%, rgba(245, 190, 126, 0.06) 8.95%, transparent 9.45% 74.4%, rgba(180, 106, 60, 0.2) 74.75%, rgba(245, 190, 126, 0.06) 75%, transparent 75.5%),
        radial-gradient(circle at 49% 50%, rgba(180, 106, 60, 0.08), transparent 31%),
        linear-gradient(90deg, rgba(245, 242, 234, 0.021) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.014) 1px, transparent 1px),
        #070808;
    background-size: auto, auto, 96px 96px, 96px 96px, auto;
}

.mindspace-services__copy {
    padding-left: clamp(0px, 1.1vw, 18px);
}

.mindspace-services__copy .mindspace-kicker {
    margin-bottom: 23px;
    color: var(--mind-gold);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.3em;
}

.mindspace-services__copy h2 {
    max-width: 430px;
    font-size: clamp(2.4rem, 3.05vw, 3.5rem);
    line-height: 1.52;
    font-weight: 500;
    letter-spacing: 0;
    color: rgba(255, 253, 248, 0.97);
    text-shadow: 0 16px 34px rgba(0, 0, 0, 0.72);
}

.mindspace-services__copy .mindspace-link-button {
    min-width: 232px;
    min-height: 58px;
    margin-top: 62px;
    justify-content: space-between;
    border-color: rgba(180, 106, 60, 0.9);
    border-radius: 999px;
    background: rgba(6, 7, 7, 0.7);
    color: rgba(245, 242, 234, 0.9);
}

.mindspace-orbit {
    width: 525px;
    min-height: 525px;
    isolation: isolate;
    filter: drop-shadow(0 20px 62px rgba(0, 0, 0, 0.64));
}

.mindspace-orbit::before {
    inset: 2%;
    background:
        conic-gradient(from calc(var(--orbit-scroll-angle, 0deg) + 16deg), transparent 0 18deg, rgba(245, 190, 126, 0.13) 24deg 41deg, transparent 54deg 128deg, rgba(180, 106, 60, 0.12) 136deg 151deg, transparent 162deg 240deg, rgba(245, 190, 126, 0.15) 252deg 270deg, transparent 284deg 360deg),
        repeating-conic-gradient(from 0deg, rgba(245, 190, 126, 0.08) 0 0.7deg, transparent 0.7deg 22.5deg),
        radial-gradient(circle, rgba(180, 106, 60, 0.13), transparent 50%);
    mask-image: radial-gradient(circle, transparent 0 30%, #000 31% 69%, transparent 70.5%);
    opacity: 0.88;
    animation: mindspaceOrbitSweep 42s linear infinite;
}

.mindspace-orbit::after {
    inset: 11.5%;
    border-color: rgba(245, 190, 126, 0.13);
    background:
        radial-gradient(circle, transparent 0 25%, rgba(245, 190, 126, 0.12) 25.2% 25.7%, transparent 26% 41%, rgba(166, 124, 82, 0.1) 41.2% 41.7%, transparent 42% 57%, rgba(245, 190, 126, 0.09) 57.2% 57.8%, transparent 58.2%);
    box-shadow:
        inset 0 0 44px rgba(166, 124, 82, 0.11),
        0 0 30px rgba(180, 106, 60, 0.08);
}

.mindspace-orbit__rings {
    inset: 8%;
    background:
        radial-gradient(circle, transparent 0 20%, rgba(245, 190, 126, 0.2) 20.2% 20.55%, transparent 21% 29%, rgba(166, 124, 82, 0.18) 29.2% 29.55%, transparent 30% 38%, rgba(245, 190, 126, 0.17) 38.2% 38.55%, transparent 39% 48%, rgba(166, 124, 82, 0.18) 48.2% 48.55%, transparent 49% 58%, rgba(245, 190, 126, 0.18) 58.2% 58.55%, transparent 59% 69%, rgba(166, 124, 82, 0.16) 69.2% 69.55%, transparent 70%),
        conic-gradient(from 8deg, transparent 0 8deg, rgba(245, 190, 126, 0.34) 9deg 11deg, transparent 12deg 75deg, rgba(180, 106, 60, 0.23) 77deg 80deg, transparent 82deg 168deg, rgba(245, 190, 126, 0.26) 170deg 173deg, transparent 175deg 266deg, rgba(180, 106, 60, 0.24) 268deg 271deg, transparent 273deg 360deg);
    mask-image: radial-gradient(circle, transparent 0 17.5%, #000 18% 73%, transparent 74.5%);
    animation: mindspaceOrbitSpin 86s linear infinite;
}

.mindspace-orbit__rings::before {
    inset: 18%;
    background:
        conic-gradient(from 24deg, transparent 0 10%, rgba(245, 190, 126, 0.24) 11% 12.5%, transparent 13.5% 36%, rgba(180, 106, 60, 0.16) 37% 38.4%, transparent 40% 66%, rgba(245, 190, 126, 0.22) 67% 68.2%, transparent 69.5% 100%);
    mask-image: radial-gradient(circle, transparent 0 44.5%, #000 45% 47.5%, transparent 48.2%);
    animation: mindspaceOrbitSpinReverse 46s linear infinite;
}

.mindspace-orbit__rings::after {
    inset: 24%;
    background:
        radial-gradient(circle at 49% 2%, rgba(245, 190, 126, 0.62) 0 1.7px, transparent 2.6px),
        radial-gradient(circle at 93% 38%, rgba(245, 190, 126, 0.46) 0 1.7px, transparent 2.6px),
        radial-gradient(circle at 13% 78%, rgba(180, 106, 60, 0.46) 0 1.7px, transparent 2.6px),
        conic-gradient(from 215deg, transparent 0 23%, rgba(245, 190, 126, 0.2) 24% 25.4%, transparent 27% 100%);
    border-color: rgba(245, 190, 126, 0.11);
    animation: mindspaceOrbitSpin 31s linear infinite;
}

.mindspace-orbit__center {
    width: 118px;
    height: 118px;
    color: #dc965c;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.18em;
    background:
        radial-gradient(circle at 45% 25%, rgba(245, 242, 234, 0.18), transparent 20%),
        radial-gradient(circle at 50% 48%, rgba(211, 146, 91, 0.24), transparent 61%),
        radial-gradient(circle, #17120f 0 44%, #050606 78%);
    box-shadow:
        0 0 64px rgba(211, 146, 91, 0.23),
        inset 0 0 34px rgba(245, 190, 126, 0.13),
        inset 0 1px 0 rgba(245, 242, 234, 0.14);
    animation: mindspaceCenterBreathe 6.6s ease-in-out infinite;
}

.mindspace-orbit__item {
    width: 154px;
    gap: 11px;
    color: rgba(245, 242, 234, 0.88);
    font-size: 0.83rem;
    line-height: 1.32;
    text-shadow: 0 8px 20px rgba(0, 0, 0, 0.72);
    animation: mindspaceNodeFloat 7.2s ease-in-out infinite;
}

.mindspace-orbit__item strong {
    max-width: 112px;
}

.mindspace-orbit__item span {
    width: 46px;
    height: 46px;
    border-color: rgba(245, 190, 126, 0.34);
    background:
        radial-gradient(circle at 34% 24%, rgba(245, 242, 234, 0.14), transparent 30%),
        rgba(8, 9, 9, 0.96);
    box-shadow:
        0 0 18px rgba(180, 106, 60, 0.16),
        inset 0 0 12px rgba(245, 190, 126, 0.1);
}

.mindspace-orbit__item svg {
    width: 19px;
    height: 19px;
    stroke: var(--mind-gold);
}

.mindspace-orbit__item::before {
    width: 44px;
    background: linear-gradient(90deg, transparent, rgba(245, 190, 126, 0.2));
    opacity: 0.58;
}

.mindspace-orbit__item--brand { left: 50%; top: 4.4%; }
.mindspace-orbit__item--web { left: 84.2%; top: 25%; }
.mindspace-orbit__item--ai { left: 91.3%; top: 50.2%; }
.mindspace-orbit__item--growth { left: 82.8%; top: 75%; }
.mindspace-orbit__item--video { left: 50%; top: 95%; }
.mindspace-orbit__item--commerce { left: 17.2%; top: 75%; }
.mindspace-orbit__item--mobile { left: 8.8%; top: 50.2%; }
.mindspace-orbit__item--ux { left: 15.8%; top: 25%; }

.mindspace-services__note {
    align-self: center;
    padding-top: 4px;
}

.mindspace-services__note p {
    max-width: 420px;
    margin-bottom: 18px;
    color: rgba(245, 242, 234, 0.64);
    font-size: clamp(1.02rem, 1.14vw, 1.18rem);
    line-height: 1.62;
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.68);
}

.mindspace-wire-globe {
    width: 280px;
    height: 152px;
    margin: 4px 0 28px 2px;
    border: 0;
    border-radius: 280px 280px 0 0;
    opacity: 0.54;
    background:
        radial-gradient(ellipse at 50% 100%, transparent 0 20%, rgba(245, 242, 234, 0.095) 20.4% 20.9%, transparent 21.4% 36%, rgba(245, 242, 234, 0.09) 36.4% 36.9%, transparent 37.4% 52%, rgba(245, 242, 234, 0.08) 52.4% 52.9%, transparent 53.4% 68%, rgba(245, 242, 234, 0.07) 68.4% 68.9%, transparent 69.4%),
        repeating-conic-gradient(from 180deg at 50% 100%, transparent 0 12deg, rgba(245, 242, 234, 0.085) 12.6deg 13deg, transparent 13.5deg 26deg),
        linear-gradient(90deg, transparent 0 49.5%, rgba(245, 242, 234, 0.08) 49.7% 50.3%, transparent 50.5%),
        radial-gradient(ellipse at 50% 100%, rgba(245, 190, 126, 0.05), transparent 72%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.54) 66%, transparent 100%);
    transform: translateX(10px);
}

.mindspace-wire-globe::before {
    inset: 10% 3% -4%;
    border-top: 1px solid rgba(245, 242, 234, 0.11);
    border-left: 1px solid rgba(245, 242, 234, 0.065);
    border-right: 1px solid rgba(245, 242, 234, 0.065);
    transform: scaleX(0.72);
}

.mindspace-wire-globe::after {
    inset: 12% 5% -8%;
    border-top: 1px solid rgba(245, 242, 234, 0.1);
    border-left: 1px solid rgba(245, 242, 234, 0.055);
    border-right: 1px solid rgba(245, 242, 234, 0.055);
    transform: scaleX(0.4);
}

.mindspace-services__note strong {
    width: 318px;
    color: var(--mind-gold);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.3em;
}

.mindspace-services__note strong::before {
    width: 76px;
    background: var(--mind-gold);
}

@media (max-width: 1280px) {
    .mindspace-services {
        width: min(100% - 44px, 1320px);
        grid-template-columns: minmax(280px, 0.76fr) minmax(470px, 1fr) minmax(300px, 0.75fr);
        gap: 24px;
    }

    .mindspace-services__copy h2 {
        font-size: clamp(2.15rem, 3vw, 3rem);
    }

    .mindspace-orbit {
        width: 470px;
        min-height: 470px;
    }

    .mindspace-orbit__item {
        width: 132px;
        font-size: 0.72rem;
    }

    .mindspace-orbit__item span {
        width: 40px;
        height: 40px;
    }

    .mindspace-wire-globe {
        width: 250px;
        height: 136px;
    }
}

@media (max-width: 980px) {
    .mindspace-services {
        width: min(100% - 36px, 760px);
        grid-template-columns: 1fr;
        padding-block: 62px;
        text-align: center;
    }

    .mindspace-services__copy {
        padding-left: 0;
    }

    .mindspace-services__copy h2 {
        max-width: 640px;
        line-height: 1.34;
    }

    .mindspace-services__copy .mindspace-link-button {
        margin-inline: auto;
        margin-top: 38px;
    }

    .mindspace-services__note p {
        max-width: 560px;
    }

    .mindspace-wire-globe {
        margin-inline: auto;
        transform: none;
    }
}

@media (max-width: 720px) {
    .mindspace-services {
        width: min(100% - 28px, 420px);
    }

    .mindspace-services__copy h2 {
        font-size: clamp(2rem, 10vw, 2.7rem);
        line-height: 1.28;
    }

    .mindspace-orbit {
        width: min(100%, 382px);
        min-height: auto;
        aspect-ratio: 1;
    }

    .mindspace-orbit__center {
        width: 88px;
        height: 88px;
        font-size: 2.05rem;
    }

    .mindspace-orbit__item {
        width: 86px;
        font-size: 0.56rem;
        gap: 5px;
    }

    .mindspace-orbit__item span {
        width: 32px;
        height: 32px;
    }

    .mindspace-orbit__item svg {
        width: 15px;
        height: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mindspace-orbit::before,
    .mindspace-orbit__rings,
    .mindspace-orbit__rings::before,
    .mindspace-orbit__rings::after,
    .mindspace-orbit__center,
    .mindspace-orbit__item {
        animation: none;
    }
}

/* CTA final override after all section passes */
.mindspace-cta {
    --cta-scroll: 0px;
    --cta-angle: 0deg;
    display: grid;
    grid-template-columns: minmax(270px, 0.72fr) minmax(360px, 1fr) minmax(290px, 0.7fr) minmax(260px, 0.68fr);
    gap: clamp(22px, 3vw, 48px);
    align-items: center;
    width: min(100% - 48px, 1680px);
    min-height: 286px;
    margin: clamp(46px, 6vw, 76px) auto clamp(64px, 7vw, 96px);
    padding: 42px clamp(42px, 4.6vw, 58px);
    border: 1px solid rgba(161, 104, 63, 0.48);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(245, 242, 234, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(245, 242, 234, 0.012) 1px, transparent 1px),
        radial-gradient(circle at 35% 34%, rgba(245, 190, 126, 0.06), transparent 22%),
        #080909;
    background-size: 94px 94px, 94px 94px, auto, auto;
    box-shadow: inset 0 1px 0 rgba(245, 242, 234, 0.04), inset 0 -1px 0 rgba(180, 106, 60, 0.12), 0 26px 78px rgba(0, 0, 0, 0.38);
}

.mindspace-cta::before {
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(circle at 26% 22%, rgba(245, 190, 126, 0.45) 0 1px, transparent 1.8px),
        radial-gradient(circle at 33% 37%, rgba(245, 242, 234, 0.38) 0 1px, transparent 1.8px),
        radial-gradient(circle at 42% 18%, rgba(245, 190, 126, 0.38) 0 1px, transparent 1.8px),
        radial-gradient(circle at 51% 46%, rgba(245, 242, 234, 0.32) 0 1px, transparent 1.8px),
        radial-gradient(circle at 61% 31%, rgba(245, 190, 126, 0.26) 0 1px, transparent 1.7px);
    opacity: 0.48;
    animation: mindspaceTrailSpark 7.5s ease-in-out infinite alternate;
}

.mindspace-cta::after {
    z-index: 1;
    left: 19%;
    top: -47%;
    right: auto;
    bottom: auto;
    width: 56%;
    height: 190%;
    border: 0;
    border-radius: 50%;
    background:
        conic-gradient(from 222deg at 43% 38%, transparent 0 13deg, rgba(245, 242, 234, 0.74) 18deg 23deg, rgba(228, 167, 91, 0.45) 25deg 32deg, transparent 38deg 104deg, rgba(245, 190, 126, 0.18) 111deg 117deg, transparent 124deg 360deg),
        repeating-conic-gradient(from 226deg at 43% 38%, transparent 0 8deg, rgba(245, 190, 126, 0.11) 9deg 10deg, transparent 11deg 17deg),
        radial-gradient(ellipse at 44% 40%, rgba(255, 236, 190, 0.32), transparent 8%),
        radial-gradient(ellipse at 52% 53%, rgba(180, 106, 60, 0.22), transparent 34%);
    filter: blur(0.8px) saturate(1.15);
    opacity: 0.72;
    transform: translate3d(calc(var(--cta-scroll) * 0.35), calc(var(--cta-scroll) * 0.18), 0) rotate(calc(-7deg + var(--cta-angle))) scaleX(1.18);
    mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.86) 9%, #000 72%, transparent 100%);
    animation: mindspaceTrailGlow 8s ease-in-out infinite alternate;
}

.mindspace-cta h2 {
    max-width: 330px;
    font-family: var(--mind-font);
    font-size: clamp(2.4rem, 3.2vw, 3.82rem);
    font-style: normal;
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.mindspace-cta__button {
    min-width: 278px;
    min-height: 56px;
    margin-top: 30px;
    border-radius: 4px;
    color: rgba(255, 250, 240, 0.96);
    text-transform: uppercase;
}

.mindspace-cta__vortex {
    z-index: 2;
    left: 22%;
    top: -28%;
    right: auto;
    bottom: auto;
    width: 49%;
    height: 178%;
    border-radius: 50%;
    background:
        conic-gradient(from 214deg at 42% 38%, transparent 0 12deg, rgba(255, 245, 210, 0.88) 17deg 20deg, rgba(216, 151, 83, 0.5) 22deg 29deg, transparent 35deg 88deg, rgba(245, 190, 126, 0.2) 96deg 102deg, transparent 112deg 360deg),
        repeating-conic-gradient(from 216deg at 42% 38%, transparent 0 6deg, rgba(245, 190, 126, 0.11) 7deg 8deg, transparent 9deg 14deg),
        radial-gradient(ellipse at 41% 37%, rgba(255, 245, 210, 0.44), transparent 7%),
        radial-gradient(ellipse at 50% 52%, rgba(180, 106, 60, 0.24), transparent 37%);
    filter: blur(1.2px);
    opacity: 0.84;
    transform: translate3d(calc(var(--cta-scroll) * -0.2), calc(var(--cta-scroll) * 0.12), 0) rotate(calc(-8deg + var(--cta-angle))) scaleX(1.06);
    mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.9) 8%, #000 63%, transparent 100%);
    animation: mindspaceTrailSweep 6.5s ease-in-out infinite alternate;
}

.mindspace-contact-list {
    grid-column: 3;
    gap: 18px;
}

.mindspace-contact-list a {
    grid-template-columns: 48px 1fr;
    gap: 1px 16px;
}

.mindspace-contact-list span {
    width: 48px;
    height: 48px;
}

.mindspace-contact-list svg {
    width: 19px;
    height: 19px;
}

.mindspace-cta blockquote {
    grid-column: 4;
    min-height: 210px;
    padding-left: 36px;
    border-left: 1px solid rgba(245, 242, 234, 0.08);
    font-family: var(--mind-font);
    font-style: normal;
    line-height: 1.18;
}

@media (max-width: 900px) {
    .mindspace-cta {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .mindspace-contact-list,
    .mindspace-cta blockquote {
        grid-column: auto;
    }
}
/* Whole-page spacing pass: final override. */
:root {
    --mind-page-gutter: clamp(22px, 4vw, 76px);
    --mind-section-gap: clamp(78px, 7.2vw, 126px);
    --mind-section-gap-tight: clamp(52px, 5vw, 82px);
    --mind-section-pad-y: clamp(58px, 6vw, 92px);
}

.mindspace-page main {
    position: relative;
    z-index: 1;
}

.mindspace-section,
.mindspace-stats,
.mindspace-services,
.mindspace-cta {
    scroll-margin-top: 104px;
}

.mindspace-work {
    margin-top: var(--mind-section-gap-tight);
    margin-bottom: 0;
    padding-top: clamp(18px, 2vw, 30px);
    /* padding-bottom: var(--mind-section-pad-y); */
}

.mindspace-work .mindspace-section__head {
    margin-bottom: clamp(34px, 4vw, 58px);
}

.mindspace-stats {
    margin: clamp(24px, 3vw, 42px) auto 0;
}

.mindspace-services {
    margin: clamp(42px, 4.5vw, 68px) auto 0;
    padding-block: clamp(62px, 6.5vw, 98px);
}

.mindspace-cta {
    margin: var(--mind-section-gap) auto 0;
}

@media (max-width: 1180px) {
    :root {
        --mind-section-gap: clamp(64px, 8vw, 96px);
        --mind-section-gap-tight: clamp(46px, 6vw, 72px);
        /* --mind-section-pad-y: clamp(50px, 7vw, 78px); */
    }

    .mindspace-work {
        width: min(100% - 34px, 1120px);
    }
}

@media (max-width: 720px) {
    :root {
        --mind-section-gap: 58px;
        --mind-section-gap-tight: 42px;
        --mind-section-pad-y: 44px;
    }

    .mindspace-section,
    .mindspace-stats,
    .mindspace-services,
    .mindspace-cta {
        scroll-margin-top: 86px;
    }

    .mindspace-work {
        width: min(100% - 24px, 430px);
        padding-top: 10px;
    }

    .mindspace-work .mindspace-section__head {
        margin-bottom: 30px;
    }

    .mindspace-services {
        padding-block: 50px;
    }

    .mindspace-cta {
        margin-top: 58px;
    }
}