/* Homepage overrides — loaded after work.css */

body.wo-body--studio .wo-reveal--instant {
    opacity: 1;
    transform: none;
}

/* Hero — Orvena / Framer appear (text: 12px up; visual: 80px rise / 1.2s / delay 0.45s) */
@media (prefers-reduced-motion: no-preference) {
    @keyframes wo-hero-appear-up {
        from {
            opacity: 0.001;
            transform: translate3d(0, 12px, 0);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes wo-hero-visual-rise {
        from {
            opacity: 0.001;
            transform: translate3d(0, 80px, 0);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes wo-hero-accent-in {
        from {
            opacity: 0.001;
            transform: translate3d(0, 12px, 0) rotate(-8deg) scale(0.94);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0) rotate(-3deg) scale(1);
        }
    }

    @keyframes wo-hero-seal-spin {
        to {
            transform: rotate(360deg);
        }
    }

    body.wo-body--studio .wo-hero--studio-theme:not(.is-hero-entered) .wo-hero__enter-line,
    body.wo-body--studio .wo-hero--studio-theme:not(.is-hero-entered) .wo-hero__enter--text,
    body.wo-body--studio .wo-hero--studio-theme:not(.is-hero-entered) .wo-hero__enter--actions {
        opacity: 0.001;
        transform: translate3d(0, 12px, 0);
    }

    body.wo-body--studio .wo-hero--studio-theme:not(.is-hero-entered) .wo-hero__enter--visual {
        opacity: 0.001;
        transform: translate3d(0, 80px, 0);
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__enter-line {
        animation: wo-hero-appear-up 0.9s var(--studio-ease) calc(var(--hero-enter-i, 0) * 0.07s) both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__token--accent.wo-hero__enter-line {
        animation-name: wo-hero-accent-in;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__enter--text {
        animation: wo-hero-appear-up 0.9s var(--studio-ease) 0.25s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__enter--actions {
        animation: wo-hero-appear-up 0.9s var(--studio-ease) 0.35s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__enter--visual {
        animation: wo-hero-visual-rise 1.2s var(--studio-ease) 0.45s both;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.wo-body--studio .wo-hero--studio-theme .wo-hero__enter-line,
    body.wo-body--studio .wo-hero--studio-theme .wo-hero__enter,
    body.wo-body--studio .wo-hero--studio-theme .wo-hero__enter--visual {
        opacity: 1;
        transform: none;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__token--accent {
        transform: rotate(-3deg);
    }

    body.wo-body--studio .wo-hero__theme-seal-spin {
        animation: none;
    }
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes wo-hero-card-enter-center {
        from {
            opacity: 0;
            transform: translateX(-50%) translateY(2rem) scale(0.92) rotate(-8deg);
        }

        to {
            opacity: 1;
            transform: translateX(-50%) scale(0.96) rotate(-4deg);
        }
    }

    @keyframes wo-hero-card-enter-center-duo {
        from {
            opacity: 0;
            transform: translateX(-42%) translateY(2rem) scale(0.92) rotate(-6deg);
        }

        to {
            opacity: 1;
            transform: translateX(-42%) scale(1) rotate(0deg);
        }
    }

    @keyframes wo-hero-card-enter-left {
        from {
            opacity: 0;
            transform: translateX(-5.5rem) scale(0.92) rotate(-12deg);
        }

        to {
            opacity: 0.9;
            transform: translateX(0) scale(1) rotate(-7deg);
        }
    }

    @keyframes wo-hero-card-enter-right {
        from {
            opacity: 0;
            transform: translateX(5.5rem) scale(0.92) rotate(12deg);
        }

        to {
            opacity: 0.9;
            transform: translateX(0) scale(1) rotate(4deg);
        }
    }

    @keyframes wo-hero-card-enter-stack {
        from {
            opacity: 0;
            transform: translateY(1.25rem) scale(0.92);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
}

/* —— Hero (Orvena Studio) —— */
body.wo-body--studio .wo-hero--studio-theme {
    --studio-cream: var(--eco-ivory);
    --hero-ink: var(--eco-midnight);
    --hero-lavender: color-mix(in srgb, var(--eco-smoky) 38%, var(--eco-ivory));
    --hero-lavender-ink: var(--eco-midnight);
    --hero-yellow: var(--eco-champagne);
    --hero-sand: var(--eco-ivory);
    --hero-card: var(--eco-ocean);
    --studio-lime: var(--eco-teal);
    --studio-pink: var(--eco-coral);
    --studio-maroon: var(--hero-ink);
    position: relative;
    overflow: visible;
    background: var(--studio-cream);
    color: var(--hero-ink);
    padding-bottom: 0;
}

body.wo-body--studio .wo-hero--studio-theme.wo-hero--ecozart::before,
body.wo-body--studio .wo-hero--studio-theme.wo-hero--ecozart::after,
body.wo-body--studio .wo-hero--studio-theme .wo-hero__ambient {
    display: none;
}

body.wo-body--studio .wo-hero__grid-lines--theme {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(calc(100% - (var(--studio-page-pad) * 2)), var(--studio-page-max));
    max-width: var(--studio-page-max);
    margin-inline: auto;
    left: 0;
    right: 0;
    pointer-events: none;
    opacity: 0.5;
}

body.wo-body--studio .wo-hero__grid-lines--theme span {
    border-inline: 1px solid rgba(37, 43, 40, 0.08);
}

body.wo-body--studio .wo-hero--studio-theme .wo-hero__inner.wo-container {
    position: relative;
    z-index: 1;
    padding-top: clamp(1.25rem, 2.5vw, 2rem);
    padding-bottom: clamp(0.75rem, 1.6vw, 1.25rem);
    text-align: left;
}

body.wo-body--studio .wo-hero--studio-theme .wo-hero__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem);
}

body.wo-body--studio .wo-hero__eyebrow--sand {
    margin: 0;
    padding: 0.65rem 1.15rem;
    border-radius: 999px;
    background: var(--hero-sand, #eae4d8);
    border: 0;
    color: #6f6a62;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-transform: none;
    /* max-width: 16rem; */
}

body.wo-body--studio .wo-hero__status--theme {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    color: #3c403c;
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: -0.01em;
}

body.wo-body--studio .wo-hero__status--theme .wo-hero__status-dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--eco-champagne);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--eco-champagne) 35%, transparent);
}

body.wo-body--studio .wo-hero--studio-theme .wo-hero__layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: end;
    min-height: 0;
}

@media (min-width: 992px) {
    body.wo-body--studio .wo-hero--studio-theme .wo-hero__layout {
        grid-template-columns: minmax(0, 1.28fr) minmax(280px, 0.82fr);
        align-items: center;
        gap: clamp(1rem, 2vw, 1.75rem);
        min-height: 0;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__copy {
        max-width: none;
    }
}

body.wo-body--studio .wo-hero__title--theme {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem 0.85rem;
    margin: 0;
    max-width: 44rem;
    font-size: clamp(2.7rem, 4.5vw, 5.25rem);
    font-weight: 400;
    line-height: 0.92;
    letter-spacing: -0.05em;
    color: var(--hero-ink, var(--eco-midnight));
    text-align: left;
}

body.wo-body--studio .wo-hero__title-line {
    display: inline;
}


body.wo-body--studio .wo-hero__token {
    display: inline-flex;
    align-items: center;
    line-height: 0.92;
}

body.wo-body--studio .wo-hero__token-break {
    flex-basis: 100%;
    width: 100%;
    height: 0;
}

body.wo-body--studio .wo-hero__token--accent {
    padding: 0.04em 0.32em 0.12em;
    border-radius: 999px;
    background: var(--hero-lavender, color-mix(in srgb, var(--eco-smoky) 38%, var(--eco-ivory)));
    color: var(--hero-lavender-ink, var(--eco-midnight));
    line-height: 1.02;
    transform: rotate(-3deg);
    transform-origin: 50% 60%;
}

body.wo-body--studio .wo-hero__headline-avatars {
    display: inline-flex;
    align-items: center;
    margin-right: 0.15rem;
}

body.wo-body--studio .wo-hero__headline-avatar {
    display: block;
    width: 4rem;
    height: 4rem;
    margin-left: -1.15rem;
    border: 3px solid var(--studio-cream, var(--eco-ivory));
    border-radius: 999px;
    overflow: hidden;
    background: #d9d3c8;
}

body.wo-body--studio .wo-hero__headline-avatar:first-child {
    margin-left: 0;
}

body.wo-body--studio .wo-hero__headline-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.wo-body--studio .wo-hero__headline-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    height: 4rem;
    padding: 0 1.35rem;
    border-radius: 999px;
    background: var(--hero-yellow, var(--eco-champagne));
}

body.wo-body--studio .wo-hero__headline-dots i {
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 999px;
    background: var(--hero-ink, var(--eco-midnight));
}

body.wo-body--studio .wo-hero__headline-dots i:nth-child(2) {
    opacity: 0.35;
}

body.wo-body--studio .wo-hero__headline-dots i:nth-child(3) {
    opacity: 0.14;
}

body.wo-body--studio .wo-hero__title-line .wo-hero__title-accent {
    display: inline-block;
    padding: 0.05em 0.26em 0.1em;
    border-radius: 0.38em;
    background: var(--hero-lavender);
    color: color-mix(in srgb, var(--eco-royal) 72%, var(--eco-navy));
    font-size: 0.92em;
    line-height: 1.02;
    transform: rotate(-6deg);
    transform-origin: 50% 58%;
    vertical-align: baseline;
}

body.wo-body--studio .wo-hero--studio-theme .wo-hero__text {
    margin: clamp(1.15rem, 2.2vw, 1.65rem) 0 0;
    max-width: 31rem;
    font-size: var(--studio-text-base);
    line-height: 1.55;
    color: rgba(37, 43, 40, 0.8);
    text-align: left;
}

body.wo-body--studio .wo-hero__actions--theme {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: clamp(1.25rem, 2.5vw, 1.75rem);
    justify-content: flex-start;
}

body.wo-body--studio .wo-hero__btn > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
}

@media (min-width: 992px) {
    body.wo-body--studio .wo-hero__actions--theme {
        flex-wrap: nowrap;
        align-items: center;
    }

    body.wo-body--studio .wo-hero__btn {
        flex: 0 0 auto;
        font-size: clamp(0.875rem, 1.05vw, 1rem);
        padding-inline: 1.15rem;
    }

    body.wo-body--studio .wo-hero__btn > span:first-child {
        white-space: nowrap;
    }
}

body.wo-body--studio .wo-hero__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.85rem;
    padding: 0.5rem 1.15rem;
    border-radius: 999px;
    font-size: var(--studio-text-base);
    font-weight: 500;
    text-decoration: none;
    border: none;
    transition: transform 0.45s var(--studio-ease);
}

body.wo-body--studio .wo-hero__btn--ink {
    padding-right: 0.4rem;
    background: var(--hero-ink, var(--eco-midnight));
    color: #f7f4ee;
}

body.wo-body--studio .wo-hero__btn--ink > span:first-child {
    color: #f7f4ee;
}

body.wo-body--studio .wo-hero__btn--lavender > span:first-child {
    color: var(--hero-lavender-ink, var(--eco-midnight));
}

body.wo-body--studio .wo-hero__btn--lavender {
    padding-right: 0.4rem;
    background: var(--hero-lavender, color-mix(in srgb, var(--eco-smoky) 38%, var(--eco-ivory)));
    color: var(--hero-lavender-ink, var(--eco-midnight));
}

body.wo-body--studio .wo-hero__btn--lime {
    padding-right: 0.55rem;
    background: var(--studio-lime);
    color: var(--eco-navy);
}

body.wo-body--studio .wo-hero__btn--pink {
    background: var(--studio-pink);
    color: var(--studio-maroon);
}

body.wo-body--studio .wo-hero__btn-dots {
    display: inline-flex;
    gap: 0.28rem;
    padding: 0.42rem 0.62rem;
    border-radius: 999px;
    background: var(--hero-yellow, var(--eco-champagne));
}

body.wo-body--studio .wo-hero__btn-dots i {
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 999px;
    background: var(--hero-ink, var(--eco-midnight));
}

body.wo-body--studio .wo-hero__btn-dots i:nth-child(2) {
    opacity: 0.55;
}

body.wo-body--studio .wo-hero__btn-dots i:nth-child(3) {
    opacity: 0.3;
}

body.wo-body--studio .wo-hero__btn-dots--lavender {
    background: var(--eco-ocean);
}

body.wo-body--studio .wo-hero__btn-dots--lavender i {
    background: var(--eco-ivory);
}

body.wo-body--studio .wo-hero__btn-dots--lavender i:nth-child(2) {
    opacity: 0.5;
}

body.wo-body--studio .wo-hero__btn-dots--lavender i:nth-child(3) {
    opacity: 0.28;
}

@media (hover: hover) {
    body.wo-body--studio .wo-hero__btn:hover {
        transform: translateY(-2px);
        color: inherit;
    }
}

body.wo-body--studio .wo-hero--studio-theme .wo-hero__pills {
    display: none;
}

body.wo-body--studio .wo-hero__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    list-style: none;
    margin: clamp(1.25rem, 2.5vw, 1.65rem) 0 clamp(0.85rem, 1.75vw, 1.35rem);
    padding: 0;
}

body.wo-body--studio .wo-hero__pill {
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(37, 43, 40, 0.1);
    background: rgba(255, 255, 255, 0.45);
    font-size: var(--studio-text-xs);
    color: rgba(37, 43, 40, 0.82);
}

body.wo-body--studio .wo-hero--studio-theme .wo-hero__visual {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 992px) {
    body.wo-body--studio .wo-hero--studio-theme .wo-hero__visual {
    justify-content: flex-end;
        align-items: flex-start;
        min-height: 0;
    }
}

/* Hero hybrid: CMS dashboards — Orvena frame + studio palette */
body.wo-body--studio .wo-hero__studio-devices {
    position: relative;
    width: min(100%, 520px);
    min-height: clamp(240px, 42vw, 340px);
    margin-inline: auto;
}

@media (min-width: 992px) {
    body.wo-body--studio .wo-hero__studio-devices {
        margin-left: auto;
        margin-right: 0;
        min-height: clamp(280px, 32vw, 380px);
    }
}

body.wo-body--studio .wo-hero__studio-devices .wo-hero__device-portfolio {
    width: 100%;
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio--studio-carousel .wo-workpage-portfolio__controls {
    margin-top: 0.65rem;
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio--studio-carousel .wo-workpage-portfolio__shell {
    background: var(--eco-mint);
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio--studio-carousel .wo-workpage-portfolio__stage {
    background: color-mix(in srgb, var(--eco-sage) 48%, var(--eco-mint));
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio__slide {
    padding: 0;
    justify-content: center;
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio__row {
    display: block;
    max-width: 100%;
    margin-inline: auto;
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-showcase {
    width: 100%;
}

body.wo-body--studio .wo-hero__studio-devices .wo-hero__device-showcase-hit,
body.wo-body--studio .wo-hero__studio-devices .wo-workpage-showcase:first-child .wo-workpage-showcase__hit,
body.wo-body--studio .wo-hero__studio-devices .wo-workpage-showcase:nth-child(2) .wo-workpage-showcase__hit {
    display: block;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    cursor: default;
    overflow: visible;
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-showcase:nth-child(2) {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
}

body.wo-body--studio .wo-hero__studio-devices .wo-hero__device-shell {
    display: block;
    width: 100%;
    transform: rotate(-4deg);
    transform-origin: 72% 82%;
}

@media (max-width: 991.98px) {
    body.wo-body--studio .wo-hero__studio-devices .wo-hero__device-shell {
        transform: rotate(-2deg);
        transform-origin: 50% 78%;
    }
}

body.wo-body--studio .wo-hero__studio-devices .wo-hero__device-stage {
    position: relative;
    display: block;
    height: clamp(260px, 34vw, 360px);
    padding: clamp(0.65rem, 1.5vw, 0.85rem);
    border-radius: 1.35rem;
    background: var(--eco-mint);
    overflow: hidden;
    box-sizing: border-box;
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase {
    height: 100%;
    padding: 0.15rem 0.25rem 0.35rem;
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase__tablet {
    display: none;
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase__laptop {
    top: 4%;
    width: 92%;
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase__laptop-bezel {
    border-radius: 11px 11px 0 0;
    padding: 2.4% 2.4% 0;
    background: linear-gradient(180deg, color-mix(in srgb, var(--eco-teal) 70%, var(--eco-charcoal)) 0%, var(--eco-teal) 100%);
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase__laptop-base {
    height: 9px;
    margin: 0 12%;
    background: linear-gradient(180deg, var(--eco-sage) 0%, color-mix(in srgb, var(--eco-sage) 70%, var(--eco-charcoal)) 55%, var(--eco-sage) 100%);
    border-radius: 0 0 5px 5px;
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase__laptop-base::before {
    background: var(--eco-teal);
    opacity: 0.35;
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase__phone {
    left: 2%;
    bottom: 8%;
    width: 24%;
    padding: 7px 6px 9px;
    border-radius: 16px;
    background: linear-gradient(180deg, var(--eco-teal) 0%, var(--eco-midnight) 100%);
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase__screen {
    border-radius: 4px;
    background: var(--eco-teal);
}

body.wo-body--studio .wo-hero__studio-devices .device-showcase__screen img,
body.wo-body--studio .wo-hero__studio-devices .device-showcase__screen-img {
    object-fit: cover;
    object-position: top center;
    border-radius: 3px;
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio__btn {
    width: 2.35rem;
    height: 2.35rem;
    font-size: 0.8rem;
    border-radius: 999px;
    background: var(--eco-teal);
    color: var(--eco-mint);
    border: 2px solid var(--eco-navy);
    box-shadow: 0 8px 20px -12px rgba(1, 30, 59, 0.65);
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio__btn:hover {
    background: var(--eco-teal);
    color: var(--eco-navy);
    border-color: var(--eco-navy);
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio__btn--prev {
    left: clamp(-0.25rem, -1vw, 0.25rem);
}

body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio__btn--next {
    right: clamp(-0.25rem, -1vw, 0.25rem);
}

@media (max-width: 767.98px) {
    body.wo-body--studio .wo-hero__studio-devices .wo-hero__device-stage {
        height: clamp(220px, 56vw, 300px);
    }

    body.wo-body--studio .wo-hero__studio-devices .device-showcase__phone {
        width: 28%;
    }

    body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio__btn--prev {
        left: 0;
    }

    body.wo-body--studio .wo-hero__studio-devices .wo-workpage-portfolio__btn--next {
        right: 0;
    }
}

body.wo-body--studio .wo-hero__studio-cards {
    position: relative;
    width: min(100%, 540px);
    height: clamp(520px, 56vw, 640px);
    min-height: clamp(520px, 56vw, 640px);
    margin-inline: auto;
    overflow: visible;
}

body.wo-body--studio .wo-hero__theme-cards.is-scroll-driven .wo-hero__theme-card {
    will-change: transform;
}

body.wo-body--studio .wo-hero__theme-cards.is-card-stack-ready .wo-hero__theme-card.is-featured {
    cursor: grab;
    touch-action: none;
    -webkit-user-drag: none;
    user-select: none;
}

body.wo-body--studio .wo-hero__theme-cards.is-card-stack-ready .wo-hero__theme-card.is-featured .wo-hero__theme-card-media img {
    -webkit-user-drag: none;
    pointer-events: none;
}

body.wo-body--studio .wo-hero__theme-cards.is-card-dragging .wo-hero__theme-card {
    transition: none !important;
}

body.wo-body--studio .wo-hero__theme-cards.is-card-dragging .wo-hero__theme-card.is-drag-active {
    cursor: grabbing;
    z-index: 6 !important;
}

body.wo-body--studio .wo-hero__theme-cards.is-card-throwing .wo-hero__theme-card.is-drag-active {
    transition:
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.42s ease !important;
}

@media (min-width: 810px) and (max-width: 1199.98px) {
    body.wo-body--studio .wo-hero__studio-cards {
        height: clamp(440px, 48vw, 540px);
        min-height: clamp(440px, 48vw, 540px);
    }
}

@media (min-width: 992px) {
    body.wo-body--studio .wo-hero__studio-cards {
        margin-left: auto;
        margin-right: 0;
    }
}

/* Hero theme cards — dark padded frame (Orvena) */
body.wo-body--studio .wo-hero__theme-card {
    position: absolute;
    display: block;
    width: clamp(200px, 58%, 300px);
    text-decoration: none;
    color: inherit;
    container-type: inline-size;
}

body.wo-body--studio .wo-hero--studio-theme:not(.is-hero-entered) .wo-hero__theme-card {
    opacity: 0;
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-hero--studio-theme:not(.is-hero-entered) .wo-hero__studio-cards {
        opacity: 0.001;
        transform: translate3d(0, 48px, 0);
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__studio-cards {
        animation: wo-hero-visual-rise 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
    }
}

@media (prefers-reduced-motion: no-preference) and (min-width: 810px) {
    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards--count-3 .wo-hero__theme-card--2 {
        animation: wo-hero-card-enter-center 800ms cubic-bezier(0.22, 1, 0.36, 1) 0.45s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards--count-3 .wo-hero__theme-card--1 {
        animation: wo-hero-card-enter-left 800ms cubic-bezier(0.22, 1, 0.36, 1) 0.6s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards--count-3 .wo-hero__theme-card--3 {
        animation: wo-hero-card-enter-right 800ms cubic-bezier(0.22, 1, 0.36, 1) 0.75s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards--count-2 .wo-hero__theme-card--2 {
        animation: wo-hero-card-enter-center-duo 800ms cubic-bezier(0.22, 1, 0.36, 1) 0.45s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards--count-2 .wo-hero__theme-card--1 {
        animation: wo-hero-card-enter-left 800ms cubic-bezier(0.22, 1, 0.36, 1) 0.6s both;
    }

    body.wo-body--studio .wo-hero__theme-cards:not(.is-cards-settled) .wo-hero__theme-card {
        pointer-events: none;
    }

    body.wo-body--studio .wo-hero__theme-cards.is-cards-settled .wo-hero__theme-card {
        pointer-events: auto;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards.is-cards-settled .wo-hero__theme-card {
        animation: none;
    }
}

@media (prefers-reduced-motion: no-preference) and (max-width: 809.98px) {
    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__studio-cards {
        animation: wo-hero-visual-rise 1s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards--count-3 .wo-hero__theme-card--2 {
        animation: wo-hero-card-enter-center 800ms cubic-bezier(0.22, 1, 0.36, 1) 0.38s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards--count-3 .wo-hero__theme-card--1 {
        animation: wo-hero-card-enter-left 800ms cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards--count-3 .wo-hero__theme-card--3 {
        animation: wo-hero-card-enter-right 800ms cubic-bezier(0.22, 1, 0.36, 1) 0.62s both;
    }

    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-cards.is-cards-settled .wo-hero__theme-card {
        animation: none;
    }
}

body.wo-body--studio .wo-hero__theme-card-shell {
    display: block;
    padding: 8px;
    border-radius: 28px;
    background: var(--hero-card, #1d1e2a);
    border: 0;
    box-shadow: none;
    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

body.wo-body--studio .wo-hero__theme-card-frame {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

body.wo-body--studio .wo-hero__theme-card-media {
    position: relative;
    display: block;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    aspect-ratio: 5 / 7;
    overflow: hidden;
    background: #d7d1c6;
}

body.wo-body--studio .wo-hero__theme-card.is-featured .wo-hero__theme-card-media {
    aspect-ratio: 33 / 47;
}

body.wo-body--studio .wo-hero__theme-card-media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    background: #d7d1c6;
}

body.wo-body--studio .wo-hero__theme-card.is-featured .wo-hero__theme-card-tag {
    display: none;
}

body.wo-body--studio .wo-hero__theme-card:not(.is-featured) .wo-hero__theme-card-info {
    display: none;
}

body.wo-body--studio .wo-hero__theme-card-tag {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 2;
    max-width: calc(100% - 1.5rem);
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: var(--eco-mint);
    color: var(--eco-navy);
    font-size: var(--studio-text-xs);
    font-weight: 500;
    line-height: 1.2;
    box-shadow: none;
    border: none;
}

body.wo-body--studio .wo-hero__theme-card.is-featured .wo-hero__theme-card-shell {
    background: var(--hero-card, #1d1e2a);
}

body.wo-body--studio .wo-hero__theme-card-info {
    position: absolute;
    left: 0.55rem;
    right: 0.55rem;
    bottom: 0.55rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin: 0;
    padding: 0.7rem 0.7rem 0.7rem 0.95rem;
    border-radius: 999px;
    background: var(--hero-yellow, var(--eco-champagne));
    color: var(--hero-ink, var(--eco-midnight));
}

body.wo-body--studio .wo-hero__theme-card-copy {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

body.wo-body--studio .wo-hero__theme-card-name {
    font-size: clamp(0.68rem, 4.4cqi, 0.875rem);
    font-weight: 600;
    color: var(--hero-ink, var(--eco-midnight));
}

body.wo-body--studio .wo-hero__theme-card-meta {
    font-size: var(--studio-text-xs);
    color: rgba(23, 45, 77, 0.62);
}

body.wo-body--studio .wo-hero__theme-card-featured {
    flex-shrink: 0;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: var(--hero-ink, var(--eco-midnight));
    color: var(--hero-yellow, var(--eco-champagne));
    font-size: var(--studio-text-xs);
    font-weight: 600;
    line-height: 1.2;
    box-shadow: none;
}

/* 3-card fan — Orvena / index.html (300×420 sides, 330×470 center, −7° / +4°) */
body.wo-body--studio .wo-hero__theme-cards--count-3 .wo-hero__theme-card--1 {
    left: 0;
    top: 11.67%;
    z-index: 1;
    width: clamp(200px, 58%, 300px);
    transform: rotate(-7deg);
    transform-origin: 82% 18%;
    opacity: 0.9;
}

body.wo-body--studio .wo-hero__theme-cards--count-3 .wo-hero__theme-card--2 {
    left: 50%;
    top: 5rem;
    z-index: 3;
    width: clamp(210px, 64%, 330px);
    transform: translateX(-50%) scale(0.96) rotate(-4deg);
    transform-origin: 50% 0%;
}

body.wo-body--studio .wo-hero__theme-cards--count-3 .wo-hero__theme-card--3 {
    right: 0;
    top: 6.67%;
    z-index: 2;
    width: clamp(200px, 58%, 300px);
    transform: rotate(4deg);
    transform-origin: 18% 18%;
    opacity: 0.9;
}

@media (min-width: 810px) {
    body.wo-body--studio .wo-hero__theme-cards--count-3:not(.is-scroll-active) .wo-hero__theme-card {
        transition:
            transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
            z-index 0s;
    }
}

@media (hover: hover) and (min-width: 810px) {
    body.wo-body--studio .wo-hero__theme-cards--count-3:not(.is-scroll-active):is(:hover, :focus-within) .wo-hero__theme-card--1 {
        z-index: 2;
        opacity: 1;
        transform: rotate(-6deg) translate(-2.85rem, 0.15rem) scale(1.02);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-3:not(.is-scroll-active):is(:hover, :focus-within) .wo-hero__theme-card--2 {
        z-index: 4;
        opacity: 1;
        transform: translateX(-50%) translateY(-1.2rem) scale(1.06) rotate(-2deg);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-3:not(.is-scroll-active):is(:hover, :focus-within) .wo-hero__theme-card--3 {
        z-index: 2;
        opacity: 1;
        transform: rotate(5deg) translate(2.85rem, 0.1rem) scale(1.02);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-3:not(.is-scroll-active):is(:hover, :focus-within) .wo-hero__theme-card--1 .wo-hero__theme-card-shell,
    body.wo-body--studio .wo-hero__theme-cards--count-3:not(.is-scroll-active):is(:hover, :focus-within) .wo-hero__theme-card--3 .wo-hero__theme-card-shell {
        box-shadow: 0 18px 36px -24px rgba(23, 45, 77, 0.45);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-3:not(.is-scroll-active):is(:hover, :focus-within) .wo-hero__theme-card--2 .wo-hero__theme-card-shell {
        box-shadow: 0 28px 56px -32px rgba(23, 45, 77, 0.55);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-2:not(.is-scroll-active):is(:hover, :focus-within) .wo-hero__theme-card--1 {
        opacity: 1;
        transform: rotate(-12deg) translate(-1.25rem, -0.35rem) scale(1);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-2:not(.is-scroll-active):is(:hover, :focus-within) .wo-hero__theme-card--2 {
        transform: translateX(-42%) translateY(-0.65rem) scale(1.02) rotate(0deg);
    }
}

/* 2-card stack */
body.wo-body--studio .wo-hero__theme-cards--count-2 .wo-hero__theme-card--1 {
    left: 0;
    top: 16%;
    z-index: 1;
    transform: rotate(-10deg);
    transform-origin: 78% 20%;
}

body.wo-body--studio .wo-hero__theme-cards--count-2 .wo-hero__theme-card--2 {
    left: 50%;
    top: 5rem;
    z-index: 3;
    width: 64%;
    transform: translateX(-42%) rotate(0deg);
    transform-origin: 50% 0%;
}

body.wo-body--studio .wo-hero__theme-seal {
    position: absolute;
    left: 0;
    bottom: 8px;
    z-index: 4;
    width: 132px;
    height: 132px;
    border-radius: 999px;
    background: var(--hero-ink, var(--eco-midnight));
    color: var(--eco-ivory);
    box-shadow: none;
    display: grid;
    place-items: center;
    pointer-events: none;
}

body.wo-body--studio .wo-hero__theme-seal-spin {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    animation: wo-hero-seal-spin 18s linear infinite;
}

body.wo-body--studio .wo-hero__theme-seal-spin text {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.4px;
}

body.wo-body--studio .wo-hero__theme-seal-mark {
    position: relative;
    z-index: 2;
    color: var(--hero-yellow, var(--eco-champagne));
    line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__theme-card,
    body.wo-body--studio .wo-hero--studio-theme.is-hero-entered .wo-hero__studio-cards {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
}

@media (max-width: 809.98px) {
    body.wo-body--studio .wo-hero__theme-card-shell {
        border-radius: 22px;
        border-width: 6px;
    }

    body.wo-body--studio .wo-hero__theme-card-frame {
        border-radius: 16px;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__layout {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1.35rem;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__copy {
        order: 1;
        max-width: none;
        width: 100%;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__visual {
        order: 2;
        width: 100%;
        justify-content: center;
        overflow: visible;
    }

    body.wo-body--studio .wo-hero__actions--theme {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        max-width: none;
        gap: 0.5rem;
    }

    body.wo-body--studio .wo-hero__btn {
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
        gap: 0.55rem;
        min-height: 2.65rem;
        padding: 0.38rem 0.38rem 0.38rem 1rem;
        font-size: 0.875rem;
    }

    body.wo-body--studio .wo-hero__btn > span:first-child {
        white-space: nowrap;
        line-height: 1.2;
    }

    body.wo-body--studio .wo-hero__studio-cards {
        position: relative;
        display: block;
        width: min(100%, 22.5rem);
        height: clamp(20.5rem, 88vw, 24.5rem);
        min-height: clamp(20.5rem, 88vw, 24.5rem);
        margin-inline: auto;
        overflow: visible;
        padding-bottom: 0;
    }

    body.wo-body--studio .wo-hero__theme-card {
        position: absolute;
        width: clamp(9.75rem, 46vw, 11.75rem);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-3 .wo-hero__theme-card--1 {
        left: 0;
        top: 12%;
        z-index: 1;
        width: clamp(9.75rem, 46vw, 11.75rem);
        transform: rotate(-7deg);
        opacity: 0.92;
    }

    body.wo-body--studio .wo-hero__theme-cards--count-3 .wo-hero__theme-card--2 {
        left: 50%;
        top: 1.35rem;
        z-index: 3;
        width: clamp(10.5rem, 50vw, 12.75rem);
        transform: translateX(-50%) scale(0.98) rotate(-3deg);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-3 .wo-hero__theme-card--3 {
        right: 0;
        left: auto;
        top: 8%;
        z-index: 2;
        width: clamp(9.75rem, 46vw, 11.75rem);
        transform: rotate(4deg);
        opacity: 0.92;
    }

    body.wo-body--studio .wo-hero__theme-cards--count-2 .wo-hero__theme-card--1 {
        left: 4%;
        top: 12%;
        width: 52%;
        transform: rotate(-8deg);
    }

    body.wo-body--studio .wo-hero__theme-cards--count-2 .wo-hero__theme-card--2 {
        left: 48%;
        top: 1.5rem;
        width: 54%;
        transform: rotate(3deg);
    }

    body.wo-body--studio .wo-hero__theme-card-media,
    body.wo-body--studio .wo-hero__theme-card.is-featured .wo-hero__theme-card-media {
        height: auto;
    }

    body.wo-body--studio .wo-hero__theme-card-info {
        left: 0.4rem;
        right: 0.4rem;
        bottom: 0.4rem;
        padding: 0.45rem 0.45rem 0.45rem 0.7rem;
        gap: 0.4rem;
    }

    body.wo-body--studio .wo-hero__theme-card-name {
        font-size: 0.75rem;
    }

    body.wo-body--studio .wo-hero__theme-card-featured {
        padding: 0.32rem 0.55rem;
        font-size: 0.625rem;
    }

    body.wo-body--studio .wo-hero__theme-seal {
        left: 0.35rem;
        bottom: 0.35rem;
        width: 4.25rem;
        height: 4.25rem;
    }
}

@media (max-width: 767.98px) {
    body.wo-body--studio .wo-hero__title--theme {
        font-size: clamp(1.75rem, 8vw, 2.25rem);
    }
}

body.wo-body--studio .wo-hero__studio-project {
    position: absolute;
    display: block;
    width: 72%;
    text-decoration: none;
    color: inherit;
}

body.wo-body--studio .wo-hero__studio-project-plate {
    position: absolute;
    inset: -6% -4% 8% 6%;
    border-radius: 1.75rem;
    background: var(--eco-mint);
    z-index: 0;
    transition: background-color 0.45s var(--studio-ease), transform 0.55s var(--studio-ease);
}

body.wo-body--studio .wo-hero__studio-project-card {
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 1.5rem;
    overflow: hidden;
    background: var(--eco-teal);
    box-shadow: 0 24px 50px -32px rgba(37, 43, 40, 0.55);
    transition: transform 0.55s var(--studio-ease);
}

body.wo-body--studio .wo-hero__studio-project-media {
    display: block;
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

body.wo-body--studio .wo-hero__studio-project-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

body.wo-body--studio .wo-hero__studio-project-tag {
    position: absolute;
    top: 0.85rem;
    left: 0.85rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: var(--studio-cream);
    color: var(--eco-navy);
    font-size: var(--studio-text-xs);
    font-weight: 500;
    z-index: 2;
}

body.wo-body--studio .wo-hero__studio-project-info {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.9rem 1rem 1rem;
    background: var(--eco-teal);
    color: var(--studio-cream);
}

body.wo-body--studio .wo-hero__studio-project-name {
    font-size: var(--studio-text-sm);
    font-weight: 500;
}

body.wo-body--studio .wo-hero__studio-project-meta {
    font-size: var(--studio-text-xs);
    opacity: 0.65;
}

body.wo-body--studio .wo-hero__studio-project--1 {
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: rotate(-5deg);
    transform-origin: 72% 88%;
}

body.wo-body--studio .wo-hero__studio-project--2 {
    right: -2%;
    top: 2%;
    z-index: 2;
    width: 66%;
    transform: rotate(4deg);
    transform-origin: 28% 18%;
}

@media (hover: hover) {
    body.wo-body--studio .wo-hero__studio-project:hover .wo-hero__studio-project-plate {
        background: var(--eco-purple);
    }

    body.wo-body--studio .wo-hero__studio-project:hover .wo-hero__studio-project-card {
        transform: rotate(0deg) translateY(-4px);
    }
}

body.wo-body--studio .wo-hero__curve {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: clamp(1.75rem, 3.5vw, 2.75rem);
    background: var(--studio-cream);
    mask-image: radial-gradient(120% 100% at 50% 100%, transparent 68%, #000 69%);
    -webkit-mask-image: radial-gradient(120% 100% at 50% 100%, transparent 68%, #000 69%);
    pointer-events: none;
    z-index: 2;
}

@media (min-width: 810px) and (max-width: 991.98px) {
    body.wo-body--studio .wo-hero--studio-theme .wo-hero__layout {
        grid-template-columns: 1fr;
        min-height: 0;
        align-items: start;
    }

    body.wo-body--studio .wo-hero__studio-cards {
        margin-inline: auto;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__copy {
        text-align: left;
        max-width: none;
    }
}

@media (max-width: 991.98px) {
    body.wo-body--studio .wo-hero__studio-project--2 {
        right: 0;
    }
}

/* —— Section 2: Orvena ribbon (dark band + SVG corner curves + marquee) —— */
body.wo-body--studio .wo-studio-bridge {
    --studio-ribbon-ink: var(--eco-midnight);
    --studio-ribbon-cream: var(--eco-ivory);
    --studio-cream: var(--eco-ivory);
    position: relative;
    z-index: 5;
    margin-top: clamp(-2.25rem, -4.5vw, -3.25rem);
    background: var(--studio-ribbon-ink);
}

body.wo-body--studio .wo-studio-ribbon {
    --studio-ribbon-edge: clamp(2.25rem, 4.5vw, 3.75rem);
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 2.35rem;
}

body.wo-body--studio .wo-studio-ribbon__band {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--studio-ribbon-ink);
    pointer-events: none;
}

body.wo-body--studio .wo-studio-ribbon__edge {
    position: relative;
    z-index: 2;
    flex: none;
    width: var(--studio-ribbon-edge);
    min-height: 2.35rem;
    display: block;
    color: var(--studio-ribbon-cream);
    pointer-events: none;
}

body.wo-body--studio .wo-studio-ribbon__edge--right {
    transform: scaleX(-1);
}

body.wo-body--studio .wo-studio-marquee-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    margin: 0;
    min-height: 2.35rem;
    padding: 0;
    background: var(--studio-cream);
    border: none;
    overflow: hidden;
}

body.wo-body--studio .wo-studio-marquee {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

body.wo-body--studio .wo-studio-marquee__track {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: max-content;
    padding-inline: 1rem;
    animation: wo-studio-marquee-scroll 42s linear infinite;
}

body.wo-body--studio .wo-studio-marquee__item {
    flex: none;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--eco-midnight);
    white-space: nowrap;
    line-height: 1.2;
}

body.wo-body--studio .wo-studio-marquee__star {
    flex: none;
    font-size: 0.95em;
    color: var(--eco-champagne);
    line-height: 1;
}

@keyframes wo-studio-marquee-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.wo-body--studio .wo-studio-marquee__track {
        animation: none;
    }
}

/* —— Studio Statement (Orvena section 2) —— */
body.wo-body--studio .wo-studio-pov {
    --studio-cream: var(--eco-ivory);
    --studio-statement: var(--eco-midnight);
    --studio-statement-line: color-mix(in srgb, var(--eco-navy) 55%, var(--eco-royal));
    --studio-statement-yellow: var(--eco-amber);
    --studio-pov-ease: cubic-bezier(0.22, 1, 0.36, 1);
    /* Never use global .wo-reveal on this block — it fades the whole section and hides child stagger */
    opacity: 1;
    transform: none;
    position: relative;
    z-index: 3;
    margin-top: 0;
    padding: var(--studio-section-pad-top) var(--studio-page-pad) var(--studio-section-pad-bottom);
    background: var(--studio-statement);
    color: var(--studio-cream);
    overflow: hidden;
}

body.wo-body--studio .wo-studio-pov__container {
    display: flex;
    flex-direction: column;
    gap: clamp(2.5rem, 5vw, 4rem);
    width: 100%;
    max-width: var(--studio-page-max);
    margin-inline: auto;
}

body.wo-body--studio .wo-studio-pov__label-row {
    --pov-label-reveal: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem 2rem;
    padding-bottom: 1.75rem;
    border-bottom: 1px solid var(--studio-statement-line);
    overflow: clip;
}

body.wo-body--studio .wo-studio-pov__label--start,
body.wo-body--studio .wo-studio-pov__label--end {
    will-change: transform, opacity;
    transition:
        transform 0.12s linear,
        opacity 0.12s linear;
}

body.wo-body--studio .wo-studio-pov__label--start {
    opacity: clamp(0, calc(var(--pov-label-reveal) / 0.52), 1);
    transform: translate3d(
        calc((1 - min(1, var(--pov-label-reveal) / 0.52)) * -4.25rem),
        0,
        0
    );
}

body.wo-body--studio .wo-studio-pov__label--end {
    opacity: clamp(0, calc((var(--pov-label-reveal) - 0.15) / 0.6), 1);
    transform: translate3d(
        calc((1 - min(1, max(0, (var(--pov-label-reveal) - 0.15) / 0.72))) * min(-40vw, -20rem)),
        0,
        0
    );
}

body.wo-body--studio .wo-studio-pov__label {
    margin: 0;
    max-width: min(28rem, 46vw);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(247, 248, 245, 0.92);
}

body.wo-body--studio .wo-studio-pov__label--end {
    text-align: right;
    margin-left: auto;
}

body.wo-body--studio .wo-studio-pov__words-row {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: clamp(1rem, 3vw, 2rem);
    min-height: clamp(18rem, 38vw, 26rem);
    padding-right: min(54%, 33rem);
}

body.wo-body--studio .wo-studio-pov__words-list {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

body.wo-body--studio .wo-studio-pov__word-line {
    --pov-lit: 0;
    display: inline-flex;
    align-items: flex-start;
    margin: 0;
    font-size: clamp(1.85rem, 4.8vw, 4.75rem);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -0.04em;
    color: rgba(250, 247, 239, calc(0.16 + (var(--pov-lit) * 0.84)));
    transform: translate3d(calc((1 - var(--pov-lit)) * -12px), calc((1 - var(--pov-lit)) * 6px), 0);
    transition:
        color 0.5s var(--studio-pov-ease),
        transform 0.65s var(--studio-pov-ease);
}

body.wo-body--studio .wo-studio-pov__words-list.is-scroll-driven .wo-studio-pov__word-line {
    will-change: transform, color;
}

body.wo-body--studio .wo-studio-pov__word {
    white-space: nowrap;
}

body.wo-body--studio .wo-studio-pov__word-line.is-active,
body.wo-body--studio .wo-studio-pov__word-line.is-active .wo-studio-pov__word {
    color: #ffffff;
}

/* POV theme cards (mint border on navy — matches hero shell, inverted) */
body.wo-body--studio .wo-studio-pov__card-shell {
    display: block;
    padding: 0;
    border: 5px solid var(--eco-mint);
    border-radius: 1.85rem;
    background: transparent;
    box-shadow: none;
}

body.wo-body--studio .wo-studio-pov__card-frame {
    display: block;
    border-radius: 1.35rem;
    overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) {
    /* Orvena / Framer appear — keyframes replay reliably when .is-visible toggles */
    @keyframes wo-studio-pov-fade-up-12 {
        from {
            opacity: 0.001;
            transform: translate3d(0, 12px, 0);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes wo-studio-pov-fade-up-18 {
        from {
            opacity: 0.001;
            transform: translate3d(0, 18px, 0);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes wo-studio-pov-fade-up-80 {
        from {
            opacity: 0.001;
            transform: translate3d(0, 80px, 0);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes wo-studio-pov-fade-up-48 {
        from {
            opacity: 0.001;
            transform: translate3d(0, 48px, 0);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    body.wo-body--studio .wo-studio-pov__enter:not(.wo-studio-pov__enter--label-start):not(.wo-studio-pov__enter--label-end):not(.wo-studio-pov__enter--words):not(.wo-studio-pov__enter--statement):not(.wo-studio-pov__enter--accent) {
        opacity: 0.001;
        transform: translate3d(0, 12px, 0);
        animation: none;
    }

    body.wo-body--studio .wo-studio-pov__enter--label-start,
    body.wo-body--studio .wo-studio-pov__enter--label-end {
        animation: none !important;
    }

    body.wo-body--studio .wo-studio-pov.is-visible .wo-studio-pov__enter--rule {
        animation: wo-studio-pov-fade-up-12 0.9s var(--studio-pov-ease) 0.2s both;
    }

    body.wo-body--studio .wo-studio-pov__enter--words,
    body.wo-body--studio .wo-studio-pov__enter--statement,
    body.wo-body--studio .wo-studio-pov__enter--accent,
    body.wo-body--studio .wo-studio-pov__portrait {
        opacity: 1;
        transform: none;
        animation: none !important;
    }

    body.wo-body--studio .wo-studio-pov__portrait-shell {
        transition: transform 0.12s linear;
        will-change: transform;
    }

    body.wo-body--studio .wo-studio-pov.is-scroll-active .wo-studio-pov__portrait-shell {
        transition: none;
    }
}

@media (prefers-reduced-motion: no-preference) and (max-width: 809.98px) {
    body.wo-body--studio .wo-studio-pov__enter--words,
    body.wo-body--studio .wo-studio-pov__enter--statement,
    body.wo-body--studio .wo-studio-pov__enter--accent,
    body.wo-body--studio .wo-studio-pov__portrait {
        opacity: 0.001;
        transform: translate3d(0, 18px, 0);
        animation: none !important;
    }

    body.wo-body--studio .wo-studio-pov.is-visible .wo-studio-pov__enter--words {
        animation: wo-studio-pov-fade-up-18 0.85s var(--studio-pov-ease) 0.06s both !important;
    }

    body.wo-body--studio .wo-studio-pov.is-visible .wo-studio-pov__portrait {
        animation: wo-studio-pov-fade-up-48 0.9s var(--studio-pov-ease) 0.14s both !important;
    }

    body.wo-body--studio .wo-studio-pov.is-visible .wo-studio-pov__enter--accent {
        animation: wo-studio-pov-fade-up-18 0.85s var(--studio-pov-ease) 0.1s both !important;
    }

    body.wo-body--studio .wo-studio-pov.is-visible .wo-studio-pov__enter--statement {
        animation: wo-studio-pov-fade-up-18 0.85s var(--studio-pov-ease) 0.18s both !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.wo-body--studio .wo-studio-pov__enter,
    body.wo-body--studio .wo-studio-pov__portrait {
        opacity: 1;
        transform: none;
    }

    body.wo-body--studio .wo-studio-pov__label-row {
        --pov-label-reveal: 1;
    }

    body.wo-body--studio .wo-studio-pov__label--start,
    body.wo-body--studio .wo-studio-pov__label--end {
        opacity: 1;
        transform: none;
    }
}

body.wo-body--studio .wo-studio-pov__portrait {
    position: absolute;
    top: 0.25rem;
    right: clamp(-0.5rem, -1vw, 0.5rem);
    width: min(52%, 32rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.85rem;
    z-index: 2;
}

body.wo-body--studio .wo-studio-pov__portrait-shell {
    width: 100%;
    transform: none;
}

body.wo-body--studio .wo-studio-pov__portrait-media {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

body.wo-body--studio .wo-studio-pov__portrait-media--dashboard::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    pointer-events: none;
}

body.wo-body--studio .wo-studio-pov__portrait-media--dashboard img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    background: #f6f8fa;
    will-change: transform;
}

body.wo-body--studio .wo-studio-pov__accent-card-media img {
    will-change: transform;
}

body.wo-body--studio .wo-studio-pov__portrait-caption {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--studio-cream);
}

body.wo-body--studio .wo-studio-pov__rule {
    width: 100%;
    height: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid var(--studio-statement-line);
    opacity: 0.85;
}

body.wo-body--studio .wo-studio-pov__statement-row {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: start;
    gap: clamp(2rem, 5vw, 4.5rem);
}

body.wo-body--studio .wo-studio-pov__accent-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(1.35rem, 2.6vw, 2rem);
    width: 100%;
    max-width: 39.5rem;
    min-width: 0;
    justify-self: start;
}

body.wo-body--studio .wo-studio-pov__accent-shell {
    display: block;
    width: 100%;
    transform: rotate(-6deg);
    transform-origin: 62% 28%;
    transition: transform 0.08s linear;
    will-change: transform;
}

body.wo-body--studio .wo-studio-pov__accent-shell.is-scroll-driven {
    transition: none;
}

body.wo-body--studio .wo-studio-pov__accent-card-media {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    background: #fff;
}

body.wo-body--studio .wo-studio-pov__accent-card-media::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 62.5%;
    pointer-events: none;
}

body.wo-body--studio .wo-studio-pov__accent-slide {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.45s var(--studio-pov-ease, cubic-bezier(0.22, 1, 0.36, 1));
    pointer-events: none;
}

body.wo-body--studio .wo-studio-pov__accent-slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: auto;
}

body.wo-body--studio .wo-studio-pov__accent-card-media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: fill;
    object-position: center center;
}

body.wo-body--studio .wo-studio-pov__accent-nav {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
}

body.wo-body--studio .wo-studio-pov__accent-btn {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--eco-midnight) 22%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--eco-ivory) 94%, transparent);
    color: var(--eco-midnight);
    font-size: 0.78rem;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
    transform: translateY(-50%);
    box-shadow: 0 10px 22px -14px rgba(8, 20, 36, 0.45);
    transition:
        background-color 0.25s var(--studio-ease, ease),
        border-color 0.25s var(--studio-ease, ease),
        color 0.25s var(--studio-ease, ease),
        transform 0.25s var(--studio-ease, ease);
}

body.wo-body--studio .wo-studio-pov__accent-btn--prev {
    left: clamp(0.45rem, 2vw, 0.75rem);
}

body.wo-body--studio .wo-studio-pov__accent-btn--next {
    right: clamp(0.45rem, 2vw, 0.75rem);
}

@media (hover: hover) {
    body.wo-body--studio .wo-studio-pov__accent-btn:hover {
        border-color: var(--eco-steel);
        color: var(--eco-steel);
        background: #fff;
        transform: translateY(-50%) scale(1.05);
    }
}

body.wo-body--studio .wo-studio-pov__accent-card-caption {
    margin: 0;
    padding-top: 0.15rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--studio-cream);
}

body.wo-body--studio .wo-studio-pov__statement {
    max-width: 36rem;
    padding-top: 0;
    justify-self: end;
    display: flex;
    flex-direction: column;
    gap: 0;
}

body.wo-body--studio .wo-studio-pov__eyebrow {
    margin: 0 0 0.75rem;
    font-size: var(--studio-text-sm);
    font-weight: 500;
    color: rgba(5, 185, 176, 0.95);
}

body.wo-body--studio .wo-studio-pov__title {
    margin: 0;
    max-width: none;
    font-size: clamp(2rem, 3.2vw + 0.75rem, 3.5rem);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.03em;
    color: var(--studio-cream);
}

body.wo-body--studio .wo-studio-pov__lead {
    margin: 1.75rem 0 0;
    max-width: 36rem;
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 1.55;
    color: rgba(247, 248, 245, 0.86);
}

body.wo-body--studio .wo-studio-pov__cta {
    margin-top: 1.75rem;
    align-self: flex-start;
    color: var(--studio-cream);
    border-color: rgba(247, 248, 245, 0.38);
    background: transparent;
}

body.wo-body--studio .wo-studio-pov__cta:hover {
    border-color: var(--eco-teal);
    background: rgba(5, 185, 176, 0.16);
    color: var(--studio-cream);
}

@media (max-width: 991.98px) {
    body.wo-body--studio .wo-studio-pov__words-row {
        flex-direction: column;
        padding-right: 0;
        min-height: 0;
    }

    body.wo-body--studio .wo-studio-pov__portrait {
    position: relative;
        top: auto;
        right: auto;
        width: min(100%, 26rem);
        margin-top: 0.75rem;
        align-self: stretch;
    }

    body.wo-body--studio .wo-studio-pov__label--end {
        text-align: left;
        margin-left: 0;
    }

    body.wo-body--studio .wo-studio-pov__statement-row {
        grid-template-columns: 1fr;
    }

    body.wo-body--studio .wo-studio-pov__statement {
        padding-top: 0;
        justify-self: stretch;
    }
}

/* —— Selected work (Orvena) —— */
body.wo-body--studio .wo-studio-work {
    --studio-cream: var(--eco-ivory);
    --studio-work-gap: clamp(1rem, 2vw, 1.75rem);
    padding: var(--studio-section-pad-top) var(--studio-page-pad) var(--studio-section-pad-bottom);
    background: var(--eco-ivory);
    border-bottom: 1px solid color-mix(in srgb, var(--eco-champagne) 50%, var(--eco-ivory));
}

body.wo-body--studio .wo-studio-work__container {
    width: 100%;
    max-width: min(var(--studio-page-max), 100%);
    margin-inline: auto;
    padding-inline: 0;
}

body.wo-body--studio .wo-studio-work__head {
    margin-bottom: var(--studio-head-gap);
}

body.wo-body--studio .wo-studio-work__head-text {
    width: 100%;
    max-width: none;
}

body.wo-body--studio .wo-studio-work__eyebrow {
    margin: 0 0 var(--studio-stack);
}

body.wo-body--studio .wo-studio-work__eyebrow span {
    display: inline-block;
    padding: 0.45rem 1rem;
    border-radius: 999px;
    background: var(--eco-teal);
    color: var(--eco-ivory);
    font-size: var(--studio-text-sm);
    font-weight: 500;
    letter-spacing: var(--studio-ls-ui);
}

body.wo-body--studio .wo-studio-work__title {
    margin: 0;
    max-width: none;
    font-size: clamp(2rem, 3.2vw + 0.75rem, 3.5rem);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.03em;
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-work__lead {
    margin: var(--studio-stack) 0 0;
    max-width: 52ch;
    font-size: var(--studio-text-md);
    font-weight: 500;
    line-height: 1.55;
    color: color-mix(in srgb, var(--eco-midnight) 78%, var(--eco-slate));
    transition: color 0.4s var(--studio-ease), transform 0.45s var(--studio-ease);
}

body.wo-body--studio .wo-studio-work__eyebrow span,
body.wo-body--studio .wo-studio-work__title {
    transition: color 0.4s var(--studio-ease), transform 0.45s var(--studio-ease);
}

body.wo-body--studio .wo-studio-work__head-cta {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.35rem;
    height: 3.35rem;
    margin-top: 0.25rem;
    border-radius: 999px;
    background: var(--eco-purple);
    color: var(--eco-navy);
    text-decoration: none;
    transition: transform 0.45s var(--studio-ease), background 0.35s ease;
}

body.wo-body--studio .wo-studio-work__head-cta-star {
    font-size: 1.15rem;
    line-height: 1;
}

@media (hover: hover) {
    body.wo-body--studio .wo-studio-work__head-cta:hover {
        transform: translateY(-2px) rotate(-8deg);
        background: var(--eco-amber);
    }
}

body.wo-body--studio .wo-studio-work__rows {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
    width: 100%;
    min-width: 0;
}

body.wo-body--studio .wo-studio-work__row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(0.65rem, 1.6vw, 1rem);
    width: 100%;
    min-width: 0;
}

body.wo-body--studio .wo-studio-work__nav-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex-shrink: 0;
    width: 100%;
    padding-top: 0.15rem;
}

body.wo-body--studio .wo-studio-work__scroll {
    overflow: hidden;
    width: 100%;
    min-width: 0;
    padding: clamp(1rem, 2.4vw, 1.45rem) clamp(0.55rem, 1.4vw, 0.85rem) clamp(1.15rem, 2.8vw, 1.85rem);
    container-type: inline-size;
    container-name: studio-work-scroll;
}

body.wo-body--studio .wo-studio-work__track {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--studio-work-gap);
    min-width: 0;
    transition: transform 0.55s var(--studio-ease);
    will-change: transform;
}

body.wo-body--studio .wo-studio-work__track > .wo-studio-work__item {
    flex: 0 0 calc((100cqi - var(--studio-work-gap)) / 2);
    width: calc((100cqi - var(--studio-work-gap)) / 2);
    max-width: calc((100cqi - var(--studio-work-gap)) / 2);
    min-width: 0;
    flex-shrink: 0;
    box-sizing: border-box;
}

@media (max-width: 767.98px) {
    body.wo-body--studio .wo-studio-work__nav {
        width: 2.35rem;
        height: 2.35rem;
    }
}

body.wo-body--studio .wo-studio-work__nav {
    flex-shrink: 0;
    display: inline-grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid rgba(37, 43, 40, 0.14);
    border-radius: 999px;
    background: var(--eco-sage);
    color: var(--eco-navy);
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease;
}

body.wo-body--studio .wo-studio-work__nav svg {
    width: 1.1rem;
    height: 1.1rem;
}

body.wo-body--studio .wo-studio-work__nav:hover:not(:disabled) {
    border-color: var(--eco-navy);
    background: #fff;
}

body.wo-body--studio .wo-studio-work__nav:disabled {
    opacity: 0.35;
    cursor: default;
}

body.wo-body--studio .wo-studio-work__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

body.wo-body--studio .wo-studio-work__dot {
    width: 0.45rem;
    height: 0.45rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(37, 43, 40, 0.2);
    cursor: pointer;
    transition: transform 0.25s ease, background-color 0.25s ease;
}

body.wo-body--studio .wo-studio-work__dot.is-active {
    transform: scale(1.15);
    background: var(--eco-teal);
}

body.wo-body--studio .wo-studio-work__item {
    --work-card-pad: clamp(0.5rem, 2.2cqi, 0.65rem);
    --work-media-inset: clamp(0.42rem, 2cqi, 0.7rem);
    --work-media-footer: clamp(2.4rem, 11cqi, 3.15rem);
    position: relative;
    z-index: 0;
    min-width: 0;
    max-width: 100%;
    padding: 0.35rem 0.3rem 0.65rem;
    overflow: visible;
    container-type: inline-size;
    container-name: studio-work-card;
}

body.wo-body--studio .wo-studio-work__item:hover,
body.wo-body--studio .wo-studio-work__item:focus-within {
    z-index: 2;
}

body.wo-body--studio .wo-studio-work__project {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    perspective: 62.5rem;
    border-radius: 1.875rem;
    box-sizing: border-box;
}

body.wo-body--studio .wo-studio-work__project:focus-visible {
    outline: 2px solid var(--eco-teal);
    outline-offset: 4px;
}

body.wo-body--studio .wo-studio-work__plate {
    position: absolute;
    inset: 0.45rem 0.22rem -0.32rem -0.18rem;
    z-index: 0;
    border-radius: clamp(1.35rem, 2vw, 1.875rem);
    background: color-mix(in srgb, var(--eco-champagne) 72%, var(--eco-sage));
    transform: rotate(2.25deg);
    box-shadow: none;
    transition:
        transform 0.55s var(--studio-ease),
        background-color 0.45s var(--studio-ease);
}

body.wo-body--studio .wo-studio-work__project:has(.wo-studio-work__media--tone-2) .wo-studio-work__plate {
    background: color-mix(in srgb, var(--eco-teal) 42%, var(--eco-champagne));
}

body.wo-body--studio .wo-studio-work__project:has(.wo-studio-work__media--tone-3) .wo-studio-work__plate {
    background: color-mix(in srgb, var(--eco-amber) 55%, var(--eco-champagne));
}

body.wo-body--studio .wo-studio-work__project:has(.wo-studio-work__media--tone-4) .wo-studio-work__plate {
    background: color-mix(in srgb, var(--eco-blue-teal) 38%, var(--eco-smoky));
}

body.wo-body--studio .wo-studio-work__card {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    gap: clamp(0.5rem, 2.4cqi, 0.75rem);
    padding: var(--work-card-pad);
    border-radius: clamp(1.35rem, 2vw, 1.875rem);
    background: var(--eco-midnight);
    box-shadow: none;
    transform: rotate(0deg);
    transform-origin: 50% 55%;
    transition: transform 0.55s var(--studio-ease);
}

body.wo-body--studio .wo-studio-work__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: 1.375rem;
    overflow: hidden;
    box-sizing: border-box;
    background: color-mix(in srgb, var(--eco-charcoal) 88%, var(--eco-teal));
}

body.wo-body--studio .wo-studio-work__media-frame {
    position: absolute;
    z-index: 0;
    inset: var(--work-media-inset);
    bottom: var(--work-media-footer);
    display: block;
    border-radius: 0.65rem;
    background: var(--eco-white);
    overflow: hidden;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--eco-midnight) 8%, transparent);
}

body.wo-body--studio .wo-studio-work__media--tone-2 {
    background: var(--eco-teal);
}

body.wo-body--studio .wo-studio-work__media--tone-3 {
    background: var(--eco-amber);
}

body.wo-body--studio .wo-studio-work__media--tone-4 {
    background: color-mix(in srgb, var(--eco-teal) 40%, var(--eco-charcoal));
}

body.wo-body--studio .wo-studio-work__media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: fill;
    object-position: center center;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition:
        transform 0.6s var(--studio-ease),
        opacity 0.22s ease;
}

body.wo-body--studio .wo-studio-work__media img.is-swapping {
    opacity: 0.88;
}

body.wo-body--studio .wo-studio-work__pills {
    position: absolute;
    left: 50%;
    bottom: clamp(0.45rem, 2.2cqi, 0.75rem);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: clamp(0.2rem, 1.1cqi, 0.35rem);
    padding: clamp(0.18rem, 0.9cqi, 0.28rem);
    border-radius: 999px;
    background: color-mix(in srgb, var(--eco-midnight) 72%, transparent);
    border: 1px solid color-mix(in srgb, var(--eco-ivory) 22%, transparent);
    transform: translateX(-50%);
    backdrop-filter: blur(6px);
}

body.wo-body--studio .wo-studio-work__pill {
    margin: 0;
    padding: clamp(0.28rem, 1.4cqi, 0.4rem) clamp(0.62rem, 2.8cqi, 0.85rem);
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: color-mix(in srgb, var(--eco-ivory) 88%, var(--eco-sage));
    font-family: inherit;
    font-size: clamp(0.62rem, 2.4cqi, 0.75rem);
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease;
}

body.wo-body--studio .wo-studio-work__pill.is-active {
    background: var(--eco-ivory);
    color: var(--eco-midnight);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--eco-midnight) 12%, transparent);
}

body.wo-body--studio .wo-studio-work__pill:hover:not(.is-active) {
    color: var(--eco-ivory);
    background: color-mix(in srgb, var(--eco-teal) 35%, transparent);
}

body.wo-body--studio .wo-studio-work__pill:focus-visible {
    outline: 2px solid var(--eco-teal);
    outline-offset: 2px;
}

body.wo-body--studio .wo-studio-work__tag,
body.wo-body--studio .wo-studio-work__name,
body.wo-body--studio .wo-studio-work__text,
body.wo-body--studio .wo-studio-work__action {
    transition:
        transform 0.45s var(--studio-ease),
        color 0.35s ease,
        background-color 0.35s ease;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-studio-work__project:hover .wo-studio-work__plate,
    body.wo-body--studio .wo-studio-work__project:focus-visible .wo-studio-work__plate {
        transform: translate(0.2rem, 0.35rem) rotate(4.25deg);
    }

    body.wo-body--studio .wo-studio-work__project:hover .wo-studio-work__card,
    body.wo-body--studio .wo-studio-work__project:focus-visible .wo-studio-work__card {
        transform: translate(-2px, -6px) rotate(-2.35deg);
    }

    body.wo-body--studio .wo-studio-work__project:hover .wo-studio-work__media img,
    body.wo-body--studio .wo-studio-work__project:focus-visible .wo-studio-work__media img {
        transform: scale(1.02);
    }

    body.wo-body--studio .wo-studio-work__project:hover .wo-studio-work__action,
    body.wo-body--studio .wo-studio-work__project:focus-visible .wo-studio-work__action {
        background: color-mix(in srgb, var(--eco-blue-teal) 88%, var(--eco-midnight));
    }
}

@media (prefers-reduced-motion: reduce) {
    body.wo-body--studio .wo-studio-work__plate,
    body.wo-body--studio .wo-studio-work__card,
    body.wo-body--studio .wo-studio-work__media img {
        transition-duration: 0.01ms;
    }

    @media (hover: hover) {
        body.wo-body--studio .wo-studio-work__project:hover .wo-studio-work__plate,
        body.wo-body--studio .wo-studio-work__project:focus-visible .wo-studio-work__plate,
        body.wo-body--studio .wo-studio-work__project:hover .wo-studio-work__card,
        body.wo-body--studio .wo-studio-work__project:focus-visible .wo-studio-work__card,
        body.wo-body--studio .wo-studio-work__project:hover .wo-studio-work__media img,
        body.wo-body--studio .wo-studio-work__project:focus-visible .wo-studio-work__media img {
            transform: none;
        }
    }
}

body.wo-body--studio .wo-studio-work__tag {
    position: absolute;
    top: clamp(0.55rem, 2.6cqi, 0.85rem);
    left: clamp(0.55rem, 2.6cqi, 0.85rem);
    z-index: 2;
    max-width: calc(100% - 1.4rem);
    padding: clamp(0.32rem, 1.5cqi, 0.5rem) clamp(0.58rem, 2.6cqi, 0.9rem);
    border-radius: 999px;
    background: color-mix(in srgb, var(--eco-champagne) 42%, var(--eco-ivory));
    color: var(--eco-midnight);
    font-size: clamp(0.62rem, 2.35cqi, 0.8125rem);
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

body.wo-body--studio .wo-studio-work__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(0.28rem, 1.5cqi, 0.45rem);
    padding: 0.1rem clamp(0.2rem, 1.4cqi, 0.4rem) clamp(0.25rem, 1.4cqi, 0.45rem);
}

body.wo-body--studio .wo-studio-work__name {
    display: block;
    width: 100%;
    margin: 0;
    font-size: clamp(1rem, 4.8cqi, 1.5rem);
    font-weight: 500;
    line-height: 1.2;
    color: var(--eco-ivory);
    overflow-wrap: anywhere;
}

body.wo-body--studio .wo-studio-work__text {
    display: none;
}

body.wo-body--studio .wo-studio-work__action {
    display: inline-flex;
    align-items: center;
    margin-top: 0.1rem;
    padding: clamp(0.4rem, 1.8cqi, 0.55rem) clamp(0.75rem, 3.2cqi, 1rem);
    border-radius: 999px;
    background: var(--eco-teal);
    color: var(--eco-ivory);
    font-size: clamp(0.7rem, 2.6cqi, 0.875rem);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}

body.wo-body--studio .wo-studio-work__foot {
    margin-top: var(--studio-head-gap);
}

body.wo-body--studio .wo-studio-work__foot-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--eco-navy);
    font-size: var(--studio-text-base);
    font-weight: 500;
    text-decoration: none;
}

body.wo-body--studio .wo-studio-work__foot-link:hover {
    color: var(--eco-teal);
}

@media (min-width: 768px) {
    body.wo-body--studio .wo-studio-work__foot {
        display: none;
    }
}

/* —— Studio Snapshot (Orvena) → Platform highlights / principles cards —— */
body.wo-body--studio .wo-studio-snapshot {
    --snapshot-lavender: var(--eco-sage);
    --snapshot-gap: clamp(0.65rem, 1.15vw, 0.85rem);
    --studio-cream: var(--eco-mint);
    background: var(--snapshot-lavender);
    color: var(--eco-navy);
    padding: var(--studio-section-pad-top) var(--studio-page-pad) var(--studio-section-pad-bottom);
}

body.wo-body--studio .wo-studio-snapshot__container {
    max-width: var(--studio-page-max);
    margin-inline: auto;
}

body.wo-body--studio .wo-studio-snapshot__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(1.25rem, 3vw, 2.5rem);
    margin-bottom: var(--studio-head-gap);
}

body.wo-body--studio .wo-studio-snapshot__head-main {
    flex: 1 1 auto;
    max-width: 36rem;
    min-width: 0;
}

body.wo-body--studio .wo-studio-snapshot__eyebrow {
    margin: 0;
}

body.wo-body--studio .wo-studio-snapshot__eyebrow span {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    background: var(--studio-cream);
    font-size: var(--studio-text-sm);
    font-weight: 500;
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-snapshot__title {
    margin: var(--studio-stack) 0 0;
    max-width: 14ch;
    font-size: clamp(2rem, 3.6vw + 0.5rem, 3.35rem);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.035em;
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-snapshot__accent {
    color: color-mix(in srgb, var(--eco-purple) 85%, var(--eco-navy));
}

body.wo-body--studio .wo-studio-snapshot__mark {
    flex: none;
    display: grid;
    place-items: center;
    width: clamp(3.25rem, 6vw, 4rem);
    height: clamp(3.25rem, 6vw, 4rem);
    border-radius: 999px;
    background: var(--studio-cream);
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-snapshot__slider {
    width: 100%;
    min-width: 0;
}

body.wo-body--studio .wo-studio-snapshot__scroll {
    overflow: hidden;
}

body.wo-body--studio .wo-studio-snapshot__track {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--snapshot-gap);
    min-width: 0;
    transition: transform 0.5s var(--studio-ease);
    will-change: transform;
}

body.wo-body--studio .wo-studio-snapshot__card {
    --snapshot-card-ink: var(--eco-navy);
    --snapshot-card-muted: rgba(247, 248, 245, 0.78);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(0.75rem, 1.2vw, 1.1rem);
    flex: 0 0 100%;
    min-width: 0;
    min-height: clamp(11.5rem, 13vw, 13.25rem);
    padding: clamp(0.85rem, 1.2vw, 1.05rem);
    border-radius: 1.35rem;
    transform: translateZ(0);
    transition:
        opacity 0.65s var(--studio-ease),
        transform 0.65s var(--studio-ease),
        box-shadow 0.5s var(--studio-ease);
    will-change: transform, opacity;
}

body.wo-body--studio .wo-studio-snapshot__track.wo-studio-stagger.is-visible > .wo-studio-snapshot__card {
    transition-delay: var(--wo-snapshot-delay, 0.05s);
}

@media (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-studio-snapshot__track.wo-studio-stagger:not(.is-visible) .wo-studio-snapshot__thumb {
        transform: scale(0.9);
        opacity: 0.55;
    }

    body.wo-body--studio .wo-studio-snapshot__track.wo-studio-stagger.is-visible .wo-studio-snapshot__thumb {
        transform: scale(1);
        opacity: 1;
        transition:
            transform 0.55s var(--studio-ease),
            opacity 0.55s ease;
        transition-delay: calc(var(--wo-snapshot-delay, 0.05s) + 0.1s);
    }

    body.wo-body--studio .wo-studio-snapshot__track.wo-studio-stagger:not(.is-visible) .wo-studio-snapshot__card-body {
        opacity: 0;
        transform: translateY(12px);
    }

    body.wo-body--studio .wo-studio-snapshot__track.wo-studio-stagger.is-visible .wo-studio-snapshot__card-body {
        opacity: 1;
        transform: none;
        transition:
            opacity 0.55s ease,
            transform 0.55s var(--studio-ease);
        transition-delay: calc(var(--wo-snapshot-delay, 0.05s) + 0.16s);
    }

    @keyframes wo-studio-snapshot-index-in {
        from {
            opacity: 0.35;
            transform: translateY(8px);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    body.wo-body--studio .wo-studio-snapshot__track.wo-studio-stagger.is-visible .wo-studio-snapshot__index {
        animation: wo-studio-snapshot-index-in 0.55s var(--studio-ease) both;
        animation-delay: calc(var(--wo-snapshot-delay, 0.05s) + 0.06s);
    }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-studio-snapshot__card:hover,
    body.wo-body--studio .wo-studio-snapshot__card:focus-visible {
        transform: translateY(-5px) scale(1.02);
        z-index: 2;
        box-shadow: 0 20px 40px -22px rgba(23, 45, 77, 0.42);
    }

    body.wo-body--studio .wo-studio-snapshot__card:hover .wo-studio-snapshot__thumb img,
    body.wo-body--studio .wo-studio-snapshot__card:focus-visible .wo-studio-snapshot__thumb img {
        transform: scale(1.1);
    }

    body.wo-body--studio .wo-studio-snapshot__card:hover .wo-studio-snapshot__thumb--icon,
    body.wo-body--studio .wo-studio-snapshot__card:focus-visible .wo-studio-snapshot__thumb--icon {
        transform: scale(1.08);
    }
}

body.wo-body--studio .wo-studio-snapshot__thumb img,
body.wo-body--studio .wo-studio-snapshot__thumb--icon {
    transition: transform 0.55s var(--studio-ease);
}

body.wo-body--studio .wo-studio-snapshot__thumb {
    transition:
        transform 0.55s var(--studio-ease),
        opacity 0.55s ease;
}

body.wo-body--studio .wo-studio-snapshot__card--ink {
    background: var(--eco-charcoal);
    color: var(--studio-cream);
    --snapshot-card-ink: var(--studio-cream);
    --snapshot-card-muted: rgba(247, 248, 245, 0.75);
}

body.wo-body--studio .wo-studio-snapshot__card--cream {
    background: var(--studio-cream);
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-snapshot__card--plum {
    background: var(--eco-teal);
    color: var(--studio-cream);
    --snapshot-card-ink: var(--studio-cream);
    --snapshot-card-muted: rgba(247, 248, 245, 0.78);
}

body.wo-body--studio .wo-studio-snapshot__card--gold {
    background: var(--eco-amber);
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-snapshot__card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

body.wo-body--studio .wo-studio-snapshot__index {
    font-size: clamp(2rem, 2.35vw, 2.5rem);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: -0.04em;
    color: var(--snapshot-card-ink);
}

body.wo-body--studio .wo-studio-snapshot__thumb {
    flex: none;
    width: clamp(2.5rem, 3.2vw, 2.85rem);
    height: clamp(2.5rem, 3.2vw, 2.85rem);
    margin: 0;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.22);
}

body.wo-body--studio .wo-studio-snapshot__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.wo-body--studio .wo-studio-snapshot__thumb--icon {
    display: grid;
    place-items: center;
    font-size: 0.95rem;
    color: var(--eco-navy);
    background: var(--eco-mint);
}

body.wo-body--studio .wo-studio-snapshot__card--ink .wo-studio-snapshot__thumb--icon {
    background: rgba(247, 248, 245, 0.14);
    color: var(--studio-cream);
}

body.wo-body--studio .wo-studio-snapshot__card--plum .wo-studio-snapshot__thumb--icon {
    background: rgba(255, 255, 255, 0.16);
    color: var(--studio-cream);
}

body.wo-body--studio .wo-studio-snapshot__card-body {
    min-width: 0;
}

body.wo-body--studio .wo-studio-snapshot__card-title {
    margin: 0;
    font-size: clamp(0.95rem, 1.05vw, 1.05rem);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--snapshot-card-ink);
}

body.wo-body--studio .wo-studio-snapshot__card-text {
    margin: 0.3rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--snapshot-card-muted);
}

body.wo-body--studio .wo-studio-snapshot__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: clamp(1.35rem, 2.5vw, 1.85rem);
}

body.wo-body--studio .wo-studio-snapshot__controls.is-hidden {
    display: none;
}

body.wo-body--studio .wo-studio-snapshot__nav {
    display: inline-grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid rgba(37, 43, 40, 0.14);
    border-radius: 999px;
    background: var(--studio-cream);
    color: var(--eco-navy);
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease;
}

body.wo-body--studio .wo-studio-snapshot__nav svg {
    width: 1.1rem;
    height: 1.1rem;
}

body.wo-body--studio .wo-studio-snapshot__nav:hover:not(:disabled) {
    border-color: var(--eco-navy);
    background: #fff;
}

body.wo-body--studio .wo-studio-snapshot__nav:disabled {
    opacity: 0.35;
    cursor: default;
}

body.wo-body--studio .wo-studio-snapshot__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

body.wo-body--studio .wo-studio-snapshot__dot {
    width: 0.45rem;
    height: 0.45rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(37, 43, 40, 0.2);
    cursor: pointer;
    transition: transform 0.25s ease, background-color 0.25s ease;
}

body.wo-body--studio .wo-studio-snapshot__dot.is-active {
    transform: scale(1.15);
    background: var(--eco-teal);
}

@media (min-width: 640px) {
    body.wo-body--studio .wo-studio-snapshot__card {
        flex: 0 0 calc((100% - var(--snapshot-gap)) / 2);
    }
}

@media (min-width: 768px) {
    body.wo-body--studio .wo-studio-snapshot__card {
        flex: 0 0 calc((100% - 2 * var(--snapshot-gap)) / 3);
    }
}

@media (min-width: 992px) {
    body.wo-body--studio .wo-studio-snapshot__card {
        flex: 0 0 calc((100% - 3 * var(--snapshot-gap)) / 4);
    }
}

@media (min-width: 1200px) {
    body.wo-body--studio .wo-studio-snapshot__card {
        flex: 0 0 calc((100% - 5 * var(--snapshot-gap)) / 6);
    }
}

@media (max-width: 991.98px) {
    body.wo-body--studio .wo-studio-snapshot__title {
        max-width: none;
    }
}

@media (max-width: 639.98px) {
    body.wo-body--studio .wo-studio-snapshot__head {
        flex-direction: column;
    }

    body.wo-body--studio .wo-studio-snapshot__mark {
        align-self: flex-start;
    }
}

/* —— What we do (Orvena) → Built for Real Businesses / industries —— */
body.wo-body--studio .wo-studio-wedo {
    --studio-cream: var(--eco-ivory);
    --wedo-ink: var(--eco-ivory);
    --wedo-ink-soft: color-mix(in srgb, var(--eco-ivory) 84%, var(--eco-smoky));
    padding: var(--studio-section-pad-top) var(--studio-page-pad) var(--studio-section-pad-bottom);
    background: linear-gradient(
        165deg,
        color-mix(in srgb, var(--eco-blue-teal) 88%, var(--eco-midnight)) 0%,
        var(--eco-blue-teal) 48%,
        color-mix(in srgb, var(--eco-blue-teal) 92%, var(--eco-ocean)) 100%
    );
    color: var(--wedo-ink);
}

body.wo-body--studio .wo-studio-wedo__container {
    width: 100%;
    max-width: var(--studio-page-max);
    margin-inline: auto;
}

body.wo-body--studio .wo-studio-wedo__head {
    margin-bottom: var(--studio-head-gap);
}

body.wo-body--studio .wo-studio-wedo__head-main {
    width: 100%;
    max-width: none;
}

body.wo-body--studio .wo-studio-wedo__eyebrow {
    margin: 0 0 var(--studio-stack);
}

body.wo-body--studio .wo-studio-wedo__eyebrow span {
    display: inline-block;
    padding: 0.62rem 1.1rem;
    border-radius: 999px;
    background: var(--studio-cream);
    color: var(--eco-midnight);
    font-size: var(--studio-text-sm);
    font-weight: 500;
}

body.wo-body--studio .wo-studio-wedo__title {
    margin: 0;
    max-width: none;
    font-size: clamp(2rem, 3.2vw + 0.75rem, 3.5rem);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.03em;
    color: var(--wedo-ink);
}

body.wo-body--studio .wo-studio-wedo__lead {
    margin: var(--studio-stack) 0 0;
    max-width: none;
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 1.55;
    color: var(--wedo-ink-soft);
}

body.wo-body--studio .wo-studio-wedo__slider {
    --wedo-gap: clamp(0.65rem, 1.2vw, 0.85rem);
    width: 100%;
    min-width: 0;
}

body.wo-body--studio .wo-studio-wedo__scroll {
    overflow: hidden;
    margin-inline: 0;
}

body.wo-body--studio .wo-studio-wedo__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--wedo-gap);
    min-width: 0;
    transition: transform 0.45s var(--studio-pov-ease);
    will-change: transform;
}

body.wo-body--studio .wo-studio-wedo__grid > .wo-studio-wedo__card {
    flex: 0 0 calc((100% - 2 * var(--wedo-gap)) / 3);
    min-width: 0;
}

body.wo-body--studio .wo-studio-wedo__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: clamp(1.35rem, 2.5vw, 1.85rem);
}

body.wo-body--studio .wo-studio-wedo__controls.is-hidden {
    display: none;
}

body.wo-body--studio .wo-studio-wedo__nav {
    display: inline-grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid rgba(37, 43, 40, 0.14);
    border-radius: 999px;
    background: var(--studio-cream);
    color: var(--eco-navy);
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        opacity 0.2s ease;
}

body.wo-body--studio .wo-studio-wedo__nav svg {
    width: 1.1rem;
    height: 1.1rem;
}

body.wo-body--studio .wo-studio-wedo__nav:hover:not(:disabled) {
    border-color: var(--eco-navy);
    background: #fff;
}

body.wo-body--studio .wo-studio-wedo__nav:disabled {
    opacity: 0.35;
    cursor: default;
}

body.wo-body--studio .wo-studio-wedo__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 1.25rem;
}

body.wo-body--studio .wo-studio-wedo__dot {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--eco-ivory) 28%, transparent);
    cursor: pointer;
    transition:
        width 0.22s ease,
        background-color 0.22s ease;
}

body.wo-body--studio .wo-studio-wedo__dot.is-active {
    width: 1.35rem;
    background: var(--eco-champagne);
}

body.wo-body--studio .wo-studio-wedo__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.65rem;
    min-height: 0;
    container-type: inline-size;
    padding: clamp(0.85rem, 1.4vw, 1.15rem);
    border-radius: 1.5rem;
    overflow: hidden;
    transform: translateZ(0);
    transition:
        transform 0.55s var(--studio-ease),
        box-shadow 0.55s var(--studio-ease);
    will-change: transform;
}

body.wo-body--studio .wo-studio-wedo__card--dark {
    background: var(--eco-teal);
    color: var(--studio-cream);
}

body.wo-body--studio .wo-studio-wedo__card--light {
    background: var(--studio-cream);
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-wedo__media {
    position: relative;
    flex: 0 0 auto;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    aspect-ratio: 4 / 3;
    border-radius: 1.1rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

body.wo-body--studio .wo-studio-wedo__card--light .wo-studio-wedo__media {
    border-color: rgba(37, 43, 40, 0.08);
}

body.wo-body--studio .wo-studio-wedo__media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.65s var(--studio-ease);
    will-change: transform;
}

body.wo-body--studio .wo-studio-wedo__media--neutral img {
    background: var(--eco-mint);
}

body.wo-body--studio .wo-studio-wedo__media--sand {
    background: var(--eco-mint);
}

body.wo-body--studio .wo-studio-wedo__media--mint {
    background: var(--eco-sage);
}

body.wo-body--studio .wo-studio-wedo__media--rose {
    background: color-mix(in srgb, var(--eco-sage) 75%, var(--eco-gold));
}

body.wo-body--studio .wo-studio-wedo__media--sky {
    background: color-mix(in srgb, var(--eco-sage) 88%, var(--eco-off-white));
}

body.wo-body--studio .wo-studio-wedo__media--lavender {
    background: color-mix(in srgb, var(--eco-purple) 35%, var(--eco-sage));
}

body.wo-body--studio .wo-studio-wedo__media--sun {
    background: color-mix(in srgb, var(--eco-amber) 22%, var(--eco-mint));
}

body.wo-body--studio .wo-studio-wedo__media--aqua {
    background: color-mix(in srgb, var(--eco-teal) 12%, var(--eco-sage));
}

body.wo-body--studio .wo-studio-wedo__media--neutral {
    background: var(--eco-sage);
}

body.wo-body--studio .wo-studio-wedo__card-body {
    flex: none;
    margin-top: 0;
    padding-top: clamp(0.35rem, 0.8vw, 0.65rem);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-studio-wedo__card:hover {
        transform: scale(1.035) translateY(-6px);
        z-index: 3;
        box-shadow: 0 28px 56px -28px rgba(23, 45, 77, 0.55);
    }

    body.wo-body--studio .wo-studio-wedo__card:hover .wo-studio-wedo__media img {
        transform: scale(1.08);
    }
}

body.wo-body--studio .wo-studio-wedo__card-title {
    margin: 0;
    font-size: clamp(1.05rem, 5.2cqi, 1.35rem);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

body.wo-body--studio .wo-studio-wedo__card-sub {
    display: block;
    margin-top: 0.2rem;
    font-weight: 400;
    opacity: 0.88;
}

@media (max-width: 991.98px) {
    body.wo-body--studio .wo-studio-wedo__grid > .wo-studio-wedo__card {
        flex: 0 0 calc((100% - var(--wedo-gap)) / 2);
    }
}

@media (max-width: 767.98px) {
    body.wo-body--studio .wo-studio-wedo__grid > .wo-studio-wedo__card {
        flex: 0 0 min(100%, 22.5rem);
    }

    body.wo-body--studio .wo-studio-wedo__card {
        min-height: 0;
        padding: clamp(0.85rem, 3vw, 1.15rem);
    }

    body.wo-body--studio .wo-studio-wedo__card-title {
        font-size: clamp(1.05rem, 4.6cqi, 1.35rem);
    }

}

/* —— Our Approach (Orvena) → See EcoZart in action / video reels —— */
body.wo-body--studio .wo-studio-approach {
    --studio-cream: var(--eco-mint);
    --studio-approach-card-w: clamp(220px, 62vw, 280px);
    --studio-approach-card-h: auto;
    --studio-approach-gap: 1.5rem;
    position: relative;
    padding: clamp(1.75rem, 3.5vw, 3rem) 0 var(--studio-section-pad-bottom);
    background: var(--studio-cream);
    color: var(--eco-navy);
    overflow: hidden;
}

body.wo-body--studio .wo-studio-approach.wo-video-carousel {
    --studio-approach-ease: cubic-bezier(0.22, 1, 0.36, 1);
    background: var(--studio-cream);
    padding-block: clamp(1.75rem, 3.5vw, 3rem) var(--studio-section-pad-bottom);
}

body.wo-body--studio .wo-studio-approach__grid-lines {
    pointer-events: none;
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: min(var(--studio-page-max), 100% - (var(--studio-page-pad) * 2));
    margin-inline: auto;
    left: 0;
    right: 0;
    opacity: 0.45;
}

body.wo-body--studio .wo-studio-approach__grid-lines span {
    border-inline: 1px solid rgba(37, 43, 40, 0.08);
}

body.wo-body--studio .wo-studio-approach__container {
    position: relative;
    max-width: min(52rem, calc(100% - (var(--studio-page-pad) * 2)));
    margin: 0 auto var(--studio-head-gap);
    padding-inline: var(--studio-page-pad);
    text-align: center;
}

body.wo-body--studio .wo-studio-approach__eyebrow {
    margin: 0 0 var(--studio-stack);
}

body.wo-body--studio .wo-studio-approach__eyebrow span {
    display: inline-block;
    padding: 0.5rem 1.1rem;
    border-radius: 999px;
    background: var(--eco-mint);
    font-size: var(--studio-text-sm);
    font-weight: 500;
    letter-spacing: var(--studio-ls-ui);
}

body.wo-body--studio .wo-studio-approach__title {
    margin: 0;
    font-size: clamp(1.85rem, 3.8vw, 3.1rem);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -0.03em;
    max-width: 18ch;
    margin-inline: auto;
}

body.wo-body--studio .wo-studio-approach__lead {
    margin: clamp(0.45rem, 1.1vw, 0.75rem) auto 0;
    max-width: 42rem;
    font-size: var(--studio-text-base);
    line-height: 1.55;
    color: rgba(37, 43, 40, 0.78);
}

body.wo-body--studio .wo-studio-approach__steps-wrap {
    padding-inline: var(--studio-page-pad);
}

body.wo-body--studio .wo-studio-approach__viewport {
    overflow: hidden;
    padding-block: 0.75rem 0.5rem;
}

body.wo-body--studio .wo-studio-approach__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--studio-approach-gap);
    width: max-content;
    min-height: 0;
    padding-inline: clamp(0.5rem, 2vw, 1rem);
    transition: transform 0.9s var(--studio-approach-ease);
    will-change: transform;
}

@keyframes wo-approach-step-straighten {
    from {
        transform: rotate(var(--wo-approach-tilt, 0deg));
    }

    to {
        transform: rotate(0deg);
    }
}

body.wo-body--studio .wo-studio-approach__step.wo-video-carousel__card {
    position: relative;
    flex: 0 0 var(--studio-approach-card-w);
    width: var(--studio-approach-card-w);
    height: auto;
    aspect-ratio: 5 / 8;
    border-radius: 1.5rem;
    overflow: hidden;
    background: var(--eco-teal);
    display: flex;
    flex-direction: column;
    transform-origin: 50% 80%;
    transition: transform 0.45s var(--studio-approach-ease);
}

body.wo-body--studio .wo-studio-approach:not(.is-visible) .wo-studio-approach__step--tilt-a:not(.is-tilt-driven) {
    transform: rotate(-2.5deg);
}

body.wo-body--studio .wo-studio-approach:not(.is-visible) .wo-studio-approach__step--tilt-b:not(.is-tilt-driven) {
    transform: rotate(2.5deg) translateY(2px);
}

body.wo-body--studio .wo-studio-approach.is-visible .wo-studio-approach__step--tilt-a:not(.is-tilt-driven),
body.wo-body--studio .wo-studio-approach.is-visible .wo-studio-approach__step--tilt-b:not(.is-tilt-driven) {
    transform: rotate(0deg);
}

body.wo-body--studio .wo-studio-approach__step.is-tilt-driven {
    transition: transform 0.12s linear;
}

@media (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-studio-approach__step.wo-video-carousel__card:not(.is-tilt-driven):hover,
    body.wo-body--studio .wo-studio-approach__step.wo-video-carousel__card:not(.is-tilt-driven):focus-visible {
        transform: rotate(0deg) translateY(-4px) scale(1.02);
    }

    body.wo-body--studio .wo-studio-approach__step--tilt-a:not(.is-tilt-driven):hover {
        transform: rotate(-1.5deg) translateY(-4px) scale(1.02);
    }

    body.wo-body--studio .wo-studio-approach__step--tilt-b:not(.is-tilt-driven):hover {
        transform: rotate(1.5deg) translateY(-4px) scale(1.02);
    }
}

body.wo-body--studio .wo-studio-approach__photo {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
}

body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__media {
    position: absolute;
    inset: 0;
}

body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@keyframes wo-studio-video-load-shimmer {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__media.is-loading {
    overflow: hidden;
    background-size: 220% 220%;
    animation: wo-studio-video-load-shimmer 1.45s ease-in-out infinite;
}

body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__media.is-loaded,
body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__media.is-error {
    background: transparent;
    animation: none;
    background-size: auto;
}

body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__media.is-loading::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--eco-ivory) 14%, transparent) 0%,
        transparent 42%,
        color-mix(in srgb, var(--eco-midnight) 22%, transparent) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-1 .wo-video-carousel__media.is-loading {
    background: linear-gradient(
        135deg,
        var(--eco-midnight) 0%,
        var(--eco-ocean) 48%,
        color-mix(in srgb, var(--eco-steel) 65%, var(--eco-ocean)) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-2 .wo-video-carousel__media.is-loading {
    background: linear-gradient(
        135deg,
        var(--eco-blue-teal) 0%,
        color-mix(in srgb, var(--eco-steel) 55%, var(--eco-blue-teal)) 52%,
        var(--eco-steel) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-3 .wo-video-carousel__media.is-loading {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--eco-champagne) 72%, var(--eco-smoky)) 0%,
        var(--eco-champagne) 45%,
        color-mix(in srgb, var(--eco-smoky) 38%, var(--eco-ivory)) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-4 .wo-video-carousel__media.is-loading {
    background: linear-gradient(
        135deg,
        var(--eco-ocean) 0%,
        color-mix(in srgb, var(--eco-midnight) 78%, var(--eco-blue-teal)) 50%,
        var(--eco-midnight) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-1:has(.wo-video-carousel__media.is-loading) {
    background: var(--eco-midnight);
}

body.wo-body--studio .wo-video-carousel__card--load-2:has(.wo-video-carousel__media.is-loading) {
    background: var(--eco-blue-teal);
}

body.wo-body--studio .wo-video-carousel__card--load-3:has(.wo-video-carousel__media.is-loading) {
    background: color-mix(in srgb, var(--eco-champagne) 55%, var(--eco-smoky));
}

body.wo-body--studio .wo-video-carousel__card--load-4:has(.wo-video-carousel__media.is-loading) {
    background: var(--eco-ocean);
}

body.wo-body--studio .wo-video-carousel__card--load-1 .wo-video-carousel__media.is-loading::before {
    background: linear-gradient(180deg, color-mix(in srgb, var(--eco-steel) 28%, transparent) 0%, transparent 55%, rgba(23, 45, 77, 0.35) 100%);
}

body.wo-body--studio .wo-video-carousel__card--load-2 .wo-video-carousel__media.is-loading::before {
    background: linear-gradient(180deg, color-mix(in srgb, var(--eco-ivory) 16%, transparent) 0%, transparent 50%, rgba(40, 92, 98, 0.32) 100%);
}

body.wo-body--studio .wo-video-carousel__card--load-3 .wo-video-carousel__media.is-loading::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, transparent 48%, color-mix(in srgb, var(--eco-midnight) 18%, transparent) 100%);
}

body.wo-body--studio .wo-video-carousel__card--load-4 .wo-video-carousel__media.is-loading::before {
    background: linear-gradient(180deg, color-mix(in srgb, var(--eco-blue-teal) 24%, transparent) 0%, transparent 52%, rgba(23, 45, 77, 0.4) 100%);
}

body.wo-body--studio .wo-video-carousel__card--load-1 .wo-video-carousel__thumb-loader::after {
    border-color: rgba(234, 229, 218, 0.28);
    border-top-color: var(--eco-ivory);
}

body.wo-body--studio .wo-video-carousel__card--load-2 .wo-video-carousel__thumb-loader::after {
    border-color: rgba(234, 229, 218, 0.32);
    border-top-color: var(--eco-champagne);
}

body.wo-body--studio .wo-video-carousel__card--load-3 .wo-video-carousel__thumb-loader::after {
    border-color: rgba(23, 45, 77, 0.22);
    border-top-color: var(--eco-midnight);
}

body.wo-body--studio .wo-video-carousel__card--load-4 .wo-video-carousel__thumb-loader::after {
    border-color: rgba(234, 229, 218, 0.26);
    border-top-color: color-mix(in srgb, var(--eco-smoky) 40%, var(--eco-ivory));
}

body.wo-body--studio .wo-video-carousel__card--load-3 .wo-video-carousel__media.is-loading .wo-video-carousel__placeholder {
    color: var(--eco-midnight);
}

body.wo-body--studio .wo-video-carousel__card--load-1 .wo-video-carousel__media.is-loading .wo-video-carousel__placeholder,
body.wo-body--studio .wo-video-carousel__card--load-2 .wo-video-carousel__media.is-loading .wo-video-carousel__placeholder,
body.wo-body--studio .wo-video-carousel__card--load-4 .wo-video-carousel__media.is-loading .wo-video-carousel__placeholder {
    color: var(--eco-ivory);
}

body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__media.is-loading img[data-video-thumb] {
    position: relative;
    z-index: 0;
}

body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__thumb-loader {
    z-index: 3;
}

/* Playback: hide gradient thumb layer & footer shade so iframe is visible */
body.wo-body--studio .wo-video-carousel__card.is-playing .wo-studio-approach__photo .wo-video-carousel__media {
    background: transparent !important;
    animation: none;
}

body.wo-body--studio .wo-video-carousel__card.is-playing .wo-studio-approach__photo .wo-video-carousel__media::before {
    display: none;
}

body.wo-body--studio .wo-video-carousel__card.is-playing .wo-studio-approach__shade {
    opacity: 0;
    visibility: hidden;
}

body.wo-body--studio .wo-studio-approach__photo .wo-video-carousel__embed {
    z-index: 2;
}

body.wo-body--studio .wo-video-carousel__card.is-playing .wo-video-carousel__embed {
    z-index: 3;
}

body.wo-body--studio .wo-video-carousel__card.is-playing:not(.is-embed-loading) {
    background: var(--eco-teal);
}

body.wo-body--studio .wo-video-carousel__card.is-playing:not(.is-embed-loading) .wo-video-carousel__embed {
    background: transparent;
}

body.wo-body--studio .wo-video-carousel__card--load-1.is-embed-loading {
    background: var(--eco-midnight);
}

body.wo-body--studio .wo-video-carousel__card--load-2.is-embed-loading {
    background: var(--eco-blue-teal);
}

body.wo-body--studio .wo-video-carousel__card--load-3.is-embed-loading {
    background: color-mix(in srgb, var(--eco-champagne) 55%, var(--eco-smoky));
}

body.wo-body--studio .wo-video-carousel__card--load-4.is-embed-loading {
    background: var(--eco-ocean);
}

body.wo-body--studio .wo-video-carousel__card--load-1.is-embed-loading .wo-video-carousel__embed {
    background: linear-gradient(
        135deg,
        var(--eco-midnight) 0%,
        var(--eco-ocean) 48%,
        color-mix(in srgb, var(--eco-steel) 65%, var(--eco-ocean)) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-2.is-embed-loading .wo-video-carousel__embed {
    background: linear-gradient(
        135deg,
        var(--eco-blue-teal) 0%,
        color-mix(in srgb, var(--eco-steel) 55%, var(--eco-blue-teal)) 52%,
        var(--eco-steel) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-3.is-embed-loading .wo-video-carousel__embed {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--eco-champagne) 72%, var(--eco-smoky)) 0%,
        var(--eco-champagne) 45%,
        color-mix(in srgb, var(--eco-smoky) 38%, var(--eco-ivory)) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-4.is-embed-loading .wo-video-carousel__embed {
    background: linear-gradient(
        135deg,
        var(--eco-ocean) 0%,
        color-mix(in srgb, var(--eco-midnight) 78%, var(--eco-blue-teal)) 50%,
        var(--eco-midnight) 100%
    );
}

body.wo-body--studio .wo-video-carousel__card--load-1.is-embed-loading .wo-video-carousel__embed::before {
    border-color: rgba(234, 229, 218, 0.28);
    border-top-color: var(--eco-ivory);
}

body.wo-body--studio .wo-video-carousel__card--load-2.is-embed-loading .wo-video-carousel__embed::before {
    border-color: rgba(234, 229, 218, 0.32);
    border-top-color: var(--eco-champagne);
}

body.wo-body--studio .wo-video-carousel__card--load-3.is-embed-loading .wo-video-carousel__embed::before {
    border-color: rgba(23, 45, 77, 0.22);
    border-top-color: var(--eco-midnight);
}

body.wo-body--studio .wo-video-carousel__card--load-4.is-embed-loading .wo-video-carousel__embed::before {
    border-color: rgba(234, 229, 218, 0.26);
    border-top-color: color-mix(in srgb, var(--eco-smoky) 40%, var(--eco-ivory));
}

body.wo-body--studio .wo-video-carousel__card.is-embed-loading .wo-video-carousel__embed::before {
    z-index: 4;
}

body.wo-body--studio .wo-studio-approach__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 17, 14, 0) 35%, rgba(15, 17, 14, 0.82) 100%);
    pointer-events: none;
    z-index: 1;
}

body.wo-body--studio .wo-studio-approach__step .wo-video-carousel__play {
    z-index: 2;
}

body.wo-body--studio .wo-studio-approach__step-foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 1.15rem 1rem 1.25rem;
}

body.wo-body--studio .wo-studio-approach__step-pill {
    margin: 0;
}

body.wo-body--studio .wo-studio-approach__step-pill span {
    display: inline-block;
    max-width: 100%;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(247, 248, 245, 0.35);
    background: rgba(247, 248, 245, 0.16);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: var(--studio-text-xs);
    font-weight: 500;
    line-height: 1.35;
    color: var(--studio-cream);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.wo-body--studio .wo-studio-approach__step .wo-video-carousel__overlay {
    display: none;
}

body.wo-body--studio .wo-studio-approach__controls-wrap {
    margin-top: clamp(1.5rem, 3vw, 2.25rem);
    display: flex;
    justify-content: center;
}

body.wo-body--studio .wo-studio-approach__nav {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    border: 1px solid rgba(37, 43, 40, 0.12);
    background: var(--studio-cream);
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-approach__nav:hover:not(:disabled) {
    background: var(--eco-teal);
    color: var(--studio-cream);
    border-color: var(--eco-navy);
}

@media (max-width: 575.98px) {
    body.wo-body--studio .wo-studio-approach__viewport {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.wo-body--studio .wo-studio-approach__viewport::-webkit-scrollbar {
        display: none;
    }

    body.wo-body--studio .wo-studio-approach__step--tilt-a,
    body.wo-body--studio .wo-studio-approach__step--tilt-b {
        transform: none;
    }

    body.wo-body--studio .wo-studio-approach__title {
        max-width: none;
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-studio-approach__head.wo-reveal:not(.is-visible) {
        opacity: 0.001;
        transform: translate3d(0, 18px, 0);
    }

    body.wo-body--studio .wo-studio-approach.is-visible .wo-studio-approach__head.wo-reveal {
        animation: wo-studio-pov-fade-up-18 0.9s var(--studio-approach-ease) 0.08s both;
    }

    body.wo-body--studio .wo-studio-approach.is-visible .wo-studio-approach__step.wo-video-carousel__card:not(.is-tilt-driven) {
        animation: wo-approach-step-straighten 0.9s var(--studio-approach-ease) both;
        animation-delay: var(--wo-approach-delay, 0s);
    }

    body.wo-body--studio .wo-studio-approach.is-visible .wo-studio-approach__step--tilt-a:not(.is-tilt-driven) {
        --wo-approach-tilt: -2.5deg;
    }

    body.wo-body--studio .wo-studio-approach.is-visible .wo-studio-approach__step--tilt-b:not(.is-tilt-driven) {
        --wo-approach-tilt: 2.5deg;
    }
}

/* —— Testimonials (Orvena) —— */
body.wo-body--studio .wo-studio-testimonial {
    --studio-cream: var(--eco-mint);
    background: var(--studio-cream);
    padding: var(--studio-section-pad-top) var(--studio-page-pad) var(--studio-section-pad-bottom);
    color: var(--eco-navy);
}

body.wo-body--studio .wo-studio-testimonial__container {
    max-width: min(var(--studio-page-max), 100%);
    margin: 0 auto;
}

body.wo-body--studio .wo-studio-testimonial__eyebrow span {
    display: inline-block;
    padding: 0.45rem 1rem;
    border-radius: 999px;
    background: var(--eco-mint);
    font-size: var(--studio-text-sm);
}

body.wo-body--studio .wo-studio-testimonial__section-title {
    margin: 0.75rem 0 0;
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 400;
    letter-spacing: -0.03em;
}

body.wo-body--studio .wo-studio-testimonial__featured {
    display: grid;
    grid-template-columns: minmax(12rem, 280px) minmax(0, 1fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
    margin-top: clamp(2rem, 4vw, 3rem);
}

body.wo-body--studio .wo-studio-testimonial__portrait {
    position: relative;
    min-height: 16rem;
}

body.wo-body--studio .wo-studio-testimonial__portrait-back {
    position: absolute;
    inset: 12% 8% 8% 12%;
    border-radius: 1.5rem;
    background: var(--eco-coral);
    transform: rotate(5deg);
}

body.wo-body--studio .wo-studio-testimonial__portrait-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 14rem;
    border-radius: 1.5rem;
    background: var(--eco-teal);
    color: var(--studio-cream);
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 500;
    transform: rotate(-3deg);
}

body.wo-body--studio .wo-studio-testimonial__portrait-tag {
    position: absolute;
    left: 0.5rem;
    bottom: -0.5rem;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background: var(--eco-teal);
    color: var(--eco-navy);
    font-size: var(--studio-text-xs);
    transform: rotate(-4deg);
}

body.wo-body--studio .wo-studio-testimonial__quote-card {
    margin: 0;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    border-radius: 1.75rem;
    background: var(--eco-teal);
    color: var(--studio-cream);
}

body.wo-body--studio .wo-studio-testimonial__quote-star {
    display: block;
    margin-bottom: 0.85rem;
    color: var(--eco-teal);
}

body.wo-body--studio .wo-studio-testimonial__quote {
    margin: 0;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    line-height: 1.45;
    font-weight: 400;
}

body.wo-body--studio .wo-studio-testimonial__quote p {
    margin: 0;
}

body.wo-body--studio .wo-studio-testimonial__attribution {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 1.35rem;
}

body.wo-body--studio .wo-studio-testimonial__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    border: 3px solid var(--eco-coral);
    background: var(--wo-orange);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

body.wo-body--studio .wo-studio-testimonial__name {
    display: block;
    font-weight: 600;
}

body.wo-body--studio .wo-studio-testimonial__role {
    display: block;
    font-size: var(--studio-text-sm);
    opacity: 0.75;
}

body.wo-body--studio .wo-studio-testimonial__more {
    margin-top: clamp(2rem, 4vw, 3rem);
}

body.wo-body--studio .wo-studio-testimonial__more-scroll {
    overflow: hidden;
}

body.wo-body--studio .wo-studio-testimonial__more-track {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.35s ease;
}

body.wo-body--studio .wo-studio-testimonial__more-track > li {
    flex: 0 0 calc((100% - 2rem) / 3);
    min-width: 0;
}

body.wo-body--studio .wo-studio-testimonial__card {
    padding: 1.25rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(37, 43, 40, 0.08);
    background: #fff;
    min-height: 100%;
}

body.wo-body--studio .wo-studio-testimonial__card-quote {
    margin: 0 0 1rem;
    font-size: var(--studio-text-sm);
    line-height: 1.55;
    color: rgba(37, 43, 40, 0.85);
}

body.wo-body--studio .wo-studio-testimonial__card-name {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--studio-text-sm);
    font-weight: 600;
}

body.wo-body--studio .wo-studio-testimonial__card-role {
    font-weight: 400;
    color: rgba(37, 43, 40, 0.55);
}

body.wo-body--studio .wo-studio-testimonial__controls {
    margin-top: 1rem;
    justify-content: center;
}

@media (max-width: 767.98px) {
    body.wo-body--studio .wo-studio-testimonial__featured {
        grid-template-columns: 1fr;
    }

    body.wo-body--studio .wo-studio-testimonial__more-track > li {
        flex: 0 0 100%;
    }
}

/* —— Home tablet + phone polish —— */
@media (max-width: 991.98px) {
    body.wo-body--studio .wo-hero--studio-theme,
    body.wo-body--studio .wo-studio-work,
    body.wo-body--studio .wo-studio-wedo,
    body.wo-body--studio .wo-studio-snapshot,
    body.wo-body--studio .wo-studio-approach {
        overflow-x: clip;
    }

    body.wo-body--studio .wo-hero__title--theme {
        max-width: none;
    }

    body.wo-body--studio .wo-studio-pov__label {
        max-width: none;
    }

    body.wo-body--studio .wo-studio-work__lead,
    body.wo-body--studio .wo-studio-wedo__lead,
    body.wo-body--studio .wo-studio-approach__lead {
        max-width: 42rem;
    }
}

@media (max-width: 767.98px) {
    body.wo-body--studio .wo-hero--studio-theme .wo-hero__inner.wo-container {
        padding-top: 1rem;
        padding-bottom: 1.15rem;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__layout {
        gap: 1.15rem;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__top {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.5rem 0.75rem;
        margin-bottom: 1.05rem;
    }

    body.wo-body--studio .wo-hero__eyebrow--sand {
        padding: 0.38rem 0.75rem;
        font-size: 0.75rem;
        max-width: 100%;
    }

    body.wo-body--studio .wo-hero__status--theme {
        font-size: 0.75rem;
        line-height: 1.35;
        max-width: 100%;
    }

    body.wo-body--studio .wo-hero__title--theme {
        gap: 0.22rem 0.42rem;
        font-size: clamp(1.85rem, 8.6vw, 2.45rem);
        line-height: 0.96;
        letter-spacing: -0.045em;
    }

    body.wo-body--studio .wo-hero__headline-avatar {
        width: 2.15rem;
        height: 2.15rem;
        margin-left: -0.62rem;
        border-width: 2px;
    }

    body.wo-body--studio .wo-hero__headline-dots {
        height: 2.15rem;
        padding: 0 0.72rem;
        gap: 0.28rem;
    }

    body.wo-body--studio .wo-hero__headline-dots i {
        width: 0.42rem;
        height: 0.42rem;
    }

    body.wo-body--studio .wo-hero--studio-theme .wo-hero__text {
        margin-top: 0.95rem;
        max-width: none;
        font-size: 0.9rem;
        line-height: 1.5;
    }

    body.wo-body--studio .wo-hero__actions--theme {
        margin-top: 1.05rem;
        gap: 0.55rem;
    }

    body.wo-body--studio .wo-hero__btn {
        max-width: 100%;
    }

    body.wo-body--studio .wo-hero__btn > span:first-child {
        white-space: normal;
    }

    body.wo-body--studio .wo-hero__studio-cards {
        width: min(100%, 21.5rem);
    }

    body.wo-body--studio .wo-studio-work__head-text,
    body.wo-body--studio .wo-studio-wedo__head,
    body.wo-body--studio .wo-studio-snapshot__head,
    body.wo-body--studio .wo-studio-approach__container {
        text-align: left;
        max-width: none;
        margin-inline: 0;
    }

    body.wo-body--studio .wo-studio-work__title,
    body.wo-body--studio .wo-studio-wedo__title,
    body.wo-body--studio .wo-studio-snapshot__title,
    body.wo-body--studio .wo-studio-approach__title {
        font-size: clamp(1.65rem, 7.4vw, 2.2rem);
        line-height: 1.06;
        letter-spacing: -0.03em;
        max-width: 18ch;
    }

    body.wo-body--studio .wo-studio-work__lead,
    body.wo-body--studio .wo-studio-wedo__lead,
    body.wo-body--studio .wo-studio-approach__lead {
        font-size: 0.92rem;
        line-height: 1.5;
        max-width: none;
        margin-top: var(--studio-stack);
    }

    body.wo-body--studio .wo-studio-work__scroll {
        padding-inline: 0;
        padding-block: 0.55rem 0.85rem;
        overflow: visible;
    }

    body.wo-body--studio .wo-studio-work__item {
        padding: 0.1rem 0 0.35rem;
    }

    body.wo-body--studio .wo-studio-work__nav-group {
        padding-top: 0.15rem;
        gap: 0.4rem;
    }

    body.wo-body--studio .wo-studio-pov {
        padding-top: var(--studio-section-pad-top);
        padding-bottom: var(--studio-section-pad-bottom);
        padding-inline: var(--studio-page-pad);
    }

    body.wo-body--studio .wo-studio-pov__container {
        gap: 1.35rem;
    }

    body.wo-body--studio .wo-studio-pov__label-row {
        flex-direction: column;
        gap: 0.65rem;
        padding-bottom: 1rem;
        overflow: visible;
    }

    body.wo-body--studio .wo-studio-pov__label--start,
    body.wo-body--studio .wo-studio-pov__label--end {
        opacity: 1;
        transform: none;
        max-width: 100%;
        text-align: left;
        margin-left: 0;
    }

    body.wo-body--studio .wo-studio-pov__label {
        font-size: 0.68rem;
        max-width: 100%;
        letter-spacing: 0.04em;
    }

    body.wo-body--studio .wo-studio-pov__title {
        font-size: clamp(1.55rem, 7vw, 2.15rem);
        line-height: 1.08;
    }

    body.wo-body--studio .wo-studio-pov__lead {
        font-size: 0.92rem;
        margin-top: var(--studio-stack);
    }

    body.wo-body--studio .wo-studio-pov__word {
        font-size: clamp(1.25rem, 6.4vw, 1.75rem);
    }

    body.wo-body--studio .wo-studio-pov__words-row {
        min-height: 0;
        gap: 1rem;
    }

    body.wo-body--studio .wo-studio-pov__accent-card {
        max-width: none;
        width: 100%;
    }

    body.wo-body--studio .wo-studio-wedo__grid > .wo-studio-wedo__card {
        flex: 0 0 86%;
    }

    body.wo-body--studio .wo-studio-snapshot__card {
        flex: 0 0 86%;
        min-height: 0;
    }

    body.wo-body--studio .wo-studio-approach__viewport {
        overflow: hidden;
    }

    body.wo-body--studio .wo-studio-approach__track {
        padding-inline: 0;
    }

    body.wo-body--studio .wo-studio-approach.wo-video-carousel,
    body.wo-body--studio .wo-studio-approach {
        padding-block: var(--studio-section-pad-top) var(--studio-section-pad-bottom);
    }

    body.wo-body--studio .wo-studio-approach__title {
        margin-inline: 0;
        max-width: none;
        text-align: left;
    }

    body.wo-body--studio .wo-studio-approach__container {
        text-align: left;
        max-width: none;
        margin-bottom: var(--studio-head-gap);
    }

    body.wo-body--studio .wo-studio-approach__lead {
        margin-inline: 0;
    }
}

@media (max-width: 767.98px) {
    body.wo-body--studio .wo-studio-snapshot__nav,
    body.wo-body--studio .wo-studio-wedo__nav,
    body.wo-body--studio .wo-studio-approach__nav {
        margin-top: 0.85rem;
        padding-inline: 0;
    }
}

@media (max-width: 479.98px) {
    body.wo-body--studio .wo-hero__title--theme {
        font-size: clamp(1.65rem, 8.2vw, 2.05rem);
    }

    body.wo-body--studio .wo-hero__btn {
        width: 100%;
        justify-content: space-between;
    }

    body.wo-body--studio .wo-hero__studio-cards {
        width: 100%;
        height: clamp(18.5rem, 92vw, 22rem);
        min-height: clamp(18.5rem, 92vw, 22rem);
    }

    body.wo-body--studio .wo-studio-work__grid > .wo-studio-work__item,
    body.wo-body--studio .wo-studio-wedo__grid > .wo-studio-wedo__card,
    body.wo-body--studio .wo-studio-snapshot__card {
        flex-basis: 88%;
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-studio-work__row.is-visible .wo-studio-work__track > .wo-studio-work__item {
        animation: wo-studio-mobile-rise 0.72s var(--studio-ease) both;
    }

    body.wo-body--studio .wo-studio-work__row.is-visible .wo-studio-work__track > .wo-studio-work__item:nth-child(1) {
        animation-delay: 0.04s;
    }

    body.wo-body--studio .wo-studio-work__row.is-visible .wo-studio-work__track > .wo-studio-work__item:nth-child(2) {
        animation-delay: 0.1s;
    }

    body.wo-body--studio .wo-studio-work__row.is-visible .wo-studio-work__track > .wo-studio-work__item:nth-child(n + 3) {
        animation-delay: 0.16s;
    }

    @keyframes wo-studio-mobile-rise {
        from {
            opacity: 0.001;
            transform: translate3d(0, 14px, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }
}

@media (hover: none) and (pointer: coarse) and (prefers-reduced-motion: no-preference) {
    body.wo-body--studio .wo-studio-work__project:active .wo-studio-work__card {
        transform: translate(-1px, -4px) rotate(-1.25deg);
    }

    body.wo-body--studio .wo-studio-work__project:active .wo-studio-work__plate {
        transform: translate(0.15rem, 0.25rem) rotate(3.5deg);
    }

    body.wo-body--studio .wo-studio-wedo__card:active {
        transform: translateY(-3px) scale(1.01);
    }

    body.wo-body--studio .wo-studio-snapshot__card:active {
        transform: translateY(-3px);
    }

    body.wo-body--studio .wo-hero__btn:active {
        transform: scale(0.985);
    }
}

/* CTA — shared styles in studio-theme.css */