/*
 * Premium practice pages — shared, page-scoped component layer for RU, RO and EN.
 * Keep new refinements here instead of adding another override block to styles.css.
 */

.practice-art-direction {
    --corp-refine-bg: #071019;
    --corp-refine-bg-raised: #0a1520;
    --corp-refine-bg-deep: #060e16;
    --corp-refine-text: #e9e3da;
    --corp-refine-muted: #aeb7c0;
    --corp-refine-quiet: #8f9aa4;
    --corp-refine-gold: #c09a63;
    --corp-refine-gold-bright: #d1ae78;
    --corp-refine-line: rgba(192, 154, 99, 0.18);
    --corp-refine-line-soft: rgba(233, 227, 218, 0.09);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .practice-section-head::after {
    content: none;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-summary,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
    grid-template-columns: minmax(0, 1fr);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-summary::after {
    grid-column: 1;
}

/* Section rhythm: same palette, clearer chapter changes. */
.practice-art-direction .corporate-snapshot-section {
    background:
        radial-gradient(circle at 78% 30%, rgba(192, 154, 99, 0.055), transparent 34%),
        var(--corp-refine-bg);
}

.practice-art-direction .corporate-services-section {
    border-top: 1px solid var(--corp-refine-line-soft);
    background:
        radial-gradient(circle at 12% 16%, rgba(70, 91, 108, 0.09), transparent 34%),
        var(--corp-refine-bg-raised);
}

.practice-art-direction .corporate-cases-section {
    border-top: 1px solid var(--corp-refine-line);
    background:
        radial-gradient(circle at 88% 12%, rgba(192, 154, 99, 0.035), transparent 30%),
        var(--corp-refine-bg-deep);
}

.practice-art-direction .corporate-process-section {
    border-top: 1px solid var(--corp-refine-line-soft);
    background:
        linear-gradient(135deg, rgba(70, 91, 108, 0.055), transparent 44%),
        #0a1621;
}

.practice-art-direction .practice-team-section {
    border-top: 1px solid var(--corp-refine-line);
    background:
        radial-gradient(circle at 50% 4%, rgba(192, 154, 99, 0.04), transparent 27%),
        #0c151e;
}

.practice-art-direction .corporate-faq-section {
    border-top: 1px solid var(--corp-refine-line-soft);
    background: var(--corp-refine-bg-deep);
}

.practice-art-direction .corporate-insights-section {
    border-top: 1px solid var(--corp-refine-line);
    background:
        linear-gradient(180deg, rgba(17, 31, 43, 0.42), transparent 62%),
        var(--corp-refine-bg-raised);
}

.practice-art-direction .corporate-inline-contact-form .form-input::placeholder {
    color: rgba(188, 197, 207, 0.62);
}

/* The modal mirrors the closing form while keeping both contact routes visible. */
.practice-art-direction .modal-overlay {
    box-sizing: border-box;
    padding: 12px;
}

.practice-art-direction .contact-modal {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: min(100%, 640px);
    height: auto;
    max-width: 640px;
    max-height: calc(100dvh - 24px);
    padding: 30px 32px 24px;
    overflow: hidden;
    border-color: rgba(192, 154, 99, 0.32);
    background:
        linear-gradient(180deg, rgba(17, 31, 43, 0.24), transparent 36%),
        #08131d;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

.practice-art-direction .contact-modal .modal-close {
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    padding: 0;
}

.practice-art-direction .contact-modal .modal-title {
    flex: 0 0 auto;
    margin: 0 44px 7px 0;
    color: #e9e3da;
    font-size: clamp(1.7rem, 3vw, 2.05rem);
    line-height: 1.12;
    text-align: left;
}

.practice-art-direction .contact-modal-intro {
    flex: 0 0 auto;
    max-width: 52ch;
    margin: 0 44px 18px 0;
    color: rgba(215, 221, 228, 0.78);
    font-size: 0.9rem;
    line-height: 1.5;
}

.practice-art-direction .contact-modal #contactForm {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    gap: 0;
}

.practice-art-direction .contact-modal-fields {
    align-content: start;
    display: grid;
    flex: 1 1 auto;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 14px;
    min-height: 0;
    padding: 2px 5px 10px 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: rgba(192, 154, 99, 0.36) transparent;
    scrollbar-width: thin;
}

.practice-art-direction .contact-modal-field-phone,
.practice-art-direction .contact-modal-field-message,
.practice-art-direction .contact-modal-privacy,
.practice-art-direction .contact-modal-fields > .form-error {
    grid-column: 1 / -1;
}

.practice-art-direction .contact-modal .form-group {
    min-width: 0;
    gap: 6px;
}

.practice-art-direction .contact-modal .form-group label {
    color: rgba(232, 226, 217, 0.92);
    font: 600 0.76rem/1.35 var(--font-body);
    letter-spacing: 0.105em;
    text-transform: uppercase;
}

.practice-art-direction .contact-modal .form-input {
    box-sizing: border-box;
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid rgba(189, 199, 209, 0.22);
    border-radius: 1px;
    background: rgba(4, 13, 21, 0.58);
    color: rgba(243, 245, 248, 0.96);
    font-size: 16px;
}

.practice-art-direction .contact-modal .form-input::placeholder {
    color: rgba(188, 197, 207, 0.62);
    opacity: 1;
}

.practice-art-direction .contact-modal textarea.form-input {
    min-height: 94px;
    resize: vertical;
}

.practice-art-direction .contact-modal-field-hint {
    color: rgba(188, 197, 207, 0.7);
    font-size: 0.76rem;
    line-height: 1.4;
}

.practice-art-direction .contact-modal-privacy {
    margin: 0;
    color: rgba(188, 197, 207, 0.72);
    font-size: 0.72rem;
    line-height: 1.45;
}

.practice-art-direction .contact-modal-actions {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 4px;
    padding-top: 14px;
    border-top: 1px solid rgba(192, 154, 99, 0.18);
    background: #08131d;
}

.practice-art-direction .contact-modal-actions > .btn-submit,
.practice-art-direction .contact-modal-actions > .telegram-modal-cta {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 50px;
    margin: 0;
    padding: 12px 14px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
}

.practice-art-direction .contact-modal-actions > .btn-submit {
    font-size: 0.74rem;
    letter-spacing: 0.1em;
}

.practice-art-direction .contact-modal-actions > .telegram-modal-separator {
    display: none;
}

.practice-art-direction .contact-modal #successMessage {
    margin: auto;
}

@media (max-width: 600px) {
    .practice-art-direction .modal-overlay {
        padding: 8px;
    }

    .practice-art-direction .contact-modal {
        width: 100%;
        height: auto;
        max-height: calc(100dvh - 16px);
        padding: 21px 17px 15px;
    }

    .practice-art-direction .contact-modal .modal-close {
        top: 5px;
        right: 5px;
    }

    .practice-art-direction .contact-modal .modal-title {
        margin-right: 40px;
        margin-bottom: 5px;
        font-size: 1.58rem;
    }

    .practice-art-direction .contact-modal-intro {
        margin: 0 36px 13px 0;
        font-size: 0.84rem;
        line-height: 1.42;
    }

    .practice-art-direction .contact-modal-fields {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding-right: 3px;
        padding-bottom: 8px;
    }

    .practice-art-direction .contact-modal-field-phone,
    .practice-art-direction .contact-modal-field-message,
    .practice-art-direction .contact-modal-privacy,
    .practice-art-direction .contact-modal-fields > .form-error {
        grid-column: auto;
    }

    .practice-art-direction .contact-modal .form-group {
        gap: 4px;
    }

    .practice-art-direction .contact-modal .form-group label {
        font-size: 0.72rem;
        letter-spacing: 0.08em;
    }

    .practice-art-direction .contact-modal .form-input {
        min-height: 44px;
        padding: 10px 12px;
    }

    .practice-art-direction .contact-modal textarea.form-input {
        min-height: 82px;
    }

    .practice-art-direction .contact-modal-field-hint,
    .practice-art-direction .contact-modal-privacy {
        font-size: 0.7rem;
    }

    .practice-art-direction .contact-modal-actions {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding-top: 11px;
    }

    .practice-art-direction .contact-modal-actions > .btn-submit,
    .practice-art-direction .contact-modal-actions > .telegram-modal-cta {
        min-height: 44px;
        padding-block: 10px;
    }
}

/* Micro hierarchy and compact editorial labels. */
.practice-art-direction .corporate-service-summary-copy h3,
.practice-art-direction #cases .corporate-case-tab h3,
.practice-art-direction .corporate-strategy-summary h3,
.practice-art-direction .corporate-faq-summary h3 {
    font-weight: 500;
    letter-spacing: -0.012em;
}

.practice-art-direction .corporate-service-description .service-cap {
    display: inline;
    min-height: 0;
    margin: 0 14px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(209, 174, 120, 0.84) !important;
    font-size: 0.78rem !important;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.015em;
    text-transform: none;
}

.practice-art-direction .corporate-service-description .service-cap::before {
    content: "—";
    margin-right: 6px;
    color: rgba(192, 154, 99, 0.52);
}

/* Team: comparable evidence and robust mobile carousel controls. */
.practice-art-direction .corporate-team-carousel {
    position: relative;
    min-width: 0;
}

.practice-art-direction .corporate-team-carousel .team-grid:focus-visible {
    outline: 1px solid rgba(209, 174, 120, 0.68);
    outline-offset: 5px;
}

.practice-art-direction .corporate-team-competence {
    max-width: 34ch;
    margin-top: 8px;
    color: rgba(174, 183, 192, 0.86) !important;
    font-size: 0.82rem !important;
    line-height: 1.52 !important;
    text-wrap: pretty;
}

.practice-art-direction .corporate-team-navigation {
    display: none;
}

/* Useful materials: editorial reading cards, not generic containers. */
.practice-art-direction .corporate-insights-section .practice-snapshot-grid {
    align-items: stretch;
}

.practice-art-direction .corporate-insights-section .practice-snapshot-card {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(24px, 2.5vw, 34px) clamp(20px, 2.2vw, 30px);
    border: 0;
    border-top: 1px solid rgba(192, 154, 99, 0.45);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.practice-art-direction .corporate-insights-section .practice-snapshot-card h3 {
    margin: 0 0 14px;
    font-size: clamp(1.2rem, 1.5vw, 1.48rem) !important;
    line-height: 1.22 !important;
    text-wrap: pretty;
}

.practice-art-direction .corporate-insights-section .practice-snapshot-card p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 0.93rem !important;
    line-height: 1.58 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.practice-art-direction .corporate-insights-section .service-link {
    min-height: 44px;
    margin-top: auto;
    padding-top: 20px;
}

/* Breadcrumb and footer navigation: readable text plus honest touch targets. */
.practice-art-direction .seo-breadcrumbs {
    font-size: 0.72rem;
    line-height: 1.35;
}

.practice-art-direction .seo-breadcrumbs a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin-block: -10px;
    padding-block: 10px;
}

/* Team carousel: one responsive control layer for phone and tablet overflow. */
@media (max-width: 900px) {
    .practice-art-direction .corporate-team-carousel .team-grid {
        scrollbar-width: none;
        touch-action: pan-x pan-y;
        overscroll-behavior-inline: contain;
    }

    .practice-art-direction .corporate-team-carousel .team-grid::-webkit-scrollbar {
        display: none;
    }

    .practice-art-direction .corporate-team-navigation {
        position: absolute;
        z-index: 4;
        inset: 0;
        display: block;
        pointer-events: none;
    }

    .practice-art-direction .corporate-team-control {
        position: absolute;
        top: clamp(150px, 48vw, 190px);
        display: grid;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        color: rgba(233, 227, 218, 0.86);
        cursor: pointer;
        pointer-events: auto;
        place-items: center;
        transform: translateY(-50%);
        -webkit-tap-highlight-color: transparent;
    }

    .practice-art-direction .corporate-team-control::before {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        border: 1px solid rgba(209, 174, 120, 0.3);
        border-radius: 50%;
        background: rgba(6, 14, 22, 0.72);
        box-shadow: 0 8px 24px rgba(0, 4, 10, 0.18);
        backdrop-filter: blur(4px);
    }

    .practice-art-direction .corporate-team-control svg {
        position: relative;
        z-index: 1;
    }

    .practice-art-direction .corporate-team-control-prev {
        left: 2px;
    }

    .practice-art-direction .corporate-team-control-next {
        right: 2px;
    }

    .practice-art-direction .corporate-team-control:disabled {
        opacity: 0.22;
        cursor: default;
    }

    .practice-art-direction .corporate-team-control:focus-visible {
        outline: 1px solid var(--corp-refine-gold-bright);
        outline-offset: -4px;
    }

    .practice-art-direction .corporate-team-position {
        position: absolute;
        top: 12px;
        right: 16px;
        padding: 5px 7px;
        border: 1px solid rgba(209, 174, 120, 0.2);
        background: rgba(6, 14, 22, 0.68);
        color: rgba(233, 227, 218, 0.72);
        font: 500 0.64rem/1 var(--font-body);
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.08em;
        pointer-events: none;
        backdrop-filter: blur(4px);
    }

    .practice-art-direction .corporate-team-competence {
        min-height: 2.9em;
        margin-top: 7px;
        font-size: 0.82rem !important;
    }
}

/* Mobile folio: present only where it adds orientation. */
@media (max-width: 760px) {
    .practice-art-direction .corporate-page-folio-index {
        right: max(0px, env(safe-area-inset-right));
        width: 40px;
        height: 98px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-50%) translateX(5px);
    }

    .practice-art-direction .corporate-page-folio-index.is-past-hero {
        opacity: 0.5;
        visibility: visible;
        transform: translateY(-50%) translateX(0);
    }

    .practice-art-direction .corporate-page-folio-index.is-announcing,
    .practice-art-direction .corporate-page-folio-index.is-dialog-open,
    .practice-art-direction .corporate-page-folio-index:focus-within {
        opacity: 0.92;
    }

    .practice-art-direction .corporate-page-folio-index.is-suppressed,
    .practice-art-direction .corporate-page-folio-index.is-context-suppressed {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transform: translateY(-50%) translateX(8px);
    }

    .practice-art-direction .corporate-case-index-trigger {
        width: 40px;
        min-width: 40px;
    }

    .practice-art-direction .corporate-case-index-tab {
        width: 21px;
        height: 29px;
        border-color: rgba(209, 174, 120, 0.28);
        background: rgba(142, 108, 64, 0.13);
    }

    .practice-art-direction .corporate-case-index-number {
        font-size: 0.61rem;
    }

    .practice-art-direction .corporate-case-index-transient {
        right: 20px;
        height: 29px;
        font-size: 0.64rem;
    }

    .practice-art-direction .corporate-page-folio-index.is-announcing .corporate-case-index-transient {
        max-width: 118px;
        padding-inline: 8px 9px;
    }

    /* Mobile typography: increase hierarchy without inflating the page. */
    .practice-art-direction #services .corporate-service-summary-copy h3,
    .practice-art-direction #cases .corporate-case-tab h3,
    .practice-art-direction #process .corporate-strategy-summary h3,
    .practice-art-direction #faq .corporate-faq-summary h3 {
        font-size: clamp(1.16rem, 4.7vw, 1.24rem) !important;
        line-height: 1.27 !important;
    }

    .practice-art-direction .corporate-outcome-detail > p,
    .practice-art-direction .corporate-service-description .service-lead,
    .practice-art-direction #cases .corporate-case-situation,
    .practice-art-direction #cases .corporate-case-action p,
    .practice-art-direction .corporate-strategy-detail > p:first-child,
    .practice-art-direction .corporate-faq-answer p {
        font-size: 0.96rem !important;
        line-height: 1.55 !important;
    }

    .practice-art-direction .corporate-outcome-points strong {
        font-size: 0.93rem !important;
        line-height: 1.35 !important;
    }

    .practice-art-direction .corporate-outcome-points span {
        font-size: 0.84rem !important;
        line-height: 1.46 !important;
    }

    .practice-art-direction #cases .corporate-case-situation::before,
    .practice-art-direction #cases .corporate-case-action .case-line-label,
    .practice-art-direction #cases .corporate-case-result .result-label,
    .practice-art-direction .corporate-strategy-result-label,
    .practice-art-direction .corporate-faq-answer-label {
        font-size: 0.75rem !important;
        line-height: 1.35 !important;
    }

    /* Shorter open panels: tighter space, full content retained. */
    .practice-art-direction .corporate-service-copy {
        padding-top: 18px;
        padding-bottom: 20px;
    }

    .practice-art-direction #services .corporate-service-description .service-cap {
        margin-right: 11px;
        font-size: 0.76rem !important;
        line-height: 1.85 !important;
    }

    .practice-art-direction #cases .corporate-case-sheet {
        padding-bottom: 20px;
    }

    .practice-art-direction #cases .corporate-case-situation {
        margin-bottom: 18px;
        padding-block: 17px;
    }

    .practice-art-direction #cases .corporate-case-action {
        padding-bottom: 16px;
    }

    .practice-art-direction #cases .corporate-case-result {
        padding-top: 16px;
    }

    .practice-art-direction .corporate-strategy-detail {
        padding-bottom: 18px;
    }

    .practice-art-direction .corporate-faq-answer {
        padding-top: 0;
        padding-bottom: 18px;
    }

    /* Editorial resource list is shorter and easier to scan on phones. */
    .practice-art-direction .corporate-insights-section .practice-snapshot-card {
        min-height: 0;
        padding: 22px 0 24px;
    }

    .practice-art-direction .corporate-insights-section .practice-snapshot-card h3 {
        margin-bottom: 10px;
        font-size: 1.2rem !important;
        line-height: 1.25 !important;
    }

    .practice-art-direction .corporate-insights-section .practice-snapshot-card p {
        font-size: 0.92rem !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 3;
    }

    .practice-art-direction .corporate-insights-section .service-link {
        margin-top: 12px;
        padding-top: 0;
    }

    .practice-art-direction .footer-links {
        gap: 0;
    }

    .practice-art-direction .footer-links a,
    .practice-art-direction .footer-bottom a {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        font-size: 0.875rem;
        line-height: 1.35;
    }
}

