/* =========================================================
CitaVerso — Homepage Recovery
Loaded only on cv-view-home.
This file is authoritative over generic refinement rules.
========================================================= */


/* =========================================================
GENERAL
========================================================= */
.cv-view-home{
    --cv-home-gap:14px;
}
.cv-view-home > .cv-section{
    margin-top:22px;
}
.cv-view-home .cv-section-head{
    margin-bottom:13px;
}
.cv-view-home .cv-home-backdrop{
    position:absolute;
    inset:0;
    z-index:-3;
}
.cv-view-home .cv-home-backdrop img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 52%;
}


/* Hero copy */
.cv-view-home .cv-home-hero-copy{
    min-width:0;
    max-width:620px;
    color:#fff;
}
.cv-view-home .cv-home-eyebrow{
    margin:0 0 11px;
    font-weight:700;
    letter-spacing:.09em;
    color:#f0eaff;
}
.cv-view-home .cv-home-intro{
    max-width:480px;
    margin:18px 0 0;
    line-height:1.48;
    color:rgba(244, 247, 255, .91);
}
.cv-view-home .cv-home-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:23px;
}
.cv-view-home .cv-home-hero-actions .cv-button--quiet{
    color:#fff;
    border-color:rgba(255, 255, 255, .24)!important;
    background:rgba(7, 13, 28, .54);
    backdrop-filter:blur(8px);
}


/* Hero stats */
.cv-view-home .cv-home-stats{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
    margin-top:24px;
}
.cv-view-home .cv-home-stats > *{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:112px;
    padding:1px 18px 1px 0;
    margin-right:18px;
    color:#fff;
    border-right:1px solid rgba(255, 255, 255, .16);
}
.cv-view-home .cv-home-stats > *:last-child{
    border-right:0;
}
.cv-view-home .cv-home-stats svg{
    width:20px;
    height:20px;
    color:#bd72ff;
}
.cv-view-home .cv-home-stats span span{
    display:flex;
    flex-direction:column;
}
.cv-view-home .cv-home-stats strong{
    line-height:1;
}
.cv-view-home .cv-home-stats small{
    margin-top:3px;
    color:rgba(236, 241, 252, .72);
}


/* =========================================================
CitaVerso — Daily Quote Legacy Foundation Prune 03C1
Only surviving declarations from the original Daily Quote base.
========================================================= */
.cv-view-home .cv-home-daily :is(.ac-fdg, .ac-fdg-container){
    max-width:none!important;
    padding:0!important;
}
.cv-view-home .cv-home-daily .ac-fdg__card{
    color:#fff;
    backdrop-filter:blur(4px) saturate(1.08);
}
.cv-view-home .cv-home-daily .ac-fdg__card:before{
    border-radius:inherit;
}
.cv-view-home .cv-home-daily .ac-fdg__label{
    font:800 9px/1.3 system-ui, sans-serif;
}
.cv-view-home .cv-home-daily .ac-fdg__quote{
    font:700 23px/1.18 Georgia, serif;
}


/* =========================================================
UNIVERSES
========================================================= */
.cv-view-home .cv-home-universes{
    margin-top:16px;
}
.cv-view-home .cv-home-small-heading{
    display:none;
}
.cv-view-home .cv-categories{
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:10px;
}
.cv-view-home .cv-category{
    height:116px;
    border-radius:9px;
    border:1px solid color-mix(in srgb, var(--cv-type, #935cff) 65%, var(--cv-line));
    background:#07111e;
    color:#fff;
}
.cv-view-home .cv-category img{
    transition:transform .35s ease;
}
.cv-view-home .cv-category:after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(0deg, rgba(2, 8, 18, .90), rgba(2, 8, 18, .12) 68%);
}
.cv-view-home .cv-category > span{
    inset:auto 10px 10px;
    z-index:2;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:3px 6px;
    padding:0;
    font-family:Georgia, serif;
}
.cv-view-home .cv-category > span > svg{
    grid-row:1/3;
    width:17px;
    height:17px;
}
.cv-view-home .cv-category strong{
    line-height:1;
}
.cv-view-home .cv-category small{
    font:9px/1.2 system-ui, sans-serif;
    color:rgba(255, 255, 255, .78);
}
.cv-view-home .cv-category:hover img{
    transform:scale(1.06);
}


/* =========================================================
WORKS
========================================================= */
.cv-view-home .cv-home-works{
    position:relative;
}
.cv-view-home .cv-home-type-tabs{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    margin:-38px 0 13px auto;
    max-width:max-content;
}
.cv-view-home .cv-home-type-tabs a{
    display:inline-flex;
    align-items:center;
    padding:5px 12px;
    border:1px solid var(--cv-line);
    border-radius:999px;
    background:color-mix(in srgb, var(--cv-panel) 88%, transparent);
    color:var(--cv-muted);
}
.cv-view-home .cv-home-type-tabs a:hover, .cv-view-home .cv-home-type-tabs .is-active{
    border-color:color-mix(in srgb, var(--cv-accent) 55%, var(--cv-line));
    background:color-mix(in srgb, var(--cv-accent) 18%, var(--cv-panel));
    color:var(--cv-text);
}
.cv-view-home .cv-work-row::-webkit-scrollbar{
    display:none;
}
.cv-view-home .cv-work-row .cv-card--work{
    isolation:isolate;
}
.cv-view-home .cv-work-row .cv-card--work:after{
    content:'';
    position:absolute;
    inset:0;
    z-index:-2;
    background:linear-gradient(0deg, rgba(2, 7, 16, .98) 0%, rgba(2, 7, 16, .78) 30%, rgba(2, 7, 16, .10) 68%);
    pointer-events:none;
}
.cv-view-home .cv-work-row .cv-card-copy{
    width:100%;
}
.cv-view-home .cv-work-row .cv-tag{
    margin-bottom:5px;
}


/* =========================================================
DISCOVERY STRIP
========================================================= */
.cv-view-home .cv-home-discovery{
    display:grid;
    grid-template-columns:minmax(300px, 1.15fr) minmax(300px, 1fr) auto;
    align-items:center;
    gap:24px;
    min-height:92px;
    margin-top:20px;
    padding:17px 24px;
    border:1px solid rgba(172, 94, 255, .50);
    border-radius:10px;
    background:linear-gradient(90deg, rgba(26, 11, 58, .94), rgba(67, 30, 109, .72), rgba(8, 28, 55, .91)), url('../citaverso/hero/cv-hero-generic.webp') center 60%/cover;
    color:#fff;
}
.cv-view-home .cv-home-discovery:after{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 72% 20%, rgba(193, 94, 255, .16), transparent 36%);
    pointer-events:none;
}
.cv-view-home .cv-home-discovery-copy, .cv-view-home .cv-home-discovery-types, .cv-view-home .cv-home-discovery > .cv-button{
    position:relative;
    z-index:1;
}
.cv-view-home .cv-home-discovery .cv-eyebrow{
    letter-spacing:.13em;
    color:#dfc6ff;
}
.cv-view-home .cv-home-discovery h2{
    margin:3px 0 2px;
    font:700 17px/1.05 Georgia, serif;
}
.cv-view-home .cv-home-discovery p{
    margin:5px 0 0;
    color:rgba(244, 247, 255, .79);
}
.cv-view-home .cv-home-discovery-types{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:7px;
}
.cv-view-home .cv-home-discovery-types span{
    padding:6px 10px;
    border:1px solid rgba(255, 255, 255, .18);
    border-radius:8px;
    background:rgba(4, 10, 25, .55);
    backdrop-filter:blur(7px);
}


/* =========================================================
EDITORIAL
========================================================= */
.cv-view-home .cv-home-editorial{
    display:grid;
}
.cv-view-home .cv-home-editorial > .cv-section{
    min-width:0;
    margin-top:23px;
}


/* Magazine */
.cv-view-home .cv-home-magazine .cv-article-row{
    display:grid;
}
.cv-view-home .cv-home-magazine .cv-card-main{
    display:block!important;
    height:100%;
    min-height:0!important;
}
.cv-view-home .cv-home-magazine .cv-card-image{
    inset:auto!important;
    width:100%;
    height:auto!important;
}
.cv-view-home .cv-home-magazine .cv-card-copy{
    background:var(--cv-panel)!important;
    color:var(--cv-text)!important;
    justify-content:flex-start!important;
}
.cv-view-home .cv-home-magazine h3{
    display:-webkit-box;
    overflow:hidden;
    margin:5px 0;
    font:700 12px/1.16 Georgia, serif;
    -webkit-box-orient:vertical;
}
.cv-view-home .cv-home-magazine small{
    color:var(--cv-muted)!important;
}


/* Characters */
.cv-view-home .cv-home-characters .cv-character-strip{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:9px;
}
.cv-view-home .cv-home-characters .cv-character-strip > a{
    width:auto;
    min-width:0;
    color:var(--cv-text);
}
.cv-view-home .cv-home-characters .cv-avatar{
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    aspect-ratio:1;
    border:1px solid color-mix(in srgb, var(--cv-accent) 35%, var(--cv-line));
    border-radius:9px;
    background:var(--cv-panel);
}
.cv-view-home .cv-home-characters .cv-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.cv-view-home .cv-home-characters strong{
    display:block;
    margin-top:6px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}


/* =========================================================
COMMUNITY
========================================================= */
.cv-view-home .cv-home-community{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0, 1.15fr) minmax(350px, .85fr);
    align-items:center;
    gap:38px;
    min-height:158px;
    margin-top:25px;
    padding:25px clamp(30px, 6vw, 90px);
    overflow:hidden;
    border:1px solid rgba(169, 95, 255, .45);
    border-radius:11px;
    background:linear-gradient(90deg, rgba(26, 9, 57, .95), rgba(36, 20, 82, .72), rgba(3, 20, 40, .91)), url('../citaverso/hero/cv-hero-generic.webp') center 65%/cover;
    color:#fff;
}
.cv-view-home .cv-home-community:after{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 75% 15%, rgba(206, 101, 255, .16), transparent 35%);
    pointer-events:none;
}
.cv-view-home .cv-home-community-copy, .cv-view-home .cv-home-community-stats{
    position:relative;
    z-index:1;
}
.cv-view-home .cv-home-community .cv-eyebrow{
    letter-spacing:.13em;
    color:#d9b9ff;
}
.cv-view-home .cv-home-community h2{
    margin:5px 0 8px;
    font:700 25px/1 Georgia, serif;
}
.cv-view-home .cv-home-community p{
    max-width:520px;
    margin:0;
    line-height:1.5;
    color:rgba(240, 242, 252, .82);
}
.cv-view-home .cv-home-community-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}
.cv-view-home .cv-home-community .cv-button--quiet{
    color:#fff;
    border-color:rgba(255, 255, 255, .22)!important;
    background:rgba(5, 12, 28, .42);
}
.cv-view-home .cv-home-community-stats{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:8px;
}
.cv-view-home .cv-home-community-stats > div{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:2px 8px;
    padding:12px;
    border:1px solid rgba(255, 255, 255, .14);
    border-radius:9px;
    background:rgba(8, 13, 32, .52);
    backdrop-filter:blur(7px);
}
.cv-view-home .cv-home-community-stats svg{
    grid-row:1/3;
    width:22px;
    height:22px;
    color:#c27aff;
}
.cv-view-home .cv-home-community-stats span{
    color:rgba(242, 244, 252, .70);
}


/* Home has its own community banner: avoid duplicate footer landscape. */
.cv-view-home ~ .cv-footer .cv-footer-landscape{
    display:none;
}


/* =========================================================
HOVER
========================================================= */

