/**
 * Dreamland — Cases Archive (Theme Builder / dl_case)
 * Isolado dos seletores .dl-cases-* da Home. Nenhum JS/GSAP adicional.
 */
.dl-ca-section {
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.dl-ca-section *,
.dl-ca-section *::before,
.dl-ca-section *::after { box-sizing: border-box; }

.dl-ca-hero {
    --dl-ca-title: #f2f0ea;
    --dl-ca-muted: #b6b3ad;
    --dl-ca-side: clamp(20px, 4.2vw, 100px);
    --dl-ca-heading-size: clamp(62px, 9.3vw, 180px);
    --dl-ca-intro-width: 530px;
    --dl-ca-min-height: 700px;
    color: var(--dl-ca-title);
    background: #0b0b0b;
    min-height: var(--dl-ca-min-height);
}
.dl-ca-hero__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(44px, 9vw, 130px);
    max-width: 1920px;
    min-height: inherit;
    margin-inline: auto;
    padding: clamp(125px, 16svh, 210px) var(--dl-ca-side) clamp(54px, 6.5vw, 110px);
}
.dl-ca-hero__eyebrow,
.dl-ca-hero__count,
.dl-ca-work__index,
.dl-ca-work__kicker,
.dl-ca-work__link,
.dl-ca-cta__eyebrow,
.dl-ca-cta__button {
    font-family: "Coolvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .14em;
    line-height: 1.55;
    text-transform: uppercase;
}
.dl-ca-hero__eyebrow { color: var(--dl-ca-muted); letter-spacing: .18em; }
.dl-ca-hero__title {
    color: var(--dl-ca-title);
    font-family: "Coolvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: var(--dl-ca-heading-size);
    /* Peso de display alinhado ao Hero/Cases da Home (600). */
    font-weight: 600;
    letter-spacing: -.049em;
    line-height: .92;
    max-width: 1640px;
    margin: 0;
    overflow-wrap: anywhere;
}
.dl-ca-hero__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 36px;
}
.dl-ca-hero__count { color: var(--dl-ca-muted); flex: 0 0 auto; }
.dl-ca-hero__intro {
    color: var(--dl-ca-muted);
    font-family: "Coolvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(17px, 1.6vw, 24px);
    font-weight: 400;
    line-height: 1.45;
    max-width: var(--dl-ca-intro-width);
    margin: 0 0 0 auto;
    text-wrap: pretty;
}

/* Listagem: ritmo fotográfico vertical, sem cards, sem pinning. */
.dl-ca-list {
    --dl-ca-title: #f2f0ea;
    --dl-ca-muted: #b4b1ab;
    --dl-ca-line: #3b3a38;
    --dl-ca-side: clamp(20px, 4.2vw, 100px);
    --dl-ca-row-gap: clamp(36px, 5vw, 90px);
    --dl-ca-case-size: clamp(39px, 5vw, 94px);
    --dl-ca-media-radius: 0px;
    background: #0b0b0b;
    color: var(--dl-ca-title);
}
.dl-ca-list__inner {
    max-width: 1920px;
    margin-inline: auto;
    padding: 0 var(--dl-ca-side) clamp(70px, 10vw, 170px);
}
.dl-ca-work {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
    align-items: center;
    gap: clamp(30px, 5vw, 110px);
    padding: var(--dl-ca-row-gap) 0;
    border-top: 1px solid var(--dl-ca-line);
}
.dl-ca-work__media-link {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    background: #0b0b0b;
    border-radius: var(--dl-ca-media-radius);
    aspect-ratio: 1.5;
}
.dl-ca-list--portrait .dl-ca-work__media-link { aspect-ratio: 4 / 5; }
.dl-ca-list--square .dl-ca-work__media-link { aspect-ratio: 1 / 1; }
.dl-ca-work__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--dl-ca-object-x, 50%) var(--dl-ca-object-y, 50%);
    transform: translateZ(0) scale(1);
    transition: transform .75s cubic-bezier(.22,.8,.2,1);
}
/* O Elementor costuma aplicar height:auto em img; no desktop a imagem deve ocupar todo o quadro. */
.dl-ca-work__media-link > img.dl-ca-work__image {
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.dl-ca-work__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 24px;
    color: #8b8b8b;
    background: #1e1e1e;
    font-family: "Coolvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(26px, 3.6vw, 65px);
    line-height: 1;
    letter-spacing: -.04em;
}
.dl-ca-work__copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(18px, 2.1vw, 32px);
}
.dl-ca-work__index { color: var(--dl-ca-muted); opacity: .7; }
.dl-ca-work__kicker { color: var(--dl-ca-muted); max-width: 500px; }
.dl-ca-work__title {
    font-family: "Coolvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: var(--dl-ca-case-size);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.037em;
    margin: 0;
    max-width: 710px;
    overflow-wrap: anywhere;
}
.dl-ca-work__title a {
    color: var(--dl-ca-title);
    text-decoration: none;
}
.dl-ca-work__title a:hover { color: var(--dl-ca-title); }
.dl-ca-work__excerpt {
    color: var(--dl-ca-muted);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(16px, 1.15vw, 19px);
    line-height: 1.6;
    max-width: 560px;
    margin: 0;
}
.dl-ca-work__link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 0 0 13px;
    min-width: 180px;
    color: var(--dl-ca-title);
    border-bottom: 1px solid var(--dl-ca-muted);
    text-decoration: none;
    transition: border-color .25s ease;
}
.dl-ca-work__link svg, .dl-ca-cta__button svg {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .25s ease;
}
.dl-ca-work__link:hover,
.dl-ca-work__link:focus-visible { color: var(--dl-ca-title); border-color: var(--dl-ca-title); }
.dl-ca-work__link:hover svg,
.dl-ca-work__link:focus-visible svg,
.dl-ca-cta__button:hover svg,
.dl-ca-cta__button:focus-visible svg { transform: translate(3px,-3px); }
.dl-ca-section a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 6px;
}
@media (min-width: 1025px) {
    /*
     * Russo: retrato originalmente fotografado com o rosto abaixo do centro.
     * Um quadro editorial mais alto evita recortar o artista na base.
     * O foco vertical (100%) continua ajustável no repeater do widget.
     */
    .dl-ca-list--wide .dl-ca-work--russo-passapusso-2026 .dl-ca-work__media-link {
        aspect-ratio: 5 / 4;
    }
    .dl-ca-list--alternate .dl-ca-work:nth-child(even) {
        grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    }
    .dl-ca-list--alternate .dl-ca-work:nth-child(even) .dl-ca-work__media-link {
        grid-column: 2;
        grid-row: 1;
    }
    .dl-ca-list--alternate .dl-ca-work:nth-child(even) .dl-ca-work__copy {
        grid-column: 1;
        grid-row: 1;
    }
}