@media (max-width: 360px) {
    .practice-art-direction .corporate-team-control {
        top: 150px;
    }

    .practice-art-direction .corporate-team-position {
        right: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .practice-art-direction .corporate-team-control,
    .practice-art-direction .corporate-page-folio-index {
        transition: none;
    }
}

/* Restore the shared phone action in the header's touch-layout range. */
@media (max-width: 1100px) {
    .practice-art-direction .floating-call {
        display: inline-flex !important;
    }
}

/* Keep the multi-line office address marker aligned with its first line. */
@media (max-width: 768px) {
    .practice-art-direction .footer .contact-info > p:first-child {
        align-items: flex-start;
    }
}

/*
 * Services index micro-polish.
 * Keep the established three-part composition while improving hierarchy,
 * active-state clarity and the compact accordion on narrow screens.
 */
.practice-art-direction #services .corporate-section-head h2 {
    text-wrap: balance;
}

.practice-art-direction #services .corporate-section-head p,
.practice-art-direction #services .corporate-service-summary-copy h3,
.practice-art-direction #services .corporate-service-description .service-lead {
    text-wrap: pretty;
}

.practice-art-direction #services .corporate-service-summary::before {
    color: rgba(209, 174, 120, 0.82);
    font-variant-numeric: tabular-nums;
}

.practice-art-direction #services .corporate-service-summary-copy h3 {
    color: rgba(233, 227, 218, 0.76) !important;
}

.practice-art-direction #services .corporate-service-row[open] .corporate-service-summary-copy h3 {
    color: rgba(245, 239, 230, 0.98) !important;
}

.practice-art-direction #services .corporate-service-summary:focus-visible {
    outline: 1px solid rgba(209, 174, 120, 0.72);
    outline-offset: -2px;
}

.practice-art-direction #services .corporate-service-toggle::before {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.practice-art-direction #services .corporate-service-toggle {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.practice-art-direction #services .corporate-service-description {
    display: block;
}

.practice-art-direction #services .corporate-service-description .service-lead {
    display: block;
    width: auto;
}

.practice-art-direction #services .corporate-service-description .service-cap {
    display: inline !important;
    min-height: 0 !important;
    margin: 0 14px 0 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(209, 174, 120, 0.88) !important;
    font-size: 0.76rem !important;
    font-weight: 500;
    line-height: 1.9 !important;
    letter-spacing: 0.012em;
    text-shadow: 0 1px 10px rgba(6, 14, 22, 0.92);
}

.practice-art-direction #services .corporate-service-description .service-cap::before {
    content: "\2014";
    margin-right: 6px;
    color: rgba(209, 174, 120, 0.54);
}

.practice-art-direction #services .corporate-service-visual {
    filter: saturate(0.5) contrast(1.04) brightness(0.82);
}

.practice-art-direction #services .corporate-service-visual::before {
    background:
        linear-gradient(90deg, var(--corp-refine-bg-raised) 0%, rgba(10, 21, 32, 0.7) 18%, transparent 58%),
        linear-gradient(180deg, var(--corp-refine-bg-raised) 0%, transparent 38%, rgba(10, 21, 32, 0.2) 74%, var(--corp-refine-bg-raised) 100%);
}

@media (min-width: 961px) {
    .practice-art-direction #services .corporate-service-copy {
        height: 100%;
    }

    .practice-art-direction #services .corporate-service-summary {
        border-bottom-color: rgba(233, 227, 218, 0.1);
        transition:
            background-color 180ms ease,
            color 180ms ease,
            box-shadow 180ms ease;
    }

    .practice-art-direction #services .corporate-service-row[open] .corporate-service-summary {
        border: 0;
        background: linear-gradient(90deg, rgba(192, 154, 99, 0.105), rgba(192, 154, 99, 0.024) 74%, transparent);
        box-shadow:
            inset 1px 0 0 rgba(209, 174, 120, 0.72),
            inset 0 1px 0 rgba(192, 154, 99, 0.24),
            inset 0 -1px 0 rgba(192, 154, 99, 0.24);
    }

    .practice-art-direction #services .corporate-service-detail-title {
        color: rgba(239, 233, 224, 0.94) !important;
        letter-spacing: -0.025em;
    }

    .practice-art-direction #services .corporate-service-description .service-lead {
        color: rgba(184, 192, 199, 0.96) !important;
    }
}

/*
 * Corporate reference skeleton — useful materials.
 * A single editorial shelf replaces the mixed practice/article card cluster.
 */
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section {
    padding-block: clamp(76px, 7vw, 112px);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .corporate-section-head {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
    column-gap: clamp(48px, 7vw, 108px);
    align-items: end;
    margin-bottom: clamp(34px, 4vw, 54px);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .practice-section-kicker,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .practice-section-title {
    grid-column: 1;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .practice-section-desc {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-block: 1px solid rgba(205, 163, 99, 0.24);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card {
    position: relative;
    min-width: 0;
    min-height: 320px;
    padding: clamp(26px, 2.6vw, 38px) clamp(22px, 2.35vw, 34px);
    border: 0;
    border-right: 1px solid rgba(233, 227, 218, 0.1);
    background: transparent;
    transition: background-color 180ms ease, border-color 180ms ease;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card:last-child {
    border-right: 0;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card:hover,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card:focus-within {
    border-color: rgba(205, 163, 99, 0.28);
    background-color: rgba(205, 163, 99, 0.035);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card h3 {
    max-width: 24ch;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card .service-link span {
    display: inline-block;
    transition: transform 180ms ease;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card .service-link:hover span,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card .service-link:focus-visible span {
    transform: translateX(4px);
}

@media (max-width: 900px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .corporate-section-head {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 0;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .practice-section-kicker,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .practice-section-title,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .practice-section-desc {
        grid-column: 1;
        grid-row: auto;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .practice-section-desc {
        margin-top: 18px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card {
        min-height: 0;
        padding: 24px 0 26px;
        border-right: 0;
        border-bottom: 1px solid rgba(233, 227, 218, 0.1);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card:last-child {
        border-bottom: 0;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card:hover,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card:focus-within {
        background-color: transparent;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card .service-link span {
        transition: none;
    }
}

@media (min-width: 961px) and (max-width: 1100px) {
    .practice-art-direction #services > .container {
        grid-template-columns: minmax(228px, 0.48fr) minmax(0, 1.52fr);
        gap: 32px;
    }

    .practice-art-direction #services .corporate-service-copy {
        padding-left: 32px;
    }

    .practice-art-direction #services .corporate-service-detail-title {
        font-size: clamp(1.85rem, 3.1vw, 2.1rem) !important;
    }
}

@media (max-width: 960px) {
    .practice-art-direction #services .corporate-service-row[open] .corporate-service-summary {
        border: 0;
        border-left: 1px solid rgba(209, 174, 120, 0.84);
        background: linear-gradient(90deg, rgba(192, 154, 99, 0.075), transparent 88%);
        box-shadow: none;
    }

    .practice-art-direction #services .corporate-service-copy {
        padding: 16px 12px 18px clamp(12px, 4vw, 20px);
    }

    .practice-art-direction #services .corporate-service-description .service-lead {
        margin-bottom: 12px;
    }

    .practice-art-direction #services .corporate-service-description .service-cap {
        margin-right: 11px;
        font-size: 0.76rem !important;
        line-height: 1.9 !important;
    }

    .practice-art-direction #services .corporate-service-visual {
        height: clamp(96px, 26vw, 136px);
        margin: 14px 0 -6px;
    }
}

/* Snapshot dossier: reveal the full object once copy and art are stacked. */
@media (max-width: 820px) {
    .practice-art-direction #snapshot .corporate-outcome-visual {
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        aspect-ratio: 16 / 10;
        overflow: hidden;
        background: var(--corp-refine-bg);
    }

    .practice-art-direction #snapshot .corporate-outcome-visual picture {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: auto;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .practice-art-direction #snapshot .corporate-outcome-visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 47%;
    }

    .practice-art-direction #snapshot .corporate-outcome-visual::before {
        background: linear-gradient(
            180deg,
            rgba(7, 16, 25, 0.82) 0%,
            rgba(7, 16, 25, 0.18) 9%,
            transparent 20%,
            transparent 80%,
            rgba(7, 16, 25, 0.2) 91%,
            var(--corp-refine-bg) 100%
        );
    }
}

@media (max-width: 760px) {
    .practice-art-direction #snapshot .corporate-outcome-visual {
        aspect-ratio: 4 / 3;
    }
}

/*
 * Practice-specific service art.
 * The visual remains one shared component, while each service reveals an image
 * that matches the selected legal task. `--practice-service-art` deliberately
 * takes precedence over legacy per-page inline variables.
 */
.practice-art-direction .practice-service-visual,
.practice-art-direction .corporate-service-visual {
    background:
        linear-gradient(180deg, rgba(7, 16, 25, 0.12), rgba(7, 16, 25, 0.4)),
        var(
            --practice-service-art,
            var(--corporate-service-art, url("../images/corporate_boardroom-800.webp"))
        )
        var(--practice-service-position, var(--corporate-service-position, 50% 50%)) / cover no-repeat;
}

.practice-art-direction[data-practice="criminal_law"] #services .corporate-service-row:nth-child(1) .corporate-service-visual {
    --practice-service-art: url("../images/blog/chto-delat-esli-zaderzhali-dopros-moldova-cover-3a6b14b7-960.webp");
    --practice-service-position: 50% 48%;
}
.practice-art-direction[data-practice="criminal_law"] #services .corporate-service-row:nth-child(2) .corporate-service-visual {
    --practice-service-art: url("../images/blog/online-fraud-money-back-moldova-cover-50fa23fb-960.webp");
    --practice-service-position: 50% 46%;
}
.practice-art-direction[data-practice="criminal_law"] #services .corporate-service-row:nth-child(3) .corporate-service-visual {
    --practice-service-art: url("../images/blog/kak-poluchit-emotsionalnoe-udovletvorenie-posle-prestupleniya-cover-f3846c86-960.webp");
}
.practice-art-direction[data-practice="criminal_law"] #services .corporate-service-row:nth-child(4) .corporate-service-visual {
    --practice-service-art: url("../images/blog/online-presledovanie-moldova-cover-967d3d80-960.webp");
}
.practice-art-direction[data-practice="criminal_law"] #services .corporate-service-row:nth-child(5) .corporate-service-visual {
    --practice-service-art: url("../images/blog/riski-deshevogo-advokata-moldova-cover-a4789096-960.webp");
}
.practice-art-direction[data-practice="criminal_law"] #services .corporate-service-row:nth-child(6) .corporate-service-visual {
    --practice-service-art: url("../images/blog/financial-safety-moldova-cash-limits-mia-cover-b90a1667-932.webp");
}

.practice-art-direction[data-practice="family_law"] #services .corporate-service-row:nth-child(1) .corporate-service-visual,
.practice-art-direction[data-practice="family_law"] #services .corporate-service-row:nth-child(4) .corporate-service-visual {
    --practice-service-art: url("../images/family_hero-960.webp");
}
.practice-art-direction[data-practice="family_law"] #services .corporate-service-row:nth-child(2) .corporate-service-visual {
    --practice-service-art: url("../images/blog/inheritance-moldova-cover-d6adce8a-960.webp");
}
.practice-art-direction[data-practice="family_law"] #services .corporate-service-row:nth-child(3) .corporate-service-visual {
    --practice-service-art: url("../images/blog/dolgi-po-alimentam-moldova-cover-5673e2a4-960.webp");
}
.practice-art-direction[data-practice="family_law"] #services .corporate-service-row:nth-child(5) .corporate-service-visual {
    --practice-service-art: url("../images/blog/nasledstvo-moldova-2026-novye-pravila-cover-b374f297-960.webp");
}
.practice-art-direction[data-practice="family_law"] #services .corporate-service-row:nth-child(6) .corporate-service-visual {
    --practice-service-art: url("../images/blog/inheritance-moldova-cover-d6adce8a-960.webp");
    --practice-service-position: 50% 42%;
}