@media (hover:hover){
.cv-view-home :is(.cv-category, .cv-work-row .cv-card, .cv-home-magazine .cv-card, .cv-home-characters .cv-character-strip > a){
        transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
.cv-view-home :is(.cv-work-row .cv-card, .cv-home-magazine .cv-card):hover{
        transform:translateY(-3px);
        border-color:color-mix(in srgb, var(--cv-accent) 34%, var(--cv-line));
        box-shadow:0 12px 28px rgba(0, 0, 0, .16);
    }

}


/* =========================================================
TABLET
========================================================= */

@media(max-width:1000px){
.cv-view-home .cv-home-stats > *{
        min-width:94px;
        margin-right:10px;
        padding-right:10px;
    }
.cv-view-home .cv-home-type-tabs{
        justify-content:flex-start;
        max-width:100%;
        margin:0 0 12px;
        overflow-x:auto;
        scrollbar-width:none;
    }
.cv-view-home .cv-home-editorial{
        grid-template-columns:1fr;
    }
.cv-view-home .cv-home-characters .cv-character-strip{
        grid-template-columns:repeat(4, 110px);
        overflow-x:auto;
        scrollbar-width:none;
    }
.cv-view-home .cv-home-discovery{
        grid-template-columns:1fr auto;
    }
.cv-view-home .cv-home-discovery-types{
        display:none;
    }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){
.cv-view-home{
        --cv-home-gap:10px;
    }
.cv-view-home > .cv-section{
        margin-top:21px;
    }
.cv-view-home .cv-home-backdrop{
        bottom:auto;
        height:405px;
    }
.cv-view-home .cv-home-backdrop img{
        object-position:center 45%;
    }
.cv-view-home .cv-home-hero-copy{
        min-height:360px;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
    }
.cv-view-home .cv-home-intro{
        max-width:280px;
        margin-top:10px;
        line-height:1.4;
    }
.cv-view-home .cv-home-hero-actions{
        gap:7px;
        margin-top:14px;
    }
.cv-view-home .cv-home-hero-actions .cv-button{
        min-height:34px;
        padding:8px 12px;
    }
.cv-view-home .cv-home-stats{
        display:grid;
        grid-template-columns:repeat(3, 1fr);
        gap:7px;
        width:100%;
        margin-top:14px;
    }
.cv-view-home .cv-home-stats > *{
        min-width:0;
        margin:0;
        padding:8px 6px;
        border:1px solid rgba(255, 255, 255, .15);
        border-radius:8px;
        background:rgba(4, 10, 23, .52);
        backdrop-filter:blur(7px);
    }
.cv-view-home .cv-home-stats svg{
        width:16px;
        height:16px;
    }


    /* Daily quote MUST stay visible on mobile */
    .cv-view-home .cv-home-daily{
        display:block!important;
    }



    /* ---------- Categories ---------- */
    .cv-view-home .cv-categories{
        grid-template-columns:repeat(4, minmax(0, 1fr));
        gap:6px;
    }
.cv-view-home .cv-category{
        height:72px;
        border-radius:7px;
    }
.cv-view-home .cv-category > span{
        inset:auto 6px 6px;
        display:flex;
        align-items:center;
        gap:3px;
    }
.cv-view-home .cv-category > span > svg{
        width:11px;
        height:11px;
    }
.cv-view-home .cv-category small{
        display:none;
    }
.cv-view-home .cv-category:nth-child(n+5){
        grid-column:span 2;
    }


    /* ---------- headings ---------- */
    .cv-view-home .cv-section-head{
        align-items:flex-start;
        margin-bottom:10px;
    }
.cv-view-home .cv-section-head p{
        display:none;
    }


    /* ---------- works ---------- */
    .cv-view-home .cv-home-type-tabs{
        gap:5px;
        margin-bottom:10px;
    }
.cv-view-home .cv-home-type-tabs a{
        flex:0 0 auto;
        padding:4px 9px;
    }


    /* ---------- Discovery ---------- */
    .cv-view-home .cv-home-discovery{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:11px;
        min-height:0;
        margin-top:18px;
        padding:16px;
        background:linear-gradient(90deg, rgba(26, 11, 58, .95), rgba(40, 21, 81, .72)), url('../citaverso/hero/cv-hero-generic-mobile.webp') center/cover;
    }
.cv-view-home .cv-home-discovery > .cv-button{
        min-height:32px;
        padding:7px 12px;
    }


    /* ---------- Editorial ---------- */
    .cv-view-home .cv-home-editorial > .cv-section{
        margin-top:22px;
    }
.cv-view-home .cv-home-characters .cv-character-strip{
        display:grid;
        grid-template-columns:none;
        grid-auto-flow:column;
        grid-auto-columns:66px;
        gap:11px;
        overflow-x:auto;
        padding-bottom:6px;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
    }
.cv-view-home .cv-home-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a{
        scroll-snap-align:start;
        text-align:center;
    }
.cv-view-home .cv-home-characters .cv-avatar{
        border-radius:50%;
    }


    /* ---------- Community ---------- */
    .cv-view-home .cv-home-community{
        display:block;
        min-height:0;
        margin-top:22px;
        padding:19px 17px;
        background:linear-gradient(90deg, rgba(25, 10, 57, .96), rgba(35, 19, 74, .78)), url('../citaverso/hero/cv-hero-generic-mobile.webp') center/cover;
    }
.cv-view-home .cv-home-community-actions{
        margin-top:11px;
    }
.cv-view-home .cv-home-community-actions .cv-button{
        min-height:31px;
        padding:7px 11px;
    }
.cv-view-home .cv-home-community-stats{
        grid-template-columns:repeat(3, 1fr);
        gap:5px;
        margin-top:15px;
    }
.cv-view-home .cv-home-community-stats > div{
        display:block;
        padding:8px 6px;
        text-align:center;
    }
.cv-view-home .cv-home-community-stats svg{
        width:16px;
        height:16px;
        margin-bottom:3px;
    }
.cv-view-home .cv-home-community-stats strong{
        display:block;
    }
.cv-view-home .cv-home-community-stats span{
        display:block;
        margin-top:2px;
    }

}


/* =========================================================
VERY SMALL MOBILE
========================================================= */

@media(max-width:380px){
.cv-view-home .cv-home-hero-actions .cv-button--quiet{
        display:none;
    }
.cv-view-home .cv-categories{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
.cv-view-home .cv-category:nth-child(n+5){
        grid-column:auto;
    }
.cv-view-home .cv-category{
        height:68px;
    }
.cv-view-home .cv-work-row{
        grid-auto-columns:120px;
    }

}


/* =========================================================
LIGHT MODE
========================================================= */
:root[data-cv-theme="light"] .cv-view-home .cv-home-type-tabs a{
    background:rgba(255, 255, 255, .82);
}
:root[data-cv-theme="light"] .cv-view-home :is(.cv-work-row .cv-card--work, .cv-home-magazine .cv-card){
    box-shadow:0 8px 22px rgba(42, 47, 74, .08);
}


/* =========================================================
REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){
.cv-view-home *{
        scroll-behavior:auto!important;
    }
.cv-view-home :is(.cv-category img, .cv-work-row img){
        transition:none!important;
    }

}
.cv-view-home .cv-home-backdrop img{
    object-position:center 48%;
}
.cv-view-home .cv-home-hero-copy{
    max-width:590px;
}
.cv-view-home .cv-home-eyebrow{
    margin-bottom:13px;
    letter-spacing:.11em;
    color:rgba(250, 246, 255, .92);
}
.cv-view-home .cv-home-intro{
    max-width:455px;
    margin-top:20px;
    line-height:1.52;
    color:rgba(244, 247, 255, .88);
}
.cv-view-home .cv-home-hero-actions{
    margin-top:26px;
    gap:11px;
}
.cv-view-home .cv-home-hero-actions .cv-button{
    min-height:44px;
    padding:12px 18px;
}
.cv-view-home .cv-home-stats{
    margin-top:26px;
    gap:0;
}
.cv-view-home .cv-home-stats > *{
    min-width:118px;
    padding-right:20px;
    margin-right:20px;
}


/* ---------------------------------------------------------
CATEGORY STRIP
--------------------------------------------------------- */
.cv-view-home .cv-categories{
    gap:11px;
}
.cv-view-home .cv-category{
    height:122px;
    border-radius:10px;
    box-shadow:0 10px 24px rgba(0, 0, 0, .12);
}
.cv-view-home .cv-category:after{
    background:linear-gradient(0deg, rgba(3, 8, 18, .94) 0%, rgba(3, 8, 18, .42) 48%, rgba(3, 8, 18, .06) 100%);
}
.cv-view-home .cv-category > span{
    inset:auto 11px 11px;
}


/* ---------------------------------------------------------
WORK STRIP
--------------------------------------------------------- */
.cv-view-home .cv-home-works{
    margin-top:24px;
}
.cv-view-home .cv-home-type-tabs{
    margin-top:-40px;
}
.cv-view-home .cv-work-row h3{
    line-height:1.15;
}


/* ---------------------------------------------------------
DISCOVERY STRIP
--------------------------------------------------------- */
.cv-view-home .cv-home-discovery{
    min-height:102px;
    padding:18px 24px;
    border-radius:12px;
}
.cv-view-home .cv-home-discovery h2{
    line-height:1.08;
}
.cv-view-home .cv-home-discovery > .cv-button{
    min-height:40px;
    padding:10px 18px;
}


/* ---------------------------------------------------------
MAGAZINE + CHARACTERS
--------------------------------------------------------- */
.cv-view-home .cv-home-magazine .cv-card, .cv-view-home .cv-home-characters .cv-avatar{
    box-shadow:0 10px 24px rgba(0, 0, 0, .10);
}
.cv-view-home .cv-home-characters .cv-character-strip{
    gap:10px;
}
.cv-view-home .cv-home-characters .cv-avatar{
    border-radius:10px;
}


/* ---------------------------------------------------------
COMMUNITY BANNER
--------------------------------------------------------- */
.cv-view-home .cv-home-community{
    min-height:176px;
    padding:28px clamp(26px, 5vw, 72px);
    border-radius:13px;
}
.cv-view-home .cv-home-community h2{
    line-height:.98;
}
.cv-view-home .cv-home-community p{
    max-width:520px;
    line-height:1.5;
}
.cv-view-home .cv-home-community-actions{
    margin-top:15px;
    gap:10px;
}
.cv-view-home .cv-home-community-actions .cv-button{
    min-height:42px;
    padding:11px 18px;
}
.cv-view-home .cv-home-community-stats{
    gap:10px;
}
.cv-view-home .cv-home-community-stats > div{
    padding:14px 12px;
    border-radius:10px;
}


/* ---------------------------------------------------------
FOOTER LITTLE POLISH
--------------------------------------------------------- */
.cv-view-home ~ .cv-footer .cv-footer-grid{
    gap:24px;
}
.cv-view-home ~ .cv-footer .cv-footer-newsletter{
    border-radius:14px;
}


/* ---------------------------------------------------------
MOBILE REFINEMENT
--------------------------------------------------------- */

@media(max-width:700px){
.cv-view-home .cv-home-backdrop{
        height:375px;
    }
.cv-view-home .cv-home-backdrop img{
        object-position:center 42%;
    }
.cv-view-home .cv-home-hero-copy{
        min-height:330px;
    }
.cv-view-home .cv-home-eyebrow{
        margin-bottom:8px;
        letter-spacing:.10em;
    }
.cv-view-home .cv-home-intro{
        max-width:245px;
        margin-top:9px;
        line-height:1.42;
    }
.cv-view-home .cv-home-hero-actions{
        margin-top:12px;
        gap:7px;
    }
.cv-view-home .cv-home-hero-actions .cv-button{
        min-height:32px;
        padding:7px 10px;
    }
.cv-view-home .cv-home-stats{
        margin-top:12px;
        gap:6px;
    }
.cv-view-home .cv-home-stats > *{
        padding:7px 5px;
        border-radius:8px;
    }


.cv-view-home .cv-categories{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }
.cv-view-home .cv-category{
        height:78px;
        border-radius:8px;
    }
.cv-view-home .cv-category:nth-child(n+5){
        grid-column:auto;
    }
.cv-view-home .cv-category > span{
        inset:auto 7px 7px;
        gap:3px;
    }
.cv-view-home .cv-category > span > svg{
        width:11px;
        height:11px;
    }
.cv-view-home .cv-category small{
        display:none;
    }
.cv-view-home .cv-home-works{
        margin-top:22px;
    }
.cv-view-home .cv-home-type-tabs{
        margin-top:0;
        margin-bottom:10px;
        padding-bottom:2px;
    }
.cv-view-home .cv-work-row h3{
        line-height:1.14;
    }
.cv-view-home .cv-home-discovery{
        padding:14px;
        border-radius:10px;
        gap:10px;
    }
.cv-view-home .cv-home-discovery h2{
        line-height:1.08;
    }
.cv-view-home .cv-home-discovery > .cv-button{
        min-height:31px;
        padding:7px 12px;
    }
.cv-view-home .cv-home-magazine .cv-card{
        border-radius:9px;
    }
.cv-view-home .cv-home-characters .cv-character-strip{
        grid-auto-columns:58px;
        gap:10px;
    }
.cv-view-home .cv-home-characters .cv-avatar{
        width:58px;
        height:58px;
        border-radius:50%;
    }
.cv-view-home .cv-home-characters strong{
        margin-top:5px;
    }
.cv-view-home .cv-home-community{
        margin-top:22px;
        padding:16px 14px;
        border-radius:12px;
    }
.cv-view-home .cv-home-community h2{
        line-height:1;
    }
.cv-view-home .cv-home-community p{
        line-height:1.45;
    }
.cv-view-home .cv-home-community-actions{
        margin-top:10px;
        gap:7px;
    }
.cv-view-home .cv-home-community-actions .cv-button{
        min-height:30px;
        padding:7px 10px;
    }
.cv-view-home .cv-home-community-stats{
        gap:6px;
        margin-top:12px;
    }
.cv-view-home .cv-home-community-stats > div{
        padding:7px 5px;
        border-radius:8px;
    }

}


/* ---------------------------------------------------------
HERO IMAGE
--------------------------------------------------------- */
.cv-view-home .cv-home-backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:-4;
}
.cv-view-home .cv-home-backdrop img{
    width:100%;
    height:100%;
    object-fit:cover;
    /*
    * Lascia visibile la parte più interessante
    * dell'immagine senza sacrificare il testo.
    */
    object-position:center 48%;
    transform:scale(1.015);
}
.cv-view-home .cv-home-hero-copy{
    width:100%;
    max-width:610px;
    align-self:center;
}

.cv-view-home .cv-home-eyebrow{
    letter-spacing:.13em;
    margin-bottom:15px;
}
.cv-view-home .cv-home-intro{
    max-width:460px;
    line-height:1.52;
}


/* ---------------------------------------------------------
HERO ACTIONS
--------------------------------------------------------- */
.cv-view-home .cv-home-hero-actions{
    margin-top:24px;
}
.cv-view-home .cv-home-hero-actions .cv-button{
    min-height:43px;
    padding:11px 18px;
    border-radius:999px;
}


/* ---------------------------------------------------------
HERO KPI
--------------------------------------------------------- */
.cv-view-home .cv-home-stats{
    margin-top:25px;
}
.cv-view-home .cv-home-stats > *{
    min-width:128px;
    padding-right:22px;
    margin-right:22px;
    border-right:1px solid rgba(255, 255, 255, .17);
}
.cv-view-home .cv-home-stats svg{
    width:21px;
    height:21px;
}


/* ---------------------------------------------------------
HERO -> CONTENT TRANSITION
--------------------------------------------------------- */

/*
* Le categorie devono sembrare attaccate alla hero,
* come nel render.
*/
.cv-view-home .cv-home-universes{
    position:relative;
    z-index:5;
    margin-top:0!important;
    padding-top:14px;
}


/* =========================================================
MOBILE FULL BLEED
========================================================= */

@media(max-width:700px){


    /*
    * Hero background vera e propria.
    */
    .cv-view-home .cv-home-backdrop{
        height:395px;
    }
.cv-view-home .cv-home-backdrop img{
        object-position:center 43%;
        transform:scale(1.02);
    }
.cv-view-home .cv-home-hero-copy{
        min-height:355px;
        padding-top:0;
        justify-content:flex-end;
    }
.cv-view-home .cv-home-intro{
        max-width:270px;
    }


    /*
    * Su mobile la daily quote diventa un vero
    * blocco separato sotto la cover.
    */




    /*
    * Le categorie tornano subito dopo il hero,
    * senza grande spazio vuoto.
    */
    .cv-view-home .cv-home-universes{
        padding-top:12px;
    }

}


/* =========================================================
VERY LARGE DESKTOP
========================================================= */

@media(min-width:1500px){
.cv-view-home .cv-home-hero-copy{
        max-width:650px;
    }

}


/* =========================================================
CitaVerso — Render Alignment 04
========================================================= */


/* =========================================================
HERO — REMOVE TOP GAP
========================================================= */

/*
* La homepage cinematografica deve partire direttamente
* sotto l'header, come nel render.
*/
body:has(.cv-view-home) .cv-main{
    padding-top:0!important;
}
.cv-view-home{
    margin-top:0!important;
    padding-top:0!important;
}


/* =========================================================
HERO — FOUR REAL KPI
========================================================= */
.cv-view-home .cv-home-stats{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
.cv-view-home .cv-home-stats > *{
    min-width:126px;
}


/* =========================================================
WORKS — TRENDING STYLE
========================================================= */
.cv-view-home .cv-work-row{
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:168px;
    gap:14px!important;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 2px 12px!important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:2px;
    scrollbar-width:thin;
    scrollbar-color:color-mix(in srgb, var(--cv-accent) 34%, transparent) transparent;
}
.cv-view-home .cv-work-row .cv-card--work{
    height:232px!important;
    scroll-snap-align:start;
    border:1px solid color-mix(in srgb, var(--cv-line) 90%, transparent)!important;
    border-radius:10px!important;
    background:color-mix(in srgb, var(--cv-panel) 96%, #101a32 4%)!important;
    box-shadow:0 8px 24px rgba(0, 0, 0, .12)!important;
}


/*
* Non più poster full-bleed:
* immagine sopra + informazioni sotto.
*/
.cv-view-home .cv-work-row .cv-card-main{
    display:grid!important;
    grid-template-rows:158px minmax(0, 1fr)!important;
    align-items:stretch!important;
}
.cv-view-home .cv-work-row .cv-card-image{
    inset:auto!important;
    z-index:1!important;
    height:158px!important;
    margin:0!important;
    aspect-ratio:auto!important;
    border-radius:9px 9px 0 0!important;
}
.cv-view-home .cv-work-row .cv-card-image img{
    transform:none!important;
}
.cv-view-home .cv-work-row .cv-card--work:after, .cv-view-home .cv-work-row .cv-card--work:before{
    display:none!important;
}
.cv-view-home .cv-work-row .cv-card-copy{
    inset:auto!important;
    z-index:2!important;
    align-items:flex-start!important;
    min-height:0!important;
    padding:8px 9px 9px!important;
    background:linear-gradient(180deg, color-mix(in srgb, var(--cv-panel) 98%, #14203a 2%), var(--cv-panel))!important;
    color:var(--cv-text)!important;
}
.cv-view-home .cv-work-row .cv-tag{
    margin:0 0 5px!important;
    padding:2px 6px!important;
}
.cv-view-home .cv-work-row h3{
    display:-webkit-box;
    margin:0!important;
    min-height:0!important;
    overflow:hidden;
    font-family:Georgia, serif!important;
    color:var(--cv-text)!important;
    text-shadow:none!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.cv-view-home .cv-work-row .cv-work-meta{
    margin-top:auto;
    padding-top:5px;
    color:var(--cv-muted);
}
.cv-view-home .cv-work-row .cv-rating{
    margin-top:3px!important;
    color:#ffd15a!important;
}


/* Cards realmente separate. */
.cv-view-home .cv-work-row .cv-card--work:hover{
    transform:translateY(-4px);
    border-color:color-mix(in srgb, var(--cv-accent) 42%, var(--cv-line))!important;
    box-shadow:0 14px 32px rgba(0, 0, 0, .20)!important;
}
.cv-view-home .cv-work-row .cv-card--work:hover img{
    transform:scale(1.045)!important;
}


/* =========================================================
DISCOVERY — MORE LIKE THE RENDER
========================================================= */
.cv-view-home .cv-home-discovery{
    min-height:105px!important;
    padding:17px 23px!important;
    border:1px solid rgba(170, 91, 255, .62)!important;
    background:linear-gradient(90deg, rgba(38, 10, 83, .96) 0%, rgba(88, 28, 130, .70) 43%, rgba(9, 43, 83, .92) 100%), url('../citaverso/hero/cv-hero-generic.webp') center 56%/cover!important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 26px rgba(0, 0, 0, .10);
}
.cv-view-home .cv-home-discovery:before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(227, 66, 255, .08), transparent 35%, rgba(43, 161, 255, .12));
}


/* =========================================================
EDITORIAL — LESS CRAMPED
========================================================= */
.cv-view-home .cv-home-editorial{
    grid-template-columns:minmax(0, 1.82fr) minmax(300px, .78fr)!important;
    gap:28px!important;
}
.cv-view-home .cv-home-magazine .cv-article-row{
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    gap:13px!important;
}
.cv-view-home .cv-home-magazine .cv-card{
    border:1px solid var(--cv-line)!important;
    border-radius:10px!important;
    background:var(--cv-panel);
    box-shadow:0 8px 23px rgba(0, 0, 0, .11)!important;
}
.cv-view-home .cv-home-magazine .cv-card-image{
    aspect-ratio:1.45!important;
}
.cv-view-home .cv-home-magazine .cv-card-image img{
    transition:transform .35s ease, filter .35s ease;
}
.cv-view-home .cv-home-magazine .cv-card-copy{
    min-height:112px!important;
    padding:9px 10px 11px!important;
}
.cv-view-home .cv-home-magazine h3{
    line-height:1.15!important;
    -webkit-line-clamp:3;
}
.cv-view-home .cv-home-magazine .cv-card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb, var(--cv-accent) 35%, var(--cv-line))!important;
    box-shadow:0 14px 30px rgba(0, 0, 0, .17)!important;
}
.cv-view-home .cv-home-magazine .cv-card:hover img{
    transform:scale(1.045);
}


/* =========================================================
CHARACTERS — MORE VISUAL
========================================================= */
.cv-view-home .cv-home-characters .cv-character-strip{
    gap:12px!important;
}
.cv-view-home .cv-home-characters .cv-avatar{
    border:1px solid color-mix(in srgb, var(--cv-accent) 46%, var(--cv-line))!important;
    box-shadow:0 8px 20px rgba(0, 0, 0, .12)!important;
}


/* =========================================================
COMMUNITY — CLOSER TO TARGET RENDER
========================================================= */
.cv-view-home .cv-home-community{
    position:relative;
    isolation:isolate;
    min-height:178px!important;
    grid-template-columns:minmax(0, 1.2fr) minmax(390px, .8fr)!important;
    gap:52px!important;
    padding:27px clamp(42px, 6vw, 92px)!important;
    overflow:hidden;
    border:1px solid rgba(171, 89, 255, .58)!important;
    background:linear-gradient(90deg, rgba(45, 8, 92, .97) 0%, rgba(57, 23, 119, .76) 44%, rgba(5, 39, 81, .91) 100%), url('../citaverso/hero/cv-hero-generic.webp') center 57%/cover!important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 14px 38px rgba(0, 0, 0, .13);
}
.cv-view-home .cv-home-community:before{
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:radial-gradient(ellipse 34% 90% at 8% 48%, rgba(224, 79, 255, .18), transparent 72%), radial-gradient(ellipse 38% 85% at 89% 34%, rgba(56, 143, 255, .18), transparent 72%);
}
.cv-view-home .cv-home-community-copy{
    max-width:600px;
}
.cv-view-home .cv-home-community h2{
    line-height:.96!important;
    letter-spacing:-.025em;
}
.cv-view-home .cv-home-community p{
    max-width:560px!important;
    margin-top:9px!important;
    line-height:1.5!important;
}
.cv-view-home .cv-home-community-stats{
    align-self:center;
    gap:11px!important;
}
.cv-view-home .cv-home-community-stats > div{
    min-height:68px;
    padding:12px 13px!important;
    border:1px solid rgba(255, 255, 255, .16)!important;
    background:rgba(11, 14, 42, .58)!important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter:blur(9px);
}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){
body:has(.cv-view-home) .cv-main{
        padding-top:0!important;
    }
.cv-view-home .cv-home-stats{
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
        gap:5px!important;
    }
.cv-view-home .cv-home-stats > *{
        min-width:0!important;
        margin:0!important;
        padding:7px 3px!important;
    }
.cv-view-home .cv-home-stats svg{
        width:14px!important;
        height:14px!important;
    }


    /* Opere */
    .cv-view-home .cv-work-row{
        padding-bottom:10px!important;
    }


    /* Magazine */
    

    /* Community */
    .cv-view-home .cv-home-community{
        display:block!important;
        min-height:0!important;
        padding:18px 15px!important;
        background:linear-gradient(90deg, rgba(45, 8, 92, .97), rgba(40, 20, 91, .78)), url('../citaverso/hero/cv-hero-generic-mobile.webp') center/cover!important;
    }
.cv-view-home .cv-home-community-stats{
        grid-template-columns:repeat(4, minmax(0, 1fr));
        margin-top:14px!important;
    }

}


/* =========================================================
DESKTOP HERO KPI — 4 ITEMS
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-stats > *{
        min-width:112px!important;
        margin-right:14px!important;
        padding-right:14px!important;
    }

}


/* =========================================================
CitaVerso — Universe Cards Fallback 05
========================================================= */
.cv-view-home .cv-category{
    background-position:center!important;
    background-size:cover!important;
}
.cv-view-home .cv-category[data-type="anime"]{
    --cv-type:#c648ff;
}
.cv-view-home .cv-category[data-type="manga"]{
    --cv-type:#ff4778;
    background:linear-gradient(120deg, rgba(92, 8, 48, .82), rgba(16, 8, 35, .48)), url('../citaverso/hero/cv-hero-generic.webp') 30% 55%/cover!important;
}
.cv-view-home .cv-category[data-type="film"]{
    --cv-type:#f1b73f;
}
.cv-view-home .cv-category[data-type="serie_tv"]{
    --cv-type:#39b7ff;
}
.cv-view-home .cv-category[data-type="videogioco"]{
    --cv-type:#39d98a;
    background:linear-gradient(120deg, rgba(5, 69, 55, .78), rgba(5, 17, 31, .52)), url('../citaverso/hero/cv-hero-generic.webp') 73% 48%/cover!important;
}
.cv-view-home .cv-category[data-type="libro"]{
    --cv-type:#efa85c;
    background:linear-gradient(120deg, rgba(98, 47, 15, .76), rgba(19, 12, 30, .52)), url('../citaverso/hero/cv-hero-generic.webp') 89% 55%/cover!important;
}
.cv-view-home .cv-category:before{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:radial-gradient(circle at 78% 22%, color-mix(in srgb, var(--cv-type) 24%, transparent), transparent 47%);
}
.cv-view-home .cv-category > img{
    z-index:0;
}
.cv-view-home .cv-category:after{
    z-index:1;
}
.cv-view-home .cv-category > span{
    z-index:3;
}


/* ---------------------------------------------------------
BACKDROP
--------------------------------------------------------- */
.cv-view-home .cv-home-backdrop img{
    object-position:center 48%!important;
    transform:scale(1.01)!important;
    filter:saturate(1.13) contrast(1.03) brightness(1.02);
}


/* ---------------------------------------------------------
HERO COPY
--------------------------------------------------------- */
.cv-view-home .cv-home-hero-copy{
    max-width:535px!important;
}
.cv-view-home .cv-home-eyebrow{
    margin-bottom:11px!important;
    letter-spacing:.12em!important;
}
.cv-view-home .cv-home-intro{
    max-width:410px!important;
    margin-top:13px!important;
    line-height:1.48!important;
}


/* ---------------------------------------------------------
HERO ACTIONS
--------------------------------------------------------- */
.cv-view-home .cv-home-hero-actions{
    margin-top:19px!important;
    gap:9px!important;
}
.cv-view-home .cv-home-hero-actions .cv-button{
    min-height:38px!important;
    padding:9px 15px!important;
}


/* ---------------------------------------------------------
KPI
--------------------------------------------------------- */
.cv-view-home .cv-home-stats{
    margin-top:22px!important;
}
.cv-view-home .cv-home-stats > *{
    min-width:100px!important;
    margin-right:12px!important;
    padding-right:12px!important;
}
.cv-view-home .cv-home-stats svg{
    width:17px!important;
    height:17px!important;
}


/* ---------------------------------------------------------
DAILY QUOTE POSITION
--------------------------------------------------------- */
.cv-view-home .cv-home-daily{
    min-width:0;
    max-width:520px!important;
    justify-self:end!important;
    align-self:center;
}



/* =========================================================
MOBILE HERO
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-backdrop{
        height:335px!important;
    }
.cv-view-home .cv-home-backdrop img{
        object-position:center 43%!important;
    }
.cv-view-home .cv-home-hero-copy{
        min-height:310px!important;
        max-width:none!important;
    }
.cv-view-home .cv-home-eyebrow{
        margin-bottom:7px!important;
    }
.cv-view-home .cv-home-intro{
        max-width:245px!important;
        margin-top:7px!important;
        line-height:1.4!important;
    }
.cv-view-home .cv-home-hero-actions{
        margin-top:11px!important;
    }
.cv-view-home .cv-home-hero-actions .cv-button{
        min-height:31px!important;
        padding:7px 10px!important;
    }
.cv-view-home .cv-home-stats{
        margin-top:11px!important;
    }
.cv-view-home .cv-home-daily{
        max-width:none!important;
    }

}


/* =========================================================
CitaVerso — Daily Quote Foundation Consolidated 03C2

Canonical global Daily Quote foundation.
Merges the structural foundation and 03B refinement chain.
Mobile final state remains managed by Mobile Consolidated 02.
========================================================= */
.cv-view-home .cv-global-hero--home .cv-home-daily{
    width:100%;
    margin:0!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg-container, .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg{
    margin:0!important;
}


/* ---------------------------------------------------------
CARD SHELL
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card{
    min-height:244px!important;
    margin:0!important;
    border:1px solid rgba(233, 176, 255, .34)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg, rgba(35, 10, 55, .97) 0%, rgba(50, 13, 62, .94) 44%, rgba(83, 29, 53, .88) 100%)!important;
    box-shadow:0 24px 70px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .07)!important;
}


/* ---------------------------------------------------------
CHARACTER / IMAGE
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__media{
    inset:0 0 0 auto!important;
    z-index:0!important;
    width:58%!important;
    margin:0!important;
    -webkit-mask-image:
    linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.04) 6%,
    rgba(0,0,0,.10) 12%,
    rgba(0,0,0,.18) 18%,
    rgba(0,0,0,.30) 26%,
    rgba(0,0,0,.46) 36%,
    rgba(0,0,0,.62) 46%,
    rgba(0,0,0,.78) 57%,
    rgba(0,0,0,.90) 68%,
    #000 78%,
    #000 100%
    )!important;
    mask-image:
    linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.04) 6%,
    rgba(0,0,0,.10) 12%,
    rgba(0,0,0,.18) 18%,
    rgba(0,0,0,.30) 26%,
    rgba(0,0,0,.46) 36%,
    rgba(0,0,0,.62) 46%,
    rgba(0,0,0,.78) 57%,
    rgba(0,0,0,.90) 68%,
    #000 78%,
    #000 100%
    )!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__img{
    max-width:none!important;
    object-position:61% center!important;
    opacity:1!important;
    filter:saturate(1.12) contrast(1.04) brightness(1.02)!important;
    transform:scale(1.05)!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__media::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(255, 255, 255, .025) 0%, transparent 32%, rgba(14, 4, 20, .07) 100%)!important;
}


/* ---------------------------------------------------------
CINEMATIC GLASS OVERLAY
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(48, 8, 71, .84) 0%, rgba(48, 8, 71, .79) 16%, rgba(48, 8, 71, .71) 30%, rgba(48, 8, 71, .58) 45%, rgba(48, 8, 71, .40) 60%, rgba(48, 8, 71, .22) 74%, rgba(48, 8, 71, .10) 86%, transparent 96%), linear-gradient(0deg, rgba(20, 4, 29, .34) 0%, rgba(20, 4, 29, .12) 46%, transparent 78%)!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:radial-gradient(circle at 77% 46%, rgba(255, 124, 189, .12), transparent 38%), linear-gradient(135deg, rgba(194, 80, 255, .07), transparent 46%)!important;
}


/* ---------------------------------------------------------
CONTENT
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__content{
    z-index:2;
    min-height:244px!important;
    padding:17px 18px 82px!important;
    background:transparent!important;
}


/* ---------------------------------------------------------
LABEL
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__label{
    inset:auto!important;
    width:auto!important;
    min-height:0!important;
    margin:0 0 12px!important;
    padding:5px 11px!important;
    border:0!important;
    border-radius:999px!important;
    background:#ffd361!important;
    color:#362000!important;
    font-family:Arial, sans-serif!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.025em!important;
    text-transform:uppercase!important;
    box-shadow:0 5px 16px rgba(255, 199, 65, .18);
}


/* ---------------------------------------------------------
QUOTE
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__quote{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    font-family:Georgia, "Times New Roman", serif!important;
    font-weight:700!important;
    text-align:left!important;
    text-wrap:balance;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__quote, .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card--medium .ac-fdg__quote{
    width:66%!important;
    max-width:375px!important;
    line-height:1.13!important;
    letter-spacing:-.018em!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card--short .ac-fdg__quote{
    width:66%!important;
    max-width:380px!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card--long .ac-fdg__quote{
    width:64%!important;
    max-width:365px!important;
    line-height:1.14!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__quote-text{
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__quote-mark, .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__sep{
    display:none!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__quote-text p{
    margin:0!important;
}


/* ---------------------------------------------------------
AUTHOR / WORK
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__meta{
    z-index:4;
    left:20px;
    bottom:42px;
    max-width:57%;
    gap:8px;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__avatar{
    flex:0 0 29px;
    width:29px;
    height:29px;
    border:2px solid rgba(255, 255, 255, .88);
    border-radius:50%;
    background:rgba(255, 255, 255, .08);
    box-shadow:0 4px 14px rgba(0, 0, 0, .32);
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__avatar-img{
    object-position:center;
    transform:scale(1.18);
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__meta-copy{
    gap:2px;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__meta-author{
    max-width:100%;
    color:#fff;
    font-family:Arial, sans-serif;
    font-weight:700;
    line-height:1.1;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__meta-work{
    max-width:220px;
    margin-top:1px;
    color:#cfa2ff;
    font-family:Arial, sans-serif;
    font-style:italic;
    font-weight:600;
    line-height:1.1;
}


/* ---------------------------------------------------------
SAVE / SHARE
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__actions{
    z-index:5;
    right:16px!important;
    bottom:41px!important;
    gap:6px!important;
    margin:0!important;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__action{
    cursor:pointer;
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255, 255, 255, .14)!important;
    border-radius:8px!important;
    background:rgba(255, 255, 255, .038)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .07), 0 8px 24px rgba(0, 0, 0, .12)!important;
    backdrop-filter:blur(17px) saturate(155%)!important;
    -webkit-backdrop-filter:blur(17px) saturate(155%)!important;
    transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__action:hover{
    background:rgba(255, 255, 255, .075)!important;
    border-color:rgba(255, 255, 255, .22)!important;
    transform:translateY(-1px);
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__action:active{
    background:rgba(255, 255, 255, .10)!important;
    transform:translateY(1px);
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__action svg{
    width:14px!important;
    height:14px!important;
    opacity:.96;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__save[aria-pressed="true"]{
    background:rgba(214, 74, 151, .16)!important;
    border-color:rgba(255, 133, 197, .34)!important;
    color:#ffd3ea!important;
}


/* ---------------------------------------------------------
LOWER CAROUSEL RAIL
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__pager{
    z-index:5;
    display:grid;
    left:15px;
    right:15px;
    bottom:5px;
    height:26px;
    gap:8px;
    grid-template-columns:22px 1fr 22px;
    padding-top:3px;
    border-top:1px solid rgba(255, 255, 255, .075);
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__pager-arrow{
    display:flex;
    width:20px;
    height:20px;
    border:1px solid rgba(255, 255, 255, .14);
    border-radius:50%;
    background:rgba(8, 6, 15, .27);
    color:rgba(255, 255, 255, .88);
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__pager-arrow svg{
    width:12px;
    height:12px;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__dots{
    gap:5px;
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__dots i{
    display:block;
    width:3px;
    height:3px;
    border-radius:50%;
    background:rgba(255, 255, 255, .27);
}

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__dots i.is-active{
    width:5px;
    height:5px;
    background:#fff;
    box-shadow:0 0 8px rgba(255, 255, 255, .35);
}


/* CitaVerso — Daily Quote Legacy Markup Cleanup 03C3 */
/* CitaVerso — Daily Quote Residual Cascade Audit 03C4 */
/* CitaVerso — Daily Quote Utility Migration 04B */

/* =========================================================
CitaVerso — Home Render Geometry 01
Desktop density / width alignment
========================================================= */


/* =========================================================
MAIN WIDTH

Il render sfrutta quasi tutta la larghezza desktop.
Il vecchio limite 1280 rendeva tutta la Home troppo stretta.
========================================================= */

@media(min-width:1101px){
body:has(.cv-view-home) .cv-main{
        max-width:1440px!important;
        padding-left:26px!important;
        padding-right:26px!important;
    }

}


/* =========================================================
GENERAL VERTICAL RHYTHM
========================================================= */

@media(min-width:701px){
.cv-view-home > .cv-section{
        margin-top:14px!important;
    }
.cv-view-home .cv-section-head{
        margin-bottom:8px!important;
    }
.cv-view-home .cv-section-head h2{
        line-height:1.1!important;
    }
.cv-view-home .cv-section-head p{
        line-height:1.25!important;
    }

}


/* =========================================================
CATEGORIES
Più larghe e decisamente meno alte.
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-universes{
        margin-top:0!important;
        padding-top:10px!important;
    }
.cv-view-home .cv-categories{
        grid-template-columns:repeat(6, minmax(0, 1fr))!important;
        gap:9px!important;
    }
.cv-view-home .cv-category{
        height:88px!important;
        border-radius:8px!important;
    }
.cv-view-home .cv-category > span{
        inset:auto 9px 8px!important;
        gap:2px 5px!important;
    }
.cv-view-home .cv-category > span > svg{
        width:15px!important;
        height:15px!important;
    }

}


/* =========================================================
WORKS SECTION
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-works{
        margin-top:14px!important;
    }
.cv-view-home .cv-home-type-tabs{
        margin:-31px 0 8px auto!important;
        gap:4px!important;
    }
.cv-view-home .cv-home-type-tabs a{
        padding:4px 10px!important;
    }
.cv-view-home .cv-work-row .cv-tag{
        margin-bottom:3px!important;
    }

}


/* =========================================================
DISCOVERY STRIP
Per ora comprimiamo la geometria.
Il contenuto verrà rifatto nello STEP 5D.
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-discovery{
        grid-template-columns:minmax(260px, 1.15fr) minmax(320px, 1fr) auto!important;
        gap:18px!important;
        min-height:74px!important;
        margin-top:12px!important;
        padding:10px 18px!important;
        border-radius:8px!important;
    }
.cv-view-home .cv-home-discovery h2{
        margin:2px 0!important;
        line-height:1.03!important;
    }
.cv-view-home .cv-home-discovery p{
        margin-top:3px!important;
    }
.cv-view-home .cv-home-discovery-types{
        gap:5px!important;
    }
.cv-view-home .cv-home-discovery-types span{
        padding:4px 8px!important;
        border-radius:6px!important;
    }
.cv-view-home .cv-home-discovery > .cv-button{
        min-height:30px!important;
        padding:6px 13px!important;
    }

}


/* =========================================================
MAGAZINE + CHARACTERS
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-characters .cv-character-strip{
        gap:8px!important;
    }
.cv-view-home .cv-home-characters strong{
        margin-top:4px!important;
    }

}


/* =========================================================
COMMUNITY
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-community{
        grid-template-columns:minmax(0, 1.35fr) minmax(370px, .65fr)!important;
        gap:34px!important;
        min-height:116px!important;
        margin-top:14px!important;
        padding:16px clamp(28px, 4vw, 58px)!important;
        border-radius:9px!important;
    }
.cv-view-home .cv-home-community h2{
        margin:3px 0 5px!important;
        line-height:.96!important;
    }
.cv-view-home .cv-home-community p{
        line-height:1.35!important;
    }
.cv-view-home .cv-home-community-actions{
        gap:6px!important;
        margin-top:9px!important;
    }
.cv-view-home .cv-home-community-actions .cv-button{
        min-height:30px!important;
        padding:6px 12px!important;
    }
.cv-view-home .cv-home-community-stats{
        gap:7px!important;
    }
.cv-view-home .cv-home-community-stats > div{
        min-height:53px!important;
        padding:8px 9px!important;
        border-radius:7px!important;
    }
.cv-view-home .cv-home-community-stats svg{
        width:17px!important;
        height:17px!important;
    }

}


/* =========================================================
MOBILE

Non cerchiamo ancora il pixel match mobile:
evitiamo solo che il desktop density pass interferisca.
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-universes{
        margin-top:0!important;
    }

}


/* =========================================================
CitaVerso — Category Cards Render Match 01
========================================================= */
/* CitaVerso — Categories Utility Migration 04C */
/* CitaVerso — Works Structural CSS Prune 04D2 */
/* CitaVerso — CSS Formatting and Dead Works Cleanup 04D3A */
/* CitaVerso — Same-context Dead Override Prune 04D3B1 */
/* CitaVerso — Streaming Discovery Structural CSS Prune 04E2 */
/* CitaVerso — Comment Selector Spacing Cleanup 04E3 */ /* CitaVerso — Magazine Editorial Dead Override Prune 04F3B1 */
/* CitaVerso — Magazine Editorial Structural CSS Prune 04F2 */


/* ---------------------------------------------------------
STRUTTURA
--------------------------------------------------------- */
.cv-view-home .cv-categories{
    gap:8px!important;
}
.cv-view-home .cv-category{
    height:82px!important;
    border-radius:8px!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    box-shadow:0 8px 22px rgba(0, 0, 0, .20), inset 0 0 0 1px rgba(255, 255, 255, .06)!important;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}


/* ---------------------------------------------------------
CINEMATIC OVERLAY
--------------------------------------------------------- */
.cv-view-home .cv-category::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(6, 9, 19, .10) 0%, rgba(6, 9, 19, .18) 32%, rgba(6, 9, 19, .55) 70%, rgba(6, 9, 19, .74) 100%), linear-gradient(0deg, rgba(3, 7, 15, .88) 0%, rgba(3, 7, 15, .32) 55%, transparent 100%);
}


