#mywork .work-card {
            position: relative;
            overflow: hidden;
            border-radius: 12px;
            isolation: isolate;
        }

        #mywork .work-summary {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 3;
            pointer-events: none;
            padding: 1rem 1rem 1.05rem;
            color: #fff;
            background: linear-gradient(to top, rgba(13, 13, 16, 0.92) 0%, rgba(13, 13, 16, 0.72) 45%, rgba(13, 13, 16, 0) 100%);
            transform: translateY(100%);
            opacity: 0;
            transition: transform 280ms ease, opacity 280ms ease;
            text-align: center;
        }

        #mywork .work-summary-title {
            margin: 0 0 0.3rem;
            font-size: 1rem;
            line-height: 1.25;
            font-weight: 600;
            letter-spacing: 0.01em;
        }

        #mywork .work-summary-text {
            margin: 0;
            font-size: 0.88rem;
            line-height: 1.45;
            color: rgba(255, 255, 255, 0.92);
            max-width: 38ch;
            margin-left: auto;
            margin-right: auto;
        }

        #mywork .work-card:hover .work-summary,
        #mywork .work-card:focus-within .work-summary,
        #mywork .work-card.is-active .work-summary {
            transform: translateY(0);
            opacity: 1;
        }

        @media screen and (min-width: 1440px) {
            #mywork .work-summary {
                padding: 1.1rem 1.15rem 1.2rem;
            }

            #mywork .work-summary-title {
                font-size: 1.05rem;
            }

            #mywork .work-summary-text {
                font-size: 0.92rem;
            }
        }

        @media screen and (max-width: 991px) {
            #mywork .work-summary {
                padding: 0.9rem 0.9rem 0.95rem;
            }

            #mywork .work-summary-title {
                font-size: 0.95rem;
            }

            #mywork .work-summary-text {
                font-size: 0.83rem;
                line-height: 1.4;
            }
        }

        @media screen and (min-width: 992px) {
            .testimonials .grid-testimonials > .w-layout-grid.grid-layout.tablet-1-column.grid-gap-xxl {
                align-items: start;
            }

            .testimonials .flex-layout.flex-vertical.y-space-between {
                justify-content: flex-start;
                gap: 2.5rem;
            }

            .testimonials .grid-layout.grid-gap-s {
                margin-left: 0;
            }

            .testimonials .grid-testimonials > .w-layout-grid > .w-layout-grid.grid-layout.grid-gap-s {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                align-items: start;
            }

            .testimonials .grid-testimonials > .w-layout-grid > .w-layout-grid.grid-layout.grid-gap-s > .utility-aspect-2x3 {
                aspect-ratio: auto;
                min-height: 0;
                height: auto;
            }

            .testimonials #w-node-d6288141-3e37-a760-1f1f-3f87c261e1bc-0be05d1c.w-node-_3722f18f-38ef-e0e4-a84a-675849c29730-fc148918,
            .testimonials #w-node-_57b0b48d-fc7d-2a70-7d13-21713b2c2f03-0be05d1c.w-node-_3722f18f-38ef-e0e4-a84a-675849c2974a-fc148918 {
                grid-area: auto;
            }
        }

        .custom-nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 2000;
            font-family: inherit;
        }

        .custom-nav__bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.1rem 2.5rem;
            background: rgba(0, 0, 0, 0);
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(4px);
        }

        .custom-nav__logo {
            width: 50px;
        }

        .custom-nav__toggle {
            display: inline-flex;
            align-items: center;
            gap: 0.85rem;
            background: transparent;
            border: 0;
            color: #f5f5f5;
            cursor: pointer;
            padding: 0.35rem 0.1rem;
            font-size: 0.75rem;
            letter-spacing: 0.3em;
            text-transform: uppercase;
        }

        .custom-nav__toggle-lines {
            position: relative;
            width: 34px;
            height: 12px;
            display: inline-block;
        }

        .custom-nav__toggle-lines::before,
        .custom-nav__toggle-lines::after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 2px;
            background: #f5f5f5;
            transition: transform 220ms ease, opacity 220ms ease;
        }

        .custom-nav__toggle-lines::before {
            top: 0;
        }

        .custom-nav__toggle-lines::after {
            bottom: 0;
        }

        .custom-nav__toggle-label {
            display: none;
        }

        .custom-nav__panel {
            position: fixed;
            inset: 0;
            background: #050505;
            opacity: 0;
            pointer-events: none;
            transition: opacity 240ms ease;
        }

        .custom-nav__panel-inner {
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 5.5rem 6vw 4rem;
            gap: 3rem;
        }

        .custom-nav__close {
            position: absolute;
            top: 1.3rem;
            right: 2.5rem;
            width: 36px;
            height: 36px;
            background: transparent;
            border: none;
            cursor: pointer;
        }

        .custom-nav__close::before,
        .custom-nav__close::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 28px;
            height: 2px;
            background: #f5f5f5;
        }

        .custom-nav__close::before {
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .custom-nav__close::after {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .custom-nav__menu {
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .custom-nav__link {
            text-decoration: none;
            color: rgba(255, 255, 255, 0.3);
            font-size: clamp(2.6rem, 5vw, 4.6rem);
            font-weight: 500;
            line-height: 1.1;
            padding: 0.65rem 0 1rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            transition: color 180ms ease;
        }

        .custom-nav__link:hover,
        .custom-nav__link:focus-visible {
            color: rgba(255, 255, 255, 0.75);
        }

        .custom-nav__subnav {
            margin-top: auto;
            display: flex;
            gap: 6vw;
            color: rgba(255, 255, 255, 0.6);
            font-size: 1.1rem;
        }

        .custom-nav__subcol {
            display: flex;
            flex-direction: column;
            gap: 0.65rem;
        }

        .custom-nav__sublink {
            color: inherit;
            text-decoration: none;
            transition: color 180ms ease;
        }

        .custom-nav__sublink:hover,
        .custom-nav__sublink:focus-visible {
            color: #ffffff;
        }

        .custom-nav.is-open .custom-nav__panel {
            opacity: 1;
            pointer-events: auto;
        }

        .custom-nav.is-open .custom-nav__toggle-lines::before {
            transform: translateY(5px) rotate(45deg);
        }

        .custom-nav.is-open .custom-nav__toggle-lines::after {
            transform: translateY(-5px) rotate(-45deg);
        }

        @media screen and (max-width: 991px) {
            .custom-nav__bar {
                padding: 0.9rem 1.4rem;
            }

            .custom-nav__panel-inner {
                padding: 5rem 7vw 3rem;
            }

            .custom-nav__close {
                right: 1.4rem;
            }

            .custom-nav__subnav {
                flex-direction: column;
                gap: 1.5rem;
                font-size: 1rem;
            }
        }

        :root {
            --custom-nav-height: 72px;
        }

        @media screen and (max-width: 991px) {
            :root {
                --custom-nav-height: 58px;
            }
        }

        .custom-nav__panel {
            padding-top: var(--custom-nav-height);
        }

        .custom-hero {
            position: relative;
            padding-top: var(--custom-nav-height);
            overflow: hidden;
        }

        .custom-hero__stars {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 0;
        }

        .custom-hero .grid-hero {
            position: relative;
            z-index: 1;
        }

        #featured-cases {
            --duration: 70s;
            background: #000000;
            color: #ffffff;
            overflow: hidden;
            font-family: Powergrotesk, Arial, sans-serif;
        }

        #featured-cases h2,
        #featured-cases > div > p,
        #featured-cases .custom-featured-cases__hint {
            color: #ffffff;
        }

        .custom-featured-cases__marquee {
            position: relative;
            overflow: hidden;
            cursor: grab;
            touch-action: pan-y;
            --marquee-gap: 2rem;
            user-select: none;
            padding-inline: 1rem;
        }

        .custom-featured-cases__track {
            display: flex;
            width: max-content;
            transform: translateX(var(--drag-offset, 0px));
            will-change: transform;
        }

        .custom-featured-cases__mover {
            display: flex;
            width: max-content;
            animation: featured-marquee var(--duration) linear infinite;
        }

        .custom-featured-cases__row {
            display: flex;
            gap: var(--marquee-gap);
            padding-right: var(--marquee-gap);
            align-items: stretch;
        }

        .custom-featured-cases__row[data-duplicate="true"] {
            pointer-events: none;
        }

        .custom-featured-cases__marquee:hover .custom-featured-cases__track {
            animation-play-state: paused;
        }

        .custom-featured-cases__marquee:hover .custom-featured-cases__mover {
            animation-play-state: paused;
        }

        .custom-featured-cases__marquee.is-dragging {
            cursor: grabbing;
        }

        .custom-featured-cases__marquee.is-dragging .custom-featured-cases__mover {
            animation-play-state: paused;
        }

        .custom-featured-cases__marquee.is-dragging,
        .custom-featured-cases__marquee.is-dragging * {
            user-select: none;
        }

        .custom-featured-cases__card {
            background: #ffffff;
            border-radius: 1rem;
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.28);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            flex: 0 0 auto;
            min-width: 360px;
            max-width: 420px;
            min-height: 560px;
        }

        .custom-featured-cases__image {
            display: block;
            width: 100%;
            height: 190px;
            object-fit: cover;
        }

        .custom-featured-cases__content {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            flex: 1 1 auto;
            padding: 1.6rem 1.8rem 1.8rem;
        }

        .custom-featured-cases__content h3 {
            color: #0f172a;
            line-height: 1.2;
        }

        .custom-featured-cases__content > p {
            color: #15803d;
            line-height: 1.35;
        }

        .custom-featured-cases__content ul {
            display: grid;
            gap: 0.3rem;
            padding-left: 1rem;
            list-style: disc;
            color: #475569;
            line-height: 1.55;
            margin: 0;
        }

        .custom-featured-cases__modal-btn {
            align-self: flex-start;
            background: #111111;
            color: #ffffff;
            border: none;
            border-radius: 0.6rem;
            padding: 0.7rem 1.6rem;
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            margin-top: auto;
            transition: background-color 180ms ease, transform 180ms ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .custom-featured-cases__modal-btn:hover,
        .custom-featured-cases__modal-btn:focus-visible {
            background: #2b2b2b;
            transform: translateY(-1px);
        }

        .custom-featured-cases__marquee::before,
        .custom-featured-cases__marquee::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 8rem;
            z-index: 1;
            pointer-events: none;
        }

        .custom-featured-cases__marquee::before {
            left: 0;
            background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
        }

        .custom-featured-cases__marquee::after {
            right: 0;
            background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
        }

        .custom-featured-cases__hint {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.6rem;
            margin-top: 1.6rem;
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.85rem;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .custom-featured-cases__hint-text {
            display: inline-flex;
            align-items: center;
        }

        .custom-featured-cases__hint-arrows {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
        }

        .custom-featured-cases__hint-arrow {
            width: 14px;
            height: 14px;
            border-top: 2px solid rgba(255, 255, 255, 0.7);
            border-right: 2px solid rgba(255, 255, 255, 0.7);
            transform: rotate(45deg);
            opacity: 0.2;
            animation: featured-hint 1.6s ease-in-out infinite;
        }

        .custom-featured-cases__hint-arrow:nth-child(2) {
            animation-delay: 0.2s;
        }

        .custom-featured-cases__hint-arrow:nth-child(3) {
            animation-delay: 0.4s;
        }

        @keyframes featured-hint {
            0% {
                opacity: 0.2;
                transform: translateX(0) rotate(45deg);
            }
            50% {
                opacity: 0.8;
                transform: translateX(6px) rotate(45deg);
            }
            100% {
                opacity: 0.2;
                transform: translateX(0) rotate(45deg);
            }
        }

        @keyframes featured-marquee {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(calc(-1 * var(--loop-distance, 0px)));
            }
        }

        @media screen and (max-width: 767px) {
            .custom-featured-cases__card {
                min-width: 300px;
                max-width: 340px;
                min-height: 600px;
            }

            .custom-featured-cases__image {
                height: 170px;
            }

            .custom-featured-cases__marquee::before,
            .custom-featured-cases__marquee::after {
                width: 3.5rem;
            }

            .custom-featured-cases__marquee {
                padding-inline: 0.75rem;
            }
        }


        @media (prefers-reduced-motion: reduce) {
            .custom-featured-cases__mover {
                animation: none;
                transform: translateX(0);
            }
        }

        .custom-hero .hero_heading {
            font-size: clamp(2 vw);
            line-height: 1.1;
        }

        @media screen and (max-width: 767px) {
            .custom-hero .hero_heading {
                font-size: clamp(2rem, 7vw, 3rem);
            }
        }

        .project-page {
            background: #050505;
            color: #f8fafc;
        }

        .project-page__main {
            padding-top: calc(var(--custom-nav-height) + 2.5rem);
        }

        .project-shell {
            width: min(1120px, calc(100% - 2rem));
            margin: 0 auto;
        }

        .project-hero {
            padding: 2rem 0 4rem;
        }

        .project-hero__grid {
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
            gap: 2rem;
            align-items: stretch;
        }

        .project-kicker {
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            color: #86efac;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            font-size: 0.78rem;
            margin-bottom: 1rem;
        }

        .project-title {
            margin: 0;
            font-size: clamp(2.8rem, 6vw, 5.2rem);
            line-height: 0.96;
            letter-spacing: -0.03em;
            color: #ffffff;
        }

        .project-summary {
            margin: 1.35rem 0 0;
            max-width: 62ch;
            color: rgba(255, 255, 255, 0.72);
            font-size: 1.08rem;
            line-height: 1.75;
        }

        .project-meta {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1rem;
            margin-top: 2rem;
        }

        .project-stat,
        .project-panel,
        .project-image-wrap,
        .project-section {
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
            border-radius: 1.4rem;
            backdrop-filter: blur(10px);
        }

        .project-stat {
            padding: 1.1rem 1.2rem;
        }

        .project-stat__label {
            margin: 0 0 0.45rem;
            color: rgba(255, 255, 255, 0.45);
            font-size: 0.76rem;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .project-stat__value {
            margin: 0;
            color: #ffffff;
            font-size: 1.15rem;
            line-height: 1.4;
        }

        .project-image-wrap {
            padding: 1rem;
            display: flex;
            flex-direction: column;
            min-height: 100%;
        }

        .project-image {
            width: 100%;
            height: 100%;
            min-height: 420px;
            object-fit: cover;
            border-radius: 1rem;
            display: block;
        }

        .project-section-grid {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .project-section {
            padding: 1.6rem;
        }

        .project-section h2,
        .project-section h3 {
            color: #ffffff;
            margin-top: 0;
        }

        .project-section p,
        .project-section li {
            color: rgba(255, 255, 255, 0.74);
            line-height: 1.75;
        }

        .project-section ul {
            margin: 1rem 0 0;
            padding-left: 1.1rem;
        }

        .project-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.7rem;
            margin-top: 1.1rem;
        }

        .project-tag {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            border-radius: 999px;
            padding: 0.65rem 0.95rem;
            background: rgba(255, 255, 255, 0.06);
            color: #ffffff;
            font-size: 0.92rem;
        }

        .project-highlight-list {
            display: grid;
            gap: 1rem;
        }

        .project-highlight {
            padding: 1rem 1.1rem;
            border-radius: 1rem;
            background: rgba(255, 255, 255, 0.04);
        }

        .project-highlight strong {
            display: block;
            color: #86efac;
            margin-bottom: 0.25rem;
            font-size: 0.9rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .project-highlight span {
            color: #ffffff;
            font-size: 1rem;
            line-height: 1.6;
        }

        .project-cta {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            align-items: center;
            margin-top: 1.5rem;
        }

        .project-button,
        .project-text-link {
            text-decoration: none;
        }

        .project-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 48px;
            padding: 0.85rem 1.35rem;
            border-radius: 999px;
            background: #ffffff;
            color: #050505;
            font-weight: 600;
            transition: transform 180ms ease, background-color 180ms ease;
        }

        .project-button:hover,
        .project-button:focus-visible {
            transform: translateY(-1px);
            background: #dcfce7;
        }

        .project-text-link {
            color: #86efac;
            font-weight: 600;
        }

        .project-back-link {
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            margin-bottom: 1.5rem;
            color: rgba(255, 255, 255, 0.66);
            text-decoration: none;
            font-size: 0.95rem;
        }

        .project-back-link:hover,
        .project-back-link:focus-visible {
            color: #ffffff;
        }

        .project-footer {
            padding: 0 0 4rem;
        }

        .project-footer__panel {
            display: flex;
            justify-content: space-between;
            gap: 1.25rem;
            align-items: center;
            padding: 1.4rem 1.6rem;
            border-radius: 1.4rem;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.04);
        }

        .project-footer__panel p {
            margin: 0;
            color: rgba(255, 255, 255, 0.7);
        }

        @media screen and (max-width: 991px) {
            .project-hero__grid,
            .project-section-grid {
                grid-template-columns: 1fr;
            }

            .project-meta {
                grid-template-columns: 1fr;
            }

            .project-image {
                min-height: 300px;
            }

            .project-footer__panel {
                flex-direction: column;
                align-items: flex-start;
            }
        }

        @media screen and (max-width: 767px) {
            .project-shell {
                width: min(1120px, calc(100% - 1.25rem));
            }

            .project-page__main {
                padding-top: calc(var(--custom-nav-height) + 1.5rem);
            }

            .project-title {
                font-size: clamp(2.2rem, 11vw, 3.4rem);
            }

            .project-summary {
                font-size: 1rem;
                line-height: 1.7;
            }

            .project-section {
                padding: 1.2rem;
            }
        }

        #contact.grid-footer {
            gap: 2rem;
            align-items: start;
        }

        .custom-contact-form-wrap {
            width: min(960px, 100%);
            margin: 0;
            padding: 0 clamp(1rem, 2.4vw, 2rem);
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }

        .custom-contact-form__intro {
            margin-bottom: 1.75rem;
            padding-top: 1.35rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .custom-contact-form__eyebrow {
            margin: 0 0 0.5rem;
            font-size: 0.8rem;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: #86efac;
        }

        .custom-contact-form__lead {
            margin: 0;
            color: rgba(255, 255, 255, 0.76);
            line-height: 1.7;
            font-size: 1rem;
            max-width: 62ch;
        }

        .custom-contact-form__grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1rem;
        }

        .custom-contact-form__field {
            display: flex;
            flex-direction: column;
            gap: 0.55rem;
        }

        .custom-contact-form__field span {
            color: #ffffff;
            font-size: 0.92rem;
            font-weight: 600;
            letter-spacing: 0.01em;
        }

        .custom-contact-form__field strong {
            color: #86efac;
        }

        .custom-contact-form__field input,
        .custom-contact-form__field select,
        .custom-contact-form__field textarea {
            width: 100%;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 1rem;
            background: rgba(255, 255, 255, 0.02);
            color: #ffffff;
            padding: 0.95rem 1rem;
            font-size: 0.98rem;
            line-height: 1.5;
            outline: none;
            transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
        }

        .custom-contact-form__field select {
            color: #ffffff;
        }

        .custom-contact-form__field select option {
            background: #111111;
            color: #ffffff;
        }

        .custom-contact-form__field input::placeholder,
        .custom-contact-form__field textarea::placeholder {
            color: rgba(255, 255, 255, 0.38);
        }

        .custom-contact-form__field input:focus,
        .custom-contact-form__field select:focus,
        .custom-contact-form__field textarea:focus {
            border-color: rgba(134, 239, 172, 0.9);
            box-shadow: 0 0 0 4px rgba(134, 239, 172, 0.12);
            background: rgba(255, 255, 255, 0.04);
        }

        .custom-contact-form__field textarea {
            resize: vertical;
            min-height: 150px;
        }

        .custom-contact-form__field--full {
            grid-column: 1 / -1;
        }

        .custom-contact-form__actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            margin-top: 1.2rem;
        }

        .custom-contact-form__submit {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 50px;
            padding: 0.9rem 1.5rem;
            border: none;
            border-radius: 999px;
            background: #ffffff;
            color: #050505;
            font-size: 0.95rem;
            font-weight: 600;
            cursor: pointer;
            transition: transform 180ms ease, background-color 180ms ease;
        }

        .custom-contact-form__submit:hover,
        .custom-contact-form__submit:focus-visible {
            transform: translateY(-1px);
            background: #dcfce7;
        }

        .custom-contact-form__note {
            margin: 0;
            color: rgba(255, 255, 255, 0.56);
            font-size: 0.88rem;
            line-height: 1.6;
        }

        .custom-contact-form__note code {
            color: #86efac;
        }

        @media screen and (max-width: 767px) {
            .custom-contact-form-wrap {
                width: 100%;
                padding: 0 1rem;
            }

            .custom-contact-form__grid {
                grid-template-columns: 1fr;
            }

            .custom-contact-form__actions {
                align-items: stretch;
            }

            .custom-contact-form__submit {
                width: 100%;
            }
        }