.practice-art-direction[data-practice="tax_law"] #services .corporate-service-row:nth-child(1) .corporate-service-visual {
    --practice-service-art: url("../images/blog/tax-audit-moldova-sfs-business-rights-cover-efcb55da-951.webp");
}
.practice-art-direction[data-practice="tax_law"] #services .corporate-service-row:nth-child(2) .corporate-service-visual {
    --practice-service-art: url("../images/blog/tax-calendar-business-moldova-2026-cover-e8406558-960.webp");
}
.practice-art-direction[data-practice="tax_law"] #services .corporate-service-row:nth-child(3) .corporate-service-visual {
    --practice-service-art: url("../images/blog/tax-reform-moldova-2026-2027-cover-6c21ed89-960.webp");
}
.practice-art-direction[data-practice="tax_law"] #services .corporate-service-row:nth-child(4) .corporate-service-visual {
    --practice-service-art: url("../images/blog/reinvested-profit-tax-moldova-sme-cover-a3eb5de0-960.webp");
}
.practice-art-direction[data-practice="tax_law"] #services .corporate-service-row:nth-child(5) .corporate-service-visual {
    --practice-service-art: url("../images/blog/freelance-taxes-moldova-1-percent-cover-4797c6ae-948.webp");
}
.practice-art-direction[data-practice="tax_law"] #services .corporate-service-row:nth-child(6) .corporate-service-visual {
    --practice-service-art: url("../images/blog/moldova-it-park-7-percent-tax-guide-cover-6f47dd70-947.webp");
}
.practice-art-direction[data-practice="tax_law"] #services .corporate-service-row:nth-child(7) .corporate-service-visual {
    --practice-service-art: url("../images/tax_law-768.webp");
}

.practice-art-direction[data-practice="real_estate"] #services .corporate-service-row:nth-child(1) .corporate-service-visual,
.practice-art-direction[data-practice="real_estate"] #services .corporate-service-row:nth-child(6) .corporate-service-visual {
    --practice-service-art: url("../images/blog/buy-apartment-moldova-legal-check-cover-0c78d55a-960.webp");
}
.practice-art-direction[data-practice="real_estate"] #services .corporate-service-row:nth-child(2) .corporate-service-visual {
    --practice-service-art: url("../images/blog/pravila-pokupki-nedvizhimosti-moldova-2026-cover-43fcb73a-960.webp");
}
.practice-art-direction[data-practice="real_estate"] #services .corporate-service-row:nth-child(3) .corporate-service-visual {
    --practice-service-art: url("../images/blog/arenda-kvartiry-bez-dogovora-moldova-cover-1d844739-960.webp");
}
.practice-art-direction[data-practice="real_estate"] #services .corporate-service-row:nth-child(4) .corporate-service-visual {
    --practice-service-art: url("../images/blog/legalizarea-constructiilor-fara-autorizatie-2028-republica-moldova-cover-39506c4e-960.webp");
}
.practice-art-direction[data-practice="real_estate"] #services .corporate-service-row:nth-child(5) .corporate-service-visual,
.practice-art-direction[data-practice="real_estate"] #services .corporate-service-row:nth-child(7) .corporate-service-visual {
    --practice-service-art: url("../images/real_estate_hero-800.webp");
}

.practice-art-direction[data-practice="it_crypto_law"] #services .corporate-service-row:nth-child(1) .corporate-service-visual {
    --practice-service-art: url("../images/blog/moldova-it-park-7-percent-tax-guide-cover-6f47dd70-947.webp");
}
.practice-art-direction[data-practice="it_crypto_law"] #services .corporate-service-row:nth-child(2) .corporate-service-visual {
    --practice-service-art: url("../images/blog/ecommerce-moldova-legal-guide-returns-offer-cover-4835a3a4-942.webp");
}
.practice-art-direction[data-practice="it_crypto_law"] #services .corporate-service-row:nth-child(3) .corporate-service-visual {
    --practice-service-art: url("../images/blog/intellectual-property-moldova-brand-protection-agepi-cover-7da3a889-945.webp");
}
.practice-art-direction[data-practice="it_crypto_law"] #services .corporate-service-row:nth-child(4) .corporate-service-visual {
    --practice-service-art: url("../images/blog/cryptoassets-moldova-bill-cover-aaec2c19-960.webp");
}
.practice-art-direction[data-practice="it_crypto_law"] #services .corporate-service-row:nth-child(5) .corporate-service-visual {
    --practice-service-art: url("../images/blog/personal-data-moldova-2026-cover-ea76637e-960.webp");
}
.practice-art-direction[data-practice="it_crypto_law"] #services .corporate-service-row:nth-child(6) .corporate-service-visual {
    --practice-service-art: url("../images/blog/remote-work-labor-moldova-cover-bfa7b51c-960.webp");
}

/* Cases: keep the grid control centred instead of inheriting legacy offsets. */
.practice-art-direction #cases .corporate-case-toggle {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    align-self: center;
    justify-self: end;
    margin: 0;
}

/*
 * THESIS: The process reads as one confidential working dossier, not a stack
 * of unrelated accordion cards.
 * OWN-WORLD: Ink-blue cloth folders, warm paper, ivory type, and restrained
 * antique-gold rules extend the established Colenco Legal palette.
 * STORY: Visitors scan the complete route, open one stage, and read its legal
 * purpose on the paper sheet held inside the dossier.
 * FIRST VIEWPORT: Editorial introduction remains on the left; the layered
 * dossier is the single visual object on the right.
 * FORM: User-approved layered legal dossier, preserving native details/summary
 * semantics and the existing multilingual content.
 */

/* Process dossier — shared by every practice and language. */
.practice-art-direction #process .corporate-strategy-stack {
    --dossier-cloth: #111d28;
    --dossier-cloth-deep: #0b151f;
    --dossier-edge: rgba(213, 184, 137, 0.24);
    --dossier-paper: #e5dccd;
    --dossier-paper-ink: #25313a;
    --dossier-paper-muted: #53606a;
    display: flex;
    min-height: 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 940px;
    margin: 12px 0 0;
    padding: 18px 0 22px;
    overflow: visible;
    isolation: isolate;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage,
.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(n) {
    --dossier-inset: 0%;
    position: relative;
    z-index: 1;
    width: calc(100% - var(--dossier-inset));
    min-height: 0;
    margin: -5px 0 0 var(--dossier-inset);
    overflow: visible;
    transform: none;
    border: 1px solid rgba(230, 224, 215, 0.13);
    border-radius: 7px 7px 3px 3px;
    background:
        linear-gradient(104deg, rgba(255, 255, 255, 0.018), transparent 22%),
        repeating-linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.012) 0,
            rgba(255, 255, 255, 0.012) 1px,
            transparent 1px,
            transparent 4px
        ),
        linear-gradient(145deg, var(--dossier-cloth), var(--dossier-cloth-deep));
    box-shadow: 0 9px 22px rgba(0, 5, 12, 0.24);
    transition:
        border-color 180ms ease,
        box-shadow 220ms ease;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(1) {
    --dossier-inset: 9%;
    z-index: 7;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(2) {
    --dossier-inset: 5%;
    z-index: 6;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(3) {
    --dossier-inset: 1%;
    z-index: 5;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(4) {
    --dossier-inset: 3%;
    z-index: 4;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(5) {
    --dossier-inset: 6%;
    z-index: 3;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(6) {
    --dossier-inset: 9%;
    z-index: 2;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(7) {
    --dossier-inset: 12%;
    z-index: 1;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:first-child {
    margin-top: 0;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -10px;
    right: clamp(18px, 4.5vw, 62px);
    width: clamp(76px, 12vw, 124px);
    height: 11px;
    border: 1px solid rgba(230, 224, 215, 0.14);
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    background:
        linear-gradient(105deg, rgba(255, 255, 255, 0.018), transparent 50%),
        var(--dossier-cloth);
    box-shadow: 0 -5px 12px rgba(0, 4, 10, 0.14);
    pointer-events: none;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 14px;
    bottom: 11px;
    width: 20px;
    height: 20px;
    border-right: 1px solid rgba(204, 167, 112, 0.48);
    border-bottom: 1px solid rgba(204, 167, 112, 0.48);
    pointer-events: none;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage[open] {
    --dossier-inset: 0%;
    z-index: 10;
    width: 100%;
    min-height: 0;
    margin-left: 0;
    border-color: rgba(203, 165, 109, 0.52);
    background:
        linear-gradient(104deg, rgba(255, 255, 255, 0.022), transparent 25%),
        repeating-linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.013) 0,
            rgba(255, 255, 255, 0.013) 1px,
            transparent 1px,
            transparent 4px
        ),
        linear-gradient(145deg, #152431, #0d1924);
    box-shadow: 0 22px 42px rgba(0, 4, 11, 0.34);
}

.practice-art-direction #process .corporate-strategy-summary {
    display: grid;
    grid-template-columns: clamp(48px, 6vw, 70px) minmax(0, 1fr) 34px;
    min-height: 68px;
    align-items: center;
    gap: clamp(14px, 2vw, 24px);
    padding: 11px clamp(17px, 2.5vw, 30px);
    border: 0;
    background: transparent;
    cursor: pointer;
}

.practice-art-direction #process .corporate-strategy-summary::-webkit-details-marker {
    display: none;
}

.practice-art-direction #process .corporate-strategy-index {
    align-self: stretch;
    display: grid;
    min-width: 0;
    place-items: center start;
    padding-right: clamp(12px, 1.6vw, 19px);
    border-right: 1px solid var(--dossier-edge);
    color: rgba(211, 175, 122, 0.88);
    font: 500 clamp(1.45rem, 2vw, 2rem)/1 var(--font-heading);
    letter-spacing: -0.018em;
}

.practice-art-direction #process .corporate-strategy-summary h3 {
    min-width: 0;
    margin: 0;
    color: rgba(235, 229, 220, 0.74) !important;
    font-size: clamp(1.08rem, 1.38vw, 1.34rem) !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.012em !important;
    overflow-wrap: break-word;
    text-wrap: pretty;
}

.practice-art-direction #process .corporate-strategy-stage[open] .corporate-strategy-summary h3 {
    color: #f0ebe3 !important;
}

.practice-art-direction #process .corporate-strategy-state {
    position: relative;
    display: grid;
    width: 30px;
    height: 30px;
    min-width: 30px;
    place-items: center;
    border: 0;
    color: rgba(211, 175, 122, 0.92);
}

.practice-art-direction #process .corporate-strategy-state::before,
.practice-art-direction #process .corporate-strategy-state::after {
    content: "";
    position: absolute;
    display: block;
    background: currentColor;
    transition: transform 180ms ease, opacity 180ms ease;
}

.practice-art-direction #process .corporate-strategy-state::before {
    width: 13px;
    height: 1px;
}

.practice-art-direction #process .corporate-strategy-state::after {
    width: 1px;
    height: 13px;
    border: 0;
}

.practice-art-direction #process .corporate-strategy-stage[open] .corporate-strategy-state::after {
    content: "";
    transform: scaleY(0);
    opacity: 0;
}

.practice-art-direction #process .corporate-strategy-detail {
    position: relative;
    min-height: clamp(154px, 18vw, 214px);
    margin: 0 clamp(12px, 1.8vw, 20px) clamp(13px, 1.8vw, 20px);
    padding: clamp(27px, 4vw, 46px) clamp(25px, 4.5vw, 52px) !important;
    overflow: hidden;
    border: 1px solid rgba(94, 77, 55, 0.18);
    border-radius: 3px 3px 6px 6px;
    background:
        linear-gradient(95deg, rgba(255, 255, 255, 0.24), transparent 24%),
        linear-gradient(180deg, #e9e1d4, var(--dossier-paper));
    box-shadow:
        0 12px 28px rgba(0, 4, 10, 0.22),
        inset 0 1px rgba(255, 255, 255, 0.36);
    animation: dossier-sheet-reveal 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.practice-art-direction #process .corporate-strategy-detail::before {
    content: "";
    position: absolute;
    top: 19px;
    right: clamp(24px, 4vw, 48px);
    width: clamp(58px, 9vw, 92px);
    height: 1px;
    background: rgba(104, 82, 54, 0.22);
}

.practice-art-direction #process .corporate-strategy-detail::after {
    content: "";
    position: absolute;
    right: clamp(25px, 4.5vw, 52px);
    bottom: clamp(27px, 3.6vw, 40px);
    left: clamp(25px, 4.5vw, 52px);
    height: 1px;
    background: rgba(104, 82, 54, 0.18);
}

.practice-art-direction #process .corporate-strategy-detail > p:first-child {
    position: relative;
    z-index: 1;
    max-width: 66ch;
    margin: 0;
    padding-bottom: 28px;
    color: var(--dossier-paper-muted) !important;
    font-size: clamp(1rem, 1.2vw, 1.08rem) !important;
    line-height: 1.62 !important;
}

.practice-art-direction #process .corporate-strategy-result-label {
    position: relative;
    z-index: 1;
    color: #786044 !important;
}

.practice-art-direction #process .corporate-strategy-deliverables {
    position: relative;
    z-index: 1;
    border-color: rgba(104, 82, 54, 0.2);
}

.practice-art-direction #process .corporate-strategy-deliverables li {
    border-color: rgba(104, 82, 54, 0.18);
    color: var(--dossier-paper-ink);
}

.practice-art-direction #process .corporate-strategy-summary:focus-visible {
    outline: 2px solid rgba(211, 175, 122, 0.86);
    outline-offset: -4px;
}

@media (hover: hover) and (pointer: fine) {
    .practice-art-direction #process .corporate-strategy-stage:not([open]) .corporate-strategy-summary:hover {
        background: rgba(211, 175, 122, 0.045);
    }

    .practice-art-direction #process .corporate-strategy-stage:not([open]) .corporate-strategy-summary:hover h3 {
        color: rgba(240, 235, 227, 0.94) !important;
    }
}

@keyframes dossier-sheet-reveal {
    from {
        transform: translateY(-8px);
        opacity: 0.72;
        clip-path: inset(0 0 12% 0);
    }
    to {
        transform: translateY(0);
        opacity: 1;
        clip-path: inset(0);
    }
}

@media (max-width: 820px) {
    .practice-art-direction #process .corporate-strategy-stack {
        width: 100%;
        max-width: none;
        margin-top: 0;
        padding: 10px 0 14px;
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage,
    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(n),
    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage[open] {
        --dossier-inset: 0%;
        width: 100%;
        margin-top: -1px;
        margin-left: 0;
        border-radius: 5px 5px 2px 2px;
        box-shadow: 0 7px 16px rgba(0, 4, 10, 0.18);
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:first-child {
        margin-top: 0;
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage::before {
        top: -7px;
        right: 18px;
        width: 72px;
        height: 8px;
        border-radius: 5px 5px 0 0;
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage::after {
        right: 9px;
        bottom: 8px;
        width: 14px;
        height: 14px;
    }

    .practice-art-direction #process .corporate-strategy-summary {
        grid-template-columns: 42px minmax(0, 1fr) 30px;
        min-height: 64px;
        gap: 11px;
        padding: 10px 12px;
    }

    .practice-art-direction #process .corporate-strategy-index {
        padding-right: 10px;
        font-size: 1.45rem;
    }

    .practice-art-direction #process .corporate-strategy-summary h3 {
        font-size: clamp(1.06rem, 4.6vw, 1.2rem) !important;
        line-height: 1.25 !important;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: auto;
    }

    .practice-art-direction #process .corporate-strategy-state {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .practice-art-direction #process .corporate-strategy-detail {
        min-height: 128px;
        margin: 0 8px 9px;
        padding: 26px 20px 28px !important;
        border-radius: 2px 2px 4px 4px;
    }

    .practice-art-direction #process .corporate-strategy-detail::before {
        top: 17px;
        right: 20px;
        width: 54px;
    }

    .practice-art-direction #process .corporate-strategy-detail::after {
        right: 20px;
        bottom: 23px;
        left: 20px;
    }

    .practice-art-direction #process .corporate-strategy-detail > p:first-child {
        padding-bottom: 22px;
        color: #4c5963 !important;
        font-size: clamp(0.98rem, 4.15vw, 1.04rem) !important;
        line-height: 1.58 !important;
    }
}