/* ---------------------------------------------------------
COLORE TEMATICO PER CATEGORIA
--------------------------------------------------------- */

/* Anime */
.cv-view-home .cv-category:nth-child(1){
    border-color:rgba(255, 48, 224, .72)!important;
    box-shadow:0 8px 24px rgba(255, 37, 211, .10), inset 0 0 0 1px rgba(255, 87, 230, .24)!important;
}
.cv-view-home .cv-category:nth-child(1)::after{
    background:linear-gradient(90deg, rgba(216, 22, 214, .34), transparent 64%);
}


/* Manga */
.cv-view-home .cv-category:nth-child(2){
    border-color:rgba(255, 65, 95, .70)!important;
    box-shadow:0 8px 24px rgba(255, 48, 75, .10), inset 0 0 0 1px rgba(255, 88, 106, .22)!important;
}
.cv-view-home .cv-category:nth-child(2)::after{
    background:linear-gradient(90deg, rgba(218, 32, 77, .31), transparent 65%);
}


/* Film */
.cv-view-home .cv-category:nth-child(3){
    border-color:rgba(255, 177, 43, .68)!important;
    box-shadow:0 8px 24px rgba(255, 166, 32, .09), inset 0 0 0 1px rgba(255, 199, 77, .22)!important;
}
.cv-view-home .cv-category:nth-child(3)::after{
    background:linear-gradient(90deg, rgba(202, 124, 24, .27), transparent 66%);
}


/* Serie TV */
.cv-view-home .cv-category:nth-child(4){
    border-color:rgba(30, 187, 255, .70)!important;
    box-shadow:0 8px 24px rgba(21, 169, 255, .10), inset 0 0 0 1px rgba(74, 204, 255, .22)!important;
}
.cv-view-home .cv-category:nth-child(4)::after{
    background:linear-gradient(90deg, rgba(14, 127, 205, .31), transparent 66%);
}


/* Videogiochi */
.cv-view-home .cv-category:nth-child(5){
    border-color:rgba(50, 224, 145, .72)!important;
    box-shadow:0 8px 24px rgba(42, 207, 127, .09), inset 0 0 0 1px rgba(88, 237, 166, .22)!important;
}
.cv-view-home .cv-category:nth-child(5)::after{
    background:linear-gradient(90deg, rgba(24, 157, 95, .30), transparent 66%);
}


/* Libri */
.cv-view-home .cv-category:nth-child(6){
    border-color:rgba(179, 109, 255, .72)!important;
    box-shadow:0 8px 24px rgba(162, 79, 255, .10), inset 0 0 0 1px rgba(198, 135, 255, .23)!important;
}
.cv-view-home .cv-category:nth-child(6)::after{
    background:linear-gradient(90deg, rgba(127, 58, 191, .31), transparent 66%);
}


/* ---------------------------------------------------------
COLOR WASH
--------------------------------------------------------- */
.cv-view-home .cv-category::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    mix-blend-mode:screen;
    opacity:.86;
}


/* ---------------------------------------------------------
TESTO
--------------------------------------------------------- */
.cv-view-home .cv-category > span{
    left:11px!important;
    right:10px!important;
    bottom:9px!important;
    z-index:2;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:6px!important;
    row-gap:0!important;
    text-shadow:0 2px 8px rgba(0, 0, 0, .76);
}
.cv-view-home .cv-category > span > svg{
    grid-column:1;
    grid-row:1 / span 2;
    width:15px!important;
    height:15px!important;
    filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .65));
}
.cv-view-home .cv-category strong{
    grid-column:2;
    grid-row:1;
    line-height:1!important;
    font-weight:750!important;
    letter-spacing:-.015em;
    color:#fff!important;
}
.cv-view-home .cv-category small{
    grid-column:2;
    grid-row:2;
    margin-top:3px!important;
    line-height:1!important;
    font-weight:600;
    color:rgba(255, 255, 255, .82)!important;
}


/* ---------------------------------------------------------
BACKGROUND POSITION
--------------------------------------------------------- */
.cv-view-home .cv-category:nth-child(1){
    background-position:center 38%!important;
}
.cv-view-home .cv-category:nth-child(2){
    background-position:center 37%!important;
}
.cv-view-home .cv-category:nth-child(3){
    background-position:center 44%!important;
}
.cv-view-home .cv-category:nth-child(4){
    background-position:center 38%!important;
}
.cv-view-home .cv-category:nth-child(5){
    background-position:center 42%!important;
}
.cv-view-home .cv-category:nth-child(6){
    background-position:center 40%!important;
}


/* ---------------------------------------------------------
HOVER
--------------------------------------------------------- */

@media(hover:hover){
.cv-view-home .cv-category:hover{
        transform:translateY(-2px);
        box-shadow:0 11px 28px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(255, 255, 255, .10)!important;
    }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-categories{
        gap:7px!important;
    }
.cv-view-home .cv-category{
        height:72px!important;
        border-radius:8px!important;
    }
.cv-view-home .cv-category > span{
        left:8px!important;
        bottom:7px!important;
    }

}


/* =========================================================
CitaVerso — Trending Works Render Match 01
========================================================= */


/* ---------------------------------------------------------
SECTION
--------------------------------------------------------- */

@media(min-width:701px){
.cv-view-home .cv-home-works{
        margin-top:11px!important;
    }
.cv-view-home .cv-home-works .cv-section-head{
        position:relative;
        min-height:31px;
        margin-bottom:7px!important;
    }


    /* Nasconde l'eventuale vecchia icona viola */
    .cv-view-home .cv-home-works .cv-section-head > svg{
        display:none!important;
    }
.cv-view-home .cv-home-works .cv-section-head h2{
        display:flex;
        align-items:center;
        gap:6px;
        font-weight:750!important;
        letter-spacing:-.015em;
    }
.cv-view-home .cv-home-works .cv-section-head h2::before{
        content:"🔥";
        display:inline-block;
        line-height:1;
    }
.cv-view-home .cv-home-works .cv-section-head p{
        margin-top:2px!important;
        color:rgba(223, 229, 242, .68)!important;
    }

}


/* =========================================================
TYPE TABS
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-type-tabs{
        position:relative;
        z-index:2;
        display:flex;
        justify-content:flex-end;
        gap:3px!important;
        margin:-34px 0 7px auto!important;
    }
.cv-view-home .cv-home-type-tabs a{
        min-width:42px;
        padding:4px 9px!important;
        border:1px solid rgba(117, 126, 163, .28)!important;
        border-radius:6px!important;
        background:rgba(9, 20, 34, .72)!important;
        color:rgba(228, 233, 245, .78)!important;
        font-weight:650;
        text-align:center;
        transition:background .16s ease, border-color .16s ease, color .16s ease;
    }


    .cv-view-home .cv-home-type-tabs a:first-child, .cv-view-home .cv-home-type-tabs a.is-active, .cv-view-home .cv-home-type-tabs a.active, .cv-view-home .cv-home-type-tabs a[aria-current="true"]{
        background:linear-gradient(135deg, #8c35ff, #6330e9)!important;
        border-color:rgba(168, 105, 255, .70)!important;
        color:#fff!important;
        box-shadow:0 4px 13px rgba(106, 42, 218, .22);
    }
.cv-view-home .cv-home-type-tabs a:hover{
        border-color:rgba(164, 105, 255, .48)!important;
        color:#fff!important;
    }

}


/* =========================================================
WORK ROW
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-work-row{
        overscroll-behavior-inline:contain;
    }


    /* badge che entra leggermente sopra l'immagine */
    .cv-view-home .cv-work-row .cv-work-meta{
        padding-top:0!important;
    }

}


/* =========================================================
HOVER
========================================================= */

@media(min-width:701px) and (hover:hover){

}


/* =========================================================
MOBILE
Manteniamo lo slider orizzontale.
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-works .cv-section-head h2::before{
        content:"🔥";
        margin-right:5px;
    }

}


/* =========================================================
CitaVerso — Streaming Discovery Strip 01
Render-aligned platform discovery banner
========================================================= */


/* =========================================================
DESKTOP
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-discovery{
        display:grid!important;
        grid-template-columns:minmax(250px, .88fr) minmax(520px, 1.75fr) auto!important;
        align-items:center!important;
        gap:14px!important;
        min-height:70px!important;
        margin-top:11px!important;
        padding:9px 15px!important;
        border:1px solid rgba(134, 80, 237, .68)!important;
        border-radius:7px!important;
        background:linear-gradient(90deg, rgba(63, 18, 120, .93) 0%, rgba(93, 31, 153, .78) 28%, rgba(46, 36, 135, .69) 61%, rgba(8, 47, 91, .89) 100%), url('../citaverso/hero/cv-hero-generic.webp') center 63% / cover!important;
        box-shadow:0 8px 28px rgba(0, 0, 0, .17), inset 0 1px 0 rgba(255, 255, 255, .07);
    }


    /* -----------------------------------------------------
    luce / gradiente superiore
    ----------------------------------------------------- */
    .cv-view-home .cv-home-discovery::before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(90deg, rgba(189, 46, 255, .12) 0%, transparent 29%, rgba(255, 87, 217, .11) 55%, rgba(26, 174, 255, .12) 100%), radial-gradient(ellipse at 55% -20%, rgba(255, 118, 226, .28), transparent 49%);
    }
.cv-view-home .cv-home-discovery::after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(0deg, rgba(3, 9, 24, .20), transparent 55%)!important;
    }
.cv-view-home .cv-home-discovery-copy, .cv-view-home .cv-home-streaming-platforms, .cv-view-home .cv-home-discovery-watch{
        z-index:2;
    }


    /* =====================================================
    COPY
    ===================================================== */
    .cv-view-home .cv-home-discovery-copy{
        padding-left:5px;
    }
.cv-view-home .cv-home-discovery h2{
        margin:0!important;
        font:700 14px/1.04 Georgia, serif!important;
        letter-spacing:-.015em;
        color:#fff;
    }
.cv-view-home .cv-home-discovery p{
        margin:4px 0 0!important;
        line-height:1.2!important;
        color:rgba(244, 247, 255, .78)!important;
    }


    /* =====================================================
    STREAMING GLASS BAR
    ===================================================== */
    .cv-view-home .cv-home-streaming-platforms{
        justify-content:space-around;
        gap:11px;
        min-height:38px;
        padding:6px 13px;
        border:1px solid rgba(255, 255, 255, .09);
        border-radius:7px;
        background:rgba(5, 11, 27, .70);
        box-shadow:inset 0 1px 0 rgba(255, 255, 255, .045), 0 6px 17px rgba(0, 0, 0, .18);
        backdrop-filter:blur(13px) saturate(125%);
        -webkit-backdrop-filter:blur(13px) saturate(125%);
    }
.cv-view-home .cv-stream-brand{
        display:inline-flex;
        flex:0 1 auto;
        line-height:1;
        font-weight:800;
        letter-spacing:-.025em;
        text-shadow:0 2px 7px rgba(0, 0, 0, .45);
    }


    /* Netflix */
    .cv-view-home .cv-stream-brand--netflix{
        color:#ff1738;
        letter-spacing:-.04em;
    }


    /* Prime Video */
    .cv-view-home .cv-stream-brand--prime{
        color:#4fc5ff;
    }