/* Paginação acessível; sempre baseada no próprio CPT. */
.dl-ca-list__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 40px 0 0;
    border-top: 1px solid var(--dl-ca-line);
}
.dl-ca-list__pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    min-width: 44px;
    min-height: 44px;
    border: 1px solid var(--dl-ca-line);
    color: var(--dl-ca-title);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
    line-height: 1.3;
}
.dl-ca-list__pagination .page-numbers.current {
    color: #0b0b0b;
    background: #f2f0ea;
    border-color: #f2f0ea;
}
.dl-ca-list__pagination a:hover { border-color: #f2f0ea; color: #f2f0ea; }
.dl-ca-list__empty {
    margin: 0;
    padding: 70px 0;
    color: var(--dl-ca-muted);
    font-size: 18px;
}

/* CTA: fecha o editorial antes do Footer azul que já existe. */
.dl-ca-cta {
    --dl-ca-title: #f2f0ea;
    --dl-ca-muted: #bfbdb8;
    --dl-ca-side: clamp(20px, 4.2vw, 100px);
    --dl-ca-vertical: clamp(80px, 9vw, 170px);
    --dl-ca-heading-size: clamp(48px, 7.3vw, 137px);
    color: var(--dl-ca-title);
    background: #161616;
    border-top: 1px solid #373737;
}
.dl-ca-cta__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(29px, 4vw, 62px);
    max-width: 1920px;
    margin-inline: auto;
    padding: var(--dl-ca-vertical) var(--dl-ca-side);
}
.dl-ca-cta__eyebrow { color: var(--dl-ca-muted); }
.dl-ca-cta__title {
    color: var(--dl-ca-title);
    font-family: "Coolvetica", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: var(--dl-ca-heading-size);
    line-height: .97;
    font-weight: 600;
    letter-spacing: -.045em;
    max-width: 1350px;
    margin: 0;
    overflow-wrap: anywhere;
}
.dl-ca-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    min-height: 58px;
    padding: 16px 18px 16px 20px;
    border: 1px solid var(--dl-ca-muted);
    color: var(--dl-ca-title);
    text-decoration: none;
    transition: border-color .25s ease;
}
.dl-ca-cta__button:hover,
.dl-ca-cta__button:focus-visible {
    border-color: var(--dl-ca-title);
    color: var(--dl-ca-title);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .dl-ca-work:hover .dl-ca-work__image { transform: translateZ(0) scale(1.035); }
}
@media (min-width: 1921px) {
    .dl-ca-hero__inner, .dl-ca-list__inner, .dl-ca-cta__inner {
        max-width: 2100px;
    }
}
@media (max-width: 1024px) {
    .dl-ca-hero__inner { padding-top: 130px; }
    .dl-ca-work {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
        gap: clamp(24px, 4vw, 46px);
    }
    .dl-ca-work__title { font-size: min(var(--dl-ca-case-size), 6vw); }
    .dl-ca-work__media-link { aspect-ratio: 4/5; }
}
@media (max-width: 767px) {
    /* Bases mobile apenas como fallback: os controles responsivos do Elementor continuam editáveis. */
    .dl-ca-hero { --dl-ca-heading-size: 66px; }
    .dl-ca-list { --dl-ca-case-size: 48px; }
    .dl-ca-cta { --dl-ca-heading-size: 56px; }
    .dl-ca-hero__inner {
        min-height: inherit;
        padding: 116px var(--dl-ca-side) 53px;
        gap: 54px;
    }
    .dl-ca-hero { min-height: min(var(--dl-ca-min-height), 85svh); }
    .dl-ca-hero__title {
        font-size: calc(var(--dl-ca-heading-size) * .69);
        line-height: 1.02;
        letter-spacing: -.035em;
        overflow-wrap: break-word;
    }
    .dl-ca-hero__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }
    .dl-ca-hero__intro {
        max-width: 100%;
        margin: 0;
        font-size: 17px;
    }
    .dl-ca-list__inner { padding: 0 var(--dl-ca-side) 75px; }
    .dl-ca-work {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
        padding: var(--dl-ca-row-gap) 0 65px;
    }
    .dl-ca-work__copy { gap: 16px; }
    .dl-ca-work__title {
        font-size: calc(var(--dl-ca-case-size) * .78);
        line-height: 1.04;
        letter-spacing: -.03em;
        overflow-wrap: break-word;
    }
    .dl-ca-work__link { min-height: 44px; padding-top: 9px; }
    .dl-ca-list__pagination { padding-top: 28px; }
    .dl-ca-cta__inner { padding: var(--dl-ca-vertical) var(--dl-ca-side); gap: 30px; }
    .dl-ca-cta__title { font-size: calc(var(--dl-ca-heading-size) * .8); line-height: 1.04; }
    .dl-ca-cta__button { width: 100%; gap: 12px; font-size: 11px; }
}
@media (max-width: 359px) {
    .dl-ca-hero__title { font-size: calc(var(--dl-ca-heading-size) * .62); }
    .dl-ca-work__title { font-size: calc(var(--dl-ca-case-size) * .71); }
    .dl-ca-cta__title { font-size: calc(var(--dl-ca-heading-size) * .7); }
}
/*
 * Mobile — fluxo editorial compacto (iPhone/Safari).
 * Diagnóstico do Safari (393px): o link de Russo ocupava 1500px de altura.
 * A mídia agora tem proporção explícita, limitada pelo PHP para evitar
 * fotografias com proporções extremas e sem depender da altura intrínseca do img.
 * Mantém foto e título juntos; somente Archive mobile, sem afetar o desktop.
 */