@media (max-width: 390px) {
    .practice-art-direction #process .corporate-strategy-summary {
        grid-template-columns: 36px minmax(0, 1fr) 28px;
        gap: 9px;
        padding-inline: 10px;
    }

    .practice-art-direction #process .corporate-strategy-index {
        padding-right: 8px;
        font-size: 1.32rem;
    }

    .practice-art-direction #process .corporate-strategy-summary h3 {
        font-size: 1.03rem !important;
    }

    .practice-art-direction #process .corporate-strategy-state {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .practice-art-direction #process .corporate-strategy-detail {
        margin-inline: 6px;
        padding-inline: 17px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .practice-art-direction #process .corporate-strategy-stage,
    .practice-art-direction #process .corporate-strategy-detail,
    .practice-art-direction #process .corporate-strategy-state::before,
    .practice-art-direction #process .corporate-strategy-state::after {
        animation: none;
        transition: none;
    }
}

/*
 * Exact dossier composition: the approved concept uses a single dark folio,
 * short side tabs and a dark active sheet. These final rules intentionally
 * supersede the earlier paper-sheet exploration above.
 */
.practice-art-direction #process .corporate-strategy-stack {
    --dossier-shell: #09131c;
    --dossier-sheet: #0b161f;
    --dossier-sheet-raised: #101b24;
    --dossier-text: #ece6dd;
    --dossier-muted: rgba(185, 186, 187, 0.74);
    --dossier-gold: #b88b50;
    --dossier-line: rgba(207, 168, 111, 0.28);
    position: relative;
    display: block;
    width: 100%;
    max-width: 960px;
    min-height: 560px;
    margin: 0;
    padding: 0;
    overflow: visible;
    isolation: isolate;
}

.practice-art-direction #process .corporate-strategy-stack::before,
.practice-art-direction #process .corporate-strategy-stack::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.practice-art-direction #process .corporate-strategy-stack::before {
    z-index: 0;
    inset: 16px 0 0 0;
    border: 1px solid rgba(226, 218, 207, 0.13);
    border-radius: 14px 14px 4px 4px;
    background:
        linear-gradient(112deg, rgba(255, 255, 255, 0.018), transparent 23%),
        linear-gradient(145deg, #111d27, #09131c);
    box-shadow: 0 30px 70px rgba(0, 4, 10, 0.36);
}

.practice-art-direction #process .corporate-strategy-stack::after {
    z-index: 1;
    inset: 42px 2% 18px 4%;
    border: 1px solid rgba(226, 218, 207, 0.1);
    border-radius: 13px 13px 3px 3px;
    background: linear-gradient(145deg, #14212c, #0a151e);
    box-shadow: 0 18px 42px rgba(0, 4, 10, 0.28);
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage,
.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(n),
.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage[open] {
    position: static;
    width: auto;
    min-height: 0;
    margin: 0;
    overflow: visible;
    transform: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage::before,
.practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage::after {
    content: none;
}

.practice-art-direction #process .corporate-strategy-summary {
    --dossier-tab-step: 0;
    position: absolute;
    z-index: 30;
    top: calc(94px + (var(--dossier-tab-step) * 66px));
    left: 3%;
    display: grid;
    width: 31%;
    min-height: 68px;
    grid-template-columns: 42px minmax(0, 1fr) 26px;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 10px 17px;
    border: 1px solid rgba(226, 218, 207, 0.12);
    border-radius: 8px 8px 3px 3px;
    background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.018), transparent 36%),
        linear-gradient(145deg, #14212c, #0b151f);
    box-shadow: 0 10px 24px rgba(0, 4, 10, 0.28);
    color: var(--dossier-gold);
    cursor: pointer;
    transition:
        border-color 180ms ease,
        background-color 180ms ease,
        box-shadow 220ms ease;
}

.practice-art-direction #process .corporate-strategy-stage:nth-of-type(1) > .corporate-strategy-summary {
    --dossier-tab-step: 0;
}

.practice-art-direction #process .corporate-strategy-stage:nth-of-type(2) > .corporate-strategy-summary {
    --dossier-tab-step: 1;
}

.practice-art-direction #process .corporate-strategy-stage:nth-of-type(3) > .corporate-strategy-summary {
    --dossier-tab-step: 2;
}

.practice-art-direction #process .corporate-strategy-stage:nth-of-type(4) > .corporate-strategy-summary {
    --dossier-tab-step: 3;
}

.practice-art-direction #process .corporate-strategy-stage:nth-of-type(5) > .corporate-strategy-summary {
    --dossier-tab-step: 4;
}

.practice-art-direction #process .corporate-strategy-stage:nth-of-type(6) > .corporate-strategy-summary {
    --dossier-tab-step: 5;
}

.practice-art-direction #process .corporate-strategy-stage:nth-of-type(7) > .corporate-strategy-summary {
    --dossier-tab-step: 6;
}

.practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
    left: 1.5%;
    width: 33%;
    border-color: rgba(205, 163, 103, 0.38);
    background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.024), transparent 38%),
        linear-gradient(145deg, #172631, #0d1923);
    box-shadow: 0 14px 30px rgba(0, 4, 10, 0.34);
}

.practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    bottom: -1px;
    left: -15px;
    width: 18px;
    border-radius: 11px 0 0 11px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.14), transparent 56%),
        #b78c50;
    clip-path: polygon(24% 0, 100% 0, 100% 100%, 24% 100%, 0 82%, 0 18%);
    box-shadow: -5px 7px 15px rgba(0, 3, 9, 0.26);
}

.practice-art-direction #process .corporate-strategy-summary::after {
    content: attr(data-dossier-tab);
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    color: rgba(215, 177, 123, 0.92);
    font: 500 clamp(0.82rem, 1vw, 0.94rem)/1.24 var(--font-body);
    letter-spacing: 0.055em;
    overflow-wrap: normal;
    text-transform: uppercase;
}

.practice-art-direction #process .corporate-strategy-summary h3 {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px !important;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.practice-art-direction #process .corporate-strategy-index {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    display: grid;
    min-width: 0;
    place-items: center start;
    padding: 0 11px 0 0;
    border-right: 1px solid var(--dossier-line);
    color: rgba(215, 177, 123, 0.96);
    font: 500 clamp(1.05rem, 1.35vw, 1.28rem)/1 var(--font-heading);
    letter-spacing: -0.012em;
}

.practice-art-direction #process .corporate-strategy-state {
    grid-column: 3;
    grid-row: 1;
    display: grid;
    width: 26px;
    height: 26px;
    min-width: 26px;
    place-items: center;
    border: 0;
    color: rgba(215, 177, 123, 0.86);
}

.practice-art-direction #process .corporate-strategy-state::before {
    width: 11px;
}

.practice-art-direction #process .corporate-strategy-state::after {
    height: 11px;
}

.practice-art-direction #process .corporate-strategy-detail {
    position: absolute;
    z-index: 20;
    inset: 72px 0 18px 28%;
    min-height: 0;
    margin: 0;
    padding: clamp(82px, 8.2vw, 116px) clamp(38px, 5.4vw, 72px) clamp(34px, 4vw, 54px) !important;
    overflow: hidden;
    border: 1px solid rgba(226, 218, 207, 0.14);
    border-radius: 15px 15px 3px 3px;
    background:
        radial-gradient(circle at 88% 20%, rgba(200, 157, 96, 0.045), transparent 28%),
        linear-gradient(110deg, rgba(255, 255, 255, 0.014), transparent 30%),
        linear-gradient(145deg, var(--dossier-sheet-raised), var(--dossier-sheet));
    box-shadow: 0 28px 62px rgba(0, 4, 10, 0.4);
    animation: dossier-dark-sheet-reveal 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.practice-art-direction #process .corporate-strategy-detail::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 20px;
    width: 35px;
    height: 35px;
    border-top: 1px solid rgba(205, 163, 103, 0.62);
    border-right: 1px solid rgba(205, 163, 103, 0.62);
    background: transparent;
}

.practice-art-direction #process .corporate-strategy-detail::after {
    content: "";
    position: absolute;
    right: clamp(38px, 5.4vw, 72px);
    bottom: clamp(32px, 4vw, 50px);
    left: clamp(38px, 5.4vw, 72px);
    height: 1px;
    background: rgba(205, 163, 103, 0.2);
}

.practice-art-direction #process .corporate-strategy-detail-title {
    position: relative;
    z-index: 1;
    max-width: 24ch;
    margin: 0;
    color: var(--dossier-text);
    font-family: var(--font-heading);
    font-size: clamp(2.1rem, 3vw, 3rem) !important;
    font-weight: 500;
    line-height: 1.08 !important;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.practice-art-direction #process .corporate-strategy-detail-title::after {
    content: "";
    display: block;
    width: 72px;
    height: 1px;
    margin-top: 24px;
    background: rgba(205, 163, 103, 0.74);
}

.practice-art-direction #process .corporate-strategy-detail > p:first-of-type {
    position: relative;
    z-index: 1;
    max-width: 52ch;
    margin: 24px 0 0;
    padding: 0 0 42px;
    color: var(--dossier-muted) !important;
    font-size: clamp(0.98rem, 1.15vw, 1.08rem) !important;
    line-height: 1.62 !important;
}

.practice-art-direction #process .corporate-strategy-result-label {
    position: relative;
    z-index: 1;
    margin-top: 4px;
    color: rgba(215, 177, 123, 0.84) !important;
}

.practice-art-direction #process .corporate-strategy-deliverables {
    position: relative;
    z-index: 1;
    margin-top: 6px;
    border-color: rgba(205, 163, 103, 0.2);
}

.practice-art-direction #process .corporate-strategy-deliverables li {
    border-color: rgba(205, 163, 103, 0.18);
    color: rgba(226, 232, 237, 0.78);
}

.practice-art-direction #process .corporate-strategy-summary:focus-visible {
    outline: 2px solid rgba(215, 177, 123, 0.9);
    outline-offset: -4px;
}

@keyframes dossier-dark-sheet-reveal {
    from {
        transform: translateX(10px);
        opacity: 0.78;
        clip-path: inset(0 0 0 7%);
    }
    to {
        transform: translateX(0);
        opacity: 1;
        clip-path: inset(0);
    }
}

@media (hover: hover) and (pointer: fine) {
    .practice-art-direction #process .corporate-strategy-stage:not([open]) > .corporate-strategy-summary:hover {
        border-color: rgba(205, 163, 103, 0.3);
        background:
            linear-gradient(110deg, rgba(255, 255, 255, 0.022), transparent 38%),
            linear-gradient(145deg, #172530, #0c1721);
    }
}

@media (max-width: 1100px) {
    .practice-art-direction #process .corporate-strategy-stack {
        width: 100%;
        max-width: 820px;
        height: auto;
        min-height: 0;
        margin-inline: auto;
        padding: 14px 10px 12px;
        border: 1px solid rgba(226, 218, 207, 0.12);
        border-radius: 8px 8px 3px 3px;
        background:
            linear-gradient(112deg, rgba(255, 255, 255, 0.016), transparent 28%),
            linear-gradient(145deg, #111e29, #09141d);
        box-shadow: 0 22px 48px rgba(0, 4, 10, 0.3);
    }

    .practice-art-direction #process .corporate-strategy-stack::before {
        inset: 4px 20px auto 20px;
        height: 11px;
        border-bottom: 0;
        border-radius: 7px 7px 0 0;
        box-shadow: none;
    }

    .practice-art-direction #process .corporate-strategy-stack::after {
        content: none;
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage,
    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(n),
    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage[open] {
        position: relative;
        display: block;
        width: 100%;
        margin: -1px 0 0;
        border: 1px solid rgba(226, 218, 207, 0.11);
        border-radius: 5px 5px 2px 2px;
        background:
            linear-gradient(110deg, rgba(255, 255, 255, 0.014), transparent 36%),
            linear-gradient(145deg, #13212c, #0b161f);
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:first-child {
        margin-top: 0;
    }

    .practice-art-direction #process .corporate-strategy-summary,
    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 62px;
        grid-template-columns: 38px minmax(0, 1fr) 28px;
        gap: 10px;
        padding: 9px 58px 9px 12px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary::before {
        top: 0;
        bottom: 0;
        left: -8px;
        width: 10px;
        border-radius: 7px 0 0 7px;
    }

    .practice-art-direction #process .corporate-strategy-summary::after {
        font-size: clamp(0.78rem, 3.25vw, 0.9rem);
        line-height: 1.25;
        letter-spacing: 0.04em;
    }

    .practice-art-direction #process .corporate-strategy-index {
        padding-right: 9px;
        font-size: 1.08rem;
    }

    .practice-art-direction #process .corporate-strategy-state {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .practice-art-direction #process .corporate-strategy-detail {
        position: relative;
        inset: auto;
        min-height: 0;
        margin: 0 7px 8px;
        padding: clamp(28px, 7vw, 42px) clamp(20px, 5.6vw, 34px) 30px !important;
        border-color: rgba(205, 163, 103, 0.24);
        border-radius: 7px 7px 3px 3px;
        background:
            radial-gradient(circle at 88% 12%, rgba(200, 157, 96, 0.045), transparent 30%),
            linear-gradient(145deg, #152530, #0d1923);
        box-shadow: 0 16px 34px rgba(0, 4, 10, 0.28);
        animation-name: dossier-mobile-sheet-reveal;
    }

    .practice-art-direction #process .corporate-strategy-detail::before {
        top: 12px;
        right: 13px;
        width: 24px;
        height: 24px;
    }

    .practice-art-direction #process .corporate-strategy-detail::after {
        right: 20px;
        bottom: 20px;
        left: 20px;
    }

    .practice-art-direction #process .corporate-strategy-detail-title {
        max-width: 23ch;
        font-size: clamp(1.5rem, 6.4vw, 1.85rem) !important;
        line-height: 1.12 !important;
    }

    .practice-art-direction #process .corporate-strategy-detail-title::after {
        width: 54px;
        margin-top: 17px;
    }

    .practice-art-direction #process .corporate-strategy-detail > p:first-of-type {
        margin-top: 17px;
        padding-bottom: 32px;
        color: rgba(194, 204, 213, 0.86) !important;
        font-size: clamp(0.96rem, 4vw, 1.02rem) !important;
        line-height: 1.58 !important;
    }

    .practice-art-direction #process .corporate-strategy-deliverables {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .practice-art-direction #process .corporate-strategy-deliverables li {
        min-height: 42px;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(205, 163, 103, 0.18);
        border-left: 0;
    }
}

@media (max-width: 360px) {
    .practice-art-direction #process .corporate-strategy-stack {
        padding-inline: 8px;
    }

    .practice-art-direction #process .corporate-strategy-summary,
    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        grid-template-columns: 34px minmax(0, 1fr) 26px;
        gap: 8px;
        padding-right: 54px;
        padding-left: 10px;
    }

    .practice-art-direction #process .corporate-strategy-summary::after {
        font-size: 0.77rem;
    }

    .practice-art-direction #process .corporate-strategy-detail {
        margin-inline: 5px;
        padding-inline: 18px !important;
    }
}