.cv-view-home .cv-stream-brand--prime span{
        margin-right:1px;
        font-weight:500;
    }


    /* Disney */
    .cv-view-home .cv-stream-brand--disney{
        color:#d6e5ff;
        font-family:Georgia, serif;
        font-style:italic;
    }


    /* Crunchyroll */
    .cv-view-home .cv-stream-brand--crunchyroll{
        color:#ff7936;
    }


    /* Paramount */
    .cv-view-home .cv-stream-brand--paramount{
        color:#70baff;
        font-family:Georgia, serif;
        font-style:italic;
    }


    /* Rakuten */
    .cv-view-home .cv-stream-brand--rakuten{
        color:#ff4264;
    }


    /* Apple */
    .cv-view-home .cv-stream-brand--apple{
        color:#fff;
        letter-spacing:-.06em;
    }


    /* =====================================================
    CTA
    ===================================================== */
    .cv-view-home .cv-home-discovery-watch{
        display:inline-flex!important;
        align-items:center;
        justify-content:center;
        gap:6px;
        min-width:112px;
        min-height:31px!important;
        padding:6px 13px!important;
        border:1px solid rgba(184, 125, 255, .70)!important;
        border-radius:999px!important;
        background:linear-gradient(135deg, #8f39ff, #6730ee)!important;
        box-shadow:0 7px 18px rgba(87, 32, 210, .27), inset 0 1px 0 rgba(255, 255, 255, .17);
        color:#fff!important;
        font-weight:750!important;
    }
.cv-view-home .cv-home-discovery-watch svg{
        width:12px;
        height:12px;
    }
.cv-view-home .cv-home-discovery-watch:hover{
        transform:translateY(-1px);
        filter:brightness(1.08);
    }

}


/* =========================================================
TABLET
========================================================= */

@media(min-width:701px) and (max-width:1050px){
.cv-view-home .cv-home-discovery{
        grid-template-columns:minmax(210px, .8fr) minmax(380px, 1.4fr) auto!important;
    }
.cv-view-home .cv-home-streaming-platforms{
        gap:7px;
        padding-left:8px;
        padding-right:8px;
    }

}


/* =========================================================
MOBILE
Render mobile: copy sopra, piattaforme compatte,
CTA tonda sulla destra.
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-discovery{
        display:grid!important;
        grid-template-columns:1fr auto!important;
        grid-template-areas:"copy button" "platforms button";
        align-items:center;
        gap:6px 8px!important;
        min-height:88px!important;
        padding:9px 10px!important;
        border-radius:9px!important;
        background:linear-gradient(100deg, rgba(68, 19, 130, .94), rgba(56, 29, 126, .86) 58%, rgba(11, 48, 93, .94)), url('../citaverso/hero/cv-hero-generic.webp') center / cover!important;
    }
.cv-view-home .cv-home-discovery-copy{
        grid-area:copy;
    }
.cv-view-home .cv-home-discovery h2{
        margin:0!important;
        font:700 13px/1.04 Georgia, serif!important;
    }
.cv-view-home .cv-home-discovery p{
        margin:3px 0 0!important;
        line-height:1.18!important;
    }
.cv-view-home .cv-home-streaming-platforms{
        grid-area:platforms;
        gap:5px;
        overflow:hidden;
        padding:5px 6px;
        border:1px solid rgba(255, 255, 255, .10);
        border-radius:6px;
        background:rgba(5, 10, 26, .60);
        backdrop-filter:blur(9px);
        -webkit-backdrop-filter:blur(9px);
    }
.cv-view-home .cv-stream-brand:nth-child(n+5){
        display:none;
    }
.cv-view-home .cv-home-discovery-watch{
        grid-area:button;
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        padding:0!important;
        border-radius:50%!important;
    }
.cv-view-home .cv-home-discovery-watch svg{
        width:15px;
        height:15px;
    }

}


/* =========================================================
CitaVerso — Editorial Characters Render Match 01
Magazine + Characters
========================================================= */


/* =========================================================
DESKTOP LAYOUT
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-editorial{
        display:grid!important;
        align-items:start!important;
        margin-top:10px!important;
    }
.cv-view-home .cv-home-editorial > .cv-section{
        min-width:0;
        margin-top:0!important;
    }


    /* -----------------------------------------------------
    HEADERS
    ----------------------------------------------------- */
    .cv-view-home .cv-home-editorial .cv-section-head{
        min-height:32px;
        margin-bottom:7px!important;
    }
.cv-view-home .cv-home-editorial .cv-section-head h2{
        line-height:1.05!important;
        font-weight:750!important;
        letter-spacing:-.02em;
    }
.cv-view-home .cv-home-editorial .cv-section-head p{
        margin-top:2px!important;
        line-height:1.2!important;
        color:rgba(205, 216, 231, .63)!important;
    }
.cv-view-home .cv-home-editorial .cv-more{
        color:#a86aff!important;
    }

}


/* =========================================================
MAGAZINE
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-magazine .cv-article-row{
        display:grid!important;
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    }
.cv-view-home .cv-home-magazine .cv-card{
        border:1px solid rgba(84, 107, 137, .27)!important;
        border-radius:7px!important;
        background:#071522!important;
        box-shadow:0 7px 20px rgba(0, 0, 0, .16)!important;
        transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }
.cv-view-home .cv-home-magazine .cv-card-main{
        display:block!important;
        min-height:0!important;
        height:auto!important;
    }


    /* -----------------------------------------------------
    IMAGE
    ----------------------------------------------------- */
    .cv-view-home .cv-home-magazine .cv-card-image{
        display:block!important;
        width:100%!important;
        aspect-ratio:auto!important;
    }
.cv-view-home .cv-home-magazine .cv-card-image::after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(180deg, transparent 48%, rgba(5, 12, 22, .08) 68%, rgba(5, 12, 22, .62) 100%);
    }
.cv-view-home .cv-home-magazine .cv-card-image img{
        transition:transform .28s ease;
    }


    /* -----------------------------------------------------
    COPY
    ----------------------------------------------------- */
    .cv-view-home .cv-home-magazine .cv-tag{
        display:inline-flex;
        margin:0 0 4px!important;
        padding:2px 5px!important;
        border-radius:4px!important;
        background:linear-gradient(135deg, #b22dff, #e350d5)!important;
        color:#fff!important;
        font-weight:800!important;
        line-height:1!important;
    }
.cv-view-home .cv-home-magazine h3{
        display:-webkit-box;
        overflow:hidden;
        margin:0!important;
        color:#fff!important;
        font-weight:700!important;
        letter-spacing:-.015em;
        -webkit-box-orient:vertical;
    }


    /* eventuali meta */
    .cv-view-home .cv-home-magazine .cv-card-copy > small, .cv-view-home .cv-home-magazine .cv-card-meta{
        display:block;
        color:rgba(188, 202, 221, .61)!important;
    }


    /* -----------------------------------------------------
    HOVER
    ----------------------------------------------------- */
    .cv-view-home .cv-home-magazine .cv-card:hover{
        transform:translateY(-2px);
        border-color:rgba(151, 89, 237, .48)!important;
        box-shadow:0 10px 25px rgba(0, 0, 0, .24)!important;
    }
.cv-view-home .cv-home-magazine .cv-card:hover .cv-card-image img{
        transform:scale(1.035);
    }

}


/* =========================================================
CHARACTERS
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-characters .cv-character-strip{
        display:grid!important;
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
        grid-auto-columns:auto!important;
        gap:7px!important;
        overflow:visible!important;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a{
        position:relative;
        display:flex!important;
        flex-direction:column;
        min-width:0!important;
        width:auto!important;
        overflow:hidden;
        color:#fff!important;
        text-decoration:none;
        border:1px solid rgba(84, 107, 137, .25);
        border-radius:7px;
        background:linear-gradient(180deg, rgba(10, 24, 39, .96), rgba(6, 17, 29, .98));
        box-shadow:0 7px 20px rgba(0, 0, 0, .15);
        transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }


    /* -----------------------------------------------------
    CHARACTER IMAGE
    Da avatar a vera card visuale.
    ----------------------------------------------------- */
    .cv-view-home .cv-home-characters .cv-avatar{
        position:relative;
        display:block!important;
        width:100%!important;
        height:94px!important;
        flex:0 0 94px!important;
        overflow:hidden;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        background:#0b1928!important;
        box-shadow:none!important;
    }
.cv-view-home .cv-home-characters .cv-avatar::after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(180deg, transparent 47%, rgba(5, 12, 22, .10) 69%, rgba(5, 12, 22, .65) 100%);
    }
.cv-view-home .cv-home-characters .cv-avatar img{
        display:block;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center 22%;
        transition:transform .28s ease;
    }


    /* -----------------------------------------------------
    CHARACTER NAME
    ----------------------------------------------------- */
    .cv-view-home .cv-home-characters .cv-character-strip > a > strong{
        display:block!important;
        overflow:hidden;
        margin:0!important;
        padding:7px 6px 8px!important;
        color:#fff!important;
        font-weight:700!important;
        line-height:1.12!important;
        white-space:nowrap;
        text-overflow:ellipsis;
    }


    /* -----------------------------------------------------
    HOVER
    ----------------------------------------------------- */
    .cv-view-home .cv-home-characters .cv-character-strip > a:hover{
        transform:translateY(-2px);
        border-color:rgba(151, 89, 237, .48);
        box-shadow:0 10px 24px rgba(0, 0, 0, .24);
    }
.cv-view-home .cv-home-characters .cv-character-strip > a:hover .cv-avatar img{
        transform:scale(1.045);
    }

}


/* =========================================================
SECTION ICON ACCENTS
========================================================= */
.cv-view-home .cv-home-magazine .cv-section-head svg{
    color:#ff477d!important;
}
.cv-view-home .cv-home-characters .cv-section-head svg{
    color:#ad62ff!important;
}


/* =========================================================
MOBILE
Manteniamo la struttura del render mobile:
magazine largo e personaggi in riga.
========================================================= */

@media(max-width:700px){


    /* Magazine */
    .cv-view-home .cv-home-magazine h3{
        line-height:1.12!important;
    }


    /* Personaggi */
    .cv-view-home .cv-home-characters{
        margin-top:13px!important;
    }
.cv-view-home .cv-home-characters .cv-character-strip{
        display:grid!important;
        grid-auto-flow:column;
        grid-auto-columns:76px!important;
        grid-template-columns:none!important;
        gap:8px!important;
        overflow-x:auto!important;
        padding-bottom:2px;
        scrollbar-width:none;
    }
.cv-view-home .cv-home-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a{
        display:block!important;
        width:76px!important;
        min-width:76px!important;
        border:0;
        background:transparent;
        box-shadow:none;
    }
.cv-view-home .cv-home-characters .cv-avatar{
        width:76px!important;
        height:76px!important;
        border:1px solid rgba(137, 85, 226, .38)!important;
        border-radius:50%!important;
    }
.cv-view-home .cv-home-characters .cv-avatar::after{
        display:none;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a > strong{
        padding:5px 2px 0!important;
        text-align:center;
    }

}


/* =========================================================
CitaVerso — Home Typography Scale 01
Readable desktop typography below Hero
========================================================= */

@media(min-width:701px){

    /* =====================================================
    SECTION HEADERS
    ===================================================== */
    .cv-view-home .cv-section-head h2{
        line-height:1.08!important;
    }
.cv-view-home .cv-section-head p{
        line-height:1.3!important;
    }
.cv-view-home .cv-category small{
        line-height:1.1!important;
    }
.cv-view-home .cv-home-type-tabs a{
        padding:5px 10px!important;
    }


    /* =====================================================
    STREAMING DISCOVERY
    ===================================================== */
    .cv-view-home .cv-home-discovery h2{
        line-height:1.04!important;
    }
.cv-view-home .cv-home-discovery p{
        line-height:1.25!important;
    }
.cv-view-home .cv-home-magazine .cv-card-copy > small, .cv-view-home .cv-home-magazine .cv-card-meta{
        line-height:1.2!important;
    }


    /* =====================================================
    CHARACTERS
    ===================================================== */
    .cv-view-home .cv-home-characters .cv-character-strip > a > strong{
        line-height:1.15!important;
    }
.cv-view-home .cv-home-community h2{
        line-height:1!important;
    }
.cv-view-home .cv-home-community p{
        line-height:1.4!important;
    }
body:has(.cv-view-home) .cv-footer p{
        line-height:1.45;
    }
body:has(.cv-view-home) .cv-footer a{
        line-height:1.5;
    }

}


/* =========================================================
CitaVerso — Editorial Characters Render Match 02
Stronger Magazine / Characters visual balance
========================================================= */


/* =========================================================
DESKTOP DISTRIBUTION
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-editorial{
        grid-template-columns:minmax(0, 1.48fr) minmax(360px, .92fr)!important;
        gap:16px!important;
    }


    /* =====================================================
    MAGAZINE
    ===================================================== */
    .cv-view-home .cv-home-magazine .cv-article-row{
        gap:8px!important;
    }
.cv-view-home .cv-home-magazine .cv-card-image{
        height:108px!important;
        min-height:108px!important;
    }
.cv-view-home .cv-home-magazine .cv-card-copy{
        min-height:82px!important;
        padding:8px 9px 9px!important;
    }
.cv-view-home .cv-home-magazine h3{
        line-height:1.16!important;
        -webkit-line-clamp:3;
    }
.cv-view-home .cv-home-magazine .cv-card-copy > small, .cv-view-home .cv-home-magazine .cv-card-meta{
        margin-top:6px!important;
    }


    /* =====================================================
    CHARACTERS
    ===================================================== */
    .cv-view-home .cv-home-characters .cv-character-strip{
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
        gap:9px!important;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a{
        position:relative;
        min-height:142px;
        overflow:hidden;
        border:1px solid rgba(91, 111, 146, .30)!important;
        border-radius:8px!important;
        background:linear-gradient(180deg, #0a1727, #07131f)!important;
        box-shadow:0 8px 22px rgba(0, 0, 0, .18)!important;
    }
.cv-view-home .cv-home-characters .cv-avatar{
        position:relative;
        width:100%!important;
        height:108px!important;
        flex-basis:108px!important;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
    }
.cv-view-home .cv-home-characters .cv-avatar img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:center 20%!important;
    }
.cv-view-home .cv-home-characters .cv-avatar::after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(180deg, transparent 45%, rgba(6, 14, 24, .06) 64%, rgba(6, 14, 24, .76) 100%);
    }
.cv-view-home .cv-home-characters .cv-character-strip > a > strong{
        display:flex!important;
        align-items:center;
        min-height:34px;
        margin:0!important;
        padding:7px 8px!important;
        line-height:1.1!important;
        font-weight:700!important;
        color:#fff!important;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }


    /* lieve varietà di framing */
    .cv-view-home .cv-home-characters .cv-character-strip > a:nth-child(2) .cv-avatar img{
        object-position:center 17%!important;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a:nth-child(3) .cv-avatar img{
        object-position:center 24%!important;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a:nth-child(4) .cv-avatar img{
        object-position:center 18%!important;
    }


    /* =====================================================
    HOVER
    ===================================================== */

    @media(hover:hover){
.cv-view-home .cv-home-characters .cv-character-strip > a:hover{
            transform:translateY(-2px);
            border-color:rgba(173, 98, 255, .56)!important;
            box-shadow:0 11px 28px rgba(0, 0, 0, .25)!important;
        }
.cv-view-home .cv-home-characters .cv-character-strip > a:hover .cv-avatar img{
            transform:scale(1.035);
        }

    }

}


/* =========================================================
LARGE DESKTOP
========================================================= */

@media(min-width:1400px){
.cv-view-home .cv-home-editorial{
        grid-template-columns:minmax(0, 1.55fr) minmax(390px, .88fr)!important;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a{
        min-height:150px;
    }
.cv-view-home .cv-home-characters .cv-avatar{
        height:115px!important;
        flex-basis:115px!important;
    }

}


/* =========================================================
MOBILE
Nel render mobile i personaggi tornano circolari.
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-characters .cv-character-strip > a{
        min-height:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
.cv-view-home .cv-home-characters .cv-avatar{
        width:76px!important;
        height:76px!important;
        flex-basis:76px!important;
        border:2px solid rgba(168, 95, 255, .58)!important;
        border-radius:50%!important;
        box-shadow:0 5px 15px rgba(0, 0, 0, .20)!important;
    }
.cv-view-home .cv-home-characters .cv-avatar::after{
        display:none;
    }
.cv-view-home .cv-home-characters .cv-character-strip > a > strong{
        display:block!important;
        min-height:0;
        padding:6px 1px 0!important;
        text-align:center;
    }

}


/* =========================================================
CitaVerso — Community Banner Render Match 01
========================================================= */

@media(min-width:701px){

    /* =====================================================
    CONTAINER
    ===================================================== */
    .cv-view-home .cv-home-community{
        position:relative;
        display:grid!important;
        grid-template-columns:minmax(0, 1.25fr) minmax(390px, .75fr)!important;
        align-items:center!important;
        gap:32px!important;
        min-height:126px!important;
        margin-top:17px!important;
        padding:18px 44px!important;
        overflow:hidden;
        border:1px solid rgba(137, 80, 237, .62)!important;
        border-radius:10px!important;
        background-position:center 50%!important;
        box-shadow:0 10px 34px rgba(0, 0, 0, .19), inset 0 1px 0 rgba(255, 255, 255, .07)!important;
    }


    /* =====================================================
    ATMOSPHERIC OVERLAY
    ===================================================== */
    .cv-view-home .cv-home-community::before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(90deg, rgba(76, 12, 125, .95) 0%, rgba(83, 18, 139, .82) 25%, rgba(72, 23, 139, .56) 48%, rgba(31, 43, 122, .41) 70%, rgba(9, 49, 91, .64) 100%), radial-gradient(ellipse at 18% 25%, rgba(234, 84, 255, .18), transparent 45%);
    }
.cv-view-home .cv-home-community::after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 28%, rgba(4, 10, 27, .17) 100%);
    }
.cv-view-home .cv-home-community > *{
        position:relative;
        z-index:2;
    }


    /* =====================================================
    COPY
    ===================================================== */
    .cv-view-home .cv-home-community .cv-eyebrow{
        margin:0!important;
        font-weight:700;
        letter-spacing:.12em;
        color:rgba(225, 199, 255, .76)!important;
    }
.cv-view-home .cv-home-community h2{
        max-width:430px;
        margin:5px 0 6px!important;
        line-height:.96!important;
        letter-spacing:-.025em;
    }
.cv-view-home .cv-home-community p{
        max-width:510px!important;
        margin:0!important;
        line-height:1.35!important;
        color:rgba(240, 242, 251, .80)!important;
    }


    /* =====================================================
    CTA
    ===================================================== */
    .cv-view-home .cv-home-community-actions{
        display:flex!important;
        align-items:center;
        gap:7px!important;
        margin-top:10px!important;
    }
.cv-view-home .cv-home-community-actions .cv-button{
        min-height:31px!important;
        padding:7px 13px!important;
        border-radius:999px!important;
        font-weight:700;
    }
.cv-view-home .cv-home-community-actions .cv-button:first-child{
        box-shadow:0 7px 18px rgba(85, 30, 202, .25), inset 0 1px 0 rgba(255, 255, 255, .16);
    }
.cv-view-home .cv-home-community-actions .cv-button--quiet{
        background:rgba(9, 12, 30, .38)!important;
        border-color:rgba(255, 255, 255, .18)!important;
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
    }


    /* =====================================================
    KPI
    ===================================================== */
    .cv-view-home .cv-home-community-stats{
        display:grid!important;
        grid-template-columns:repeat(3, minmax(0, 1fr))!important;
        gap:8px!important;
        margin:0!important;
    }
.cv-view-home .cv-home-community-stats > div{
        display:grid!important;
        grid-template-columns:auto 1fr;
        align-items:center;
        column-gap:8px;
        min-height:62px!important;
        padding:10px 12px!important;
        border:1px solid rgba(255, 255, 255, .11)!important;
        border-radius:8px!important;
        background:rgba(8, 15, 47, .54)!important;
        box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 8px 20px rgba(0, 0, 0, .13);
        backdrop-filter:blur(12px) saturate(125%);
        -webkit-backdrop-filter:blur(12px) saturate(125%);
    }
.cv-view-home .cv-home-community-stats svg{
        grid-row:1 / span 2;
        width:18px!important;
        height:18px!important;
        color:#b56cff;
    }
.cv-view-home .cv-home-community-stats strong{
        align-self:end;
        line-height:1!important;
        font-weight:800;
    }
.cv-view-home .cv-home-community-stats span{
        align-self:start;
        margin-top:3px;
        line-height:1!important;
        color:rgba(215, 222, 238, .70);
    }

}


/* =========================================================
LARGE DESKTOP
========================================================= */

@media(min-width:1400px){
.cv-view-home .cv-home-community{
        grid-template-columns:minmax(0, 1.35fr) minmax(430px, .65fr)!important;
        padding-left:58px!important;
        padding-right:58px!important;
    }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-community{
        display:block!important;
        min-height:0!important;
        padding:16px 14px!important;
        border-radius:10px!important;
    }
.cv-view-home .cv-home-community h2{
        max-width:240px;
        line-height:1!important;
    }
.cv-view-home .cv-home-community p{
        max-width:280px!important;
    }
.cv-view-home .cv-home-community-stats{
        display:grid!important;
        grid-template-columns:repeat(3, minmax(0, 1fr))!important;
        gap:6px!important;
        margin-top:13px!important;
    }
.cv-view-home .cv-home-community-stats > div{
        min-height:54px!important;
        padding:8px 7px!important;
    }
.cv-view-home .cv-home-community-stats svg{
        width:15px!important;
        height:15px!important;
    }

}


/* =========================================================
CitaVerso — Community Structural Render 02
========================================================= */


/* =========================================================
DESKTOP
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-community--render{
        position:relative;
        display:grid!important;
        grid-template-columns:minmax(0, 1.05fr) minmax(500px, .95fr)!important;
        align-items:center!important;
        gap:28px!important;
        min-height:108px!important;
        margin-top:15px!important;
        padding:14px 26px!important;
        overflow:hidden;
        border:1px solid rgba(133, 76, 236, .64)!important;
        border-radius:8px!important;
        background:linear-gradient(90deg, rgba(70, 13, 128, .93) 0%, rgba(83, 23, 149, .78) 29%, rgba(54, 32, 141, .55) 57%, rgba(12, 51, 99, .79) 100%), url('../citaverso/hero/cv-hero-generic.webp') center 59% / cover!important;
        box-shadow:0 8px 26px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .07)!important;
    }
.cv-view-home .cv-home-community--render::before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:radial-gradient(ellipse at 24% 35%, rgba(219, 62, 255, .18), transparent 46%), linear-gradient(90deg, rgba(30, 3, 61, .18), transparent 48%, rgba(15, 44, 92, .10));
    }
.cv-view-home .cv-home-community--render::after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 27%, rgba(3, 10, 25, .19));
    }
.cv-view-home .cv-home-community--render > *{
        position:relative;
        z-index:2;
    }


    /* =====================================================
    COPY
    ===================================================== */
    .cv-view-home .cv-home-community-copy{
        min-width:0;
        padding-left:8px;
    }
.cv-view-home .cv-home-community-copy .cv-eyebrow{
        margin:0!important;
        font-weight:800;
        line-height:1;
        letter-spacing:.13em;
        color:rgba(225, 193, 255, .79)!important;
    }
.cv-view-home .cv-home-community-copy h2{
        max-width:430px;
        margin:4px 0 5px!important;
        font:700 20px/.98 Georgia, serif!important;
        letter-spacing:-.025em;
        color:#fff;
    }
.cv-view-home .cv-home-community-copy > p:not(.cv-eyebrow){
        max-width:510px!important;
        margin:0!important;
        line-height:1.35!important;
        color:rgba(236, 240, 250, .77)!important;
    }


    /* =====================================================
    BUTTONS
    ===================================================== */
    .cv-view-home .cv-home-community-actions{
        display:flex!important;
        align-items:center;
        gap:6px!important;
        margin-top:8px!important;
    }
.cv-view-home .cv-home-community-actions .cv-button{
        display:inline-flex;
        align-items:center;
        gap:6px;
        min-height:28px!important;
        padding:6px 11px!important;
        border-radius:999px!important;
        font-weight:700!important;
    }
.cv-view-home .cv-home-community-actions .cv-button svg{
        width:11px;
        height:11px;
    }
.cv-view-home .cv-home-community-actions .cv-button--quiet{
        background:rgba(6, 11, 28, .40)!important;
        border-color:rgba(255, 255, 255, .18)!important;
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
    }


    /* =====================================================
    FOUR KPI CARDS
    ===================================================== */
    .cv-view-home .cv-home-community-stats{
        display:grid!important;
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
        gap:6px!important;
        margin:0!important;
    }
.cv-view-home .cv-home-community-stats > div{
        display:flex!important;
        align-items:center;
        gap:7px;
        min-width:0;
        min-height:52px!important;
        padding:8px 9px!important;
        border:1px solid rgba(255, 255, 255, .105)!important;
        border-radius:7px!important;
        background:rgba(9, 16, 54, .52)!important;
        box-shadow:inset 0 1px 0 rgba(255, 255, 255, .055), 0 6px 16px rgba(0, 0, 0, .13)!important;
        backdrop-filter:blur(12px) saturate(125%);
        -webkit-backdrop-filter:blur(12px) saturate(125%);
    }
.cv-view-home .cv-home-community-stats > div > svg{
        flex:0 0 auto;
        width:17px!important;
        height:17px!important;
        color:#b868ff!important;
    }
.cv-view-home .cv-home-community-stat-copy{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        min-width:0;
        gap:3px;
    }
.cv-view-home .cv-home-community-stat-copy strong{
        line-height:1!important;
        font-weight:800!important;
        color:#fff!important;
    }
.cv-view-home .cv-home-community-stat-copy small{
        line-height:1!important;
        color:rgba(211, 219, 237, .68)!important;
    }

}