@media (max-width: 767px) {
    .dl-ca-hero {
        min-height: 0;
    }
    .dl-ca-hero .dl-ca-hero__inner {
        min-height: 0;
        gap: 32px;
        padding-top: 108px;
        padding-bottom: 36px;
    }
    .dl-ca-list .dl-ca-list__inner {
        padding-bottom: 46px;
    }
    .dl-ca-list .dl-ca-work {
        display: block;
        min-height: 0;
        height: auto;
        padding-top: max(16px, calc(var(--dl-ca-row-gap) * .45));
        padding-bottom: max(28px, calc(var(--dl-ca-row-gap) * .65));
    }
    .dl-ca-list .dl-ca-work__media-link {
        position: relative;
        display: block;
        width: 100%;
        min-height: 0;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: var(--dl-ca-photo-ratio, 4 / 5) !important;
        overflow: hidden;
        line-height: 0;
    }
    /* O img sai do fluxo: a altura do quadro não depende de CSS do Elementor
       nem de atributos dimensionais do HTML. A foto preenche sem distorção. */
    .dl-ca-list .dl-ca-work__media-link > img.dl-ca-work__image {
        position: absolute !important;
        inset: 0;
        display: block;
        width: 100% !important;
        max-width: 100%;
        min-height: 0;
        height: 100% !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        vertical-align: top;
    }
    .dl-ca-list .dl-ca-work__copy {
        width: 100%;
        min-height: 0;
        margin-top: 16px;
        gap: 12px;
    }
    .dl-ca-list .dl-ca-work__title,
    .dl-ca-list .dl-ca-work__kicker,
    .dl-ca-list .dl-ca-work__index {
        margin-block: 0;
    }
    .dl-ca-list .dl-ca-work__link {
        margin-top: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dl-ca-section, .dl-ca-section *, .dl-ca-section *::before, .dl-ca-section *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
    .dl-ca-work__image { transform: none !important; }
}