.apex10-projects,
        .apex10-projects * {
            box-sizing: border-box;
        }

        .apex10-projects {
            position: relative;
            z-index: 26;
            isolation: isolate;
            overflow: hidden;
            padding: clamp(7.5rem, 14vh, 12rem) 0;
            color: #fff;
            background:
                radial-gradient(circle at 14% 8%, rgba(212,175,55,.12), transparent 30rem),
                radial-gradient(circle at 88% 72%, rgba(255,255,255,.055), transparent 34rem),
                #030303;
            border-top: 1px solid rgba(255,255,255,.08);
        }

        @supports (overflow: clip) {
            .apex10-projects {
                overflow: clip;
            }
        }

        .apex10-projects__ambient {
            position: absolute;
            z-index: 0;
            inset: 0;
            opacity: .42;
            pointer-events: none;
            background-image:
                linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
            background-size: 72px 72px;
            mask-image: linear-gradient(to bottom, #000, transparent 78%);
        }

        .apex10-projects__container {
            position: relative;
            z-index: 1;
            width: min(88vw, 1440px);
            margin-inline: auto;
        }

        .apex10-projects__intro {
            max-width: 1120px;
            margin: 0 auto clamp(4rem, 8vw, 7rem);
            text-align: center;
        }

        .apex10-projects__eyebrow,
        .apex10-project-card__meta {
            font: 700 .76rem/1.2 "Space Grotesk", sans-serif;
            letter-spacing: .2em;
            color: #d4af37;
        }

        .apex10-projects__intro :is(h1, h2) {
            margin: 1.4rem 0 1.7rem;
            font: 600 clamp(3rem, 6.7vw, 7.4rem)/.96 "Space Grotesk", sans-serif;
            letter-spacing: -.055em;
            color: #fff;
        }

        .apex-projects-page .apex10-projects {
            min-height: 100vh;
            padding-top: clamp(8.5rem, 16vh, 13rem);
        }

        .apex-projects-page .apex-projects-header::before {
            opacity: .22;
            background: #030303;
            border-bottom-color: rgba(255,255,255,.08);
        }

        .apex-projects-page .logo-container {
            color: inherit;
            text-decoration: none;
        }

        .apex-projects-back {
            position: absolute;
            left: 0;
            display: inline-flex;
            min-height: 44px;
            align-items: center;
            gap: .65rem;
            padding: 0 1rem;
            border: 1px solid rgba(255,255,255,.18);
            border-radius: 999px;
            color: #ffffff;
            background: rgba(0,0,0,.48);
            font: 800 .72rem/1 "Space Grotesk", sans-serif;
            letter-spacing: .12em;
            text-decoration: none;
            transition: border-color .3s ease, color .3s ease, background-color .3s ease;
        }

        .apex-projects-back:hover,
        .apex-projects-back:focus-visible {
            border-color: rgba(212,175,55,.75);
            color: #030303;
            background: #d4af37;
            outline: none;
        }

        .apex-projects-footer {
            position: relative;
            z-index: 2;
            border-top: 1px solid rgba(255,255,255,.08);
            background: #030303;
        }

        .apex-projects-footer__inner {
            display: flex;
            width: min(88vw, 1440px);
            min-height: 11rem;
            align-items: center;
            justify-content: space-between;
            gap: 2rem;
            margin: 0 auto;
        }

        .apex-projects-footer__inner p {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            color: #888;
        }

        .apex-projects-footer__inner strong {
            color: #d4af37;
            font: 800 1rem/1 "Space Grotesk", sans-serif;
            letter-spacing: .16em;
        }

        .apex-projects-footer__inner nav {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 1rem 1.5rem;
        }

        .apex-projects-footer__inner a {
            color: #aaaaaa;
            font-weight: 700;
            text-decoration: none;
        }

        .apex-projects-footer__inner a:hover,
        .apex-projects-footer__inner a:focus-visible {
            color: #d4af37;
        }

        .apex10-projects__title-line {
            display: block;
        }

        .apex10-projects__title-line em {
            color: #d4af37;
            font-style: normal;
        }

        .apex10-projects__lead {
            max-width: 850px;
            margin: 0 auto;
            color: #aaa;
            font-size: clamp(1.08rem, 1.5vw, 1.35rem);
            line-height: 1.7;
        }

        .apex10-projects__featured {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: clamp(1rem, 2.2vw, 2.2rem);
        }

        .apex10-project-reveal {
            min-width: 0;
        }

        .apex10-project-reveal--wide {
            grid-column: span 12;
        }

        .apex10-project-reveal--half {
            grid-column: span 6;
        }

        .apex10-project-reveal--third {
            grid-column: span 4;
        }

        .apex10-project-card {
            height: 100%;
            min-width: 0;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,.11);
            border-radius: clamp(1.25rem, 2vw, 2rem);
            background: rgba(12,12,12,.94);
            box-shadow: 0 28px 80px rgba(0,0,0,.32);
            transition:
                transform .5s cubic-bezier(.2,.8,.2,1),
                border-color .5s ease,
                box-shadow .5s ease;
        }

        .apex10-project-reveal.motion-layer-ready,
        .apex10-project-desktop.motion-layer-ready,
        .apex10-project-mobile.motion-layer-ready {
            will-change: transform, opacity;
        }

        .apex10-project-reveal--wide .apex10-project-card {
            display: grid;
            grid-template-columns: minmax(0, 1.55fr) minmax(20rem, .75fr);
        }

        .apex10-project-card__media {
            position: relative;
            min-width: 0;
            aspect-ratio: 8 / 5;
            overflow: hidden;
            background: #0a0a0a;
        }

        .apex10-project-reveal--wide .apex10-project-card__media {
            min-height: clamp(30rem, 52vw, 43rem);
            aspect-ratio: auto;
        }

        .apex10-project-desktop {
            position: absolute;
            inset: 0;
        }

        .apex10-project-desktop picture,
        .apex10-project-mobile picture {
            display: block;
            width: 100%;
            height: 100%;
        }

        .apex10-project-card__desktop-image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center;
            transition: transform .7s cubic-bezier(.2,.8,.2,1);
        }

        .apex10-project-mobile {
            position: absolute;
            right: clamp(.8rem, 2.2vw, 2rem);
            bottom: clamp(-1.4rem, -2vw, -.6rem);
            width: clamp(5.7rem, 18%, 10.5rem);
            aspect-ratio: 390 / 844;
            overflow: hidden;
            border: 3px solid rgba(255,255,255,.82);
            border-radius: clamp(.8rem, 1.3vw, 1.25rem);
            background: #080808;
            box-shadow: 0 25px 55px rgba(0,0,0,.65);
        }

        .apex10-project-mobile img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center;
        }

        .apex10-project-card__content {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: clamp(1.5rem, 3vw, 3.2rem);
        }

        .apex10-project-card__meta {
            display: flex;
            width: 100%;
            justify-content: space-between;
            gap: 1rem;
        }

        .apex10-project-card__content h3 {
            margin: auto 0 1rem;
            padding-top: 2.5rem;
            font: 600 clamp(1.9rem, 3.2vw, 3.8rem)/1 "Space Grotesk", sans-serif;
            letter-spacing: -.04em;
            color: #fff;
        }

        .apex10-project-card__content p {
            margin: 0;
            color: #aaa;
            line-height: 1.7;
        }

        .apex10-project-card__actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: .9rem 1.15rem;
            width: 100%;
            margin-top: 2rem;
        }

        .apex10-project-card__open {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 46px;
            padding: 0 1.15rem;
            border: 1px solid rgba(212,175,55,.55);
            border-radius: 999px;
            color: #080808;
            background: #d4af37;
            font: 800 .72rem/1 "Space Grotesk", sans-serif;
            letter-spacing: .1em;
            text-align: center;
            cursor: pointer;
            transition:
                transform .35s cubic-bezier(.2,.8,.2,1),
                color .35s ease,
                background-color .35s ease,
                border-color .35s ease,
                box-shadow .35s ease;
        }

        .apex10-project-card__cta {
            display: inline-flex;
            align-items: center;
            gap: .75rem;
            margin-top: 2rem;
            color: #d4af37;
            text-decoration: none;
            font-size: .78rem;
            font-weight: 800;
            letter-spacing: .12em;
        }

        .apex10-project-card__actions .apex10-project-card__cta {
            margin-top: 0;
        }

        .apex10-project-card__open:focus-visible,
        .apex10-project-card__cta:focus-visible {
            outline: 2px solid #fff;
            outline-offset: 4px;
        }

        .apex10-project-card__cta span {
            transition: transform .35s ease;
        }

        .apex10-projects__secondary-heading {
            display: flex;
            align-items: center;
            gap: 1.25rem;
            margin: clamp(5rem, 9vw, 8rem) 0 2rem;
            color: #fff;
            font-size: .77rem;
            font-weight: 800;
            letter-spacing: .18em;
        }

        .apex10-projects__secondary-heading i {
            flex: 1;
            height: 1px;
            background: rgba(255,255,255,.13);
        }

        .apex10-projects__secondary {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: clamp(1rem, 1.8vw, 1.7rem);
        }

        #hero .hero-title-size {
            font-size: clamp(2.35rem, 5.6vw, 6.25rem);
        }

        #hero .container > p:first-of-type {
            max-width: 920px !important;
            margin-bottom: 16px !important;
            font-size: clamp(1rem, 1.4vw, 1.25rem) !important;
            line-height: 1.5 !important;
        }

        #hero .container > p:nth-of-type(2) {
            margin-bottom: 24px !important;
            font-size: clamp(.92rem, 1.05vw, 1.05rem) !important;
            line-height: 1.45 !important;
        }

        #hero .btn-group .btn {
            padding: 18px 28px;
        }

        @media (hover: hover) and (pointer: fine) {
            .apex10-project-card:hover {
                transform: translateY(-9px);
                border-color: rgba(212,175,55,.45);
                box-shadow: 0 35px 95px rgba(0,0,0,.5);
            }

            .apex10-project-card:hover .apex10-project-card__desktop-image {
                transform: scale(1.035);
            }

            .apex10-project-card__open:hover {
                transform: translateY(-3px);
                border-color: #e2c770;
                background: #e2c770;
                box-shadow: 0 12px 32px rgba(212,175,55,.2);
            }

            .apex10-project-card__cta:hover span {
                transform: translate(4px, -4px);
            }
        }

        @media (max-width: 980px) {
            .apex10-project-reveal--third {
                grid-column: span 6;
            }

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

            .apex10-project-reveal--wide .apex10-project-card {
                grid-template-columns: 1fr;
            }

            .apex10-project-reveal--wide .apex10-project-card__media {
                min-height: 0;
                aspect-ratio: 8 / 5;
            }
        }

        @media (max-width: 768px) {
            .apex10-projects {
                padding: 7rem 0;
            }

            .apex10-projects__container {
                width: calc(100% - 2rem);
            }

            .apex10-projects__featured,
            .apex10-projects__secondary {
                grid-template-columns: 1fr;
            }

            .apex10-project-reveal--wide,
            .apex10-project-reveal--half,
            .apex10-project-reveal--third {
                grid-column: auto;
            }

            .apex10-projects__intro :is(h1, h2) {
                font-size: clamp(2.7rem, 13vw, 4.7rem);
            }

            .apex10-project-card__content {
                padding: 1.45rem;
            }

            .apex10-project-card__content h3 {
                padding-top: 2rem;
            }

            .apex10-project-card__actions {
                align-items: stretch;
            }

            .apex10-project-card__open,
            .apex10-project-card__actions .apex10-project-card__cta {
                width: 100%;
            }

            .apex10-project-card__actions .apex10-project-card__cta {
                justify-content: center;
                min-height: 44px;
                text-align: center;
            }

            .apex10-project-mobile {
                width: 24%;
            }

            #hero .hero-title-size {
                font-size: clamp(2.25rem, 11vw, 3.4rem);
            }

            #hero .container > p:first-of-type {
                font-size: .96rem !important;
                line-height: 1.42 !important;
            }

            #hero .container > p:nth-of-type(2) {
                font-size: .9rem !important;
                line-height: 1.4 !important;
            }
        }

        @media (max-width: 640px) {
            .apex-projects-back {
                width: 44px;
                padding: 0;
                justify-content: center;
                font-size: 1.1rem;
            }

            .apex-projects-back__label {
                position: absolute;
                width: 1px;
                height: 1px;
                overflow: hidden;
                clip: rect(0 0 0 0);
                white-space: nowrap;
            }

            .apex-projects-page .logo-text {
                font-size: 1.8rem;
                letter-spacing: 5px;
            }

            .apex-projects-footer__inner {
                min-height: 0;
                padding: 3rem 0;
                flex-direction: column;
                align-items: flex-start;
            }

            .apex-projects-footer__inner nav {
                justify-content: flex-start;
            }
        }

        /* Viewer único: o iframe só existe enquanto a demonstração está aberta. */
        .project-viewer {
            width: 100vw;
            max-width: none;
            height: 100dvh;
            max-height: none;
            margin: 0;
            padding: 0;
            border: 0;
            background: #050505;
            color: #fff;
            overflow: hidden;
        }

        .project-viewer::backdrop { background: #050505; }

        .project-viewer__shell {
            display: grid;
            grid-template-rows: auto minmax(0, 1fr);
            width: 100%;
            height: 100%;
            background: #050505;
        }

        .project-viewer__bar {
            position: relative;
            z-index: 3;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.5rem;
            min-height: 84px;
            padding: 1rem clamp(1rem, 3vw, 3rem);
            border-bottom: 1px solid rgba(255,255,255,.1);
            background: #090909;
        }

        .project-viewer__label {
            margin: 0 0 .25rem;
            color: #d4af37;
            font: 700 .7rem/1 "Space Grotesk", sans-serif;
            letter-spacing: .16em;
        }

        .project-viewer__title {
            margin: 0;
            font: 600 clamp(1.15rem, 2.2vw, 1.8rem)/1.1 "Space Grotesk", sans-serif;
        }

        .project-viewer__actions {
            display: flex;
            align-items: center;
            gap: .75rem;
        }

        .project-viewer__external,
        .project-viewer__close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 46px;
            border: 1px solid rgba(212,175,55,.5);
            border-radius: 999px;
            color: #fff;
            background: transparent;
            font: 700 .7rem/1 "Space Grotesk", sans-serif;
            letter-spacing: .1em;
            text-decoration: none;
            cursor: pointer;
        }

        .project-viewer__external { padding: 0 1.25rem; }
        .project-viewer__close { width: 46px; padding: 0; font-size: 1.45rem; letter-spacing: 0; }

        .project-viewer__stage {
            position: relative;
            min-height: 0;
            background: #111;
        }

        .project-viewer__frame-host,
        .project-viewer__frame-host iframe {
            display: block;
            width: 100%;
            height: 100%;
            border: 0;
            background: #fff;
        }

        .project-viewer__loader[hidden],
        .project-viewer__frame-host iframe[hidden] {
            display: none;
        }

        .project-viewer__loader {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            padding: 2rem;
            color: #d4af37;
            background: #080808;
            text-align: center;
            font: 700 .85rem/1.5 "Space Grotesk", sans-serif;
            letter-spacing: .08em;
        }

        .project-viewer__loader.is-loading::after {
            content: "";
            width: 34px;
            height: 34px;
            flex: 0 0 auto;
            border: 1px solid rgba(212,175,55,.25);
            border-top-color: #d4af37;
            border-radius: 50%;
            animation: apexViewerSpin .8s linear infinite;
        }

        .project-viewer__loader.is-error {
            flex-direction: column;
            color: #fff;
        }

        .project-viewer__loader.is-error > strong {
            max-width: 44rem;
            color: #d4af37;
            font-size: clamp(.9rem, 1.4vw, 1.15rem);
        }

        .project-viewer__loader.is-error > span {
            max-width: 42rem;
            color: rgba(255,255,255,.72);
            font-weight: 500;
            letter-spacing: 0;
        }

        .project-viewer__error-actions {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: .75rem;
            margin-top: .5rem;
        }

        .project-viewer__error-actions button,
        .project-viewer__error-actions a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 46px;
            padding: 0 1.2rem;
            border: 1px solid rgba(212,175,55,.55);
            border-radius: 999px;
            color: #fff;
            background: transparent;
            font: 800 .7rem/1 "Space Grotesk", sans-serif;
            letter-spacing: .1em;
            text-decoration: none;
            cursor: pointer;
        }

        .project-viewer__error-actions button {
            color: #080808;
            background: #d4af37;
        }

        .project-viewer__error-actions button:focus-visible,
        .project-viewer__error-actions a:focus-visible {
            outline: 2px solid #fff;
            outline-offset: 3px;
        }

        body.project-viewer-open .ambient-orb,
        body.project-viewer-open .premium-gold-text,
        body.project-viewer-open .silver-text {
            animation-play-state: paused !important;
        }

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

        @media (max-width: 640px) {
            .project-viewer__bar { min-height: 72px; gap: .75rem; }
            .project-viewer__label { display: none; }
            .project-viewer__external { width: 46px; padding: 0; font-size: 0; }
            .project-viewer__external::before { content: "↗"; font-size: 1.15rem; }
            .project-viewer__loader { padding: 1.25rem; }
            .project-viewer__error-actions { width: min(100%, 22rem); }
            .project-viewer__error-actions button,
            .project-viewer__error-actions a { width: 100%; }
        }