/* =========================================================
LARGE DESKTOP
========================================================= */

@media(min-width:1400px){
.cv-view-home .cv-home-community--render{
        grid-template-columns:minmax(0, 1.12fr) minmax(540px, .88fr)!important;
        padding-left:38px!important;
        padding-right:38px!important;
    }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-community--render{
        display:block!important;
        min-height:0!important;
        padding:15px 13px!important;
        border-radius:9px!important;
    }
.cv-view-home .cv-home-community-copy{
        padding:0;
    }
.cv-view-home .cv-home-community-copy h2{
        max-width:270px;
        line-height:1!important;
    }
.cv-view-home .cv-home-community-copy > p:not(.cv-eyebrow){
        max-width:295px!important;
    }
.cv-view-home .cv-home-community-actions{
        flex-wrap:wrap;
    }
.cv-view-home .cv-home-community-stats{
        display:grid!important;
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:6px!important;
        margin-top:12px!important;
    }
.cv-view-home .cv-home-community-stats > div{
        min-height:50px!important;
        padding:8px!important;
    }

}


/* =========================================================
CitaVerso — Safe Reference Assets 01

NOTE:
Questi file provengono da crop del moodboard.
Vengono usati esclusivamente come decorazioni no-repeat,
mai come texture globali o superfici tile.
========================================================= */


/* =========================================================
STREAMING DISCOVERY
========================================================= */
.cv-view-home .cv-home-discovery::before{
    background:linear-gradient(90deg, rgba(181, 51, 255, .10), transparent 31%, rgba(255, 80, 205, .08) 59%, rgba(50, 170, 255, .10))!important;
}
.cv-view-home .cv-home-discovery::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background-image:url('../../citaverso-assets-singoli/17_texture_decorative/bokeh.png'), url('../../citaverso-assets-singoli/17_texture_decorative/particles-light.png'), url('../../citaverso-assets-singoli/20_texture_extra/highlight.png');
    background-repeat:no-repeat, no-repeat, no-repeat;
    background-position:7% 50%, 66% 48%, 89% 34%;
    background-size:175px auto, 150px auto, 135px auto;
    opacity:.23;
    mix-blend-mode:screen;
}
.cv-view-home .cv-home-discovery > *{
    z-index:2;
}


/* =========================================================
COMMUNITY BANNER
========================================================= */
.cv-view-home .cv-home-community--render{
    isolation:isolate;
}
.cv-view-home .cv-home-community--render::before{
    background:linear-gradient(90deg, rgba(72, 12, 130, .94) 0%, rgba(84, 22, 148, .80) 29%, rgba(53, 35, 140, .54) 57%, rgba(13, 51, 98, .75) 100%)!important;
}
.cv-view-home .cv-home-community--render::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background-image:url('../../citaverso-assets-singoli/17_texture_decorative/stars.png'), url('../../citaverso-assets-singoli/17_texture_decorative/bokeh.png'), url('../../citaverso-assets-singoli/17_texture_decorative/particles-blue.png'), url('../../citaverso-assets-singoli/20_texture_extra/highlight.png');
    background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;
    background-position:11% 28%, 25% 68%, 74% 42%, 92% 22%;
    background-size:170px auto, 190px auto, 170px auto, 150px auto;
    opacity:.25;
    mix-blend-mode:screen;
}
.cv-view-home .cv-home-community--render > *{
    position:relative;
    z-index:2;
}


/* =========================================================
KPI GLASS — reference-based, recreated in CSS
========================================================= */
.cv-view-home .cv-home-community-stats > div{
    background:linear-gradient(135deg, rgba(27, 24, 83, .67), rgba(10, 26, 66, .58))!important;
    border-color:rgba(188, 139, 255, .17)!important;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .08), 0 7px 20px rgba(0, 0, 0, .14)!important;
    backdrop-filter:blur(13px) saturate(125%);
    -webkit-backdrop-filter:blur(13px) saturate(125%);
}


/* =========================================================
FOOTER UPDATE PANEL

Non usiamo footer-bg crop.
Aggiungiamo soltanto una decorazione atmosferica.
========================================================= */
.cv-footer--render-02 .cv-footer-render-update{
    isolation:isolate;
}
.cv-footer--render-02 .cv-footer-render-update::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background-image:url('../../citaverso-assets-singoli/17_texture_decorative/stars.png'), url('../../citaverso-assets-singoli/20_texture_extra/highlight.png');
    background-repeat:no-repeat, no-repeat;
    background-position:84% 22%, 100% 0;
    background-size:130px auto, 150px auto;
    opacity:.18;
    mix-blend-mode:screen;
}
.cv-footer--render-02 .cv-footer-render-update-copy, .cv-footer--render-02 .cv-footer-render-art{
    position:relative;
    z-index:2;
}


/* =========================================================
SECTION DIVIDER DECORATION
========================================================= */
.cv-view-home .cv-home-editorial::before{
    content:"";
    position:absolute;
    left:50%;
    top:-9px;
    width:180px;
    height:24px;
    transform:translateX(-50%);
    pointer-events:none;
    background-image:url('../../citaverso-assets-singoli/20_texture_extra/divider-wave.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:180px 24px;
    opacity:.07;
}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-discovery::after{
        background-position:5% 50%, 67% 55%, 95% 20%;
        background-size:115px auto, 100px auto, 85px auto;
        opacity:.19;
    }
.cv-view-home .cv-home-community--render::after{
        background-position:5% 18%, 28% 60%, 76% 42%, 100% 15%;
        background-size:110px auto, 120px auto, 105px auto, 95px auto;
        opacity:.20;
    }
.cv-view-home .cv-home-editorial::before{
        display:none;
    }

}


/* =========================================================
CitaVerso — Trending Production Reconstruction 01
Recreated from moodboard proportions
========================================================= */


/* =========================================================
SECTION HEADER
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-works .cv-section-head{
        display:grid;
        grid-template-columns:auto 1fr auto;
        grid-template-rows:auto auto;
        align-items:end;
        column-gap:9px;
        min-height:36px!important;
        margin-bottom:8px!important;
    }


    /* elimina eventuale vecchia icona/star */
    .cv-view-home .cv-home-works .cv-section-head svg{
        display:none!important;
    }
.cv-view-home .cv-home-works .cv-section-head h2{
        position:relative;
        display:flex!important;
        align-items:center;
        gap:7px;
        margin:0!important;
        line-height:1!important;
        font-weight:800!important;
        letter-spacing:-.02em;
    }
.cv-view-home .cv-home-works .cv-section-head h2::before{
        content:"🔥";
        display:block;
        flex:0 0 auto;
        line-height:1;
    }
.cv-view-home .cv-home-works .cv-section-head p{
        grid-column:1 / span 2;
        margin:4px 0 0!important;
        padding-left:26px;
        line-height:1.2!important;
        color:rgba(205, 216, 231, .68)!important;
    }

}


/* =========================================================
FILTER BAR
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-home-type-tabs{
        display:flex!important;
        align-items:center;
        justify-content:flex-end;
        gap:4px!important;
        margin:-35px 0 9px auto!important;
    }
.cv-view-home .cv-home-type-tabs a{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width:44px;
        min-height:24px;
        padding:4px 9px!important;
        border:1px solid rgba(105, 128, 159, .28)!important;
        border-radius:6px!important;
        background:linear-gradient(180deg, rgba(9, 23, 39, .90), rgba(6, 18, 31, .92))!important;
        box-shadow:inset 0 1px 0 rgba(255, 255, 255, .035);
        color:rgba(217, 226, 239, .76)!important;
        line-height:1!important;
        font-weight:650!important;
        transition:border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease;
    }


    .cv-view-home .cv-home-type-tabs a:first-child, .cv-view-home .cv-home-type-tabs a.is-active, .cv-view-home .cv-home-type-tabs a.active, .cv-view-home .cv-home-type-tabs a[aria-current="true"]{
        border-color:rgba(176, 105, 255, .75)!important;
        background:linear-gradient(135deg, #9a42ff, #6b30eb)!important;
        box-shadow:inset 0 1px 0 rgba(255, 255, 255, .17), 0 5px 14px rgba(99, 41, 218, .23);
        color:#fff!important;
    }


    @media(hover:hover){
.cv-view-home .cv-home-type-tabs a:hover{
            transform:translateY(-1px);
            border-color:rgba(165, 96, 255, .52)!important;
            color:#fff!important;
        }

    }

}


/* =========================================================
WORK ROW
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-work-row{
        overflow-x:auto!important;
        padding:1px 1px 3px!important;
        scroll-snap-type:x proximity;
        scrollbar-width:none!important;
    }
.cv-view-home .cv-work-row::-webkit-scrollbar{
        display:none!important;
    }

}


/* =========================================================
CARD SHELL
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-work-row .cv-card--work{
        height:190px!important;
        min-height:190px!important;
        scroll-snap-align:start;
        border:1px solid rgba(80, 108, 140, .31)!important;
        border-radius:7px!important;
        background:linear-gradient(180deg, #091827 0%, #071522 100%)!important;
        box-shadow:0 7px 21px rgba(0, 0, 0, .19), inset 0 1px 0 rgba(255, 255, 255, .025)!important;
        transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }
.cv-view-home .cv-work-row .cv-card-main{
        display:grid!important;
        grid-template-rows:122px 68px!important;
        min-height:0!important;
    }

}


/* =========================================================
CARD IMAGE
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-work-row .cv-card-image{
        height:122px!important;
        min-height:122px!important;
    }
.cv-view-home .cv-work-row .cv-card-image img{
        object-position:center 34%;
        transform:scale(1.001);
        transition:transform .28s ease;
    }
.cv-view-home .cv-work-row .cv-card-image::after{
        content:"";
        position:absolute;
        inset:0;
        z-index:2;
        pointer-events:none;
        background:linear-gradient(180deg, transparent 42%, rgba(5, 13, 23, .05) 59%, rgba(5, 13, 23, .34) 80%, rgba(5, 13, 23, .88) 100%)!important;
    }

}


/* =========================================================
CARD BODY
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-work-row .cv-card-copy{
        min-height:0!important;
        background:linear-gradient(180deg, rgba(8, 23, 38, .98), rgba(6, 18, 31, .99))!important;
    }


    /* =====================================================
    TYPE BADGE
    Ricostruito in CSS, niente raster crop.
    ===================================================== */
    .cv-view-home .cv-work-row .cv-tag{
        position:absolute;
        z-index:4;
        top:-10px;
        left:7px;
        align-items:center;
        width:max-content;
        max-width:calc(100% - 14px);
        height:16px;
        margin:0!important;
        padding:0 6px!important;
        overflow:hidden;
        border:1px solid color-mix(in srgb, var(--cv-type, #8b55fc) 70%, white 10%)!important;
        border-radius:4px!important;
        background:color-mix(in srgb, var(--cv-type, #8b55fc) 84%, #091523 16%)!important;
        box-shadow:0 3px 8px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .15)!important;
        color:#fff!important;
        line-height:1!important;
        font-weight:800!important;
        text-transform:uppercase;
        white-space:nowrap;
        text-overflow:ellipsis;
    }


    /* =====================================================
    TITLE
    ===================================================== */
    .cv-view-home .cv-work-row h3{
        display:-webkit-box;
        overflow:hidden;
        color:#fff!important;
        font-weight:720!important;
        letter-spacing:-.014em;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }


    /* =====================================================
    META
    ===================================================== */
    .cv-view-home .cv-work-row .cv-work-meta{
        gap:4px;
        margin-top:4px!important;
        padding:0!important;
        color:rgba(172, 189, 209, .68)!important;
        line-height:1!important;
        text-overflow:ellipsis;
    }


    /* =====================================================
    RATING
    ===================================================== */
    .cv-view-home .cv-work-row .cv-rating{
        gap:3px;
        margin-top:auto!important;
        padding-top:4px;
        color:#ffd75a!important;
        line-height:1!important;
        font-weight:750!important;
    }

}


/* =========================================================
CARD SUBTLE ACCENT
========================================================= */
.cv-view-home .cv-work-row .cv-card--work::after{
    content:"";
    position:absolute;
    z-index:4;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, rgba(145, 74, 243, .46), transparent);
    opacity:.55;
}


/* =========================================================
HOVER
========================================================= */

@media(min-width:701px) and (hover:hover){
.cv-view-home .cv-work-row .cv-card--work:hover{
        transform:translateY(-3px);
        border-color:rgba(151, 87, 236, .58)!important;
        box-shadow:0 12px 28px rgba(0, 0, 0, .27), 0 0 0 1px rgba(130, 66, 226, .06)!important;
    }
.cv-view-home .cv-work-row .cv-card--work:hover .cv-card-image img{
        transform:scale(1.045);
    }

}


/* =========================================================
LARGE DESKTOP
========================================================= */

@media(min-width:1400px){
.cv-view-home .cv-work-row{
        grid-auto-columns:150px!important;
    }
.cv-view-home .cv-work-row .cv-card--work{
        height:196px!important;
        min-height:196px!important;
    }
.cv-view-home .cv-work-row .cv-card-main{
        grid-template-rows:126px 70px!important;
    }
.cv-view-home .cv-work-row .cv-card-image{
        height:126px!important;
        min-height:126px!important;
    }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-home-works .cv-section-head svg{
        display:none!important;
    }
.cv-view-home .cv-home-works .cv-section-head h2{
        display:flex;
        align-items:center;
        gap:5px;
    }
.cv-view-home .cv-home-works .cv-section-head h2::before{
        content:"🔥";
    }
.cv-view-home .cv-work-row{
        scrollbar-width:none!important;
    }
.cv-view-home .cv-work-row::-webkit-scrollbar{
        display:none!important;
    }
.cv-view-home .cv-work-row .cv-card--work{
        height:166px!important;
        border-radius:7px!important;
    }
.cv-view-home .cv-work-row .cv-card-main{
        display:grid!important;
        grid-template-rows:104px 62px!important;
    }
.cv-view-home .cv-work-row .cv-card-image{
        height:104px!important;
    }
.cv-view-home .cv-work-row .cv-card-copy{
        padding:8px 7px 6px!important;
    }

}


/* =========================================================
CitaVerso — Trending Metadata Reconstruction 02
Real type / year / rating
========================================================= */


/* =========================================================
DETAILS ROW
========================================================= */
.cv-view-home .cv-work-row .cv-work-details-row{
    justify-content:space-between;
}


/* =========================================================
TYPE + YEAR
========================================================= */
.cv-view-home .cv-work-row .cv-work-details-row .cv-work-meta{
    gap:3px;
    margin:0!important;
    padding:0!important;
    color:rgba(176, 191, 211, .72)!important;
    line-height:1!important;
    font-weight:500;
}
.cv-view-home .cv-work-row .cv-work-meta-separator{
    flex:0 0 auto;
    color:rgba(143, 158, 180, .52);
}
.cv-view-home .cv-work-row .cv-work-meta-year{
    flex:0 0 auto;
    color:rgba(195, 206, 221, .75);
}


/* =========================================================
RATING
========================================================= */
.cv-view-home .cv-work-row .cv-work-details-row .cv-rating{
    flex:0 0 auto;
    gap:2px;
    margin:0!important;
    padding:0!important;
    color:#ffd65a!important;
    line-height:1!important;
    font-weight:750!important;
}
.cv-view-home .cv-work-row .cv-rating-star{
    position:relative;
    top:-.2px;
    line-height:1;
}


/* =========================================================
CARD COPY REBALANCE
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-work-row .cv-card-copy{
        padding:9px 8px 7px!important;
    }
.cv-view-home .cv-work-row h3{
        margin:1px 0 0!important;
        line-height:1.12!important;
    }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){


}


/* =========================================================
CitaVerso — Trending Layout Polish 01
Geometry only — preserves manual typography
========================================================= */


/* ---------------------------------------------------------
ROW
--------------------------------------------------------- */
.cv-view-home .cv-work-row{
    align-items:stretch;
    padding-bottom:1px;
}


/* ---------------------------------------------------------
CARD SHELL
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(116, 142, 178, .22);
    border-radius:8px;
    background:linear-gradient(180deg, rgba(14, 31, 48, .98) 0%, rgba(7, 22, 36, .98) 100%);
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .025);
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.cv-view-home .cv-work-row .cv-card:hover{
    transform:translateY(-2px);
    border-color:rgba(139, 92, 246, .48);
    box-shadow:0 10px 24px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .045);
}


/* ---------------------------------------------------------
MAIN LINK
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card-main{
    flex:1 1 auto;
    flex-direction:column;
    text-decoration:none;
}


/* ---------------------------------------------------------
IMAGE
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card-image{
    flex:0 0 auto;
    background:rgba(5, 15, 25, .82);
}
.cv-view-home .cv-work-row .cv-card-image::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:34%;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(6, 18, 30, 0) 0%, rgba(6, 18, 30, .16) 52%, rgba(6, 18, 30, .74) 100%);
}
.cv-view-home .cv-work-row .cv-card-image img{
    transition:transform .28s ease, filter .28s ease;
}
.cv-view-home .cv-work-row .cv-card:hover .cv-card-image img{
    transform:scale(1.025);
    filter:saturate(1.035) contrast(1.015);
}


/* ---------------------------------------------------------
COPY
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card-copy{
    flex:1 1 auto;
}


/* ---------------------------------------------------------
TITLE
Manteniamo il font-size esistente.
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card-copy h3{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    min-width:0;
    max-width:100%;
}


/* ---------------------------------------------------------
DETAILS
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-work-meta{
    flex:1 1 auto;
}
.cv-view-home .cv-work-row .cv-rating{
    flex:0 0 auto;
    margin-left:auto!important;
    opacity:.96;
}


/* ---------------------------------------------------------
BOTTOM ACCENT
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card::after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:0;
    height:1px;
    opacity:0;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, rgba(168, 85, 247, .72), transparent);
    transition:opacity .18s ease;
}
.cv-view-home .cv-work-row .cv-card:hover::after{
    opacity:1;
}


/* ---------------------------------------------------------
TAG
Solo geometria.
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-tag{
    align-self:flex-start;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}


/* ---------------------------------------------------------
DESKTOP
--------------------------------------------------------- */

@media(min-width:701px){
.cv-view-home .cv-work-row .cv-card{
        min-height:194px;
    }

}


/* ---------------------------------------------------------
LARGE DESKTOP
--------------------------------------------------------- */

@media(min-width:1400px){
.cv-view-home .cv-work-row .cv-card{
        min-height:198px;
    }

}


/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */

@media(max-width:700px){
.cv-view-home .cv-work-row .cv-card{
        min-height:168px;
    }

}


/* =========================================================
CitaVerso — Trending Card Composition 02
Render-match geometry
Typography intentionally untouched
========================================================= */


/* ---------------------------------------------------------
DESKTOP ROW
Card separate come nel render.
--------------------------------------------------------- */

@media(min-width:701px){

}


/* ---------------------------------------------------------
CARD
--------------------------------------------------------- */



/* ---------------------------------------------------------
IMAGE
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card--work .cv-card-image{
    border-radius:6px 6px 0 0;
}


/* ---------------------------------------------------------
COPY
--------------------------------------------------------- */



/* ---------------------------------------------------------
METADATA LAYOUT

Render:
Titolo
Anime · 1999
★ 9.2
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-work-details-row{
    gap:5px;
}
.cv-view-home .cv-work-row .cv-work-meta{
    text-overflow:ellipsis;
}


/* ---------------------------------------------------------
RATING STAR
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-rating-star{
    flex:0 0 auto;
}


/* ---------------------------------------------------------
CARD FLOOR

Tutti i contenuti terminano sulla stessa linea.
--------------------------------------------------------- */

@media(min-width:701px){
.cv-view-home .cv-work-row .cv-card--work .cv-card-main{
        display:flex;
        flex-direction:column;
    }
.cv-view-home .cv-work-row .cv-card--work .cv-card-copy{
        min-height:78px;
    }

}


/* ---------------------------------------------------------
LARGE DESKTOP
--------------------------------------------------------- */

@media(min-width:1400px){

}


/* ---------------------------------------------------------
MOBILE

Rimane carousel orizzontale:
non forziamo le 9 colonne desktop.
--------------------------------------------------------- */

@media(max-width:700px){
.cv-view-home .cv-work-row{
        column-gap:8px;
    }
.cv-view-home .cv-work-row .cv-work-details-row{
        gap:4px;
    }

}


/* ---------------------------------------------------------
POSTER
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card--work .cv-card-image{
    border-bottom:1px solid rgba(112, 139, 171, .16);
}
.cv-view-home .cv-work-row .cv-card--work .cv-card-image::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:18%;
    pointer-events:none;
    background:linear-gradient(180deg, transparent, rgba(4, 17, 29, .26));
}


/* ---------------------------------------------------------
COPY
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card--work .cv-card-copy{
    flex:1 1 auto;
}
.cv-view-home .cv-work-row .cv-card--work .cv-card-copy h3{
    margin-top:0!important;
    margin-bottom:0!important;
}


/* ---------------------------------------------------------
DETAILS

Riga 1: Film · 1999
Riga 2: ★ 7,0          [spazio futuro]
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-work-details-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    grid-template-rows:auto auto;
    column-gap:6px;
    row-gap:4px;
    align-items:center;
    margin-top:auto;
    padding-top:6px;
}
.cv-view-home .cv-work-row .cv-work-meta{
    grid-column:1 / -1;
    grid-row:1;
    justify-content:flex-start;
    gap:3px;
    width:100%;
    margin:0!important;
    padding:0!important;
}
.cv-view-home .cv-work-row .cv-work-meta-type{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.cv-view-home .cv-work-row .cv-work-meta-separator, .cv-view-home .cv-work-row .cv-work-meta-year{
    flex:0 0 auto;
}


/* ---------------------------------------------------------
RATING
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-rating{
    grid-column:1;
    grid-row:2;
    justify-self:start;
    align-self:center;
    gap:2px;
    margin:0!important;
    padding:0!important;
}


/* ---------------------------------------------------------
CONSISTENT CARD FLOOR
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card--work .cv-card-main{
    display:flex;
    flex-direction:column;
}


/* ---------------------------------------------------------
SUBTLE INNER SEPARATION
--------------------------------------------------------- */
.cv-view-home .cv-work-row .cv-card--work::before{
    content:"";
    position:absolute;
    z-index:2;
    inset:0 0 auto;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .08), transparent);
}