@keyframes dossier-mobile-sheet-reveal {
    from {
        transform: translateY(-6px);
        opacity: 0.78;
        clip-path: inset(0 0 8% 0);
    }
    to {
        transform: translateY(0);
        opacity: 1;
        clip-path: inset(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .practice-art-direction #process .corporate-strategy-summary,
    .practice-art-direction #process .corporate-strategy-detail {
        animation: none;
        transition: none;
    }
}

/*
 * Approved dossier fidelity pass.
 * The folio is one physical object: a bound cover, stepped sheets, side tabs
 * cut from those sheets and one foreground working page.
 */
@media (min-width: 1101px) {
    .practice-art-direction #process.corporate-process-section > .container {
        width: 100%;
        max-width: none;
        padding-right: 0;
        padding-left: 4.9vw;
        grid-template-columns: minmax(0, 21.1vw) minmax(0, 1fr);
        gap: 6vw;
    }
}

@media (min-width: 1101px) {
    .practice-art-direction #process .corporate-strategy-stack {
        --dossier-tab-height: clamp(61px, 6.4vw, 107px);
        --dossier-tab-offset: clamp(61px, 6.4vw, 107px);
        --dossier-tab-top: clamp(51px, 5.3vw, 89px);
        --dossier-panel-top: clamp(97px, 10.05vw, 168px);
        --dossier-grain:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.062'/%3E%3C/svg%3E") 0 0 / 180px 180px;
        width: 100%;
        height: clamp(400px, 41.3vw, 690px);
        min-height: clamp(400px, 41.3vw, 690px);
        transform: translateY(-0.55vw);
    }

    .practice-art-direction #process .corporate-strategy-stack:has(> .corporate-strategy-stage:nth-of-type(6)) {
        height: clamp(480px, 44vw, 735px);
        min-height: clamp(480px, 44vw, 735px);
    }

    .practice-art-direction #process .corporate-strategy-stack:has(> .corporate-strategy-stage:nth-of-type(7)) {
        height: clamp(550px, 50.5vw, 844px);
        min-height: clamp(550px, 50.5vw, 844px);
    }

    .practice-art-direction #process .corporate-strategy-stack::before {
        z-index: 0;
        inset: 8px 0 0;
        border-color: rgba(190, 174, 150, 0.12);
        border-radius: 15px 15px 3px 3px;
        background:
            var(--dossier-grain),
            radial-gradient(circle at 21px 14px, #0c151d 0 3.3px, #b88b50 3.8px 5.1px, transparent 5.6px),
            radial-gradient(circle at 21px calc(100% - 14px), #0c151d 0 3.3px, #b88b50 3.8px 5.1px, transparent 5.6px),
            linear-gradient(90deg, transparent 20px, rgba(184, 139, 80, 0.68) 20px 21px, transparent 21px),
            radial-gradient(circle at 84% 18%, rgba(199, 157, 97, 0.035), transparent 25%),
            linear-gradient(112deg, rgba(255, 255, 255, 0.02), transparent 24%),
            linear-gradient(145deg, #0b1720, #07111a);
        box-shadow:
            0 36px 82px rgba(0, 5, 12, 0.5),
            inset 0 1px rgba(255, 255, 255, 0.028),
            inset 0 0 0 1px rgba(255, 255, 255, 0.018);
    }

    .practice-art-direction #process .corporate-strategy-stack::after {
        content: none;
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(-n + 3)::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 4.1%;
        pointer-events: none;
        border: 1px solid rgba(190, 174, 150, 0.22);
        border-radius: 15px 15px 2px 2px;
        background:
            var(--dossier-grain),
            linear-gradient(112deg, rgba(255, 255, 255, 0.014), transparent 32%),
            linear-gradient(145deg, #0d1922, #08131b);
        box-shadow:
            0 18px 38px rgba(0, 5, 12, 0.34),
            0 5px 13px rgba(0, 4, 10, 0.24),
            inset 0 1px rgba(255, 255, 255, 0.048);
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(1)::after {
        z-index: 1;
        top: clamp(36px, 3.6vw, 60px);
        right: 7.2%;
        left: 4.1%;
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(2)::after {
        z-index: 2;
        top: clamp(50px, 5.3vw, 89px);
        right: 5.1%;
        left: 3.1%;
        border-color: rgba(190, 174, 150, 0.2);
        background:
            var(--dossier-grain),
            linear-gradient(112deg, rgba(255, 255, 255, 0.016), transparent 34%),
            linear-gradient(145deg, #0f1b24, #09141d);
        box-shadow:
            0 20px 42px rgba(0, 5, 12, 0.36),
            0 6px 15px rgba(0, 4, 10, 0.25),
            inset 0 1px rgba(255, 255, 255, 0.052);
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(3)::after {
        z-index: 3;
        top: clamp(68px, 7.2vw, 120px);
        right: 3.5%;
        left: 2.1%;
        border-color: rgba(190, 174, 150, 0.19);
        background:
            var(--dossier-grain),
            linear-gradient(112deg, rgba(255, 255, 255, 0.018), transparent 36%),
            linear-gradient(145deg, #111d26, #0a151e);
        box-shadow:
            0 22px 46px rgba(0, 5, 12, 0.39),
            0 7px 17px rgba(0, 4, 10, 0.27),
            inset 0 1px rgba(255, 255, 255, 0.056);
    }

    .practice-art-direction #process .corporate-strategy-summary {
        box-sizing: border-box;
        top: calc(var(--dossier-tab-top) + (var(--dossier-tab-step) * var(--dossier-tab-offset)));
        left: 4.1%;
        width: 18.2%;
        height: var(--dossier-tab-height);
        min-height: var(--dossier-tab-height);
        max-height: var(--dossier-tab-height);
        grid-template-columns: 25px minmax(0, 1fr);
        gap: 8px;
        padding: 10px 10px 10px 12px;
        overflow: visible;
        border-color: rgba(190, 174, 150, 0.15);
        border-radius: 10px 10px 4px 4px;
        background:
            var(--dossier-grain),
            linear-gradient(110deg, rgba(255, 255, 255, 0.018), transparent 40%),
            linear-gradient(145deg, #0f1b24, #09141d);
        box-shadow:
            0 14px 25px rgba(0, 4, 10, 0.36),
            0 5px 10px rgba(0, 4, 10, 0.22),
            inset 0 1px rgba(255, 255, 255, 0.038);
    }

    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        left: 4.1%;
        width: calc(18.2% + 2px);
        height: var(--dossier-tab-height);
        min-height: var(--dossier-tab-height);
        max-height: var(--dossier-tab-height);
        transform: translateY(-2px);
        border: 0;
        border-radius: 0;
        background:
            var(--dossier-grain),
            radial-gradient(circle at 88% 20%, rgba(200, 157, 96, 0.04), transparent 29%),
            linear-gradient(110deg, rgba(255, 255, 255, 0.014), transparent 31%),
            linear-gradient(145deg, var(--dossier-sheet-raised), var(--dossier-sheet));
        box-shadow: none;
    }

    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary::before {
        top: -1px;
        bottom: -1px;
        left: -12px;
        width: 13px;
        border-radius: 12px 0 0 12px;
        background:
            linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 56%),
            var(--dossier-gold);
    }

    .practice-art-direction #process .corporate-strategy-summary::after {
        grid-column: 2;
        color: rgba(197, 151, 91, 0.92);
        font-family: var(--font-heading);
        font-size: clamp(0.76rem, 1.05vw, 1.08rem);
        font-weight: 500;
        line-height: 1.18;
        letter-spacing: 0.025em;
    }

    .practice-art-direction #process .corporate-strategy-index {
        padding-right: 0;
        border-right: 0;
        color: rgba(197, 151, 91, 0.96);
        font-size: clamp(1rem, 1.3vw, 1.35rem);
    }

    .practice-art-direction #process .corporate-strategy-state {
        display: none;
    }

    .practice-art-direction #process .corporate-strategy-detail {
        z-index: 20;
        inset: var(--dossier-panel-top) 4% 0 22.2%;
        padding: clamp(40px, 3.2vw, 44px) clamp(50px, 5.1vw, 85px) clamp(86px, 7vw, 116px) !important;
        border-color: rgba(190, 174, 150, 0.12);
        border-left: 0;
        border-radius: 15px 15px 2px 2px;
        background:
            var(--dossier-grain),
            radial-gradient(circle at 88% 20%, rgba(200, 157, 96, 0.04), transparent 29%),
            linear-gradient(110deg, rgba(255, 255, 255, 0.014), transparent 31%),
            linear-gradient(145deg, var(--dossier-sheet-raised), var(--dossier-sheet));
        box-shadow:
            -12px 18px 30px rgba(0, 4, 10, 0.27),
            0 32px 70px rgba(0, 5, 12, 0.5),
            inset 0 1px rgba(255, 255, 255, 0.036);
    }

    .practice-art-direction #process .corporate-strategy-detail::before {
        content: "";
        top: 16px;
        right: 16px;
        width: 36px;
        height: 36px;
        border: 0;
        background:
            linear-gradient(rgba(205, 163, 103, 0.58), rgba(205, 163, 103, 0.58)) right top / 24px 1px no-repeat,
            linear-gradient(rgba(205, 163, 103, 0.58), rgba(205, 163, 103, 0.58)) right top / 1px 24px no-repeat,
            linear-gradient(rgba(205, 163, 103, 0.38), rgba(205, 163, 103, 0.38)) 4px 8px / 18px 1px no-repeat,
            linear-gradient(rgba(205, 163, 103, 0.38), rgba(205, 163, 103, 0.38)) 4px 8px / 1px 18px no-repeat;
    }

    .practice-art-direction #process .corporate-strategy-detail::after {
        content: none;
    }

    .practice-art-direction #process .corporate-strategy-detail-title {
        max-width: 23ch;
        font-size: clamp(1.75rem, 2.7vw, 3rem) !important;
        line-height: 1.06 !important;
    }

    .practice-art-direction #process .corporate-strategy-detail-title::after {
        width: 48px;
        margin-top: clamp(18px, 1.6vw, 26px);
    }

    .practice-art-direction #process .corporate-strategy-detail > p:first-of-type {
        max-width: 48ch;
        margin-top: clamp(16px, 1.45vw, 24px);
        padding: 0;
        color: rgba(190, 192, 195, 0.74) !important;
        font-size: clamp(0.84rem, 1.15vw, 1.05rem) !important;
        line-height: 1.58 !important;
    }

    .practice-art-direction #process .corporate-strategy-result-label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .practice-art-direction #process .corporate-strategy-deliverables,
    .practice-art-direction #process .dossier-outcomes {
        position: absolute;
        z-index: 2;
        right: clamp(16px, 1.7vw, 28px);
        bottom: clamp(12px, 1.2vw, 20px);
        left: clamp(39px, 4vw, 67px);
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1.1fr);
        margin: 0;
        padding: 0;
        border-top: 1px solid rgba(205, 163, 103, 0.2);
    }

    .practice-art-direction #process .corporate-strategy-deliverables li,
    .practice-art-direction #process .dossier-outcome {
        display: flex;
        min-width: 0;
        min-height: 50px;
        align-items: center;
        gap: 11px;
        padding: 12px 18px;
        border: 0;
        border-left: 1px solid rgba(205, 163, 103, 0.18);
        color: rgba(222, 207, 184, 0.78);
        font-family: var(--font-heading);
        font-size: clamp(0.78rem, 0.9vw, 0.9rem);
        line-height: 1.25;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li::before {
        display: grid;
        width: 21px;
        height: 21px;
        flex: 0 0 21px;
        place-items: center;
        background-color: rgba(205, 163, 103, 0.94);
        color: rgba(205, 163, 103, 0.94);
        font-family: var(--font-body);
        font-size: 0;
        line-height: 1;
        -webkit-mask: var(--dossier-outcome-icon) center / 17px 17px no-repeat;
        mask: var(--dossier-outcome-icon) center / 17px 17px no-repeat;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:nth-child(1)::before {
        --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='4' y='3.5' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14.5' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14.5' width='6' height='6' rx='1'/%3E%3Cpath d='M7 9.5v5m0-2.5h10v2.5'/%3E%3C/g%3E%3C/svg%3E");
        content: "";
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:nth-child(2)::before {
        --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 19 6v5.1c0 4.5-2.7 8-7 9.8-4.3-1.8-7-5.3-7-9.8V6l7-2.8Z' fill='none' stroke='black' stroke-width='1.65' stroke-linejoin='round'/%3E%3C/svg%3E");
        content: "";
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:nth-child(3)::before {
        --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m10 8 4 4-4 4m4-4H8'/%3E%3C/g%3E%3C/svg%3E");
        content: "";
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:first-child,
    .practice-art-direction #process .dossier-outcome:first-child {
        border-left: 0;
        padding-left: 0;
    }

    .practice-art-direction #process .practice-section-head {
        align-self: start;
        margin: 7.6vw 0 0;
        padding: 0 0 20px;
        border-bottom: 0;
        background:
            linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075))
            left bottom / 75% 1px no-repeat;
        gap: clamp(32px, 3.6vw, 48px);
    }

    .practice-art-direction #process .practice-section-title {
        max-width: 8.5ch;
        color: #eee8df !important;
        font-size: clamp(3rem, 4.6vw, 4.6rem) !important;
        line-height: 1.03 !important;
        letter-spacing: -0.04em !important;
    }
}

.practice-art-direction #process .practice-section-desc {
    padding-top: 0;
    color: rgba(188, 190, 193, 0.72) !important;
    font-size: clamp(0.88rem, 1.25vw, 1.18rem) !important;
    line-height: 1.55 !important;
}

.practice-art-direction #process .practice-section-head::after {
    top: clamp(-80px, -5.2vw, -50px);
    right: -1.7vw;
    color: rgba(198, 168, 124, 0.075);
}

.practice-art-direction #process .dossier-outcome-mark {
    display: grid;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    place-items: center;
    background-color: rgba(205, 163, 103, 0.94);
    color: transparent;
    font-family: var(--font-body);
    font-size: 0;
    line-height: 1;
    -webkit-mask: var(--dossier-outcome-icon) center / 17px 17px no-repeat;
    mask: var(--dossier-outcome-icon) center / 17px 17px no-repeat;
}

.practice-art-direction #process .dossier-outcome:nth-child(1) .dossier-outcome-mark {
    --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='4' y='3.5' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14.5' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14.5' width='6' height='6' rx='1'/%3E%3Cpath d='M7 9.5v5m0-2.5h10v2.5'/%3E%3C/g%3E%3C/svg%3E");
}