/* ---------------------------------------------------------
HOVER
--------------------------------------------------------- */



/* ---------------------------------------------------------
DESKTOP
--------------------------------------------------------- */

@media(min-width:701px){
.cv-view-home .cv-work-row{
        align-items:stretch;
    }
.cv-view-home .cv-work-row .cv-card--work .cv-card-copy{
        padding:8px 8px 7px;
    }

}


/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */

@media(max-width:700px){
.cv-view-home .cv-work-row .cv-work-details-row{
        column-gap:5px;
        row-gap:3px;
        padding-top:5px;
    }
.cv-view-home .cv-work-row .cv-card--work .cv-card-copy{
        padding:7px 7px 6px;
    }

}


/* =========================================================
CitaVerso — Trending Card Gutter Fix 04
Real spacing between work cards
Manual typography preserved
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-work-row .cv-card--work{
        width:auto!important;
        max-width:none!important;
    }

}


/* Large desktop: leggermente piu respiro */

@media(min-width:1400px){
.cv-view-home .cv-work-row{
        gap:12px!important;
        column-gap:12px!important;
    }

}


/* =========================================================
CitaVerso — Forced Physical Card Gutter 05
Deterministic desktop separation
Manual typography preserved
========================================================= */

@media(min-width:701px){

    /*
    * Le tracce occupano tutta la riga.
    * Lo spazio viene creato DENTRO ogni traccia,
    * riducendo fisicamente la card.
    */
    .cv-view-home .cv-work-row{
        display:grid!important;
        grid-template-columns:repeat(9, minmax(0, 1fr))!important;
        grid-auto-columns:initial!important;
        grid-auto-flow:initial!important;
        gap:0!important;
        column-gap:0!important;
        row-gap:0!important;
        width:100%!important;
        overflow:visible!important;
    }


    /*
    * 12px reali di spazio dopo ogni card.
    */
    .cv-view-home .cv-work-row > .cv-card--work{
        box-sizing:border-box!important;
        width:calc(100% - 12px)!important;
        max-width:calc(100% - 12px)!important;
        justify-self:start!important;
        margin:0!important;
    }


    /*
    * L'ultima card chiude perfettamente
    * sul bordo destro del contenitore.
    */
    .cv-view-home .cv-work-row > .cv-card--work:last-child{
        width:100%!important;
        max-width:100%!important;
    }
.cv-view-home .cv-work-row > .cv-card--work .cv-card-main{
        max-width:100%!important;
        box-sizing:border-box;
    }
.cv-view-home .cv-work-row > .cv-card--work .cv-card-image{
        max-width:100%!important;
        box-sizing:border-box;
    }

}


/* =========================================================
Molto grande: gutter leggermente maggiore
========================================================= */

@media(min-width:1600px){
.cv-view-home .cv-work-row > .cv-card--work{
        width:calc(100% - 14px)!important;
        max-width:calc(100% - 14px)!important;
    }
.cv-view-home .cv-work-row > .cv-card--work:last-child{
        width:100%!important;
        max-width:100%!important;
    }

}


/* =========================================================
CitaVerso — Trending Card Texture 01
Lightweight texture / pattern layer for trending cards
Manual typography preserved
Texture asset: ../img/citaverso/texture-grain.png
========================================================= */

@media(min-width:701px){
.cv-view-home .cv-work-row > .cv-card--work .cv-card-main:after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        z-index:1;
        border-radius:inherit;
        background-image:linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .025) 42%, rgba(255, 255, 255, .035) 100%), url("../img/citaverso/texture-grain.png");
        background-repeat:no-repeat, repeat;
        background-size:100% 100%, 320px 320px;
        background-position:center center, center center;
        opacity:.18;
        mix-blend-mode:soft-light;
    }
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy{
        z-index:3;
    }
.cv-view-home .cv-work-row > .cv-card--work .cv-card-image, .cv-view-home .cv-work-row > .cv-card--work .cv-card-image img{
        position:relative;
        z-index:0;
    }

}


/* =========================================================
Mobile / tablet: texture ancora più discreta
========================================================= */

@media(max-width:700px){
.cv-view-home .cv-work-row > .cv-card--work .cv-card-main:after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        z-index:1;
        border-radius:inherit;
        background-image:url("../img/citaverso/texture-grain.png");
        background-repeat:repeat;
        background-size:260px 260px;
        background-position:center center;
        opacity:.10;
        mix-blend-mode:soft-light;
    }
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy{
        z-index:3;
    }

}


/* =========================================================
CitaVerso — Trending Copy Texture 02
Texture concentrated on the information panel
Manual typography preserved
========================================================= */


/* ---------------------------------------------------------
Disattiva il precedente overlay texture sull'intera card
--------------------------------------------------------- */
.cv-view-home .cv-work-row > .cv-card--work .cv-card-main:after{
    display:none!important;
}


/* ---------------------------------------------------------
COPY PANEL
--------------------------------------------------------- */
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy{
    background:linear-gradient(180deg, rgba(9, 24, 39, .98) 0%, rgba(5, 18, 31, .99) 100%);
}


/* ---------------------------------------------------------
GRAIN
--------------------------------------------------------- */
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:url("../img/citaverso/texture-grain.png");
    background-repeat:repeat;
    background-size:180px 180px;
    background-position:center;
    opacity:.28;
    mix-blend-mode:soft-light;
}


/* ---------------------------------------------------------
SOFT INTERNAL LIGHT
--------------------------------------------------------- */
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:radial-gradient(ellipse at 20% 0%, rgba(119, 71, 190, .10) 0%, rgba(119, 71, 190, .035) 36%, transparent 68%), linear-gradient(90deg, rgba(255, 255, 255, .018), transparent 45%, rgba(43, 112, 164, .025));
}


/* ---------------------------------------------------------
CONTENUTI SOPRA LA TEXTURE
--------------------------------------------------------- */
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy > *{
    position:relative;
    z-index:1;
}


/* ---------------------------------------------------------
DIVIDER TRA POSTER E COPY
--------------------------------------------------------- */
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy{
    border-top:1px solid rgba(122, 149, 180, .13);
}


/* ---------------------------------------------------------
HOVER: texture appena più percepibile
--------------------------------------------------------- */

@media(min-width:701px) and (hover:hover){
.cv-view-home .cv-work-row > .cv-card--work:hover .cv-card-copy::before{
        opacity:.34;
    }

}


/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */

@media(max-width:700px){
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy::before{
        background-size:150px 150px;
        opacity:.22;
    }

}


/* =========================================================
CitaVerso — Trending Title Rhythm 01
More breathing room above title, tighter metadata below
Manual typography preserved
========================================================= */
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy h3{
    margin-top:5px!important;
    margin-bottom:0!important;
}
.cv-view-home .cv-work-row > .cv-card--work .cv-work-details-row{
    margin-top:2px!important;
    padding-top:0!important;
}


/* Mantiene la riga dati compatta subito sotto al titolo */
.cv-view-home .cv-work-row > .cv-card--work .cv-work-meta{
    margin-top:0!important;
    margin-bottom:0!important;
}
.cv-view-home .cv-work-row > .cv-card--work .cv-rating{
    margin-top:1px!important;
    margin-bottom:0!important;
}


/* =========================================================
CitaVerso — Trending Single-Line Title 01
One-line title with ellipsis
Manual typography preserved
========================================================= */
.cv-view-home .cv-work-row > .cv-card--work .cv-card-copy h3{
    width:100%;
    max-width:100%;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
}


/* =========================================================
CitaVerso — Home Responsive Typography Foundation 01

Fluid type system:
- rem  = accessible baseline
- vw   = viewport adaptation
- clamp = controlled minimum / fluid / maximum

Daily Quote intentionally untouched.
========================================================= */


/* =========================================================
TYPE TOKENS
========================================================= */
.cv-view-home{
    /* Micro / labels */
    --cv-fs-micro:
    clamp(
    .64rem,
    .60rem + .12vw,
    .76rem
    );
    --cv-fs-label:clamp(.70rem, .65rem + .16vw, .82rem);
    /* Supporting copy */
    --cv-fs-small:
    clamp(
    .76rem,
    .69rem + .20vw,
    .90rem
    );
    --cv-fs-body:clamp(.84rem, .76rem + .24vw, 1rem);
    /* Interactive text */
    --cv-fs-button:
    clamp(
    .78rem,
    .72rem + .18vw,
    .94rem
    );
    /* Cards */
    --cv-fs-card-title:
    clamp(
    .78rem,
    .72rem + .18vw,
    .92rem
    );
    --cv-fs-category-title:clamp(.90rem, .80rem + .35vw, 1.15rem);
    /* Section hierarchy */
    --cv-fs-section-title:
    clamp(
    1.10rem,
    .98rem + .52vw,
    1.55rem
    );
    /* Community / feature headings */
    --cv-fs-feature-title:
    clamp(
    1.45rem,
    1.08rem + 1.15vw,
    2.15rem
    );
    /* Hero */
    --cv-fs-hero:
    clamp(
    2.20rem,
    1.10rem + 4.70vw,
    5rem
    );
}


/* =========================================================
HERO
========================================================= */
.cv-view-home .cv-home-hero h1, .cv-view-home .cv-global-hero--home h1{
    font-size:var(--cv-fs-hero)!important;
}


.cv-view-home .cv-home-eyebrow, .cv-view-home .cv-global-hero--home .cv-eyebrow, .cv-view-home .cv-global-hero--home .cv-global-hero__eyebrow{
    font-size:var(--cv-fs-label)!important;
}
.cv-view-home .cv-home-intro, .cv-view-home .cv-global-hero--home .cv-global-hero__description{
    font-size:var(--cv-fs-body)!important;
}
.cv-view-home .cv-home-hero-actions .cv-button, .cv-view-home .cv-global-hero--home .cv-global-hero__actions .cv-button{
    font-size:var(--cv-fs-button)!important;
}


/* =========================================================
HERO KPI
========================================================= */
.cv-view-home .cv-home-stats strong{
    font-size:clamp(.84rem, .77rem + .24vw, 1rem)!important;
}
.cv-view-home .cv-home-stats small{
    font-size:var(--cv-fs-label)!important;
}


/* =========================================================
GENERIC HOME SECTION HEADERS
========================================================= */
.cv-view-home .cv-section-head h2{
    font-size:var(--cv-fs-section-title)!important;
}
.cv-view-home .cv-section-head p{
    font-size:var(--cv-fs-small)!important;
}
.cv-view-home .cv-more{
    font-size:var(--cv-fs-label)!important;
}


/* =========================================================
UNIVERSES / CATEGORIES
========================================================= */
.cv-view-home .cv-category strong{
    font-size:var(--cv-fs-category-title)!important;
}
.cv-view-home .cv-category small{
    font-size:var(--cv-fs-label)!important;
}


/* =========================================================
LATEST WORKS
========================================================= */
.cv-view-home .cv-home-type-tabs a{
    font-size:var(--cv-fs-label)!important;
}
.cv-view-home .cv-work-row .cv-card--work h3{
    font-size:var(--cv-fs-card-title)!important;
}
.cv-view-home .cv-work-row .cv-work-meta{
    font-size:var(--cv-fs-micro)!important;
}
.cv-view-home .cv-work-row .cv-rating{
    font-size:clamp(.72rem, .67rem + .15vw, .84rem)!important;
}


/* =========================================================
STREAMING DISCOVERY
========================================================= */
.cv-view-home .cv-home-discovery h2{
    font-size:clamp(1rem, .90rem + .42vw, 1.35rem)!important;
}
.cv-view-home .cv-home-discovery p{
    font-size:var(--cv-fs-small)!important;
}
.cv-view-home .cv-home-discovery .cv-button{
    font-size:var(--cv-fs-button)!important;
}


/* =========================================================
MAGAZINE
========================================================= */
.cv-view-home .cv-home-magazine h3{
    font-size:var(--cv-fs-card-title)!important;
}
.cv-view-home .cv-home-magazine .cv-tag{
    font-size:clamp(.60rem, .56rem + .12vw, .70rem)!important;
}
.cv-view-home .cv-home-magazine small{
    font-size:var(--cv-fs-micro)!important;
}


/* =========================================================
CHARACTERS
========================================================= */
.cv-view-home .cv-home-characters strong{
    font-size:clamp(.74rem, .68rem + .18vw, .88rem)!important;
}


/* =========================================================
COMMUNITY
========================================================= */
.cv-view-home .cv-home-community h2{
    font-size:var(--cv-fs-feature-title)!important;
}
.cv-view-home .cv-home-community p{
    font-size:var(--cv-fs-body)!important;
}
.cv-view-home .cv-home-community-actions .cv-button{
    font-size:var(--cv-fs-button)!important;
}
.cv-view-home .cv-home-community-stats strong{
    font-size:clamp(.86rem, .78rem + .26vw, 1.05rem)!important;
}
.cv-view-home .cv-home-community-stats span{
    font-size:var(--cv-fs-label)!important;
}


/* =========================================================
CitaVerso — Home Typography Readability 02
Central readability pass
Hero + Daily Quote intentionally untouched
========================================================= */


/* =========================================================
TOKEN TUNING
========================================================= */
.cv-view-home{
    --cv-fs-micro:clamp(.70rem, .66rem + .14vw, .82rem);
    --cv-fs-label:clamp(.76rem, .70rem + .18vw, .90rem);
    --cv-fs-small:clamp(.82rem, .75rem + .22vw, .96rem);
    --cv-fs-body:clamp(.90rem, .81rem + .26vw, 1.04rem);
    --cv-fs-button:clamp(.82rem, .76rem + .20vw, .96rem);
    --cv-fs-card-title:clamp(.86rem, .78rem + .24vw, 1rem);
    --cv-fs-category-title:clamp(.96rem, .84rem + .38vw, 1.18rem);
    --cv-fs-section-title:clamp(1.20rem, 1.04rem + .56vw, 1.62rem);
    --cv-fs-feature-title:clamp(1.55rem, 1.16rem + 1.20vw, 2.20rem);
}


/* =========================================================
SECTION SUPPORTING COPY
========================================================= */
.cv-view-home .cv-section-head p{
    font-size:clamp(.78rem, .72rem + .18vw, .92rem)!important;
}


/* =========================================================
"VEDI TUTTE"
========================================================= */
.cv-view-home .cv-more{
    font-size:clamp(.72rem, .67rem + .16vw, .84rem)!important;
}


/* =========================================================
LATEST WORKS — CARD CONTENT
========================================================= */
.cv-view-home .cv-work-row .cv-card--work h3{
    font-size:clamp(.84rem, .76rem + .24vw, .98rem)!important;
}
.cv-view-home .cv-work-row .cv-work-meta{
    font-size:clamp(.68rem, .63rem + .15vw, .80rem)!important;
}
.cv-view-home .cv-work-row .cv-rating{
    font-size:clamp(.76rem, .70rem + .17vw, .88rem)!important;
}


/* =========================================================
FILTER TABS
========================================================= */
.cv-view-home .cv-home-type-tabs a{
    font-size:clamp(.70rem, .65rem + .15vw, .82rem)!important;
}


/* =========================================================
STREAMING STRIP
========================================================= */
.cv-view-home .cv-home-discovery h2{
    font-size:clamp(1.05rem, .92rem + .44vw, 1.38rem)!important;
}
.cv-view-home .cv-home-discovery p{
    font-size:clamp(.78rem, .71rem + .19vw, .90rem)!important;
}


/* =========================================================
MAGAZINE
========================================================= */
.cv-view-home .cv-home-magazine h3{
    font-size:clamp(.84rem, .76rem + .22vw, .98rem)!important;
}
.cv-view-home .cv-home-magazine small{
    font-size:clamp(.68rem, .63rem + .14vw, .78rem)!important;
}


/* =========================================================
CHARACTERS
========================================================= */
.cv-view-home .cv-home-characters strong{
    font-size:clamp(.78rem, .72rem + .18vw, .90rem)!important;
}


/* =========================================================
COMMUNITY
========================================================= */
.cv-view-home .cv-home-community p{
    font-size:clamp(.84rem, .76rem + .22vw, 1rem)!important;
}
.cv-view-home .cv-home-community-stats strong{
    font-size:clamp(.90rem, .82rem + .24vw, 1.06rem)!important;
}
.cv-view-home .cv-home-community-stats span{
    font-size:clamp(.70rem, .65rem + .15vw, .82rem)!important;
}


/* =========================================================
CitaVerso — Home Typography Balance 03
Fine tuning della zona centrale
Hero + Daily Quote intentionally untouched
========================================================= */


/* ---------------------------------------------------------
SECTION TITLES
--------------------------------------------------------- */
.cv-view-home .cv-section-head h2{
    font-size:clamp(1.15rem, 1.02rem + .58vw, 1.55rem)!important;
}


/* ---------------------------------------------------------
SECTION DESCRIPTIONS
--------------------------------------------------------- */
.cv-view-home .cv-section-head p{
    font-size:clamp(.80rem, .74rem + .20vw, .94rem)!important;
}


/* ---------------------------------------------------------
VIEW ALL
--------------------------------------------------------- */
.cv-view-home .cv-more{
    font-size:clamp(.74rem, .68rem + .18vw, .86rem)!important;
}


/* =========================================================
LATEST WORKS
========================================================= */
.cv-view-home .cv-work-row .cv-card--work h3{
    font-size:clamp(.88rem, .79rem + .27vw, 1.02rem)!important;
}
.cv-view-home .cv-work-row .cv-work-meta{
    font-size:clamp(.70rem, .64rem + .18vw, .82rem)!important;
}
.cv-view-home .cv-work-row .cv-rating{
    font-size:clamp(.77rem, .71rem + .18vw, .90rem)!important;
}