.practice-art-direction #process .dossier-outcome:nth-child(2) .dossier-outcome-mark {
    --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 19 6v5.1c0 4.5-2.7 8-7 9.8-4.3-1.8-7-5.3-7-9.8V6l7-2.8Z' fill='none' stroke='black' stroke-width='1.65' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.practice-art-direction #process .dossier-outcome:nth-child(3) .dossier-outcome-mark {
    --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m10 8 4 4-4 4m4-4H8'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1100px) {
    .practice-art-direction #process .corporate-strategy-stack {
        padding: 16px 12px 14px 19px;
        border-color: rgba(226, 218, 207, 0.13);
        border-radius: 9px 9px 3px 3px;
        background:
            radial-gradient(circle at 10px 24px, #09131c 0 3px, rgba(199, 157, 97, 0.78) 3.5px 4.5px, transparent 5px),
            radial-gradient(circle at 10px calc(100% - 24px), #09131c 0 3px, rgba(199, 157, 97, 0.78) 3.5px 4.5px, transparent 5px),
            linear-gradient(90deg, transparent 9px, rgba(199, 157, 97, 0.48) 9px 10px, transparent 10px),
            linear-gradient(145deg, #111e29, #09141d);
    }

    .practice-art-direction #process .corporate-strategy-stack::before,
    .practice-art-direction #process .corporate-strategy-stack::after {
        content: none;
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage,
    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(n),
    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage[open] {
        margin: 0;
        border: 0;
        border-top: 1px solid rgba(226, 218, 207, 0.1);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .practice-art-direction #process .corporate-strategy-stack > .corporate-strategy-stage:first-child {
        border-top: 0;
    }

    .practice-art-direction #process .corporate-strategy-summary,
    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        min-height: 66px;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 11px;
        padding: 10px 13px;
    }

    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        background: linear-gradient(90deg, rgba(199, 157, 97, 0.055), transparent 56%);
    }

    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary::before {
        top: 11px;
        bottom: 11px;
        left: -7px;
        width: 3px;
        border-radius: 0;
        clip-path: none;
        box-shadow: none;
    }

    .practice-art-direction #process .corporate-strategy-summary::after {
        font-family: var(--font-heading);
        font-size: clamp(0.88rem, 3.8vw, 1.02rem);
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 0.025em;
    }

    .practice-art-direction #process .corporate-strategy-state {
        display: none;
    }

    .practice-art-direction #process .corporate-strategy-detail {
        margin: 0 0 10px;
        padding: clamp(30px, 7vw, 42px) clamp(19px, 5.4vw, 30px) 24px !important;
        border: 0;
        border-top: 1px solid rgba(205, 163, 103, 0.25);
        border-radius: 0;
        background:
            radial-gradient(circle at 90% 8%, rgba(200, 157, 96, 0.045), transparent 31%),
            linear-gradient(145deg, #14232e, #0c1822);
        box-shadow:
            0 18px 34px rgba(0, 4, 10, 0.26),
            inset 3px 0 rgba(205, 163, 103, 0.18);
    }

    .practice-art-direction #process .corporate-strategy-detail::after {
        content: none;
    }

    .practice-art-direction #process .corporate-strategy-detail-title {
        font-size: clamp(1.55rem, 6.4vw, 1.92rem) !important;
    }

    .practice-art-direction #process .corporate-strategy-detail > p:first-of-type {
        padding-bottom: 0;
    }

    .practice-art-direction #process .corporate-strategy-result-label {
        margin-top: 24px;
    }

    .practice-art-direction #process .corporate-strategy-deliverables,
    .practice-art-direction #process .dossier-outcomes {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin: 27px 0 0;
        padding: 0;
        border-top: 1px solid rgba(205, 163, 103, 0.2);
    }

    .practice-art-direction #process .corporate-strategy-deliverables li,
    .practice-art-direction #process .dossier-outcome {
        display: grid;
        min-width: 0;
        min-height: 86px;
        grid-template-rows: 18px auto;
        align-content: center;
        justify-items: center;
        gap: 7px;
        padding: 12px 6px;
        border: 0;
        border-left: 1px solid rgba(205, 163, 103, 0.16);
        color: rgba(226, 214, 194, 0.88);
        font-family: var(--font-body);
        font-size: clamp(0.8rem, 3.35vw, 0.86rem);
        font-weight: 500;
        line-height: 1.25;
        letter-spacing: 0.005em;
        text-align: center;
        hyphens: auto;
        overflow-wrap: anywhere;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li {
        grid-column: auto !important;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li::before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background-color: rgba(205, 163, 103, 0.94);
        -webkit-mask: var(--dossier-outcome-icon) center / 16px 16px no-repeat;
        mask: var(--dossier-outcome-icon) center / 16px 16px no-repeat;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:nth-child(1)::before {
        --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='4' y='3.5' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14.5' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14.5' width='6' height='6' rx='1'/%3E%3Cpath d='M7 9.5v5m0-2.5h10v2.5'/%3E%3C/g%3E%3C/svg%3E");
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:nth-child(2)::before {
        --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 19 6v5.1c0 4.5-2.7 8-7 9.8-4.3-1.8-7-5.3-7-9.8V6l7-2.8Z' fill='none' stroke='black' stroke-width='1.65' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:nth-child(3)::before {
        --dossier-outcome-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='m10 8 4 4-4 4m4-4H8'/%3E%3C/g%3E%3C/svg%3E");
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:first-child,
    .practice-art-direction #process .dossier-outcome:first-child {
        border-left: 0;
        padding-left: 6px;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:last-child:nth-child(odd) {
        grid-column: auto !important;
        border-top: 0;
        border-left: 1px solid rgba(205, 163, 103, 0.16);
    }
}

@media (min-width: 961px) and (max-width: 1100px) {
    .practice-art-direction #process.corporate-process-section > .container {
        display: block;
    }

    .practice-art-direction #process .practice-section-head {
        position: static;
        max-width: 700px;
        margin: 0 0 44px;
    }
}

@media (max-width: 360px) {
    .practice-art-direction #process .corporate-strategy-stack {
        padding-right: 8px;
        padding-left: 17px;
    }

    .practice-art-direction #process .corporate-strategy-summary,
    .practice-art-direction #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 9px;
        padding-inline: 10px;
    }

    .practice-art-direction #process .corporate-strategy-summary::after {
        font-size: 0.84rem;
    }
}

/*
 * Unified practice process — reference-calibrated desktop geometry.
 * Shared by the RU, RO and EN corporate-practice pages.
 */