/* ---------------------------------------------------------
FILTER TABS
--------------------------------------------------------- */
.cv-view-home .cv-home-type-tabs a{
    font-size:clamp(.72rem, .66rem + .17vw, .84rem)!important;
}


/* =========================================================
MAGAZINE
========================================================= */
.cv-view-home .cv-home-magazine h3{
    font-size:clamp(.88rem, .79rem + .26vw, 1.02rem)!important;
}
.cv-view-home .cv-home-magazine small{
    font-size:clamp(.70rem, .64rem + .16vw, .80rem)!important;
}


/* ---------------------------------------------------------
MAGAZINE LABEL
--------------------------------------------------------- */
.cv-view-home .cv-home-magazine .cv-tag{
    font-size:clamp(.64rem, .59rem + .14vw, .74rem)!important;
}


/* =========================================================
CHARACTERS
========================================================= */
.cv-view-home .cv-home-characters strong{
    font-size:clamp(.80rem, .73rem + .20vw, .92rem)!important;
}


/* =========================================================
STREAMING STRIP
========================================================= */
.cv-view-home .cv-home-discovery h2{
    font-size:clamp(1.08rem, .95rem + .46vw, 1.42rem)!important;
}
.cv-view-home .cv-home-discovery p{
    font-size:clamp(.80rem, .73rem + .20vw, .92rem)!important;
}


/* =========================================================
CitaVerso — Mobile Reconstruction 01
Structural mobile pass based on target render
Typography intentionally untouched
========================================================= */

@media(max-width:700px){

    /* =====================================================
    1. CATEGORY GRID

    Target:
    [Anime][Manga][Film][Serie TV]
    [Videogiochi] [Libri] ...
    ===================================================== */
    .cv-view-home .cv-categories{
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
        grid-auto-flow:row!important;
        gap:clamp(.35rem, 1.8vw, .55rem)!important;
        width:100%;
        overflow:visible!important;
    }
.cv-view-home .cv-category{
        grid-column:auto!important;
        width:100%!important;
        min-width:0!important;
        height:clamp(4.4rem, 20vw, 5.4rem)!important;
        border-radius:clamp(.45rem, 2vw, .65rem)!important;
        overflow:hidden;
    }
.cv-view-home .cv-category:nth-child(n+5){
        grid-column:span 2!important;
    }
.cv-view-home .cv-category > span{
        inset:auto clamp(.35rem, 1.5vw, .55rem) clamp(.35rem, 1.5vw, .55rem)!important;
        min-width:0;
        gap:.2rem!important;
    }
.cv-view-home .cv-category small{
        display:none!important;
    }


    /* =====================================================
    2. LATEST WORKS

    Manteniamo il carousel orizzontale,
    ma gli diamo proporzioni più vicine al render.
    ===================================================== */

    

    /* =====================================================
    3. STREAMING STRIP
    Più compatto e orizzontale.
    ===================================================== */
    .cv-view-home .cv-home-discovery{
        display:grid!important;
        grid-template-columns:minmax(0, 1fr) auto!important;
        grid-template-areas:"copy action" "services services";
        align-items:center!important;
        gap:.45rem .6rem!important;
        padding:.7rem!important;
    }
.cv-view-home .cv-home-discovery-copy{
        grid-area:copy;
    }
.cv-view-home .cv-home-discovery > .cv-button{
        grid-area:action;
        align-self:center;
        width:auto!important;
        max-width:clamp(2.6rem, 16vw, 4rem);
    }
.cv-view-home .cv-home-discovery-services{
        grid-area:services;
        display:flex!important;
        align-items:center;
        gap:clamp(.55rem, 3vw, .9rem)!important;
        width:100%;
        min-width:0;
        overflow-x:auto;
        scrollbar-width:none;
        white-space:nowrap;
    }
.cv-view-home .cv-home-discovery-services::-webkit-scrollbar{
        display:none;
    }


    /* =====================================================
    4. EDITORIAL STACK

    Magazine sopra, personaggi sotto.
    ===================================================== */
    .cv-view-home .cv-home-editorial{
        display:block!important;
    }
.cv-view-home .cv-home-magazine{
        width:100%;
    }


    /* =====================================================
    5. MAGAZINE CAROUSEL

    Nel render mobile non è una lista verticale:
    diventa una card verticale scorrevole.
    ===================================================== */
    .cv-view-home .cv-home-magazine .cv-article-row{
        grid-auto-columns:clamp(15.5rem, 82vw, 20rem)!important;
    }
.cv-view-home .cv-home-magazine .cv-card{
        width:100%!important;
        scroll-snap-align:start;
    }
.cv-view-home .cv-home-magazine .cv-card-main{
        flex-direction:column!important;
    }
.cv-view-home .cv-home-magazine .cv-card-copy{
        flex:1 1 auto;
    }


    /* =====================================================
    6. CHARACTERS

    Target: strip circolare compatta.
    ===================================================== */
    .cv-view-home .cv-home-characters{
        margin-top:clamp(1rem, 5vw, 1.5rem)!important;
    }
.cv-view-home .cv-home-characters .cv-character-strip{
        display:grid!important;
        grid-template-columns:none!important;
        grid-auto-flow:column!important;
        grid-auto-columns:clamp(3.8rem, 20vw, 4.8rem)!important;
        gap:clamp(.45rem, 2vw, .7rem)!important;
        overflow-x:auto!important;
        scrollbar-width:none;
        padding-bottom:.25rem;
    }
.cv-view-home .cv-home-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }
.cv-view-home .cv-home-characters .cv-avatar{
        width:clamp(3.4rem, 18vw, 4.4rem)!important;
        height:clamp(3.4rem, 18vw, 4.4rem)!important;
        margin-inline:auto;
    }


    /* =====================================================
    7. COMMUNITY

    Più vicino al banner mobile del render:
    copy, CTA, poi stats 2x2.
    ===================================================== */
    .cv-view-home .cv-home-community{
        display:block!important;
        padding:clamp(1rem, 5vw, 1.4rem)!important;
    }
.cv-view-home .cv-home-community-stats{
        display:grid!important;
        grid-template-columns:repeat(2, minmax(0, 1fr))!important;
        gap:clamp(.35rem, 2vw, .55rem)!important;
        margin-top:clamp(.8rem, 4vw, 1.15rem)!important;
    }
.cv-view-home .cv-home-community-stats > div{
        min-width:0!important;
        padding:clamp(.55rem, 3vw, .8rem)!important;
    }

}


/* =========================================================
CitaVerso — Mobile Reconstruction 02
Target mobile reconstruction
No font-size changes
Daily Quote untouched
========================================================= */


/* La settima card è esclusivamente mobile */
.cv-view-home .cv-category--all{
    display:none;
}


@media(max-width:700px){


    /* =====================================================
    CATEGORIE — 4 + 3
    ===================================================== */
    .cv-view-home .cv-categories{
        grid-template-columns:repeat(12, minmax(0, 1fr))!important;
        grid-auto-flow:row!important;
        gap:clamp(.35rem, 1.8vw, .55rem)!important;
        width:100%;
        overflow:visible!important;
    }
.cv-view-home .cv-categories > .cv-category{
        grid-column:span 3!important;
        width:100%!important;
        min-width:0!important;
    }
.cv-view-home .cv-categories > .cv-category:nth-child(n+5){
        grid-column:span 4!important;
    }
.cv-view-home .cv-category--all{
        display:block!important;
        background:linear-gradient(145deg, rgba(17, 28, 48, .98), rgba(9, 19, 34, .98))!important;
        border:1px solid rgba(110, 104, 190, .28)!important;
    }
.cv-view-home .cv-category--all > span{
        gap:.35rem!important;
        text-align:center;
    }
.cv-view-home .cv-category--all svg{
        width:clamp(1.4rem, 6vw, 1.8rem)!important;
        height:clamp(1.4rem, 6vw, 1.8rem)!important;
        padding:.32rem;
        border-radius:50%;
        background:rgba(255, 255, 255, .075);
        border:1px solid rgba(255, 255, 255, .09);
    }


    /* =====================================================
    ULTIME OPERE
    ===================================================== */
    .cv-view-home .cv-work-row{
        grid-auto-columns:clamp(8.3rem, 44vw, 10.2rem)!important;
    }


    /* =====================================================
    STREAMING
    ===================================================== */
    .cv-view-home .cv-home-discovery{
        display:grid!important;
        grid-template-columns:minmax(0, 1fr) auto!important;
        grid-template-areas:"copy copy" "platforms action"!important;
        align-items:center!important;
        column-gap:clamp(.45rem, 2.5vw, .7rem)!important;
        row-gap:clamp(.55rem, 2.8vw, .8rem)!important;
        padding:clamp(.7rem, 3.5vw, .95rem)!important;
    }
.cv-view-home .cv-home-discovery-copy{
        grid-area:copy!important;
        width:100%!important;
    }
.cv-view-home .cv-home-streaming-platforms{
        grid-area:platforms!important;
        justify-content:space-around!important;
        gap:clamp(.45rem, 2.5vw, .8rem)!important;
        width:100%!important;
        padding:.45rem .6rem!important;
        overflow:hidden!important;
        border-radius:.55rem;
        background:rgba(4, 15, 34, .76);
    }
.cv-view-home .cv-home-streaming-platforms .cv-stream-brand:nth-child(n+4){
        display:none!important;
    }
.cv-view-home .cv-home-discovery-watch{
        grid-area:action!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:clamp(2.5rem, 12vw, 3rem)!important;
        min-width:clamp(2.5rem, 12vw, 3rem)!important;
        height:clamp(2.5rem, 12vw, 3rem)!important;
        min-height:0!important;
        padding:.65rem!important;
        gap:0!important;
        color:transparent!important;
        border-radius:50%!important;
    }
.cv-view-home .cv-home-discovery-watch svg{
        flex:0 0 auto;
        width:1rem!important;
        height:1rem!important;
        margin:0!important;
        color:#fff!important;
    }


    /* =====================================================
    MAGAZINE — CARD ORIZZONTALI
    ===================================================== */
    .cv-view-home .cv-home-magazine .cv-article-row{
        grid-template-columns:none!important;
        grid-auto-flow:initial!important;
        overscroll-behavior-x:contain;
    }
.cv-view-home .cv-home-magazine .cv-card-main{
        min-height:clamp(7.5rem, 34vw, 9rem)!important;
    }
.cv-view-home .cv-home-magazine .cv-card-image{
        aspect-ratio:auto!important;
        margin:0!important;
        border-radius:0!important;
    }
.cv-view-home .cv-home-magazine .cv-card-copy{
        height:100%;
    }


    /* =====================================================
    PERSONAGGI
    ===================================================== */
    .cv-view-home .cv-home-characters{
        margin-top:clamp(1rem, 5vw, 1.4rem)!important;
    }


    /* =====================================================
    COMMUNITY — UN CTA + 4 KPI
    ===================================================== */
    .cv-view-home .cv-home-community-actions .cv-button--quiet{
        display:none!important;
    }
.cv-view-home .cv-home-community-stats{
        display:grid!important;
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
        gap:clamp(.25rem, 1.5vw, .4rem)!important;
        margin-top:clamp(.7rem, 3.5vw, 1rem)!important;
    }
.cv-view-home .cv-home-community-stats > div{
        min-width:0!important;
        padding:clamp(.42rem, 2vw, .62rem)!important;
    }
.cv-view-home .cv-home-community-stat-copy{
        min-width:0;
        overflow:hidden;
    }

}


/* =========================================================
CitaVerso — Mobile Reconstruction 03
Central mobile proportions refinement

Targets:
- Latest works: ~3 cards + peek
- Streaming: proper compact CTA
- Magazine: 1 large horizontal card + peek
- Characters: stronger visual presence

No typography changes.
Daily Quote untouched.
========================================================= */

@media(max-width:700px){


    /* =====================================================
    1. LATEST WORKS
    ===================================================== */
    .cv-view-home .cv-work-row{
        display:flex!important;
        flex-wrap:nowrap!important;
        grid-template-columns:none!important;
        grid-auto-flow:initial!important;
        gap:clamp(.45rem, 2.2vw, .65rem)!important;
        width:100%;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;
    }
.cv-view-home .cv-work-row > .cv-card--work{
        flex:0 0 clamp(5.5rem, 29vw, 7rem)!important;
        width:auto!important;
        max-width:none!important;
        scroll-snap-align:start;
    }
.cv-view-home .cv-work-row > .cv-card--work:last-child{
        width:auto!important;
        max-width:none!important;
    }


    /* =====================================================
    2. STREAMING BANNER
    ===================================================== */
    .cv-view-home .cv-home-discovery{
        grid-template-columns:minmax(0, 1fr) auto!important;
        grid-template-areas:"copy copy" "platforms action"!important;
        row-gap:clamp(.45rem, 2.5vw, .7rem)!important;
    }
.cv-view-home .cv-home-streaming-platforms{
        justify-content:space-evenly!important;
        min-height:clamp(2.1rem, 10vw, 2.7rem);
        padding:.35rem .5rem!important;
        border:1px solid rgba(116, 132, 190, .13);
    }
.cv-view-home .cv-home-streaming-platforms .cv-stream-brand{
        flex:1 1 0;
        display:flex;
        min-width:0;
    }


    /* Solo i tre servizi principali sul mobile */
    .cv-view-home .cv-home-streaming-platforms .cv-stream-brand:nth-child(n+4){
        display:none!important;
    }


    /* -----------------------------------------------
    CTA circolare
    ----------------------------------------------- */
    .cv-view-home .cv-home-discovery-watch{
        display:block!important;
        width:clamp(2.45rem, 12vw, 3rem)!important;
        min-width:clamp(2.45rem, 12vw, 3rem)!important;
        height:clamp(2.45rem, 12vw, 3rem)!important;
        padding:0!important;
        border-radius:50%!important;
        color:transparent!important;
        text-indent:-999rem;
    }
.cv-view-home .cv-home-discovery-watch svg{
        position:absolute!important;
        top:50%!important;
        left:50%!important;
        width:clamp(.9rem, 4.2vw, 1.15rem)!important;
        height:clamp(.9rem, 4.2vw, 1.15rem)!important;
        margin:0!important;
        transform:translate(-50%, -50%)!important;
        color:#fff!important;
        stroke:#fff!important;
        opacity:1!important;
    }


    /* =====================================================
    3. MAGAZINE
    Una card quasi full-width + peek della successiva
    ===================================================== */
    .cv-view-home .cv-home-magazine .cv-article-row{
        display:flex!important;
        flex-wrap:nowrap!important;
        gap:clamp(.55rem, 2.5vw, .75rem)!important;
        width:100%;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:0;
        scrollbar-width:none;
        padding-bottom:.35rem;
    }
.cv-view-home .cv-home-magazine .cv-article-row::-webkit-scrollbar{
        display:none;
    }
.cv-view-home .cv-home-magazine .cv-article-row > .cv-card{
        flex:0 0 calc(100% - clamp(1.6rem, 9vw, 2.4rem))!important;
        width:auto!important;
        max-width:none!important;
        scroll-snap-align:start;
    }
.cv-view-home .cv-home-magazine .cv-card-main{
        display:grid!important;
        grid-template-columns:40% minmax(0, 1fr)!important;
        align-items:stretch!important;
        width:100%!important;
        height:100%!important;
    }
.cv-view-home .cv-home-magazine .cv-card-image{
        width:100%!important;
        height:100%!important;
        min-height:clamp(7rem, 34vw, 9rem)!important;
    }
.cv-view-home .cv-home-magazine .cv-card-image img{
        position:absolute!important;
        inset:0;
    }
.cv-view-home .cv-home-magazine .cv-card-copy{
        display:flex!important;
        flex-direction:column;
        justify-content:center!important;
        min-width:0;
        min-height:clamp(7rem, 34vw, 9rem)!important;
        padding:clamp(.55rem, 3vw, .85rem)!important;
    }


    /* =====================================================
    4. CHARACTERS
    ===================================================== */
    .cv-view-home .cv-home-characters .cv-character-strip{
        display:grid!important;
        grid-template-columns:none!important;
        grid-auto-flow:column!important;
        grid-auto-columns:clamp(4.5rem, 22vw, 5.3rem)!important;
        gap:clamp(.45rem, 2.5vw, .7rem)!important;
        width:100%;
        overflow-x:auto!important;
        scrollbar-width:none;
        padding-bottom:.25rem;
    }
.cv-view-home .cv-home-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }
.cv-view-home .cv-home-characters .cv-avatar{
        width:clamp(3.5rem, 18vw, 4.4rem)!important;
        height:clamp(3.5rem, 18vw, 4.4rem)!important;
        margin-inline:auto;
        border-radius:50%!important;
    }
.cv-view-home .cv-home-characters .cv-avatar img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }
.cv-view-home .cv-home-characters .cv-character-strip > *{
        min-width:0;
        text-align:center;
    }

}


/* =========================================================
CitaVerso — Daily Quote Non-Mobile Media Consolidated 03A

Canonical explicit non-mobile media state.
Tablet / very-large legacy overrides removed because their
effective values were superseded by the later global cascade.
========================================================= */

@media(min-width:1101px){
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card{
        min-height:218px!important;
        border-radius:17px!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__content{
        min-height:218px!important;
        padding:16px 20px 71px!important;
    }

}

/* =========================================================
CitaVerso — Daily Quote Mobile Consolidated 02

Canonical mobile state.
Replaces:
- Mobile Render Match 01
- Mobile Render Match 02
- Mobile Polish 03
========================================================= */

@media(max-width:700px){

    /* ---------------------------------------------------------
    CARD
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:2.08 / 1!important;
        border-radius:clamp(.7rem, 3.2vw, .9rem)!important;
    }


    /* ---------------------------------------------------------
    CONTENT
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__content{
        height:100%!important;
        min-height:0!important;
        padding:clamp(.58rem, 2.7vw, .72rem) clamp(.72rem, 3.3vw, .88rem) clamp(2.65rem, 12.5vw, 3rem)!important;
    }


    /* ---------------------------------------------------------
    BADGE
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__label{
        margin-bottom:clamp(.38rem, 1.8vw, .48rem)!important;
        padding:clamp(.19rem, .9vw, .24rem) clamp(.58rem, 2.65vw, .72rem)!important;
        font-size:clamp(.53rem, 2.3vw, .61rem)!important;
        line-height:1.1!important;
        letter-spacing:.025em!important;
        white-space:nowrap;
    }


    /* ---------------------------------------------------------
    QUOTE — BASE / MEDIUM
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__quote, .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card--medium .ac-fdg__quote{
        width:68%!important;
        max-width:none!important;
        margin:0!important;
        font-size:clamp(.58rem, 2.65vw, .67rem)!important;
        line-height:1.11!important;
        letter-spacing:-.012em!important;
    }


    /* SHORT */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card--short .ac-fdg__quote{
        width:69%!important;
        font-size:clamp(.62rem, 2.85vw, .72rem)!important;
        line-height:1.08!important;
    }


    /* LONG */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card--long .ac-fdg__quote{
        width:68%!important;
        font-size:clamp(.54rem, 2.45vw, .62rem)!important;
        line-height:1.08!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__quote-text{
        display:-webkit-box!important;
        overflow:hidden!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:4!important;
    }


    /* ---------------------------------------------------------
    IMAGE
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__media{
        width:57%!important;
        -webkit-mask-image:
        linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.08) 9%,
        rgba(0,0,0,.22) 20%,
        rgba(0,0,0,.44) 34%,
        rgba(0,0,0,.70) 49%,
        rgba(0,0,0,.90) 64%,
        #000 76%,
        #000 100%
        )!important;
        mask-image:
        linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.08) 9%,
        rgba(0,0,0,.22) 20%,
        rgba(0,0,0,.44) 34%,
        rgba(0,0,0,.70) 49%,
        rgba(0,0,0,.90) 64%,
        #000 76%,
        #000 100%
        )!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__img{
        object-position:70% center!important;
        transform:scale(1.045)!important;
    }


    /* ---------------------------------------------------------
    PURPLE BLEND
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__card::before{
        background:linear-gradient(90deg, rgba(46, 7, 69, .95) 0%, rgba(46, 7, 69, .90) 23%, rgba(46, 7, 69, .72) 39%, rgba(46, 7, 69, .46) 54%, rgba(46, 7, 69, .20) 68%, rgba(46, 7, 69, .06) 82%, transparent 95%), linear-gradient(0deg, rgba(17, 4, 28, .36) 0%, rgba(17, 4, 28, .10) 46%, transparent 76%)!important;
    }


    /* ---------------------------------------------------------
    AUTHOR / WORK
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__meta{
        left:clamp(.72rem, 3.3vw, .9rem)!important;
        bottom:clamp(1.25rem, 5.8vw, 1.5rem)!important;
        max-width:61%!important;
        gap:clamp(.4rem, 1.8vw, .52rem)!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__avatar{
        /*
        * Preservato perché esisteva prima del successivo shorthand flex.
        */
        flex-basis:
        clamp(
        1.35rem,
        6.2vw,
        1.6rem
        )!important;
        flex:0 0 clamp(1.7rem, 7.6vw, 1.95rem)!important;
        width:clamp(1.7rem, 7.6vw, 1.95rem)!important;
        height:clamp(1.7rem, 7.6vw, 1.95rem)!important;
        border-width:.08rem!important;
    }

.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__meta-author{
        font-size:clamp(.60rem, 2.65vw, .69rem)!important;
        font-weight:700!important;
        line-height:1.05!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__meta-work{
        max-width:clamp(7rem, 34vw, 9rem)!important;
        margin-top:.08rem!important;
        font-size:clamp(.51rem, 2.2vw, .59rem)!important;
        line-height:1.05!important;
        opacity:.82!important;
    }


    /* ---------------------------------------------------------
    SAVE / SHARE
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__actions{
        right:clamp(.65rem, 3vw, .82rem)!important;
        bottom:clamp(1.22rem, 5.7vw, 1.48rem)!important;
        gap:clamp(.32rem, 1.45vw, .42rem)!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__action{
        width:clamp(1.72rem, 7.7vw, 1.98rem)!important;
        height:clamp(1.72rem, 7.7vw, 1.98rem)!important;
        min-width:clamp(1.72rem, 7.7vw, 1.98rem)!important;
        min-height:clamp(1.72rem, 7.7vw, 1.98rem)!important;
        border:1px solid rgba(255, 255, 255, .14)!important;
        border-radius:clamp(.42rem, 1.9vw, .55rem)!important;
        background:rgba(255, 255, 255, .13)!important;
        backdrop-filter:blur(.45rem);
        -webkit-backdrop-filter:blur(.45rem);
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__action svg{
        width:clamp(.82rem, 3.7vw, .94rem)!important;
        height:clamp(.82rem, 3.7vw, .94rem)!important;
        opacity:.96!important;
    }


    /* ---------------------------------------------------------
    PAGER
    --------------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__pager{
        left:50%!important;
        right:auto!important;
        bottom:clamp(.2rem, .9vw, .28rem)!important;
        display:flex!important;
        justify-content:center;
        width:auto!important;
        height:clamp(.9rem, 4vw, 1.05rem)!important;
        padding:0!important;
        border-top:0!important;
        transform:translateX(-50%);
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__pager-arrow{
        display:none!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__dots{
        gap:clamp(.27rem, 1.2vw, .34rem)!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__dots i{
        width:clamp(.18rem, .82vw, .22rem)!important;
        height:clamp(.18rem, .82vw, .22rem)!important;
        border-radius:50%;
        background:rgba(255, 255, 255, .52)!important;
        opacity:1!important;
    }
.cv-view-home .cv-global-hero--home .cv-home-daily .ac-fdg__dots i.is-active{
        width:clamp(.27rem, 1.2vw, .32rem)!important;
        height:clamp(.27rem, 1.2vw, .32rem)!important;
        background:#fff!important;
        opacity:1;
    }

}

/* =========================================================
CitaVerso — Mobile Category Tiles Render Match 01

Target:
- compact, near-square tiles
- 4 tiles first row
- 3 wider tiles second row
- mobile only
- typography untouched
========================================================= */

@media(max-width:700px){


    /* =====================================================
    GRID
    ===================================================== */
    .cv-view-home .cv-categories{
        gap:clamp(.38rem, 1.9vw, .56rem)!important;
        align-items:start!important;
    }


    /* =====================================================
    FIRST ROW — 4 QUASI QUADRATE
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category:nth-child(-n+4){
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1.18 / 1!important;
    }


    /* =====================================================
    SECOND ROW — 3 CARD
    Più larghe perché occupano 4/12 colonne,
    ma non più banner schiacciati.
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category:nth-child(n+5){
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1.42 / 1!important;
    }


    /* =====================================================
    COMMON TILE GEOMETRY
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category{
        border-radius:clamp(.48rem, 2.3vw, .68rem)!important;
        background-color:rgba(7, 17, 31, .96);
    }


    /* =====================================================
    IMAGE
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category img{
        object-position:center center!important;
        transform:scale(1.015);
    }


    /* =====================================================
    DARK OVERLAY
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category::after{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:linear-gradient(180deg, rgba(4, 10, 20, .04) 0%, rgba(4, 10, 20, .08) 40%, rgba(4, 10, 20, .58) 76%, rgba(4, 10, 20, .88) 100%);
        z-index:1;
    }


    /* =====================================================
    LABEL
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category > span{
        left:clamp(.38rem, 1.8vw, .52rem)!important;
        right:clamp(.38rem, 1.8vw, .52rem)!important;
        bottom:clamp(.34rem, 1.7vw, .48rem)!important;
        top:auto!important;
        z-index:2;
        display:flex!important;
        gap:clamp(.22rem, 1vw, .32rem)!important;
        min-width:0;
    }


    /* =====================================================
    CATEGORY ICON
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category > span svg{
        flex:0 0 auto;
        width:clamp(.72rem, 3.2vw, .86rem)!important;
        height:clamp(.72rem, 3.2vw, .86rem)!important;
    }


    /* =====================================================
    ALL CATEGORIES
    ===================================================== */
    .cv-view-home .cv-category--all{
        background:linear-gradient(145deg, rgba(17, 28, 48, .98), rgba(8, 18, 33, .98))!important;
    }
.cv-view-home .cv-category--all::after{
        background:radial-gradient(circle at 50% 30%, rgba(101, 72, 190, .12), transparent 55%)!important;
    }
.cv-view-home .cv-category--all > span{
        gap:clamp(.3rem, 1.4vw, .42rem)!important;
        text-align:center;
    }

}


/* =========================================================
CitaVerso - Category Tiles Elevation 01
Effetto bordo premium + glow + top tint
Nessuna modifica ai font-size
========================================================= */
.cv-view-home .cv-category{
    --cv-category-accent:rgba(138, 92, 255, .72);
    border:1px solid rgba(255, 255, 255, .08);
    box-shadow:
    0 .55rem 1.2rem rgba(0,0,0,.26),
    0 .08rem .28rem rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px color-mix(in srgb, var(--cv-category-accent) 52%, transparent);
}
.cv-view-home .cv-category::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, color-mix(in srgb, var(--cv-category-accent) 34%, transparent) 0%, color-mix(in srgb, var(--cv-category-accent) 18%, transparent) 18%, rgba(10, 15, 28, .08) 42%, rgba(10, 15, 28, 0) 62%);
    opacity:.95;
}
.cv-view-home .cv-category > *{
    z-index:2;
}
.cv-view-home .cv-category:hover{
    box-shadow:
    0 .75rem 1.6rem rgba(0,0,0,.34),
    0 .12rem .36rem rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 0 1px color-mix(in srgb, var(--cv-category-accent) 70%, transparent),
    0 0 1.2rem color-mix(in srgb, var(--cv-category-accent) 22%, transparent);
}
.cv-view-home .cv-category[data-type="anime"]{
    --cv-category-accent:rgba(214, 82, 255, .82);
}
.cv-view-home .cv-category[data-type="manga"]{
    --cv-category-accent:rgba(255, 78, 124, .80);
}
.cv-view-home .cv-category[data-type="film"]{
    --cv-category-accent:rgba(255, 183, 68, .82);
}
.cv-view-home .cv-category[data-type="serie_tv"]{
    --cv-category-accent:rgba(93, 174, 255, .82);
}
.cv-view-home .cv-category[data-type="videogioco"]{
    --cv-category-accent:rgba(34, 211, 150, .82);
}
.cv-view-home .cv-category[data-type="libro"]{
    --cv-category-accent:rgba(192, 132, 252, .82);
}
.cv-view-home .cv-category--all{
    --cv-category-accent:rgba(124, 92, 255, .82);
}


/* =========================================================
CitaVerso — Mobile Full Bleed Hero + Centered Categories 01

- Hero + Daily Quote full bleed rispetto al <main>
- Le sezioni successive mantengono i margini normali
- Testo category tiles centrato in basso
- Nessuna modifica tipografica
========================================================= */

@media(max-width:700px){


    /* =====================================================
    5. CATEGORY LABEL — CENTRATO IN BASSO
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category > span{
        justify-content:center!important;
        text-align:center!important;
    }
.cv-view-home .cv-categories > .cv-category > span strong{
        display:block;
        min-width:0;
        text-align:center!important;
    }


    /* =====================================================
    6. ICON + TESTO COME UN UNICO GRUPPO CENTRATO
    ===================================================== */
    .cv-view-home .cv-categories > .cv-category:not(.cv-category--all) > span{
        width:auto!important;
        left:clamp(.28rem, 1.4vw, .42rem)!important;
        right:clamp(.28rem, 1.4vw, .42rem)!important;
        bottom:clamp(.34rem, 1.7vw, .48rem)!important;
    }


    /* =====================================================
    7. TUTTE LE CATEGORIE

    Continua ad avere il proprio layout centrale.
    ===================================================== */
    .cv-view-home .cv-category--all > span{
        text-align:center!important;
    }

}


/* =========================================================
CitaVerso — Home Hero Consolidated 01

Authoritative Home Hero rules.

Daily Quote is intentionally managed separately.
========================================================= */


/* =========================================================
BASE — DESKTOP / TABLET
========================================================= */
.cv-view-home .cv-global-hero--home{
    width:100vw;
    margin-left:calc(50% - 50vw);
    min-height:445px;
    margin-bottom:clamp(1.5rem, 3.2vw, 3rem)!important;
    border:0;
    border-radius:0;
}


/* ---------------------------------------------------------
BACKDROP / TRUE BOTTOM FADE
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-global-hero__backdrop, .cv-view-home .cv-global-hero--home .cv-global-hero__shade{
    -webkit-mask-image:
    linear-gradient(
    to bottom,
    #000 0%,
    #000 52%,
    rgba(0,0,0,.98) 59%,
    rgba(0,0,0,.93) 65%,
    rgba(0,0,0,.84) 71%,
    rgba(0,0,0,.72) 77%,
    rgba(0,0,0,.58) 82%,
    rgba(0,0,0,.43) 87%,
    rgba(0,0,0,.29) 91%,
    rgba(0,0,0,.17) 94%,
    rgba(0,0,0,.08) 97%,
    transparent 100%
    )!important;
    mask-image:
    linear-gradient(
    to bottom,
    #000 0%,
    #000 52%,
    rgba(0,0,0,.98) 59%,
    rgba(0,0,0,.93) 65%,
    rgba(0,0,0,.84) 71%,
    rgba(0,0,0,.72) 77%,
    rgba(0,0,0,.58) 82%,
    rgba(0,0,0,.43) 87%,
    rgba(0,0,0,.29) 91%,
    rgba(0,0,0,.17) 94%,
    rgba(0,0,0,.08) 97%,
    transparent 100%
    )!important;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
}
.cv-view-home .cv-global-hero--home .cv-global-hero__backdrop img{
    object-position:center 48%;
    filter:saturate(1.14) contrast(1.04) brightness(1.02);
}


/* ---------------------------------------------------------
Existing subtle atmosphere layer
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-global-hero__backdrop::after{
    background-image:linear-gradient(90deg, rgba(2, 7, 16, .74) 0%, rgba(2, 7, 16, .52) 25%, rgba(2, 7, 16, .12) 53%, rgba(2, 7, 16, .02) 100%), url('../../citaverso-assets-singoli/03_overlay_sfumature/gradient-side.png');
    background-repeat:no-repeat, no-repeat;
    background-size:100% 100%, 260px 100%;
    background-position:center, left center;
    opacity:1;
}


/* ---------------------------------------------------------
SHADE
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-global-hero__shade{
    background:linear-gradient(90deg, rgba(2, 6, 15, .99) 0%, rgba(2, 6, 15, .94) 17%, rgba(2, 6, 15, .70) 34%, rgba(2, 6, 15, .28) 56%, rgba(2, 6, 15, .08) 78%, rgba(2, 6, 15, .13) 100%), radial-gradient(ellipse 48% 74% at 79% 27%, rgba(180, 65, 255, .14), transparent 70%);
}


/* ---------------------------------------------------------
LAYOUT
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-global-hero__inner{
    width:min(calc(100% - 80px), 1760px);
    min-height:445px;
    grid-template-columns:minmax(390px, .90fr) minmax(440px, .78fr);
    column-gap:clamp(52px, 6vw, 110px);
    padding-block:34px;
}


/* ---------------------------------------------------------
COPY
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-global-hero__copy{
    max-width:525px;
}
.cv-view-home .cv-global-hero--home .cv-global-hero__eyebrow{
    margin-bottom:11px;
    font-weight:750;
    letter-spacing:.115em;
    color:rgba(255, 255, 255, .68);
}
.cv-view-home .cv-global-hero--home .cv-global-hero__title{
    max-width:520px;
    line-height:.91;
    letter-spacing:-.052em;
}
.cv-view-home .cv-global-hero--home .cv-global-hero__description{
    max-width:405px;
    margin-top:13px;
    line-height:1.48;
    color:rgba(255, 255, 255, .76);
}


/* ---------------------------------------------------------
ACTIONS
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-global-hero__actions{
    margin-top:19px;
    gap:9px;
}
.cv-view-home .cv-global-hero--home .cv-global-hero__actions .cv-button{
    min-height:38px;
    padding:9px 15px;
    gap:7px;
}
.cv-view-home .cv-global-hero--home .cv-global-hero__actions svg{
    width:15px;
    height:15px;
}


/* ---------------------------------------------------------
KPI
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-global-hero__stats{
    margin-top:23px;
    flex-wrap:nowrap;
}
.cv-view-home .cv-global-hero--home .cv-global-hero__stat{
    min-width:105px;
    padding:0 13px;
    gap:7px;
}
.cv-view-home .cv-global-hero--home .cv-global-hero__stat:first-child{
    padding-left:0;
}
.cv-view-home .cv-global-hero--home .cv-global-hero__stat svg{
    width:17px;
    height:17px;
}


/* ---------------------------------------------------------
DAILY QUOTE CONTAINER ONLY

No internal Daily Quote styling here.
--------------------------------------------------------- */
.cv-view-home .cv-global-hero--home .cv-global-hero__aside{
    width:100%;
    max-width:535px;
    align-self:center;
    justify-self:end;
    transform:translateY(-4px);
}


/* =========================================================
LARGE DESKTOP
========================================================= */

@media(min-width:1101px){
.cv-view-home .cv-global-hero--home .cv-global-hero__aside{
        max-width:585px;
    }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:700px){


    /* -----------------------------------------------------
    FULL-BLEED SHELL
    ----------------------------------------------------- */
    .cv-view-home .cv-global-hero--home{
        position:relative;
        width:100vw!important;
        max-width:none!important;
        min-height:0!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:calc(50% - 50vw)!important;
        margin-bottom:clamp(1.6rem, 7vw, 1.2rem)!important;
        overflow:visible;
    }


    /* -----------------------------------------------------
    BACKDROP
    ----------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-global-hero__backdrop, .cv-view-home .cv-global-hero--home .cv-global-hero__shade{
        left:0!important;
        right:0!important;
        width:100%!important;
        max-width:none!important;
        height:clamp(23rem, 108vw, 28rem)!important;
        z-index:0!important;
        -webkit-mask-image:
        linear-gradient(
        to bottom,
        #000 0%,
        #000 45%,
        rgba(0,0,0,.98) 52%,
        rgba(0,0,0,.93) 59%,
        rgba(0,0,0,.84) 66%,
        rgba(0,0,0,.72) 72%,
        rgba(0,0,0,.57) 78%,
        rgba(0,0,0,.42) 84%,
        rgba(0,0,0,.28) 89%,
        rgba(0,0,0,.16) 93%,
        rgba(0,0,0,.07) 97%,
        transparent 100%
        )!important;
        mask-image:
        linear-gradient(
        to bottom,
        #000 0%,
        #000 45%,
        rgba(0,0,0,.98) 52%,
        rgba(0,0,0,.93) 59%,
        rgba(0,0,0,.84) 66%,
        rgba(0,0,0,.72) 72%,
        rgba(0,0,0,.57) 78%,
        rgba(0,0,0,.42) 84%,
        rgba(0,0,0,.28) 89%,
        rgba(0,0,0,.16) 93%,
        rgba(0,0,0,.07) 97%,
        transparent 100%
        )!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__backdrop img{
        object-position:60% 43%!important;
        filter:saturate(1.12) contrast(1.04) brightness(.96)!important;
    }


    /* -----------------------------------------------------
    MOBILE SHADE

    Preservato intenzionalmente nello stato corrente.
    ----------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-global-hero__shade{
        background:linear-gradient(90deg, rgba(2, 6, 15, .92) 0%, rgba(2, 6, 15, .72) 35%, rgba(2, 6, 15, .28) 68%, rgba(2, 6, 15, .08) 100%), linear-gradient(0deg, var(--cv-bg) 0%, rgba(2, 6, 15, .82) 18%, rgba(2, 6, 15, .32) 50%, transparent 78%)!important;
    }


    /* -----------------------------------------------------
    INNER
    ----------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-global-hero__inner{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-height:0!important;
        margin-inline:0!important;
        padding:clamp(1rem, 4.5vw, 1.25rem) clamp(.55rem, 2.8vw, .72rem) clamp(.8rem, 4vw, 1rem)!important;
    }


    /* -----------------------------------------------------
    COPY
    ----------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-global-hero__copy{
        position:relative;
        z-index:2;
        max-width:none!important;
        min-height:clamp(20.5rem, 94vw, 23.5rem)!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__eyebrow{
        margin-bottom:clamp(.38rem, 1.8vw, .52rem)!important;
        font-size:clamp(.65rem, 2.85vw, .76rem)!important;
        line-height:1.1!important;
        letter-spacing:.09em!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__title{
        width:auto!important;
        max-width:min(22rem, 92vw)!important;
        font-size:clamp(2.35rem, 10.5vw, 3.1rem)!important;
        line-height:.91!important;
        letter-spacing:-.045em!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__description{
        max-width:min(21rem, 90vw)!important;
        margin-top:clamp(.5rem, 2.5vw, .72rem)!important;
        font-size:clamp(.82rem, 3.55vw, 1rem)!important;
        line-height:1.4!important;
    }


    /* -----------------------------------------------------
    ACTIONS
    ----------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-global-hero__actions{
        display:flex!important;
        flex-wrap:nowrap!important;
        margin-top:clamp(.72rem, 3.4vw, 1rem)!important;
        gap:clamp(.42rem, 2vw, .62rem)!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__actions .cv-button{
        min-height:clamp(2.25rem, 10vw, 2.6rem)!important;
        padding:.48rem clamp(.7rem, 3.2vw, 1rem)!important;
        gap:.38rem!important;
        font-size:clamp(.76rem, 3.25vw, .9rem)!important;
        white-space:nowrap!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__actions svg{
        width:clamp(.85rem, 3.6vw, 1rem)!important;
        height:clamp(.85rem, 3.6vw, 1rem)!important;
    }


    /* -----------------------------------------------------
    KPI
    ----------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-global-hero__stats{
        display:grid!important;
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
        width:100%!important;
        margin-top:clamp(.8rem, 3.8vw, 1.1rem)!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__stat{
        min-width:0!important;
        flex:1 1 25%;
        padding:0 clamp(.28rem, 1.5vw, .45rem)!important;
        gap:clamp(.25rem, 1.2vw, .38rem)!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__stat:first-child{
        padding-left:0!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__stat svg{
        width:clamp(.85rem, 3.7vw, 1rem)!important;
        height:clamp(.85rem, 3.7vw, 1rem)!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__stat strong{
        font-size:clamp(.82rem, 3.55vw, .98rem)!important;
        line-height:1!important;
    }
.cv-view-home .cv-global-hero--home .cv-global-hero__stat small{
        font-size:clamp(.58rem, 2.5vw, .69rem)!important;
        line-height:1.1!important;
    }


    /* -----------------------------------------------------
    DAILY QUOTE CONTAINER

    Internal card CSS remains untouched elsewhere.
    ----------------------------------------------------- */
    .cv-view-home .cv-global-hero--home .cv-global-hero__aside{
        position:relative!important;
        z-index:5!important;
        isolation:isolate;
        width:100%!important;
        max-width:none!important;
        margin-top:clamp(.7rem, 3.5vw, 1rem)!important;
        margin-left:0!important;
        margin-right:0!important;
        margin-bottom:0!important;
        transform:none;
    }


    /*
    * Pseudo-element retained because it already exists in the
    * current cascade, but deliberately has no background.
    */
    .cv-view-home .cv-global-hero--home .cv-global-hero__aside::before{
        content:"";
        position:absolute;
        z-index:-1;
        top:clamp(-.9rem, -3.5vw, -.6rem);
        bottom:clamp(-.25rem, -1vw, -.1rem);
        left:calc(50% - 50vw);
        right:calc(50% - 50vw);
        pointer-events:none;
    }

}


/* =========================================================
CitaVerso — Daily Quote Cascade Prune 01

Obsolete duplicate declarations removed while preserving
winning declarations in their original cascade position.
========================================================= */


/* =========================================================
CitaVerso — CSS Structural Cleanup 01 v4
Empty selector blocks and empty @media removed.
Active declarations preserved.
========================================================= */

/* CitaVerso — CSS Formatting Cleanup 02 v2 */

/* CitaVerso — CSS Readable Compaction 03 */

/* CITAVERSO_HOME_LIGHT_CARD_CONTRAST_01 */
:root[data-cv-theme="light"] .cv-view-home .cv-home-magazine .cv-card,
:root[data-cv-theme="light"] .cv-view-home .cv-home-magazine .cv-card-copy {
    background:var(--cv-panel)!important;
    color:var(--cv-text)!important;
}

:root[data-cv-theme="light"] .cv-view-home .cv-home-magazine .cv-card h3,
:root[data-cv-theme="light"] .cv-view-home .cv-home-magazine .cv-card-copy {
    color:var(--cv-text)!important;
}

:root[data-cv-theme="light"] .cv-view-home .cv-home-magazine .cv-card-copy > small,
:root[data-cv-theme="light"] .cv-view-home .cv-home-magazine .cv-card-meta {
    color:var(--cv-muted)!important;
}

:root[data-cv-theme="light"] .cv-view-home .cv-work-row .cv-card--work .cv-card-copy,
:root[data-cv-theme="light"] .cv-view-home .cv-work-row .cv-card--work h3 {
    color:#fff!important;
    text-shadow:0 1px 4px rgba(0,0,0,.85)!important;
}

:root[data-cv-theme="light"] .cv-view-home .cv-work-row .cv-card--work .cv-card-copy > small,
:root[data-cv-theme="light"] .cv-view-home .cv-work-row .cv-card--work .cv-card-meta {
    color:#e4e9f4!important;
}