@media (min-width: 1300px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process {
        min-height: 680px !important;
        padding: 84px 0;
        background:
            radial-gradient(ellipse at 67% 42%, rgba(42, 60, 73, 0.1), transparent 38%),
            radial-gradient(ellipse at 48% 52%, rgba(3, 12, 19, 0), rgba(1, 7, 12, 0.3) 72%),
            linear-gradient(135deg, rgba(60, 78, 91, 0.026), transparent 43%),
            #030d15;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process > .container {
        width: 100%;
        max-width: none;
        min-height: 460px;
        grid-template-columns: 270px minmax(0, 742px);
        gap: 31px;
        align-items: start;
        padding-right: 0;
        padding-left: 150px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .practice-section-head {
        position: relative;
        top: auto;
        width: 240px;
        max-width: 240px;
        margin: 92px 0 0;
        padding: 0 0 20px;
        gap: 26px;
        background:
            linear-gradient(rgba(203, 192, 176, 0.105), rgba(203, 192, 176, 0.105))
            left bottom / 176px 1px no-repeat;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .practice-section-head::after {
        content: none;
        display: none;
        top: -62px;
        right: 0;
        color: rgba(190, 163, 122, 0.11);
        font-size: 3.8rem;
        line-height: 1;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .practice-section-title {
        max-width: 7.2ch;
        font-size: 4rem !important;
        line-height: 1.03 !important;
        letter-spacing: -0.038em !important;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .practice-section-desc {
        width: 230px;
        max-width: 230px;
        color: rgba(171, 174, 177, 0.76) !important;
        font-size: 0.9rem !important;
        line-height: 1.52 !important;
        text-wrap: pretty;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack {
        --dossier-tab-height: 70px;
        --dossier-tab-offset: 70px;
        --dossier-tab-top: 60px;
        --dossier-panel-top: 60px;
        --dossier-gold: #b4864c;
        --dossier-grain:
            var(--corp-premium-grain-surface) 0 0 / var(--corp-premium-grain-surface-size) repeat;
        width: 100%;
        max-width: 742px;
        height: 460px;
        min-height: 460px;
        aspect-ratio: auto;
        margin: 0;
        transform: translateY(-10px);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack.process-stage-count-4 {
        --dossier-tab-height: 87.5px;
        --dossier-tab-offset: 87.5px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack.process-stage-count-6 {
        --dossier-tab-height: 58.333px;
        --dossier-tab-offset: 58.333px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack::before {
        inset: 8px 0 0;
        border-color: rgba(211, 198, 179, 0.16);
        border-radius: 11px 11px 2px 2px;
        background:
            var(--dossier-grain),
            radial-gradient(circle at 21px 14px, #0a141c 0 3.1px, #b98c50 3.6px 4.8px, transparent 5.3px),
            radial-gradient(circle at 21px calc(100% - 14px), #0a141c 0 3.1px, #b98c50 3.6px 4.8px, transparent 5.3px),
            linear-gradient(90deg, transparent 20px, rgba(184, 139, 80, 0.66) 20px 21px, transparent 21px),
            radial-gradient(ellipse at 74% 12%, rgba(203, 166, 110, 0.032), transparent 31%),
            linear-gradient(112deg, rgba(255, 255, 255, 0.016), transparent 25%),
            linear-gradient(145deg, #09141a, #040b10);
        box-shadow:
            0 34px 60px rgba(0, 3, 8, 0.46),
            0 11px 22px rgba(0, 3, 8, 0.28),
            inset 0 1px rgba(240, 229, 211, 0.032),
            inset 0 0 0 1px rgba(255, 255, 255, 0.012);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(-n + 3)::after {
        bottom: 0;
        border-radius: 11px 11px 2px 2px;
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 72% 10%, rgba(207, 171, 116, 0.028), transparent 27%),
            linear-gradient(112deg, rgba(255, 255, 255, 0.022), transparent 35%),
            linear-gradient(145deg, #0c181e, #061016);
        box-shadow:
            0 12px 22px rgba(0, 3, 8, 0.52),
            0 3px 7px rgba(0, 3, 8, 0.38),
            inset 0 1px rgba(236, 226, 211, 0.07),
            inset 0 -1px rgba(0, 4, 8, 0.24);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(1)::after {
        top: 36px;
        right: 7%;
        left: 5%;
        border-color: rgba(222, 210, 191, 0.19);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(2)::after {
        top: 58px;
        right: 5%;
        left: 4%;
        border-color: rgba(222, 210, 191, 0.16);
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 76% 10%, rgba(207, 171, 116, 0.032), transparent 28%),
            linear-gradient(112deg, rgba(255, 255, 255, 0.025), transparent 35%),
            linear-gradient(145deg, #0f1b22, #071219);
        box-shadow:
            0 13px 24px rgba(0, 3, 8, 0.5),
            0 4px 8px rgba(0, 3, 8, 0.38),
            inset 0 1px rgba(236, 226, 211, 0.075),
            inset 0 -1px rgba(0, 4, 8, 0.22);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(3)::after {
        top: 82px;
        right: 3.5%;
        left: 3%;
        border-color: rgba(222, 210, 191, 0.14);
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 80% 10%, rgba(207, 171, 116, 0.036), transparent 29%),
            linear-gradient(112deg, rgba(255, 255, 255, 0.028), transparent 36%),
            linear-gradient(145deg, #111e25, #08141b);
        box-shadow:
            0 14px 26px rgba(0, 3, 8, 0.48),
            0 4px 9px rgba(0, 3, 8, 0.37),
            inset 0 1px rgba(236, 226, 211, 0.08),
            inset 0 -1px rgba(0, 4, 8, 0.2);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 36px;
        right: 7%;
        bottom: 0;
        left: 5%;
        pointer-events: none;
        border: 1px solid rgba(222, 210, 191, 0.19);
        border-radius: 11px 11px 2px 2px;
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 72% 10%, rgba(207, 171, 116, 0.028), transparent 27%),
            linear-gradient(112deg, rgba(255, 255, 255, 0.022), transparent 35%),
            linear-gradient(145deg, #0c181e, #061016);
        box-shadow:
            0 12px 22px rgba(0, 3, 8, 0.52),
            0 3px 7px rgba(0, 3, 8, 0.38),
            inset 0 1px rgba(236, 226, 211, 0.07),
            inset 0 -1px rgba(0, 4, 8, 0.24);
        opacity: 0.52;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage[open]::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 58px;
        right: 5%;
        bottom: 0;
        left: 4%;
        pointer-events: none;
        border: 1px solid rgba(222, 210, 191, 0.16);
        border-radius: 11px 11px 2px 2px;
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 76% 10%, rgba(207, 171, 116, 0.032), transparent 28%),
            linear-gradient(112deg, rgba(255, 255, 255, 0.025), transparent 35%),
            linear-gradient(145deg, #0f1b22, #071219);
        box-shadow:
            0 13px 24px rgba(0, 3, 8, 0.5),
            0 4px 8px rgba(0, 3, 8, 0.38),
            inset 0 1px rgba(236, 226, 211, 0.075),
            inset 0 -1px rgba(0, 4, 8, 0.22);
        opacity: 0.68;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage[open]::before {
        content: "";
        position: absolute;
        z-index: 3;
        top: 82px;
        right: 3.5%;
        bottom: 0;
        left: 3%;
        pointer-events: none;
        border: 1px solid rgba(222, 210, 191, 0.14);
        border-radius: 11px 11px 2px 2px;
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 80% 10%, rgba(207, 171, 116, 0.036), transparent 29%),
            linear-gradient(112deg, rgba(255, 255, 255, 0.028), transparent 36%),
            linear-gradient(145deg, #111e25, #08141b);
        box-shadow:
            0 14px 26px rgba(0, 3, 8, 0.48),
            0 4px 9px rgba(0, 3, 8, 0.37),
            inset 0 1px rgba(236, 226, 211, 0.08),
            inset 0 -1px rgba(0, 4, 8, 0.2);
        opacity: 0.84;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack::after,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage[open]::before,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage[open]::after {
        content: none;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-summary,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        left: 4.1%;
        width: 19.2%;
        height: var(--dossier-tab-height);
        min-height: var(--dossier-tab-height);
        max-height: var(--dossier-tab-height);
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
        padding: 9px 9px 9px 11px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-summary {
        z-index: 12;
        border-color: rgba(211, 198, 179, 0.11);
        border-radius: 9px;
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 82% 13%, rgba(191, 151, 96, 0.025), transparent 31%),
            linear-gradient(108deg, rgba(255, 255, 255, 0.016), transparent 42%),
            linear-gradient(145deg, #0d1920, #061118);
        box-shadow:
            0 9px 17px rgba(0, 3, 8, 0.46),
            0 2px 5px rgba(0, 3, 8, 0.34),
            inset 0 1px rgba(238, 228, 212, 0.04),
            inset 0 -1px rgba(0, 4, 8, 0.22);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        z-index: 30;
        width: 18.7%;
        transform: none;
        border: 0;
        border-radius: 0;
        background:
            var(--dossier-grain),
            linear-gradient(180deg, rgba(238, 228, 212, 0.022), transparent 42%),
            #101b22;
        box-shadow: none;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage:nth-of-type(1)[open] > .corporate-strategy-summary {
        border-top: 1px solid rgba(211, 198, 179, 0.16);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage:last-of-type[open] > .corporate-strategy-summary {
        border-bottom: 1px solid rgba(211, 198, 179, 0.16);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-summary::before {
        top: 0;
        bottom: 0;
        left: -11px;
        width: 12px;
        border-radius: 9px 0 0 9px;
        clip-path: polygon(22% 0, 100% 0, 100% 100%, 22% 100%, 0 82%, 0 18%);
        box-shadow:
            -4px 6px 11px rgba(0, 3, 8, 0.32),
            inset 1px 0 rgba(255, 255, 255, 0.12);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-summary::after {
        font-size: 0.84rem;
        line-height: 1.16;
        letter-spacing: 0.025em;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-index {
        font-size: 0.92rem;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail {
        inset: var(--dossier-panel-top) 4.1% auto 22.6%;
        height: 350px;
        padding: 44px 59px 64px !important;
        border-color: rgba(211, 198, 179, 0.16);
        border-left: 0;
        border-radius: 0 11px 2px 0;
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 85% 13%, rgba(197, 157, 101, 0.042), transparent 31%),
            radial-gradient(ellipse at 28% 88%, rgba(39, 53, 62, 0.055), transparent 39%),
            linear-gradient(108deg, rgba(255, 255, 255, 0.016), transparent 34%),
            linear-gradient(145deg, #101b22, #08131a);
        box-shadow:
            -17px 16px 29px rgba(0, 3, 8, 0.4),
            0 25px 50px rgba(0, 4, 10, 0.5),
            0 7px 15px rgba(0, 3, 8, 0.3),
            inset 1px 0 rgba(238, 228, 212, 0.018),
            inset 0 -1px rgba(0, 4, 8, 0.28);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail::before {
        content: none;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail::after {
        content: "";
        position: absolute;
        z-index: 1;
        inset: 1px;
        height: auto;
        pointer-events: none;
        border-radius: 0 10px 1px 0;
        background: transparent;
        box-shadow:
            inset 0 -48px 64px rgba(0, 5, 9, 0.1),
            inset 28px 0 52px rgba(0, 5, 9, 0.045);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail-title,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail > p:first-of-type {
        position: relative;
        z-index: 2;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail-title {
        max-width: 22ch;
        font-size: 2rem !important;
        line-height: 1.08 !important;
        letter-spacing: -0.022em;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail-title::after {
        width: 47px;
        margin-top: 18px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail > p:first-of-type {
        max-width: 48ch;
        margin-top: 19px;
        color: rgba(181, 183, 184, 0.79) !important;
        font-size: 0.9rem !important;
        line-height: 1.55 !important;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables {
        right: 16px;
        bottom: 18px;
        left: 46px;
        border-top-color: rgba(187, 143, 83, 0.23);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li {
        min-height: 45px;
        gap: 9px;
        padding: 10px 14px;
        border-left-color: rgba(187, 143, 83, 0.2);
        color: rgba(213, 199, 176, 0.78);
        font-size: 0.76rem;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li::before {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
        -webkit-mask-size: 15px 15px;
        mask-size: 15px 15px;
    }
}

/*
 * Unified practice process alignment.
 * Rejoin the shared 1280px practice-page grid without changing dossier internals.
 */
@media (min-width: 1101px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process > .container {
        width: 100%;
        max-width: 1280px;
        margin-inline: auto;
        padding-inline: 40px;
        grid-template-columns: minmax(250px, 0.58fr) minmax(0, 1.42fr);
        gap: clamp(52px, 5.4vw, 82px);
        align-items: center;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .practice-section-head {
        position: relative;
        top: auto;
        align-self: center;
        margin-block: 0;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack {
        margin-inline: auto;
        transform: none;
    }
}

/*
 * Unified practice template — restrained material grain.
 *
 * One neutral, seamless source is reused at two strengths:
 * - soft-light on broad atmospheric fields;
 * - overlay only on object-like working surfaces.
 * Photography, body copy, controls and inputs stay optically clean.
 */
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page {
    --corp-premium-grain-atmosphere: url("../images/textures/colenco-premium-grain-soft.webp");
    --corp-premium-grain-surface: url("../images/textures/colenco-premium-grain-soft.webp");
    --corp-premium-grain-atmosphere-size: 512px 512px;
    --corp-premium-grain-surface-size: 512px 512px;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-hero .hero-overlay {
    background: linear-gradient(90deg, rgba(9, 13, 19, 0.97) 0%, rgba(9, 13, 19, 0.86) 48%, rgba(9, 13, 19, 0.58) 100%) !important;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-hero .hero-overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat;
    mix-blend-mode: soft-light;
    opacity: 0.32;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-hero-aside-card {
    background:
        var(--corp-premium-grain-surface) center / var(--corp-premium-grain-surface-size) repeat,
        linear-gradient(180deg, rgba(11, 15, 22, 0.9) 0%, rgba(11, 15, 22, 0.94) 100%);
    background-blend-mode: soft-light, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #snapshot {
    background:
        var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
        radial-gradient(circle at 78% 30%, rgba(192, 154, 99, 0.055), transparent 34%);
    background-color: var(--corp-refine-bg);
    background-blend-mode: soft-light, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services {
    background:
        var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
        radial-gradient(circle at 12% 16%, rgba(70, 91, 108, 0.09), transparent 34%);
    background-color: var(--corp-refine-bg-raised);
    background-blend-mode: soft-light, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-row[open] .corporate-service-summary {
    background:
        var(--corp-premium-grain-surface) center / var(--corp-premium-grain-surface-size) repeat,
        linear-gradient(90deg, rgba(192, 154, 99, 0.105), rgba(192, 154, 99, 0.024) 74%, transparent);
    background-color: #0b1722;
    background-blend-mode: overlay, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #cases {
    background:
        var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
        radial-gradient(circle at 88% 12%, rgba(192, 154, 99, 0.035), transparent 30%);
    background-color: var(--corp-refine-bg-deep);
    background-blend-mode: soft-light, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #cases .corporate-case-file,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #cases .corporate-case-file:nth-child(n),
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #cases .corporate-case-file[open] {
    background:
        var(--corp-premium-grain-surface) center / var(--corp-premium-grain-surface-size) repeat,
        radial-gradient(circle at 92% 18%, rgba(192, 154, 99, 0.045), transparent 30%),
        linear-gradient(145deg, #142230, #0e1a26);
    background-blend-mode: overlay, normal, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #cases .corporate-case-sheet {
    background:
        var(--corp-premium-grain-surface) center / var(--corp-premium-grain-surface-size) repeat,
        linear-gradient(180deg, rgba(192, 154, 99, 0.035), transparent 150px);
    background-color: #0f1c28;
    background-blend-mode: soft-light, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .practice-team-section {
    background:
        var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
        linear-gradient(rgba(20, 24, 28, 0.9) 0%, rgba(20, 24, 28, 0.94) 100%);
    background-color: #14181c;
    background-blend-mode: soft-light, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #faq {
    background: var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat;
    background-color: var(--corp-refine-bg-deep);
    background-blend-mode: soft-light;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #faq .corporate-faq-item[open] {
    background: var(--corp-premium-grain-surface) center / var(--corp-premium-grain-surface-size) repeat;
    background-color: var(--corp-polish-surface-active);
    background-blend-mode: overlay;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-closing-band {
    background:
        var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
        radial-gradient(circle at 76% 24%, rgba(57, 76, 92, 0.13), transparent 34%);
    background-color: #07111b;
    background-blend-mode: soft-light, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-shell {
    background:
        var(--corp-premium-grain-surface) center / var(--corp-premium-grain-surface-size) repeat,
        radial-gradient(circle at 96% 8%, rgba(192, 154, 99, 0.06), transparent 30%),
        linear-gradient(145deg, rgba(13, 25, 36, 0.96), rgba(8, 18, 28, 0.92));
    background-blend-mode: overlay, normal, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section {
    background:
        var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
        linear-gradient(180deg, rgba(17, 31, 43, 0.42), transparent 62%);
    background-color: var(--corp-refine-bg-raised);
    background-blend-mode: soft-light, normal;
}

@media (min-width: 1300px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process {
        background:
            var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
            radial-gradient(ellipse at 67% 42%, rgba(42, 60, 73, 0.1), transparent 38%),
            radial-gradient(ellipse at 48% 52%, rgba(3, 12, 19, 0), rgba(1, 7, 12, 0.3) 72%),
            linear-gradient(135deg, rgba(60, 78, 91, 0.026), transparent 43%);
        background-color: #030d15;
        background-blend-mode: soft-light, normal, normal, normal;
    }
}

@media (max-width: 1299px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process {
        background:
            var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
            linear-gradient(135deg, rgba(70, 91, 108, 0.055), transparent 44%);
        background-color: #0a1621;
        background-blend-mode: soft-light, normal;
    }
}

/*
 * Unified practice process — use the same scanned material as the rest of the page.
 * The dossier keeps stronger surface contrast than the surrounding section,
 * while every folio layer shares one source instead of procedural CSS noise.
 */
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack {
    --dossier-grain:
        var(--corp-premium-grain-surface) 0 0 / var(--corp-premium-grain-surface-size) repeat;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .practice-section-desc {
    color: var(--corp-polish-muted, var(--corp-art-muted)) !important;
    font-size: var(--type-body-size, 0.98rem) !important;
    line-height: var(--type-body-line, 1.64) !important;
}

@media (min-width: 1300px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack::before {
        background-blend-mode: overlay, normal, normal, normal, normal, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(-n + 3)::after,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-summary {
        background-blend-mode: overlay, normal, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        background:
            var(--dossier-grain),
            linear-gradient(180deg, rgba(238, 228, 212, 0.022), transparent 42%),
            linear-gradient(#101b22, #101b22);
        background-blend-mode: soft-light, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail {
        background-blend-mode: overlay, normal, normal, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li {
        justify-content: center;
        padding-inline: 12px;
        color: rgba(222, 207, 184, 0.86);
        font-size: 0.82rem;
        text-align: center;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li:first-child {
        padding-left: 12px;
    }
}

@media (min-width: 1101px) and (max-width: 1299px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack.process-stage-count-6 {
        --dossier-tab-height: clamp(53px, 5vw, 64px);
        --dossier-tab-offset: clamp(53px, 5vw, 64px);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack::before {
        background-blend-mode: overlay, normal, normal, normal, normal, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(-n + 3)::after,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-summary {
        background-blend-mode: overlay, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-summary,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail {
        background-blend-mode: overlay, normal, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-summary {
        background:
            var(--dossier-grain),
            linear-gradient(180deg, rgba(238, 228, 212, 0.022), transparent 42%),
            linear-gradient(#101b22, #101b22);
        background-blend-mode: soft-light, normal, normal;
    }
}

@media (min-width: 1101px) and (hover: hover) and (pointer: fine) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage:not([open]) > .corporate-strategy-summary:hover {
        background:
            var(--dossier-grain),
            radial-gradient(ellipse at 82% 13%, rgba(191, 151, 96, 0.032), transparent 31%),
            linear-gradient(108deg, rgba(255, 255, 255, 0.021), transparent 42%),
            linear-gradient(145deg, #111f27, #08141b);
        background-blend-mode: overlay, normal, normal, normal;
    }
}

@media (min-width: 1101px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-result-label {
        position: absolute;
        z-index: 3;
        left: clamp(39px, 4vw, 67px);
        bottom: calc(clamp(12px, 1.2vw, 20px) + 60px);
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip-path: none;
        color: rgba(192, 154, 99, 0.82) !important;
        font: 600 0.66rem/1.2 var(--font-body) !important;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        white-space: normal;
    }

    /*
     * The active tab and its sheet are one physical object. Keep the reveal
     * tonal only so the sheet never opens with a temporary horizontal seam.
     */
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail {
        animation-name: dossier-attached-sheet-reveal;
    }
}

@keyframes dossier-attached-sheet-reveal {
    from {
        transform: translateX(0);
        opacity: 0.82;
        clip-path: inset(0);
    }

    to {
        transform: translateX(0);
        opacity: 1;
        clip-path: inset(0);
    }
}

@media (max-width: 1100px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack {
        background:
            var(--dossier-grain),
            linear-gradient(112deg, rgba(255, 255, 255, 0.016), transparent 28%),
            linear-gradient(145deg, #111e29, #09141d);
        background-blend-mode: overlay, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack::before {
        background:
            var(--dossier-grain),
            linear-gradient(112deg, rgba(255, 255, 255, 0.018), transparent 23%),
            linear-gradient(145deg, #111d27, #09131c);
        background-blend-mode: overlay, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage:nth-of-type(n),
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage[open] {
        background:
            var(--dossier-grain),
            linear-gradient(110deg, rgba(255, 255, 255, 0.014), transparent 36%),
            linear-gradient(145deg, #13212c, #0b161f);
        background-blend-mode: overlay, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail {
        background:
            var(--dossier-grain),
            radial-gradient(circle at 88% 12%, rgba(200, 157, 96, 0.045), transparent 30%),
            linear-gradient(145deg, #152530, #0d1923);
        background-blend-mode: overlay, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li {
        grid-template-rows: 18px auto;
        align-content: center;
        justify-items: center;
        gap: 7px;
        padding-inline: 6px;
        color: rgba(226, 214, 194, 0.9);
        font-size: clamp(0.8rem, 3.35vw, 0.86rem);
        line-height: 1.25;
        text-align: center;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li:first-child {
        padding-left: 6px;
    }
}

@media (max-width: 340px) {
    .practice-art-direction #process .corporate-strategy-deliverables {
        grid-template-columns: minmax(0, 1fr);
        margin-inline: 0;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li {
        min-height: 52px;
        grid-template-rows: auto;
        grid-template-columns: 18px auto;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 10px 8px;
        border-top: 1px solid rgba(205, 163, 103, 0.16);
        border-left: 0;
        font-size: 0.8rem;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:first-child,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li:first-child {
        padding-left: 8px;
        border-top: 0;
    }

    .practice-art-direction #process .corporate-strategy-deliverables li:last-child:nth-child(odd) {
        border-top: 1px solid rgba(205, 163, 103, 0.16);
        border-left: 0;
    }
}

/*
 * Mobile process dossier: the stack is the recessed backing surface, while
 * each folio is a distinct sheet. The selected tab and its detail remain one
 * uninterrupted material layer.
 */
@media (max-width: 760px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack {
        border-color: rgba(226, 218, 207, 0.12);
        background:
            var(--dossier-grain),
            linear-gradient(112deg, rgba(255, 255, 255, 0.01), transparent 30%),
            linear-gradient(145deg, #0a1721, #061019);
        background-blend-mode: soft-light, normal, normal;
        box-shadow:
            0 22px 48px rgba(0, 4, 10, 0.28),
            inset 0 1px rgba(238, 228, 212, 0.025);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage:not([open]) {
        border-color: rgba(226, 218, 207, 0.13);
        background:
            var(--dossier-grain),
            linear-gradient(110deg, rgba(255, 255, 255, 0.018), transparent 38%),
            linear-gradient(145deg, #142631, #0d1c27);
        background-blend-mode: overlay, normal, normal;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stack > .corporate-strategy-stage[open] {
        border-color: rgba(192, 154, 99, 0.38);
        background:
            var(--dossier-grain),
            radial-gradient(circle at 88% 12%, rgba(200, 157, 96, 0.04), transparent 30%),
            linear-gradient(145deg, #162a36, #10212c);
        background-blend-mode: overlay, normal, normal;
        box-shadow: 0 15px 30px rgba(0, 4, 10, 0.22);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-summary,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-detail {
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-stage[open] > .corporate-strategy-detail {
        margin: 0;
        border-radius: 0;
    }
}

/*
 * Localized process copy can be materially longer than the corporate reference.
 * These two content-aware modifiers preserve the reference hierarchy without
 * allowing orphaned headings or splitting result labels through a word.
 */
@media (min-width: 1300px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .practice-section-title--long {
        max-width: 8.2ch;
        font-size: 3.35rem !important;
        line-height: 1.04 !important;
        letter-spacing: -0.034em !important;
    }
}

@media (max-width: 520px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables--stack-mobile {
        grid-template-columns: minmax(0, 1fr);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables--stack-mobile li,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables--stack-mobile li:last-child:nth-child(odd) {
        min-height: 52px;
        grid-template-rows: auto;
        grid-template-columns: 18px minmax(0, auto);
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 10px 8px;
        border-top: 1px solid rgba(205, 163, 103, 0.16);
        border-left: 0;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables--stack-mobile li:first-child {
        padding-left: 8px;
        border-top: 0;
    }
}

/*
 * Practice-page epilogue — useful reading follows the contact decision.
 * It stays editorial and quiet, with the same folio material as the page.
 */
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section {
    position: relative;
    isolation: isolate;
    padding-block: clamp(74px, 7.2vw, 108px);
    border-top: 1px solid rgba(192, 154, 99, 0.2);
    background:
        var(--corp-premium-grain-atmosphere) center / var(--corp-premium-grain-atmosphere-size) repeat,
        radial-gradient(ellipse at 16% 8%, rgba(192, 154, 99, 0.055), transparent 36%),
        linear-gradient(180deg, #0b1722, #07111a);
    background-blend-mode: soft-light, normal, normal;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .corporate-section-head {
    align-items: start;
    margin-bottom: clamp(30px, 3.4vw, 46px);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section .practice-section-desc {
    max-width: 54ch;
    color: rgba(188, 198, 207, 0.76) !important;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-grid {
    position: relative;
    overflow: hidden;
    border-block-color: rgba(205, 163, 99, 0.3);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 52%),
        rgba(6, 15, 23, 0.34);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card {
    isolation: isolate;
    display: flex;
    min-height: 306px;
    flex-direction: column;
    padding: clamp(28px, 2.7vw, 38px) clamp(23px, 2.45vw, 34px) clamp(27px, 2.6vw, 36px);
    background: transparent;
    transition:
        background-color 180ms ease,
        border-color 180ms ease;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 18%;
    left: 18%;
    height: 1px;
    background: rgba(216, 177, 120, 0.78);
    opacity: 0;
    transform: scaleX(0.55);
    transition:
        opacity 180ms ease,
        transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card:hover::before,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card:focus-within::before {
    opacity: 1;
    transform: scaleX(1);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card h3 {
    max-width: 25ch;
    margin: 0 0 14px;
    color: rgba(237, 232, 224, 0.96);
    font-size: clamp(1.32rem, 1.55vw, 1.58rem);
    line-height: 1.22;
    letter-spacing: -0.018em;
    text-wrap: balance;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card p {
    display: -webkit-box;
    margin: 0 0 24px;
    overflow: hidden;
    color: rgba(182, 192, 201, 0.76);
    line-height: 1.62;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card .service-link {
    align-self: flex-start;
    margin-top: auto;
    color: rgba(213, 177, 124, 0.94);
}

@media (max-width: 900px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-grid {
        background: transparent;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card {
        min-height: 0;
        padding: 25px 0 27px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card::before {
        content: none;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card h3 {
        max-width: 31ch;
        margin-top: 0;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card p {
        max-width: 68ch;
        margin-bottom: 18px;
        -webkit-line-clamp: 3;
    }
}

/*
 * Compact mobile conversion form. Touch targets stay at least 48px while
 * decorative spacing and the message field no longer inflate the page.
 */
@media (max-width: 640px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-closing-band {
        padding-block: 38px 44px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-closing-card {
        --corporate-closing-gap: 26px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-closing-kicker {
        margin-bottom: 12px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-closing-title {
        font-size: clamp(2.18rem, 10.2vw, 2.8rem) !important;
        line-height: 1.02 !important;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-closing-desc {
        margin-top: 16px;
        line-height: 1.5 !important;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-closing-trust {
        gap: 7px;
        margin-top: 20px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-closing-trust li {
        min-height: 20px;
        padding-left: 27px;
        font-size: 0.86rem;
        line-height: 1.4;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-shell {
        padding: 20px 16px 18px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-title {
        margin-bottom: 16px;
        font-size: 1.58rem;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-form {
        gap: 14px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-grid {
        gap: 12px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-group,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-group:nth-child(n) {
        gap: 6px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-form .form-input {
        min-height: 48px;
        padding: 10px 13px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-form textarea.form-input {
        min-height: 104px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-contact-field-hint {
        font-size: 0.74rem;
        line-height: 1.35;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-submit,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-actions.practice-inline-contact-actions-with-telegram .corporate-inline-contact-submit {
        min-height: 50px;
        padding-block: 13px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-actions .telegram-inline-contact-cta,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-actions.practice-inline-contact-actions-with-telegram .telegram-inline-contact-cta {
        min-height: 40px !important;
        padding-block: 7px 5px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-privacy {
        margin-top: 0;
        font-size: 0.72rem;
        line-height: 1.4;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-insights-section {
        padding-block: 58px 64px;
    }
}

@media (max-width: 360px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-shell {
        padding: 18px 13px 16px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-inline-contact-form .form-group label {
        font-size: 0.72rem;
        letter-spacing: 0.065em;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page .corporate-resource-card::before {
        transition: none;
    }
}

/* The working sheet stays unadorned at every breakpoint. */
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-detail::before {
    content: none;
    display: none;
}

/*
 * Services rail: the arrow is a quiet directional mark, not a text glyph.
 * Its line and head share one optical centre inside every summary cell.
 */
@media (min-width: 961px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-toggle {
        position: relative;
        display: block;
        width: 22px;
        height: 18px;
        align-self: center;
        justify-self: center;
        transition: transform 180ms ease;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-toggle::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 18px;
        height: 7px;
        background: rgba(205, 163, 103, 0.66) !important;
        clip-path: polygon(0 43%, 72% 43%, 72% 0, 100% 50%, 72% 100%, 72% 57%, 0 57%);
        transform: translate(-50%, -50%);
        transition: background-color 180ms ease;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-toggle::after {
        content: none;
        display: none;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-row[open] .corporate-service-toggle,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-summary:hover .corporate-service-toggle,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-summary:focus-visible .corporate-service-toggle {
        transform: translateX(2px);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-row[open] .corporate-service-toggle::before,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-summary:hover .corporate-service-toggle::before,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #services .corporate-service-summary:focus-visible .corporate-service-toggle::before {
        background: rgba(224, 185, 127, 0.9) !important;
        transform: translate(-50%, -50%);
    }
}

/*
 * Process outcomes — readable at a glance across every localized label.
 * The body face carries small functional copy more clearly than the display serif.
 */
@media (min-width: 1300px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li {
        min-height: 50px;
        gap: 8px;
        padding-block: 6px;
        color: rgba(232, 221, 204, 0.94);
        font-family: var(--font-body);
        font-size: clamp(0.9rem, 0.86vw, 0.96rem);
        font-weight: 500;
        line-height: 1.28;
        letter-spacing: -0.005em;
        overflow-wrap: normal;
        word-break: normal;
        text-wrap: balance;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li.corporate-strategy-deliverable--long-word {
        gap: 7px;
        padding-inline: 8px;
        font-size: 0.84rem;
        hyphens: auto;
        overflow-wrap: anywhere;
    }
}

@media (min-width: 1101px) and (max-width: 1299px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li {
        display: grid;
        min-height: 58px;
        grid-template-rows: 18px auto;
        align-content: center;
        justify-items: center;
        gap: 5px;
        padding: 7px 8px;
        color: rgba(232, 221, 204, 0.92);
        font-family: var(--font-body);
        font-size: clamp(0.84rem, 1.1vw, 0.9rem);
        font-weight: 500;
        line-height: 1.28;
        letter-spacing: -0.004em;
        overflow-wrap: normal;
        word-break: normal;
        text-wrap: balance;
        text-align: center;
    }
}

@media (max-width: 1100px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li {
        padding-inline: 4px;
        color: rgba(232, 221, 204, 0.92);
        font-family: var(--font-body);
        font-size: clamp(0.8rem, 2.5vw, 0.88rem);
        font-weight: 500;
        line-height: 1.28;
        letter-spacing: 0;
        overflow-wrap: normal;
        word-break: normal;
        text-wrap: balance;
    }
}

@media (max-width: 340px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) body.practice-art-direction.practice-unified-page #process .corporate-strategy-deliverables li {
        font-size: 0.82rem;
    }
}

/*
 * Shared article resources shelf.
 * The practice pages and homepage consume the same markup and this single
 * final component definition; only the article-selection strategy differs.
 */
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section {
    position: relative;
    isolation: isolate;
    min-height: 0 !important;
    padding-block: clamp(74px, 7.2vw, 108px);
    overflow: hidden;
    border-top: 1px solid rgba(192, 154, 99, 0.2);
    background:
        var(--corp-premium-grain-atmosphere, var(--home-premium-grain-soft)) center / var(--corp-premium-grain-atmosphere-size, var(--home-premium-grain-size)) repeat,
        radial-gradient(ellipse at 16% 8%, rgba(192, 154, 99, 0.055), transparent 36%),
        linear-gradient(180deg, #0b1722, #07111a);
    background-blend-mode: soft-light, normal, normal;
    color: #f0f0f0;
    scroll-margin-top: 150px;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section > .container {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    grid-template-columns: minmax(0, 0.96fr) minmax(300px, 0.84fr);
    column-gap: 64px;
    row-gap: 14px;
    margin-inline: auto;
    padding-inline: 40px;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .corporate-section-head {
    position: relative;
    display: grid;
    max-width: none;
    grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
    column-gap: clamp(48px, 7vw, 108px);
    row-gap: 16px;
    align-items: start;
    margin: 0 0 clamp(30px, 3.4vw, 46px);
    padding: 0 104px 22px 0;
    border: 0;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .corporate-section-head::before {
    content: none;
    display: none;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .corporate-section-head::after {
    content: none;
    display: none;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-kicker,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-title {
    grid-column: 1;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-kicker {
    margin: 0 0 14px;
    color: rgba(214, 190, 155, 0.84);
    font: 400 0.74rem/1.6 var(--font-body);
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-title {
    position: relative;
    max-width: 13ch;
    margin: 0;
    padding-top: 0;
    color: #e8e1d6 !important;
    font-family: var(--font-heading);
    font-size: clamp(2.65rem, 3.8vw, 3.65rem) !important;
    font-weight: 500 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
    text-align: left;
    text-wrap: balance;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-title::before {
    content: none;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-desc {
    grid-column: 2;
    grid-row: 2;
    max-width: 54ch;
    margin: 0;
    padding-top: 26px;
    color: rgba(188, 198, 207, 0.76) !important;
    font: 400 1rem/1.65 var(--font-body) !important;
    text-align: left;
    text-wrap: pretty;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border-block: 1px solid rgba(205, 163, 99, 0.3);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 52%),
        rgba(6, 15, 23, 0.34);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card {
    position: relative;
    isolation: isolate;
    display: flex;
    min-width: 0;
    min-height: 306px;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(28px, 2.7vw, 38px) clamp(23px, 2.45vw, 34px) clamp(27px, 2.6vw, 36px);
    border: 0;
    border-right: 1px solid rgba(233, 227, 218, 0.1);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition:
        background-color 180ms ease,
        border-color 180ms ease;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card:last-child {
    border-right: 0;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 18%;
    left: 18%;
    height: 1px;
    background: rgba(216, 177, 120, 0.78);
    opacity: 0;
    transform: scaleX(0.55);
    transition:
        opacity 180ms ease,
        transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card:hover,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card:focus-within {
    border-color: rgba(205, 163, 99, 0.28);
    background-color: rgba(205, 163, 99, 0.035);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card:hover::before,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card:focus-within::before {
    opacity: 1;
    transform: scaleX(1);
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card h3 {
    max-width: 25ch;
    margin: 0 0 14px;
    color: #e8e1d6 !important;
    font-family: var(--font-heading);
    font-size: clamp(1.2rem, 1.5vw, 1.48rem) !important;
    font-weight: 500;
    line-height: 1.22 !important;
    letter-spacing: -0.018em;
    text-transform: none;
    text-wrap: balance;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card p {
    display: -webkit-box;
    max-width: none;
    margin: 0 0 24px;
    overflow: hidden;
    color: #b8c0c7 !important;
    font: 400 0.93rem/1.58 var(--font-body) !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card .service-link {
    position: static;
    z-index: auto;
    display: flex;
    width: max-content;
    height: auto;
    min-height: 44px;
    align-items: center;
    align-self: flex-start;
    justify-content: flex-start;
    justify-self: auto;
    gap: 8px;
    margin-top: auto;
    padding: 20px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #d1ae78 !important;
    font-size: 0.84rem;
    letter-spacing: 2px;
    box-shadow: none;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card .service-link span {
    display: inline-block;
    color: inherit !important;
    font-size: inherit;
    transition: transform 180ms ease;
}

:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card .service-link:hover span,
:is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card .service-link:focus-visible span {
    transform: translateX(4px);
}

@media (max-width: 900px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section > .container {
        grid-template-columns: 1fr;
        column-gap: 44px;
        row-gap: 10px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .corporate-section-head {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 0;
        margin-bottom: 30px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-kicker,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-title,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-desc {
        grid-column: 1;
        grid-row: auto;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-desc {
        margin-top: 18px;
        padding-top: 0;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-grid {
        grid-template-columns: minmax(0, 1fr);
        background: transparent;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card {
        min-height: 0;
        padding: 25px 0 27px;
        border-right: 0;
        border-bottom: 1px solid rgba(233, 227, 218, 0.1);
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card:last-child {
        border-bottom: 0;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card::before {
        content: none;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card:hover,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card:focus-within {
        background-color: transparent;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card h3 {
        max-width: 31ch;
        font-size: 1.2rem !important;
        line-height: 1.25 !important;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card p {
        max-width: 68ch;
        margin-bottom: 18px;
        font-size: 0.92rem !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 3;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card .service-link {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }
}

@media (max-width: 768px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section {
        padding-block: 58px 64px;
        scroll-margin-top: 72px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section > .container {
        padding-inline: 24px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .corporate-section-head {
        padding-right: 0;
        padding-bottom: 18px;
    }

    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .practice-section-title {
        max-width: none;
        font-size: clamp(2.05rem, 9vw, 2.4rem) !important;
        line-height: 1.05 !important;
    }
}

@media (max-width: 760px) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-insights-section .corporate-section-head::after {
        content: none;
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card::before,
    :is(html[lang="ru"], html[lang="ro"], html[lang="en"]) :is(body.practice-art-direction.practice-unified-page, body.home-page) .corporate-resource-card .service-link span {
        transition: none;
    }
}