/* =========================================================
   CitaVerso — Work / Opera
   Scoped exclusively to .cv-view-work.
   Typography sizes intentionally inherited from the current design.
   ========================================================= */

/* Streaming / Watchmode */
.cv-view-work .cv-work-platforms .ac-wm__chip-link{
    background:var(--cv-panel);
    color:var(--cv-text);
    border-radius:8px;
}

.cv-view-work .cv-work-platforms .cv-streaming-empty{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px;
    border:1px solid var(--cv-line);
    border-radius:10px;
    background:
        linear-gradient(120deg,var(--cv-type-glow),transparent),
        var(--cv-panel);
    color:var(--cv-text);
}

.cv-view-work .cv-streaming-symbol{
    color:var(--cv-accent);
    flex-shrink:0;
}

.cv-view-work .cv-streaming-empty strong{
    line-height:1.5;
}

.cv-view-work .cv-streaming-empty p{
    color:var(--cv-muted);
    margin:5px 0!important;
}

.cv-view-work .cv-streaming-empty .cv-button{
    margin-top:8px;
}


/* Editorial depth */
.cv-view-work .cv-overview,
.cv-view-work #cv-quotes .cv-card{
    position:relative;
    isolation:isolate;
}

.cv-view-work .cv-overview:after,
.cv-view-work #cv-quotes .cv-card:after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:url('../citaverso/textures/cv-grain-dark.webp') repeat;
    opacity:.035;
    z-index:1;
}

[data-cv-theme="light"] .cv-view-work .cv-overview:after,
[data-cv-theme="light"] .cv-view-work #cv-quotes .cv-card:after{
    background-image:url('../citaverso/textures/cv-paper-light.webp');
    opacity:.045;
}


/* Accessibility */
.cv-view-work a:focus-visible{
    outline:2px solid var(--cv-accent);
    outline-offset:4px;
}


/* Characters */
.cv-view-work .cv-character-strip .cv-avatar{
    position:relative;
    isolation:isolate;
}

.cv-view-work .cv-character-strip .cv-avatar:after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(0deg,#02091666,transparent 48%);
}

.cv-view-work .cv-character-strip strong{
    text-wrap:balance;
}

.cv-view-work .cv-character-strip>a{
    border-color:color-mix(in srgb,var(--cv-accent) 15%,var(--cv-line));
}


/* Magazine */
.cv-view-work #cv-magazine .cv-card{
    background:
        linear-gradient(135deg,var(--cv-type-glow),transparent 75%),
        var(--cv-panel);
    transition:border-color .2s,box-shadow .2s;
}

.cv-view-work #cv-magazine .cv-card:hover{
    border-color:var(--cv-accent);
    box-shadow:0 6px 20px #00000012;
}

.cv-view-work #cv-magazine .cv-card-image{
    position:relative;
    height:auto;
    align-self:stretch;
    overflow:hidden;
}

.cv-view-work #cv-magazine .cv-card-image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.cv-view-work #cv-magazine .cv-card-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    padding:12px;
}

.cv-view-work #cv-magazine .cv-tag{
    align-self:flex-start;
    padding:3px 7px;
}


/* Related works */
.cv-view-work .cv-related-work-row{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
    gap:12px;
}

.cv-view-work .cv-related-work{
    min-width:0;
    border:1px solid var(--cv-line);
    border-radius:9px;
    overflow:hidden;
    background:var(--cv-panel);
}

.cv-view-work .cv-related-work img{
    width:100%;
    aspect-ratio:2/3;
    object-fit:cover;
}

.cv-view-work .cv-related-work h3{
    margin:9px!important;
}

.cv-view-work .cv-related-work p,
.cv-view-work .cv-related-work small,
.cv-view-work .cv-related-work .cv-rating{
    display:block;
    margin:5px 9px 9px;
}


/* Advertising slots */
.cv-view-work .cv-ad-slot{
    position:relative;
    display:grid;
    place-items:center;
    margin:20px auto;
    background:var(--cv-panel);
    border:1px solid var(--cv-line);
    color:var(--cv-muted);
    max-width:100%;
    overflow:hidden;
}

.cv-view-work .cv-ad-slot>span{
    position:absolute;
    top:4px;
    left:8px;
}

.cv-view-work .cv-ad-slot--horizontal{
    width:970px;
    min-height:90px;
}

.cv-view-work .cv-ad-slot--in-content{
    width:336px;
    min-height:280px;
}


/* Pre-footer banner */
.cv-view-work>.cv-banner{
    position:relative;
    isolation:isolate;
    border-color:var(--cv-accent)!important;
    background-image:
        linear-gradient(90deg,#080d23dd,#140e3d66,#080d23d9),
        url('../citaverso/hero/cv-hero-generic.webp');
    box-shadow:inset 0 1px 0 #ffffff20;
}

.cv-view-work>.cv-banner:after{
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        radial-gradient(
            ellipse at 15% 100%,
            var(--cv-type-glow),
            transparent 60%
        );
}


/* Responsive */
@media(max-width:700px){
    .cv-view-work .cv-character-strip .cv-avatar:after{
        border-radius:50%;
        background:linear-gradient(0deg,#02091630,transparent);
    }

    .cv-view-work .cv-work-platforms .cv-streaming-empty{
        white-space:normal;
        overflow:visible;
    }

    .cv-view-work .cv-ad-slot--horizontal{
        width:320px;
        min-height:100px;
    }

    .cv-view-work .cv-related-work-row{
        display:flex;
        overflow:auto;
        scroll-snap-type:x mandatory;
    }

    .cv-view-work .cv-related-work{
        flex:0 0 130px;
        scroll-snap-align:start;
    }

    .cv-view-work #cv-magazine .cv-card-main{
        height:auto;
        min-height:100%;
    }

    .cv-view-work>.cv-banner{
        background-image:
            linear-gradient(90deg,#080d23dd,#140e3d66,#080d23d9),
            url('../citaverso/hero/cv-hero-generic-mobile.webp');
    }
}


/* Reduced motion */
@media(prefers-reduced-motion:reduce){
    .cv-view-work *{
        scroll-behavior:auto!important;
        transition:none!important;
    }
}

/* =========================================================
   CitaVerso — Work Hero
   Source of truth: citaverso-work.css
   ========================================================= */
/* =========================================================
   CitaVerso — Global Hero Work Variant 01
   ========================================================= */

.cv-view-work .cv-work-global-hero{
--cv-work-fade:96px;

min-height:300px;

margin:0;

border:0;

border-radius:9px 9px 0 0;

background:transparent;

box-shadow:none;

color:#fff;
}


/* ---------------------------------------------------------
   BACKDROP
   --------------------------------------------------------- */

.cv-view-work .cv-work-global-hero .cv-global-hero__backdrop,
.cv-view-work .cv-work-global-hero .cv-global-hero__shade{
-webkit-mask-image:
linear-gradient(
to bottom,
#000 calc(100% - var(--cv-work-fade)),
transparent 100%
);

mask-image:
linear-gradient(
to bottom,
#000 calc(100% - var(--cv-work-fade)),
transparent 100%
);
}


.cv-view-work .cv-work-global-hero .cv-global-hero__backdrop img{
object-position:center 38%;

filter:
saturate(1.06)
contrast(1.04)
brightness(.88);
}


.cv-view-work .cv-work-global-hero .cv-global-hero__shade{
background:

linear-gradient(
90deg,
rgba(2,11,23,.97) 0%,
rgba(2,11,23,.70) 38%,
rgba(2,11,23,.13) 78%
),

linear-gradient(
0deg,
rgba(2,11,23,.98),
transparent 70%
);
}


/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */

.cv-view-work .cv-work-global-hero .cv-global-hero__inner{
width:100%;

min-height:300px;

display:grid;

grid-template-columns:
180px
minmax(0,1fr);

grid-template-rows:
1fr
auto;

align-items:center;

gap:
14px
26px;

padding:20px 22px;
}


/* ---------------------------------------------------------
   POSTER
   --------------------------------------------------------- */

.cv-view-work .cv-work-global-hero .cv-global-hero__poster{
grid-column:1;
grid-row:1 / 3;

width:180px;

align-self:center;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__poster img{
width:100%;

aspect-ratio:2 / 3;

object-fit:cover;

border:
1px solid
rgba(255,255,255,.25);

border-radius:7px;

box-shadow:
0 8px 30px
rgba(0,0,0,.34);
}


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

.cv-view-work .cv-work-global-hero .cv-global-hero__copy{
grid-column:2;
grid-row:1;

align-self:center;

max-width:680px;

min-width:0;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__eyebrow{
display:inline-flex;

width:max-content;

margin-bottom:9px;

padding:
4px
12px;

border:
1px solid
rgba(255,255,255,.22);

border-radius:6px;

background:
var(
--cv-accent,
#9d4dff
);

color:#fff;



font-weight:850;

line-height:1;

letter-spacing:.055em;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__title{
max-width:720px;

line-height:1.02;

letter-spacing:-.035em;

text-wrap:balance;

text-shadow:
0 2px 18px
rgba(0,0,0,.60);
}


/* ---------------------------------------------------------
   META
   --------------------------------------------------------- */

.cv-view-work .cv-work-global-hero .cv-global-hero__meta{
margin-top:9px;
}


.cv-view-work .cv-work-global-hero .cv-meta-line{
display:flex;

flex-wrap:wrap;

align-items:center;

gap:9px;



color:#dbdff1;
}


.cv-view-work .cv-work-global-hero .cv-meta-line span + span:before{
content:"\00B7";

margin-right:9px;

opacity:.55;
}


.cv-view-work .cv-work-global-hero .cv-rating{
margin:
7px
0
0;

line-height:1.2;

color:#ffd25f;
}


.cv-view-work .cv-work-global-hero .cv-work-genres{
display:flex;

flex-wrap:wrap;

gap:5px;

margin-top:8px;
}


.cv-view-work .cv-work-global-hero .cv-work-genres span{
padding:
2px
9px;

border:
1px solid
rgba(189,200,232,.17);

border-radius:12px;

background:
rgba(142,154,190,.13);

color:#e6eafb;

line-height:1.4;
}


.cv-view-work .cv-work-global-hero .cv-work-summary{
max-width:620px;

margin:
10px
0
0 !important;

line-height:1.5 !important;
}


/* ---------------------------------------------------------
   FOOTER / ACTIONS
   --------------------------------------------------------- */

.cv-view-work .cv-work-global-hero .cv-global-hero__footer{
grid-column:2;
grid-row:2;

min-width:0;
}


.cv-view-work .cv-work-global-hero .cv-work-hero-bottom{
display:flex;

align-items:center;

justify-content:space-between;

flex-wrap:wrap;

gap:16px;

min-width:0;
}


.cv-view-work .cv-work-global-hero .cv-work-stats{
display:flex;

align-items:center;

gap:0;
}


.cv-view-work .cv-work-global-hero .cv-work-stats > a{
display:flex;

align-items:center;

gap:8px;

padding:
0
17px;

border-right:
1px solid
rgba(140,155,190,.27);

color:#fff !important;
}


.cv-view-work .cv-work-global-hero .cv-work-stats > a:first-child{
padding-left:0;
}


.cv-view-work .cv-work-global-hero .cv-work-stats > a:last-child{
border-right:0;
}


.cv-view-work .cv-work-global-hero .cv-work-stats svg{
width:23px;
height:23px;

color:
var(
--cv-accent,
#a050ff
);
}


.cv-view-work .cv-work-global-hero .cv-work-stats strong{
display:block;



line-height:1.2;
}


.cv-view-work .cv-work-global-hero .cv-work-stats small{
display:block;

opacity:.8;
}


.cv-view-work .cv-work-global-hero .cv-actions{
display:flex;

align-items:center;

flex-wrap:nowrap;

gap:8px;

margin:0;
}


.cv-view-work .cv-work-global-hero .cv-actions .cv-button{
min-height:36px;

margin:0;

padding:
8px
16px;

white-space:nowrap;
}


.cv-view-work .cv-work-global-hero .cv-button--quiet{
color:#fff !important;

background:
rgba(8,17,37,.72);

border-color:
color-mix(
in srgb,
var(--cv-accent) 45%,
rgba(255,255,255,.18)
) !important;
}


.cv-view-work .cv-work-global-hero .cv-work-share{
width:36px;

padding:8px !important;

flex-shrink:0;
}


/* ---------------------------------------------------------
   NO POSTER
   --------------------------------------------------------- */

.cv-view-work .cv-work-global-hero--no-cover .cv-global-hero__inner{
grid-template-columns:1fr;
}


.cv-view-work .cv-work-global-hero--no-cover .cv-global-hero__copy,
.cv-view-work .cv-work-global-hero--no-cover .cv-global-hero__footer{
grid-column:1;
}


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

@media(max-width:700px){

.cv-view-work .cv-work-global-hero{
--cv-work-fade:76px;

margin:
0
-12px;

min-height:0;

border-radius:0;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__inner{
width:100%;

min-height:0;

display:grid;

grid-template-columns:
1fr;

grid-template-rows:
auto
auto;

gap:
12px;

padding:
150px 14px 14px;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__shade{
background:

linear-gradient(
0deg,
rgba(2,11,23,.99) 0%,
rgba(2,11,23,.80) 32%,
rgba(2,11,23,.06) 90%
);
}


.cv-view-work .cv-work-global-hero .cv-global-hero__poster{
display:none;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__copy{
grid-column:1;
grid-row:1;

width:100%;

max-width:none;

align-self:end;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__eyebrow{
margin-bottom:5px;

padding:
3px
9px;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__title{

line-height:1.02;
}


.cv-view-work .cv-work-global-hero .cv-meta-line{
gap:7px;
}


.cv-view-work .cv-work-global-hero .cv-rating{
margin-top:6px;
}


.cv-view-work .cv-work-global-hero .cv-work-genres{
gap:4px;

margin-top:7px;
}


.cv-view-work .cv-work-global-hero .cv-work-genres span{
padding:
2px
7px;


}


.cv-view-work .cv-work-global-hero .cv-work-summary{
display:none;
}


.cv-view-work .cv-work-global-hero .cv-global-hero__footer{
grid-column:1 / -1;
grid-row:2;
}


.cv-view-work .cv-work-global-hero .cv-work-hero-bottom{
display:block;
}


.cv-view-work .cv-work-global-hero .cv-work-stats--hero{
display:none;
}


.cv-view-work .cv-work-global-hero .cv-actions{
display:flex;

width:100%;

flex-wrap:wrap;

gap:8px;
}


.cv-view-work .cv-work-global-hero .cv-work-play{
flex:1;

justify-content:center;
}


.cv-view-work .cv-work-global-hero .cv-actions .cv-button{
min-height:37px;

padding:
8px
12px;


}


.cv-view-work .cv-work-global-hero .cv-work-quotes-link{
display:none;
}


.cv-view-work .cv-work-global-hero .cv-work-save span{
display:none;
}


.cv-view-work .cv-work-global-hero .cv-work-save{
width:52px;

justify-content:center;
}


.cv-view-work .cv-work-global-hero .cv-work-share{
width:39px;
}


.cv-view-work .cv-work-global-hero--no-cover .cv-global-hero__inner{
grid-template-columns:1fr;

padding-top:105px;
}


.cv-view-work .cv-work-global-hero--no-cover .cv-global-hero__copy{
grid-column:1;
}

}

/* =========================================================
   7B.2 — CHARACTER RAIL
   Render-aligned horizontal character navigation.
   ========================================================= */

.cv-view-work #cv-characters{
    min-width:0;
}

.cv-view-work #cv-characters .cv-character-strip{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:flex-start;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    width:100%;
    padding:3px 1px 10px;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
}

.cv-view-work #cv-characters .cv-character-strip>a{
    display:block;
    flex:0 0 96px;
    width:96px;
    min-width:96px;
    max-width:96px;
    scroll-snap-align:start;
    text-align:left;
    overflow:hidden;
    border:1px solid var(--cv-line);
    border-radius:8px;
    background:var(--cv-panel);
}

.cv-view-work #cv-characters .cv-character-strip .cv-avatar{
    display:block;
    width:100%;
    aspect-ratio:1.12;
    margin:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:var(--cv-panel);
}

.cv-view-work #cv-characters .cv-character-strip .cv-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 22%;
}

.cv-view-work #cv-characters .cv-character-strip strong{
    display:block;
    min-height:0;
    padding:7px 7px 8px;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

@media(max-width:700px){

    .cv-view-work #cv-characters .cv-character-strip{
        gap:13px;
        padding-bottom:8px;
    }

    .cv-view-work #cv-characters .cv-character-strip>a{
        flex:0 0 58px;
        width:58px;
        min-width:58px;
        max-width:58px;
        border:0;
        background:transparent;
        text-align:center;
        overflow:visible;
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        aspect-ratio:1;
        border-radius:50%;
        border:2px solid var(--cv-accent);
        box-shadow:0 0 0 3px var(--cv-panel);
    }

    .cv-view-work #cv-characters .cv-character-strip strong{
        padding:7px 0 0;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}

/* =========================================================
   7B.2B — WORK HEADER RAIL
   ========================================================= */

.cv-view-work .cv-work-top{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.cv-view-work .cv-work-global-hero{
    order:1;
}

.cv-view-work .cv-work-headrail{
    order:2;
}

.cv-view-work .cv-work-tabs{
    order:3;
}

.cv-view-work .cv-work-headrail{
    display:grid;
    grid-template-columns:minmax(320px,1.25fr) minmax(0,2fr);
    align-items:stretch;
    border:1px solid var(--cv-line);
    border-top:0;
    background:
        linear-gradient(
            135deg,
            var(--cv-type-glow),
            transparent 55%
        ),
        var(--cv-panel);
}

.cv-view-work .cv-work-headrail__watch{
    min-width:0;
    padding:14px 16px;
    border-right:1px solid var(--cv-line);
}

.cv-view-work .cv-work-headrail__heading{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    color:var(--cv-text);
}

.cv-view-work .cv-work-headrail__heading svg{
    width:18px;
    height:18px;
    color:var(--cv-accent);
    flex:0 0 auto;
}

.cv-view-work .cv-work-headrail .cv-work-platforms{
    min-width:0;
}

.cv-view-work .cv-work-headrail .ac-wm{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin:0;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
}

.cv-view-work .cv-work-headrail .ac-wm__group{
    margin:0;
    padding:0;
    border:0;
}

.cv-view-work .cv-work-headrail .ac-wm__group-title{
    display:none;
}

.cv-view-work .cv-work-headrail .ac-wm__chips{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:0;
    padding:0;
    overflow:visible;
}

.cv-view-work .cv-work-headrail .ac-wm__chip{
    flex:0 0 auto;
    margin:0;
    border:1px solid var(--cv-line);
    border-radius:8px;
    background:
        linear-gradient(135deg,var(--cv-haze),transparent),
        var(--cv-panel);
}

.cv-view-work .cv-work-headrail .ac-wm__chip-link{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:8px;
    min-width:0;
    min-height:42px;
    padding:7px 10px;
    color:var(--cv-text);
    text-decoration:none;
}

.cv-view-work .cv-work-headrail .ac-wm__chip-logo{
    width:26px;
    height:26px;
    flex:0 0 26px;
    display:grid;
    place-items:center;
}

.cv-view-work .cv-work-headrail .ac-wm__chip-logo img{
    width:26px;
    height:26px;
    object-fit:contain;
}

.cv-view-work .cv-work-headrail__facts{
    display:grid;
    grid-template-columns:repeat(
        auto-fit,
        minmax(105px,1fr)
    );
    min-width:0;
    margin:0;
}

.cv-view-work .cv-work-headrail__fact{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    min-width:0;
    padding:13px 15px;
    border-right:1px solid var(--cv-line);
}

.cv-view-work .cv-work-headrail__fact:last-child{
    border-right:0;
}

.cv-view-work .cv-work-headrail__fact dt{
    color:var(--cv-muted);
}

.cv-view-work .cv-work-headrail__fact dd{
    margin:0;
    color:var(--cv-text);
    font-weight:700;
    overflow-wrap:anywhere;
}

.cv-view-work .cv-overview--plot-only{
    display:block;
    grid-template-columns:none;
}

.cv-view-work .cv-overview--plot-only .cv-work-plot{
    width:min(780px,100%);
    max-width:100%;
}

@media(max-width:700px){

    .cv-view-work .cv-work-global-hero{
        order:1;
    }

    .cv-view-work .cv-work-tabs{
        order:2;
    }

    .cv-view-work .cv-work-headrail{
        order:3;
    }

    .cv-view-work .cv-work-headrail{
        display:block;
        margin:0 -12px;
        border-left:0;
        border-right:0;
        background:transparent;
    }

    .cv-view-work .cv-work-headrail__watch{
        padding:15px 12px 13px;
        border-right:0;
        border-bottom:1px solid var(--cv-line);
    }

    .cv-view-work .cv-work-headrail .ac-wm{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:4px;
        scroll-snap-type:x proximity;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chips{
        flex-wrap:nowrap;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip{
        scroll-snap-align:start;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-link{
        flex-direction:column;
        justify-content:center;
        min-width:72px;
        min-height:72px;
        padding:8px;
        text-align:center;
    }

    .cv-view-work .cv-work-headrail__facts{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
        padding:10px 12px 12px;
        border-bottom:1px solid var(--cv-line);
    }

    .cv-view-work .cv-work-headrail__fact{
        padding:10px;
        border:1px solid var(--cv-line);
        border-radius:7px;
        background:var(--cv-panel);
    }

    .cv-view-work .cv-work-headrail__fact:last-child{
        border-right:1px solid var(--cv-line);
    }

    .cv-view-work .cv-overview--plot-only .cv-work-plot{
        width:100%;
    }
}

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

    .cv-view-work .cv-work-headrail{
        grid-template-columns:minmax(260px,.9fr) minmax(0,1.5fr);
    }

    .cv-view-work .cv-work-headrail__facts{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

/* =========================================================
   7B.3A — WORK TOP REFINEMENT
   Render-aligned hero + information rail.
   ========================================================= */

.cv-view-work .cv-work-global-hero{
    min-height:330px;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__inner{
    min-height:330px;
    grid-template-columns:190px minmax(0,1fr);
    gap:16px 30px;
    padding:24px 26px;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__poster{
    width:190px;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__poster img{
    box-shadow:
        0 10px 34px rgba(0,0,0,.42),
        0 0 0 1px rgba(255,255,255,.08);
}

.cv-view-work .cv-work-global-hero .cv-global-hero__copy{
    max-width:760px;
}

.cv-view-work .cv-work-global-hero .cv-work-summary{
    max-width:680px;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__shade{
    background:
        linear-gradient(
            90deg,
            rgba(2,11,23,.98) 0%,
            rgba(2,11,23,.82) 26%,
            rgba(2,11,23,.42) 54%,
            rgba(2,11,23,.10) 82%
        ),
        linear-gradient(
            0deg,
            rgba(2,11,23,.99),
            rgba(2,11,23,.34) 52%,
            transparent 78%
        );
}

.cv-view-work .cv-work-global-hero .cv-global-hero__backdrop img{
    object-position:center 36%;
}


/* Information rail */
.cv-view-work .cv-work-headrail{
    border-radius:0 0 8px 8px;
    overflow:hidden;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.015),
            transparent
        ),
        var(--cv-panel);
}

.cv-view-work .cv-work-headrail__watch{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:15px 18px;
}

.cv-view-work .cv-work-headrail__heading{
    margin-bottom:8px;
}

.cv-view-work .cv-work-headrail__facts{
    align-items:stretch;
}

.cv-view-work .cv-work-headrail__fact{
    position:relative;
    justify-content:center;
    padding:14px 16px;
}

.cv-view-work .cv-work-headrail__fact:before{
    content:'';
    position:absolute;
    left:0;
    top:18%;
    bottom:18%;
    width:1px;
    background:var(--cv-line);
}

.cv-view-work .cv-work-headrail__fact:first-child:before{
    display:none;
}

.cv-view-work .cv-work-headrail__fact{
    border-right:0;
}


/* Watch provider compaction */
.cv-view-work .cv-work-headrail .ac-wm__chip-link{
    min-height:38px;
    padding:6px 10px;
}

.cv-view-work .cv-work-headrail .ac-wm__chip-logo,
.cv-view-work .cv-work-headrail .ac-wm__chip-logo img{
    width:24px;
    height:24px;
}


/* Tabs visually fused with top block */
.cv-view-work .cv-work-tabs{
    border-top:1px solid var(--cv-line);
    border-bottom:1px solid var(--cv-line);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.012),
            transparent
        ),
        var(--cv-bg);
}

.cv-view-work .cv-work-tabs a{
    min-height:46px;
}

.cv-view-work .cv-work-tabs a[aria-current]{
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb,var(--cv-accent) 10%,transparent),
            transparent
        );
}


/* Mid-width */
@media(min-width:701px) and (max-width:1050px){

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        grid-template-columns:165px minmax(0,1fr);
        gap:14px 22px;
        padding:20px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__poster{
        width:165px;
    }

}


/* Mobile */
@media(max-width:700px){

    .cv-view-work .cv-work-global-hero{
        min-height:0;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        min-height:0;
        grid-template-columns:1fr;
        padding:158px 14px 14px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__poster{
        display:none;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__shade{
        background:
            linear-gradient(
                0deg,
                rgba(2,11,23,.99) 0%,
                rgba(2,11,23,.84) 34%,
                rgba(2,11,23,.18) 82%,
                transparent 100%
            );
    }

    .cv-view-work .cv-work-headrail{
        border-radius:0;
    }

    .cv-view-work .cv-work-headrail__facts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .cv-view-work .cv-work-headrail__fact:before{
        display:none;
    }

}

/* =========================================================
   7B.3B — EDITORIAL + RELATED
   Magazine and related works composition.
   ========================================================= */

.cv-view-work .cv-work-editorial-grid{
    display:grid;
    grid-template-columns:minmax(0,2.15fr) minmax(270px,1fr);
    gap:16px;
    align-items:start;
    margin-top:20px;
}

.cv-view-work .cv-work-editorial-grid>.cv-section{
    min-width:0;
    margin-top:0;
}


/* Magazine */
.cv-view-work .cv-work-editorial-grid #cv-magazine .cv-article-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.cv-view-work .cv-work-editorial-grid #cv-magazine .cv-card{
    min-width:0;
}

.cv-view-work .cv-work-editorial-grid #cv-magazine .cv-card-main{
    height:100%;
}


/* Related works */
.cv-view-work .cv-work-editorial-grid #cv-related-works{
    min-width:0;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work{
    min-width:0;
    position:relative;
    border:1px solid var(--cv-line);
    border-radius:8px;
    overflow:hidden;
    background:
        linear-gradient(
            145deg,
            var(--cv-type-glow),
            transparent 65%
        ),
        var(--cv-panel);
}

.cv-view-work .cv-work-editorial-grid .cv-related-work>a{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work img{
    display:block;
    width:100%;
    aspect-ratio:2 / 3;
    object-fit:cover;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work h3{
    margin:7px 7px 4px!important;
    line-height:1.2;
    overflow-wrap:anywhere;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work p,
.cv-view-work .cv-work-editorial-grid .cv-related-work small,
.cv-view-work .cv-work-editorial-grid .cv-related-work .cv-rating{
    margin:3px 7px 7px;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work p{
    color:var(--cv-muted);
}


/* Mid-width */
@media(min-width:701px) and (max-width:1050px){

    .cv-view-work .cv-work-editorial-grid{
        grid-template-columns:minmax(0,1.55fr) minmax(240px,.9fr);
    }

    .cv-view-work .cv-work-editorial-grid #cv-magazine .cv-article-row{
        grid-template-columns:1fr;
    }

    .cv-view-work .cv-work-editorial-grid .cv-related-work-row{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* Mobile */
@media(max-width:700px){

    .cv-view-work .cv-work-editorial-grid{
        display:block;
        margin-top:18px;
    }

    .cv-view-work .cv-work-editorial-grid>.cv-section + .cv-section{
        margin-top:22px;
    }

    .cv-view-work .cv-work-editorial-grid #cv-magazine .cv-article-row{
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
    }

    .cv-view-work .cv-work-editorial-grid .cv-related-work-row{
        display:flex;
        flex-wrap:nowrap;
        gap:9px;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:8px;
        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;
    }

    .cv-view-work .cv-work-editorial-grid .cv-related-work{
        flex:0 0 112px;
        width:112px;
        scroll-snap-align:start;
    }

}

/* =========================================================
   7B.3C — RELATED CARD REFINEMENT
   Compact render-aligned related works.
   ========================================================= */

.cv-view-work .cv-work-editorial-grid{
    grid-template-columns:minmax(0,2.35fr) minmax(300px,.95fr);
}

.cv-view-work .cv-work-editorial-grid .cv-related-work-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work{
    border-radius:8px;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work img{
    aspect-ratio:3 / 4;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work h3{
    margin:7px 7px 3px!important;
    line-height:1.18;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work p,
.cv-view-work .cv-work-editorial-grid .cv-related-work small,
.cv-view-work .cv-work-editorial-grid .cv-related-work .cv-rating{
    margin:2px 7px 6px;
    line-height:1.2;
}

.cv-view-work .cv-work-editorial-grid .cv-related-work .cv-rating{
    color:#f6c944;
}

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

    .cv-view-work .cv-work-editorial-grid{
        grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);
    }

    .cv-view-work .cv-work-editorial-grid .cv-related-work-row{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}

@media(max-width:700px){

    .cv-view-work .cv-work-editorial-grid .cv-related-work{
        flex:0 0 118px;
        width:118px;
    }

}


/* =========================================================
   7B.4B — MOBILE CONSOLIDATION
   Authoritative mobile layout for Work view.
   ========================================================= */

@media(max-width:700px){

    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .cv-view-work .cv-work-global-hero{
        min-height:0;
        border-radius:0;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        min-height:0;
        grid-template-columns:1fr;
        gap:10px;
        padding:168px 14px 14px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__poster{
        display:none;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__copy{
        grid-column:1;
        width:100%;
        max-width:none;
    }

    .cv-view-work .cv-work-global-hero .cv-work-summary{
        display:none;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__backdrop img{
        object-position:center 28%;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__shade{
        background:
            linear-gradient(
                0deg,
                rgba(2,11,23,.99) 0%,
                rgba(2,11,23,.92) 24%,
                rgba(2,11,23,.56) 48%,
                rgba(2,11,23,.12) 78%,
                transparent 100%
            );
    }

    .cv-view-work .cv-work-global-hero .cv-work-stats--hero{
        display:none;
    }


    /* -----------------------------------------------------
       TOP STACK
       Hero -> Tabs -> Watch / Facts
       ----------------------------------------------------- */

    .cv-view-work .cv-work-global-hero{
        order:1;
    }

    .cv-view-work .cv-work-tabs{
        order:2;
    }

    .cv-view-work .cv-work-headrail{
        order:3;
    }


    /* -----------------------------------------------------
       TABS
       ----------------------------------------------------- */

    .cv-view-work .cv-work-tabs{
        display:flex;
        flex-wrap:nowrap;
        align-items:stretch;
        gap:0;
        width:calc(100% + 24px);
        margin-left:-12px;
        margin-right:-12px;
        overflow-x:auto;
        overflow-y:hidden;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .cv-view-work .cv-work-tabs::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work .cv-work-tabs a{
        flex:0 0 auto;
        min-height:44px;
        padding-left:14px;
        padding-right:14px;
        white-space:nowrap;
    }


    /* -----------------------------------------------------
       WATCH / FACTS
       ----------------------------------------------------- */

    .cv-view-work .cv-work-headrail{
        display:block;
        width:calc(100% + 24px);
        margin-left:-12px;
        margin-right:-12px;
        border-left:0;
        border-right:0;
        border-radius:0;
        background:transparent;
        overflow:visible;
    }

    .cv-view-work .cv-work-headrail__watch{
        padding:14px 12px 12px;
        border-right:0;
        border-bottom:1px solid var(--cv-line);
    }

    .cv-view-work .cv-work-headrail__heading{
        margin-bottom:8px;
    }

    .cv-view-work .cv-work-headrail .ac-wm{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:3px;
        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .cv-view-work .cv-work-headrail .ac-wm::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chips{
        flex-wrap:nowrap;
        gap:7px;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip{
        flex:0 0 auto;
        scroll-snap-align:start;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-link{
        flex-direction:row;
        justify-content:flex-start;
        min-width:0;
        min-height:42px;
        padding:7px 10px;
        text-align:left;
        white-space:nowrap;
    }

    .cv-view-work .cv-work-headrail__facts{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
        padding:10px 12px 12px;
        border-bottom:1px solid var(--cv-line);
    }

    .cv-view-work .cv-work-headrail__fact{
        min-width:0;
        padding:9px 10px;
        border:1px solid var(--cv-line);
        border-radius:7px;
        background:var(--cv-panel);
    }

    .cv-view-work .cv-work-headrail__fact:before{
        display:none;
    }


    /* -----------------------------------------------------
       OVERVIEW
       ----------------------------------------------------- */

    .cv-view-work .cv-overview--plot-only .cv-work-plot{
        width:100%;
        max-width:100%;
    }


    /* -----------------------------------------------------
       QUOTES
       ----------------------------------------------------- */

    .cv-view-work #cv-quotes{
        min-width:0;
        overflow:hidden;
    }

    .cv-view-work #cv-quotes .cv-quote-row{
        display:flex;
        flex-wrap:nowrap;
        gap:10px;
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:8px;
        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .cv-view-work #cv-quotes .cv-quote-row::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-quotes .cv-card{
        flex:0 0 84%;
        width:84%;
        max-width:84%;
        scroll-snap-align:start;
    }


    /* -----------------------------------------------------
       CHARACTERS
       ----------------------------------------------------- */

    .cv-view-work #cv-characters{
        min-width:0;
        overflow:hidden;
    }

    .cv-view-work #cv-characters .cv-character-strip{
        display:flex;
        flex-wrap:nowrap;
        gap:13px;
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        padding:3px 1px 9px;
        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .cv-view-work #cv-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-characters .cv-character-strip>a{
        flex:0 0 62px;
        width:62px;
        min-width:62px;
        max-width:62px;
        border:0;
        background:transparent;
        text-align:center;
        overflow:visible;
        scroll-snap-align:start;
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        width:100%;
        aspect-ratio:1;
        border-radius:50%;
        border:2px solid var(--cv-accent);
        box-shadow:0 0 0 3px var(--cv-panel);
        overflow:hidden;
    }

    .cv-view-work #cv-characters .cv-character-strip strong{
        display:block;
        min-height:0;
        padding:7px 0 0;
        line-height:1.2;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }


    /* -----------------------------------------------------
       EDITORIAL STACK
       ----------------------------------------------------- */

    .cv-view-work .cv-work-editorial-grid{
        display:block;
        margin-top:18px;
    }

    .cv-view-work .cv-work-editorial-grid>.cv-section{
        min-width:0;
    }

    .cv-view-work .cv-work-editorial-grid>.cv-section + .cv-section{
        margin-top:22px;
    }


    /* Magazine carousel */

    .cv-view-work .cv-work-editorial-grid #cv-magazine{
        overflow:hidden;
    }

    .cv-view-work .cv-work-editorial-grid #cv-magazine .cv-article-row{
        display:flex;
        flex-wrap:nowrap;
        gap:10px;
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:8px;
        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .cv-view-work .cv-work-editorial-grid #cv-magazine .cv-article-row::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work .cv-work-editorial-grid #cv-magazine .cv-card{
        flex:0 0 88%;
        width:88%;
        max-width:88%;
        min-width:0;
        scroll-snap-align:start;
    }


    /* Related works carousel */

    .cv-view-work .cv-work-editorial-grid #cv-related-works{
        overflow:hidden;
    }

    .cv-view-work .cv-work-editorial-grid .cv-related-work-row{
        display:flex;
        flex-wrap:nowrap;
        gap:9px;
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:8px;
        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .cv-view-work .cv-work-editorial-grid .cv-related-work-row::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work .cv-work-editorial-grid .cv-related-work{
        flex:0 0 118px;
        width:118px;
        min-width:118px;
        max-width:118px;
        scroll-snap-align:start;
    }

}


/* =========================================================
   7B.4C — MOBILE FINAL POLISH
   Final density and pre-footer refinement.
   ========================================================= */

@media(max-width:700px){

    /*
     * Mobile uses the hero as the primary work introduction.
     * Keep the long overview out of the main reading flow.
     */
    .cv-view-work #cv-overview{
        display:none;
    }


    /* Cleaner section rhythm after the work header */
    .cv-view-work #cv-quotes{
        margin-top:18px;
    }

    .cv-view-work #cv-characters,
    .cv-view-work .cv-work-editorial-grid,
    .cv-view-work #cv-gallery{
        margin-top:20px;
    }


    /* Let rail content reach the useful mobile width */
    .cv-view-work #cv-quotes .cv-quote-row,
    .cv-view-work #cv-characters .cv-character-strip,
    .cv-view-work .cv-work-editorial-grid #cv-magazine .cv-article-row,
    .cv-view-work .cv-work-editorial-grid .cv-related-work-row{
        padding-right:10px;
    }


    /* Pre-footer banner */
    .cv-view-work>.cv-banner{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        gap:10px;
        min-height:96px;
        padding:14px 16px;
    }

    .cv-view-work>.cv-banner>span{
        max-width:100%;
    }

    .cv-view-work>.cv-banner>span:last-child{
        display:flex;
        align-items:center;
        gap:7px;
        white-space:normal;
    }

}


/* =========================================================
   7B.6B — HERO INFORMATION ARCHITECTURE
   Title-adjacent metadata, genres and KPI hierarchy.
   ========================================================= */

.cv-view-work .cv-work-global-hero .cv-global-hero__copy{
    max-width:760px;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__meta{
    margin-top:10px;
}

.cv-view-work .cv-work-hero-info{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    width:100%;
    min-width:0;
}


/* Primary line: year / status / studio */
.cv-view-work .cv-work-primary-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 0;
    color:#d8deef;
}

.cv-view-work .cv-work-primary-meta>span{
    display:inline-flex;
    align-items:center;
    min-width:0;
}

.cv-view-work .cv-work-primary-meta>span+span:before{
    content:'';
    display:inline-block;
    width:1px;
    height:12px;
    margin:0 10px;
    background:rgba(255,255,255,.34);
}


/* Genres */
.cv-view-work .cv-work-hero-info .cv-work-genres{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin:0;
}

.cv-view-work .cv-work-hero-info .cv-work-genres>span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:4px 10px;
    border:1px solid rgba(190,201,232,.25);
    border-radius:999px;
    background:rgba(5,15,31,.56);
    color:#eef2ff;
    backdrop-filter:blur(8px);
}


/* KPI row */
.cv-view-work .cv-work-kpis{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 20px;
    width:100%;
    padding-top:2px;
}

.cv-view-work .cv-work-kpi{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-width:0;
    color:#f4f6ff;
    text-decoration:none;
}

.cv-view-work .cv-work-kpi svg{
    width:17px;
    height:17px;
    flex:0 0 auto;
    color:var(--cv-accent);
}

.cv-view-work .cv-work-kpi strong{
    line-height:1;
}

.cv-view-work .cv-work-kpi>span:last-child{
    color:#c8cee0;
}

.cv-view-work .cv-work-kpi--rating{
    color:#fff;
}

.cv-view-work .cv-work-kpi--rating>span:first-child{
    color:#ffd25f;
}


/* Summary */
.cv-view-work .cv-work-hero-info .cv-work-summary{
    width:min(690px,100%);
    max-width:100%;
    margin:1px 0 0!important;
    color:rgba(255,255,255,.90);
    line-height:1.45!important;
}


/* Footer now contains only actions */
.cv-view-work .cv-work-global-hero .cv-global-hero__footer{
    align-self:end;
}

.cv-view-work .cv-work-hero-bottom{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:100%;
}

.cv-view-work .cv-work-hero-bottom .cv-actions{
    margin-left:0;
}


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

@media(max-width:700px){

    .cv-view-work .cv-work-global-hero .cv-global-hero__copy{
        max-width:none;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__meta{
        margin-top:8px;
    }

    .cv-view-work .cv-work-hero-info{
        gap:8px;
    }

    .cv-view-work .cv-work-primary-meta{
        width:100%;
    }

    .cv-view-work .cv-work-primary-meta>span+span:before{
        margin:0 7px;
    }

    .cv-view-work .cv-work-hero-info .cv-work-genres{
        flex-wrap:nowrap;
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:2px;
        scrollbar-width:none;
        overscroll-behavior-x:contain;
    }

    .cv-view-work .cv-work-hero-info .cv-work-genres::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work .cv-work-hero-info .cv-work-genres>span{
        flex:0 0 auto;
        white-space:nowrap;
    }

    .cv-view-work .cv-work-kpis{
        flex-wrap:nowrap;
        gap:8px 14px;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:2px;
        scrollbar-width:none;
        overscroll-behavior-x:contain;
    }

    .cv-view-work .cv-work-kpis::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work .cv-work-kpi{
        flex:0 0 auto;
        white-space:nowrap;
    }

    .cv-view-work .cv-work-hero-info .cv-work-summary{
        display:none;
    }

}


/* =========================================================
   7B.6C — HERO COPY COMPOSITION
   Render-aligned title-side information rhythm.
   ========================================================= */

.cv-view-work .cv-work-global-hero .cv-global-hero__copy{
    align-self:center;
    width:100%;
    max-width:790px;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__eyebrow{
    margin-bottom:7px;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__title{
    margin-bottom:4px;
    max-width:760px;
    font-weight:850;
    letter-spacing:-.025em;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__meta{
    margin-top:0;
}

.cv-view-work .cv-work-hero-info{
    gap:8px;
}

.cv-view-work .cv-work-primary-meta{
    min-height:22px;
}

.cv-view-work .cv-work-kpis{
    margin-top:2px;
    padding-top:1px;
    padding-bottom:1px;
}

.cv-view-work .cv-work-kpi{
    min-height:24px;
}

.cv-view-work .cv-work-hero-info .cv-work-summary{
    margin-top:3px!important;
    max-width:700px;
}

.cv-view-work .cv-work-global-hero .cv-global-hero__footer{
    margin-top:4px;
}

.cv-view-work .cv-work-hero-bottom{
    min-height:44px;
}

.cv-view-work .cv-work-hero-bottom .cv-actions{
    gap:8px;
}


@media(max-width:700px){

    .cv-view-work .cv-work-global-hero .cv-global-hero__title{
        margin-bottom:3px;
    }

    .cv-view-work .cv-work-hero-info{
        gap:7px;
    }

    .cv-view-work .cv-work-primary-meta{
        min-height:20px;
    }

}


/* =========================================================
   7B.6E — HERO VISUAL MATCH
   Desktop geometry aligned more closely to target render.
   Typography sizes intentionally untouched.
   ========================================================= */

@media(min-width:1051px){

    .cv-view-work .cv-work-global-hero{
        --cv-work-fade:118px;
        min-height:360px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        min-height:360px;
        grid-template-columns:
            205px
            minmax(0,1fr);
        grid-template-rows:
            1fr
            auto;
        column-gap:30px;
        row-gap:12px;
        padding:
            24px
            28px
            22px;
    }


    /* Poster */
    .cv-view-work .cv-work-global-hero .cv-global-hero__poster{
        width:205px;
        align-self:center;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__poster img{
        border-radius:9px;
        box-shadow:
            0 14px 40px rgba(0,0,0,.42),
            0 0 0 1px rgba(255,255,255,.05);
    }


    /* Backdrop */
    .cv-view-work .cv-work-global-hero .cv-global-hero__backdrop img{
        object-position:center 34%;
        filter:
            saturate(1.08)
            contrast(1.05)
            brightness(.93);
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__shade{
        background:
            linear-gradient(
                90deg,
                rgba(2,11,23,.98) 0%,
                rgba(2,11,23,.86) 22%,
                rgba(2,11,23,.56) 48%,
                rgba(2,11,23,.12) 78%,
                rgba(2,11,23,.04) 100%
            ),
            linear-gradient(
                0deg,
                rgba(2,11,23,.98) 0%,
                rgba(2,11,23,.34) 36%,
                transparent 72%
            );
    }


    /* Copy */
    .cv-view-work .cv-work-global-hero .cv-global-hero__copy{
        width:100%;
        max-width:820px;
        align-self:center;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__eyebrow{
        margin-bottom:8px;
        padding:
            4px
            13px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__title{
        max-width:800px;
        margin-bottom:7px;
        line-height:.98;
        letter-spacing:-.03em;
    }


    /* Metadata */
    .cv-view-work .cv-work-global-hero .cv-global-hero__meta{
        margin-top:0;
    }

    .cv-view-work .cv-work-hero-info{
        width:100%;
        max-width:790px;
        gap:9px;
    }

    .cv-view-work .cv-work-primary-meta{
        min-height:24px;
    }

    .cv-view-work .cv-work-primary-meta>span+span:before{
        height:13px;
        margin:
            0
            11px;
    }


    /* Genre pills */
    .cv-view-work .cv-work-hero-info .cv-work-genres{
        gap:7px;
    }

    .cv-view-work .cv-work-hero-info .cv-work-genres>span{
        min-height:28px;
        padding:
            4px
            11px;
        border-color:rgba(196,206,234,.30);
        background:rgba(7,18,37,.60);
    }


    /* KPIs */
    .cv-view-work .cv-work-kpis{
        gap:
            8px
            22px;
        margin-top:1px;
        padding:
            2px
            0;
    }

    .cv-view-work .cv-work-kpi{
        min-height:26px;
        gap:6px;
    }

    .cv-view-work .cv-work-kpi svg{
        width:18px;
        height:18px;
    }


    /* Description */
    .cv-view-work .cv-work-hero-info .cv-work-summary{
        width:min(730px,100%);
        max-width:730px;
        margin-top:2px!important;
        line-height:1.5!important;
    }


    /* Actions */
    .cv-view-work .cv-work-global-hero .cv-global-hero__footer{
        width:100%;
        align-self:end;
        margin-top:2px;
    }

    .cv-view-work .cv-work-hero-bottom{
        width:100%;
        min-height:48px;
    }

    .cv-view-work .cv-work-global-hero .cv-actions{
        gap:10px;
    }

    .cv-view-work .cv-work-global-hero .cv-actions .cv-button{
        min-height:42px;
        padding:
            9px
            18px;
    }

    .cv-view-work .cv-work-global-hero .cv-work-share{
        width:42px;
        padding:9px!important;
    }

}


/* Mid-width: keep a proportional desktop composition */
@media(min-width:701px) and (max-width:1050px){

    .cv-view-work .cv-work-global-hero{
        min-height:330px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        min-height:330px;
        grid-template-columns:
            175px
            minmax(0,1fr);
        gap:
            12px
            24px;
        padding:
            22px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__poster{
        width:175px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__copy{
        max-width:720px;
    }

    .cv-view-work .cv-work-hero-info{
        max-width:700px;
    }

}


/* =========================================================
   7B.6H1 — HERO TITLE HIERARCHY
   Unica eccezione autorizzata alla typography lock:
   font-size del titolo Hero Opera.
   ========================================================= */

.cv-view-work .cv-work-global-hero .cv-global-hero__title{
    font-size:clamp(2.25rem,3.8vw,4rem);
    line-height:.94;
    letter-spacing:-.045em;
    max-width:820px;
    margin-bottom:9px;
    font-weight:900;
}


/* =========================================================
   7B.6H2 — FINAL HERO VISUAL MATCH
   Final desktop composition around the enlarged Opera title.
   No additional typography sizing.
   ========================================================= */

@media(min-width:1051px){

    .cv-view-work .cv-work-global-hero{
        --cv-work-fade:128px;
        min-height:390px;
        border-radius:10px 10px 0 0;
        overflow:hidden;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        min-height:390px;
        grid-template-columns:
            218px
            minmax(0,1fr);
        grid-template-rows:
            minmax(0,1fr)
            auto;
        column-gap:32px;
        row-gap:14px;
        padding:
            26px
            30px
            24px;
    }


    /* Poster presence */
    .cv-view-work .cv-work-global-hero .cv-global-hero__poster{
        width:218px;
        align-self:center;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__poster img{
        border-radius:10px;
        border-color:rgba(255,255,255,.30);
        box-shadow:
            0 18px 46px rgba(0,0,0,.48),
            0 0 0 1px rgba(255,255,255,.06);
    }


    /* Cinematic backdrop */
    .cv-view-work .cv-work-global-hero .cv-global-hero__backdrop img{
        object-position:center 35%;
        filter:
            saturate(1.10)
            contrast(1.05)
            brightness(.96);
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__shade{
        background:
            linear-gradient(
                90deg,
                rgba(2,10,22,.99) 0%,
                rgba(2,10,22,.91) 18%,
                rgba(2,10,22,.71) 35%,
                rgba(2,10,22,.37) 57%,
                rgba(2,10,22,.08) 82%,
                rgba(2,10,22,.02) 100%
            ),
            linear-gradient(
                0deg,
                rgba(2,10,22,.99) 0%,
                rgba(2,10,22,.50) 27%,
                rgba(2,10,22,.12) 58%,
                transparent 82%
            );
    }


    /* Main content column */
    .cv-view-work .cv-work-global-hero .cv-global-hero__copy{
        width:100%;
        max-width:860px;
        align-self:center;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__eyebrow{
        margin-bottom:9px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__title{
        max-width:850px;
        margin-bottom:10px;
        text-shadow:
            0 3px 20px rgba(0,0,0,.70),
            0 1px 2px rgba(0,0,0,.85);
    }


    /* Metadata spacing */
    .cv-view-work .cv-work-hero-info{
        max-width:820px;
        gap:10px;
    }

    .cv-view-work .cv-work-primary-meta{
        min-height:25px;
    }

    .cv-view-work .cv-work-primary-meta>span+span:before{
        margin:
            0
            12px;
        opacity:.82;
    }


    /* Genres */
    .cv-view-work .cv-work-hero-info .cv-work-genres{
        gap:7px;
    }

    .cv-view-work .cv-work-hero-info .cv-work-genres>span{
        min-height:29px;
        padding:
            4px
            12px;
        border-color:rgba(190,204,238,.34);
        background:
            linear-gradient(
                180deg,
                rgba(29,45,73,.62),
                rgba(7,17,35,.64)
            );
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.05);
    }


    /* KPI strip */
    .cv-view-work .cv-work-kpis{
        width:auto;
        gap:
            8px
            23px;
        margin-top:1px;
        padding:
            3px
            0;
    }

    .cv-view-work .cv-work-kpi{
        min-height:27px;
    }

    .cv-view-work .cv-work-kpi svg{
        width:19px;
        height:19px;
    }


    /* Description */
    .cv-view-work .cv-work-hero-info .cv-work-summary{
        width:min(760px,100%);
        max-width:760px;
        margin-top:3px!important;
    }


    /* CTA area */
    .cv-view-work .cv-work-global-hero .cv-global-hero__footer{
        width:100%;
        margin-top:3px;
        align-self:end;
    }

    .cv-view-work .cv-work-hero-bottom{
        min-height:50px;
    }

    .cv-view-work .cv-work-global-hero .cv-actions{
        gap:10px;
    }

    .cv-view-work .cv-work-global-hero .cv-actions .cv-button{
        min-height:44px;
        padding:
            10px
            20px;
        border-radius:10px;
    }

    .cv-view-work .cv-work-global-hero .cv-work-play{
        min-width:142px;
        justify-content:center;
        box-shadow:
            0 8px 24px
            color-mix(
                in srgb,
                var(--cv-accent) 24%,
                transparent
            );
    }

    .cv-view-work .cv-work-global-hero .cv-work-share{
        width:44px;
        min-width:44px;
        padding:10px!important;
        justify-content:center;
    }

}


/* ---------------------------------------------------------
   MID WIDTH
   --------------------------------------------------------- */

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

    .cv-view-work .cv-work-global-hero{
        min-height:350px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        min-height:350px;
        grid-template-columns:
            185px
            minmax(0,1fr);
        gap:
            13px
            25px;
        padding:
            22px
            24px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__poster{
        width:185px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__copy{
        max-width:760px;
    }

    .cv-view-work .cv-work-hero-info{
        max-width:740px;
    }

}


/* ---------------------------------------------------------
   MOBILE — preserve backdrop-first composition
   --------------------------------------------------------- */

@media(max-width:700px){

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        padding-top:172px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__shade{
        background:
            linear-gradient(
                0deg,
                rgba(2,10,22,.99) 0%,
                rgba(2,10,22,.90) 31%,
                rgba(2,10,22,.45) 58%,
                rgba(2,10,22,.08) 84%,
                transparent 100%
            );
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__title{
        max-width:100%;
        margin-bottom:7px;
        letter-spacing:-.04em;
    }

    .cv-view-work .cv-work-global-hero .cv-actions{
        gap:8px;
    }

    .cv-view-work .cv-work-global-hero .cv-work-play{
        min-width:0;
    }

}


/* =========================================================
   7B.6I — HEADRAIL VISUAL MATCH
   Streaming providers + work facts.
   ========================================================= */

.cv-view-work .cv-work-headrail{
    display:grid;
    grid-template-columns:
        minmax(300px,.95fr)
        minmax(0,1.65fr);
    align-items:stretch;
    overflow:hidden;
    border:
        1px solid
        color-mix(
            in srgb,
            var(--cv-line) 82%,
            transparent
        );
    border-radius:
        0
        0
        10px
        10px;
    background:
        linear-gradient(
            180deg,
            rgba(7,20,37,.96),
            rgba(3,13,27,.98)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);
}


/* ---------------------------------------------------------
   WATCH AREA
   --------------------------------------------------------- */

.cv-view-work .cv-work-headrail__watch{
    min-width:0;
    padding:
        18px
        20px;
    border-right:
        1px solid
        color-mix(
            in srgb,
            var(--cv-line) 85%,
            transparent
        );
}

.cv-view-work .cv-work-headrail__heading{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:11px;
    color:#f1f4ff;
}

.cv-view-work .cv-work-headrail__heading svg{
    width:18px;
    height:18px;
    color:var(--cv-accent);
}

.cv-view-work .cv-work-headrail .cv-work-platforms{
    min-width:0;
}

.cv-view-work .cv-work-headrail .ac-wm{
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
}

.cv-view-work .cv-work-headrail .ac-wm__group{
    margin:0;
    padding:0;
    border:0;
    max-width:100%;
}

.cv-view-work .cv-work-headrail .ac-wm__group-title{
    display:none;
}

.cv-view-work .cv-work-headrail .ac-wm__chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.cv-view-work .cv-work-headrail .ac-wm__chip{
    flex:0 0 auto;
    margin:0;
    overflow:hidden;
    border:
        1px solid
        color-mix(
            in srgb,
            var(--cv-line) 90%,
            transparent
        );
    border-radius:9px;
    background:
        linear-gradient(
            135deg,
            rgba(24,39,65,.72),
            rgba(6,17,34,.92)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);
}

.cv-view-work .cv-work-headrail .ac-wm__chip-link{
    min-height:48px;
    min-width:118px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    padding:
        8px
        11px;
    color:var(--cv-text);
    text-decoration:none;
}

.cv-view-work .cv-work-headrail .ac-wm__chip-logo{
    width:28px;
    height:28px;
    flex:
        0
        0
        28px;
    display:grid;
    place-items:center;
}

.cv-view-work .cv-work-headrail .ac-wm__chip-logo img{
    width:28px;
    height:28px;
    object-fit:contain;
    border-radius:6px;
}


/* ---------------------------------------------------------
   FACTS
   --------------------------------------------------------- */

.cv-view-work .cv-work-headrail__facts{
    display:grid;
    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        );
    align-items:stretch;
    margin:0;
    padding:
        0
        8px;
}

.cv-view-work .cv-work-headrail__fact{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    padding:
        18px
        16px;
    margin:0;
}

.cv-view-work .cv-work-headrail__fact:before{
    content:'';
    position:absolute;
    top:17px;
    bottom:17px;
    left:0;
    width:1px;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(128,151,195,.34),
            transparent
        );
}

.cv-view-work .cv-work-headrail__fact:first-child:before{
    display:none;
}

.cv-view-work .cv-work-headrail__fact dt{
    margin:0;
    color:var(--cv-muted);
    line-height:1.2;
}

.cv-view-work .cv-work-headrail__fact dd{
    margin:0;
    color:#fff;
    line-height:1.3;
    font-weight:800;
    overflow-wrap:anywhere;
}


/* ---------------------------------------------------------
   MID WIDTH
   --------------------------------------------------------- */

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

    .cv-view-work .cv-work-headrail{
        grid-template-columns:
            minmax(250px,.9fr)
            minmax(0,1.55fr);
    }

    .cv-view-work .cv-work-headrail__facts{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );
    }

}


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

@media(max-width:700px){

    .cv-view-work .cv-work-headrail{
        display:block;
        margin:
            0
            -12px;
        border-left:0;
        border-right:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }

    .cv-view-work .cv-work-headrail__watch{
        padding:
            15px
            12px
            13px;
        border-right:0;
        border-bottom:
            1px solid
            var(--cv-line);
    }

    .cv-view-work .cv-work-headrail .ac-wm{
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:4px;
        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chips{
        flex-wrap:nowrap;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip{
        scroll-snap-align:start;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-link{
        min-width:88px;
        min-height:66px;
        flex-direction:column;
        justify-content:center;
        padding:8px;
        text-align:center;
    }

    .cv-view-work .cv-work-headrail__facts{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
        gap:7px;
        padding:
            10px
            12px
            12px;
        border-bottom:
            1px solid
            var(--cv-line);
    }

    .cv-view-work .cv-work-headrail__fact{
        padding:11px;
        border:
            1px solid
            var(--cv-line);
        border-radius:8px;
        background:
            linear-gradient(
                145deg,
                rgba(18,31,53,.78),
                rgba(4,14,29,.94)
            );
    }

    .cv-view-work .cv-work-headrail__fact:before{
        display:none;
    }

}


/* =========================================================
   7B.6J — CONTENT FLOW MATCH
   Remove duplicated overview body and tighten editorial flow.
   ========================================================= */

/*
 * La trama è già presente nell'Hero.
 * Sul frontend Opera la Panoramica testuale diventa ridondante.
 */
.cv-view-work #cv-overview{
    display:none;
}


/* Tabs -> first content section */
.cv-view-work .cv-work-tabs{
    margin-bottom:0;
}

.cv-view-work #cv-quotes{
    margin-top:0;
    padding-top:18px;
}


/* General section rhythm */
.cv-view-work>.cv-section{
    margin-top:16px;
}

.cv-view-work .cv-section-head{
    margin-bottom:10px;
}

.cv-view-work #cv-quotes + #cv-characters{
    margin-top:18px;
}


/* Stronger editorial separation without extra vertical bulk */
.cv-view-work #cv-characters,
.cv-view-work .cv-work-editorial-grid,
.cv-view-work #cv-gallery{
    padding-top:16px;
    border-top:
        1px solid
        color-mix(
            in srgb,
            var(--cv-line) 72%,
            transparent
        );
}


/* Quotes: keep them visually attached to the navigation */
.cv-view-work #cv-quotes .cv-quote-row{
    margin-top:0;
}


/* Characters */
.cv-view-work #cv-characters .cv-character-strip{
    margin-top:0;
}


/* Editorial block */
.cv-view-work .cv-work-editorial-grid{
    margin-top:18px;
}


/* Gallery */
.cv-view-work #cv-gallery{
    margin-top:18px;
}


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

@media(max-width:700px){

    .cv-view-work #cv-overview{
        display:none;
    }

    .cv-view-work #cv-quotes{
        padding-top:14px;
    }

    .cv-view-work>.cv-section{
        margin-top:15px;
    }

    .cv-view-work #cv-characters,
    .cv-view-work .cv-work-editorial-grid,
    .cv-view-work #cv-gallery{
        padding-top:14px;
    }

}


/* =========================================================
   7B.6K — EDITORIAL ADAPTIVE LAYOUT
   Magazine fills the available width when Related is absent.
   ========================================================= */

/*
 * Default:
 * Magazine + Related.
 */
.cv-view-work .cv-work-editorial-grid{
    width:100%;
}


/*
 * Se WorkPresentation::related() non produce alcuna sezione,
 * #cv-magazine rimane l'unico figlio del wrapper.
 */
.cv-view-work .cv-work-editorial-grid:has(> #cv-magazine:only-child){
    grid-template-columns:minmax(0,1fr);
}

.cv-view-work
.cv-work-editorial-grid:has(> #cv-magazine:only-child)
#cv-magazine{
    width:100%;
    max-width:none;
}

.cv-view-work
.cv-work-editorial-grid:has(> #cv-magazine:only-child)
#cv-magazine
.cv-article-row{
    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );
    gap:14px;
}

.cv-view-work
.cv-work-editorial-grid:has(> #cv-magazine:only-child)
#cv-magazine
.cv-card{
    min-width:0;
}

.cv-view-work
.cv-work-editorial-grid:has(> #cv-magazine:only-child)
#cv-magazine
.cv-card-main{
    height:100%;
}


/* Slightly stronger continuity with Characters */
.cv-view-work .cv-work-editorial-grid{
    padding-bottom:2px;
}


/* ---------------------------------------------------------
   MID WIDTH
   --------------------------------------------------------- */

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

    .cv-view-work
    .cv-work-editorial-grid:has(> #cv-magazine:only-child)
    #cv-magazine
    .cv-article-row{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );
        gap:11px;
    }

}


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

@media(max-width:700px){

    .cv-view-work
    .cv-work-editorial-grid:has(> #cv-magazine:only-child)
    #cv-magazine
    .cv-article-row{
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
    }

}


/* =========================================================
   7B.6L1 — QUOTES CINEMATIC MATCH
   Wider cinematic quote cards closer to the Opera render.
   ========================================================= */

@media(min-width:1051px){

    .cv-view-work #cv-quotes .cv-quote-row{
        display:grid;
        grid-template-columns:
            repeat(
                5,
                minmax(0,1fr)
            );
        gap:11px;
        overflow:visible;
    }

    .cv-view-work #cv-quotes .cv-card--quote{
        position:relative;
        min-width:0;
        min-height:190px;
        aspect-ratio:1.28 / 1;
        overflow:hidden;
        border:
            1px solid
            color-mix(
                in srgb,
                var(--cv-accent) 20%,
                var(--cv-line)
            );
        border-radius:9px;
        background:#06101f;
        isolation:isolate;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-main{
        position:relative;
        display:block;
        width:100%;
        height:100%;
        min-height:190px;
        overflow:hidden;
    }


    /* Full-bleed image */
    .cv-view-work #cv-quotes .cv-card--quote .cv-card-image{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        min-height:0;
        margin:0;
        z-index:0;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-image img{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        transition:
            transform .28s ease,
            filter .28s ease;
    }


    /* Readability gradient */
    .cv-view-work #cv-quotes .cv-card--quote:before{
        content:'';
        position:absolute;
        inset:0;
        z-index:1;
        pointer-events:none;
        background:
            linear-gradient(
                180deg,
                rgba(2,8,18,.03) 0%,
                rgba(2,8,18,.10) 32%,
                rgba(2,8,18,.64) 67%,
                rgba(2,8,18,.96) 100%
            );
    }


    /* Copy sits directly over artwork */
    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy{
        position:relative;
        z-index:2;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        width:100%;
        height:100%;
        min-height:190px;
        padding:
            68px
            13px
            14px;
        background:transparent;
    }

    .cv-view-work #cv-quotes .cv-card--quote h3{
        margin:
            0
            0
            7px;
        font-family:Georgia,serif;
        line-height:1.17;
        text-wrap:pretty;
        text-shadow:
            0 2px 8px rgba(0,0,0,.82);
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-context{
        margin-top:3px;
        color:rgba(235,240,252,.78);
        line-height:1.35;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy>p{
        margin:
            4px
            0
            0;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-tag{
        display:none;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy>small:not(.cv-context){
        display:none;
    }


    /* Interaction */
    .cv-view-work #cv-quotes .cv-card--quote:hover{
        border-color:
            color-mix(
                in srgb,
                var(--cv-accent) 74%,
                white 6%
            );
        box-shadow:
            0 10px 28px rgba(0,0,0,.24),
            0 0 20px var(--cv-type-glow);
    }

    .cv-view-work #cv-quotes .cv-card--quote:hover .cv-card-image img{
        transform:scale(1.035);
        filter:
            saturate(1.08)
            brightness(1.03);
    }

}


/* ---------------------------------------------------------
   TABLET / MID WIDTH
   --------------------------------------------------------- */

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

    .cv-view-work #cv-quotes .cv-quote-row{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:210px;
        grid-template-columns:none;
        gap:10px;
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:7px;
        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;
    }

    .cv-view-work #cv-quotes .cv-card--quote{
        min-height:190px;
        scroll-snap-align:start;
        overflow:hidden;
        border-radius:9px;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-main{
        min-height:190px;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy{
        min-height:190px;
    }

}


/* =========================================================
   7B.6I2 — COMPACT WATCH PROVIDER RAIL
   Keep large provider catalogs from expanding the headrail.
   ========================================================= */

@media(min-width:701px){

    /*
     * Keep the information rail compact regardless
     * of the number of streaming providers.
     */
    .cv-view-work .cv-work-headrail{
        align-items:stretch;
    }

    .cv-view-work .cv-work-headrail__watch{
        min-width:0;
        overflow:hidden;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }


    /* One horizontal provider rail */
    .cv-view-work .cv-work-headrail .ac-wm{
        display:flex;
        flex-wrap:nowrap;
        align-items:center;
        gap:8px;

        width:100%;
        max-width:100%;

        overflow-x:auto;
        overflow-y:hidden;

        padding:
            2px
            2px
            8px;

        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;

        scrollbar-width:thin;
    }


    /*
     * Watchmode can output more than one provider group.
     * Keep every group on the same horizontal track.
     */
    .cv-view-work .cv-work-headrail .ac-wm__group{
        flex:
            0
            0
            auto;

        width:auto;
        max-width:none;

        margin:0;
        padding:0;
    }

    .cv-view-work .cv-work-headrail .ac-wm__group-title{
        display:none;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chips{
        display:flex;
        flex-wrap:nowrap;
        align-items:center;
        gap:7px;

        width:max-content;
        margin:0;
        padding:0;

        overflow:visible;
    }


    /* Compact provider badge */
    .cv-view-work .cv-work-headrail .ac-wm__chip{
        flex:
            0
            0
            auto;

        scroll-snap-align:start;

        margin:0;
        border-radius:8px;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-link{
        min-width:106px;
        min-height:44px;

        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;

        gap:8px;
        padding:
            7px
            9px;

        white-space:nowrap;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-logo{
        width:24px;
        height:24px;

        flex:
            0
            0
            24px;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-logo img{
        width:24px;
        height:24px;

        object-fit:contain;
        border-radius:5px;
    }


    /*
     * Long provider names must not widen the complete
     * information rail.
     */
    .cv-view-work .cv-work-headrail .ac-wm__chip-name{
        max-width:125px;

        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }


    /* Facts should no longer inherit an excessive height */
    .cv-view-work .cv-work-headrail__facts{
        align-self:stretch;
        min-height:104px;
    }

    .cv-view-work .cv-work-headrail__fact{
        padding:
            16px
            15px;
    }

}


/* =========================================================
   MOBILE
   Already horizontal; just keep badge proportions compact.
   ========================================================= */

@media(max-width:700px){

    .cv-view-work .cv-work-headrail .ac-wm{
        overflow-x:auto;
        overflow-y:hidden;
        flex-wrap:nowrap;
    }

    .cv-view-work .cv-work-headrail .ac-wm__group{
        flex:
            0
            0
            auto;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chips{
        flex-wrap:nowrap;
        width:max-content;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-link{
        min-width:80px;
        min-height:64px;
        max-width:100px;

        padding:
            7px
            8px;
    }

}


/* =========================================================
   7B.6L2 — CHARACTERS VISUAL MATCH
   Larger editorial character rail on desktop,
   circular compact rail on mobile.
   ========================================================= */


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

@media(min-width:1051px){

    .cv-view-work #cv-characters .cv-character-strip{
        display:flex;
        gap:10px;

        width:100%;

        overflow-x:auto;
        overflow-y:hidden;

        padding:
            2px
            1px
            10px;

        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;

        scrollbar-width:thin;
    }


    .cv-view-work #cv-characters .cv-character-strip>a{
        position:relative;

        flex:
            0
            0
            94px;

        width:94px;
        min-width:94px;

        overflow:hidden;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cv-line) 88%,
                transparent
            );

        border-radius:9px;

        background:#071426;

        color:#fff;
        text-decoration:none;

        scroll-snap-align:start;

        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }


    .cv-view-work #cv-characters .cv-character-strip>a:hover,
    .cv-view-work #cv-characters .cv-character-strip>a:focus-visible{
        transform:translateY(-3px);

        border-color:
            color-mix(
                in srgb,
                var(--cv-accent) 75%,
                white 6%
            );

        box-shadow:
            0 8px 22px rgba(0,0,0,.25),
            0 0 18px var(--cv-type-glow);
    }


    /* Character image */
    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        position:relative;

        width:100%;
        height:auto;

        aspect-ratio:.92 / 1;

        margin:0;

        overflow:hidden;

        border:0;
        border-radius:0;

        background:
            radial-gradient(
                ellipse at top,
                color-mix(
                    in srgb,
                    var(--cv-accent) 22%,
                    transparent
                ),
                transparent 68%
            ),
            var(--cv-panel);
    }


    .cv-view-work #cv-characters .cv-character-strip .cv-avatar:after{
        content:'';

        position:absolute;
        inset:0;

        pointer-events:none;

        background:
            linear-gradient(
                180deg,
                transparent 45%,
                rgba(3,10,20,.20) 66%,
                rgba(3,10,20,.92) 100%
            );
    }


    .cv-view-work #cv-characters .cv-character-strip .cv-avatar img{
        display:block;

        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center 24%;

        transition:
            transform .22s ease,
            filter .22s ease;
    }


    .cv-view-work #cv-characters .cv-character-strip>a:hover .cv-avatar img{
        transform:scale(1.04);
        filter:saturate(1.08);
    }


    /* Character name */
    .cv-view-work #cv-characters .cv-character-strip strong{
        display:block;

        min-height:38px;

        padding:
            7px
            7px
            8px;

        line-height:1.15;

        color:#f5f7ff;

        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

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

    .cv-view-work #cv-characters .cv-character-strip{
        gap:9px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x proximity;
    }

    .cv-view-work #cv-characters .cv-character-strip>a{
        flex:
            0
            0
            82px;

        width:82px;
        min-width:82px;

        border-radius:8px;

        scroll-snap-align:start;
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        aspect-ratio:1;
    }

}


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

@media(max-width:700px){

    .cv-view-work #cv-characters .cv-character-strip{
        display:flex;

        gap:13px;

        overflow-x:auto;
        overflow-y:hidden;

        padding:
            3px
            2px
            9px;

        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;

        scrollbar-width:none;
    }

    .cv-view-work #cv-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }


    .cv-view-work #cv-characters .cv-character-strip>a{
        flex:
            0
            0
            62px;

        width:62px;
        min-width:62px;

        border:0;
        background:none;

        text-align:center;

        scroll-snap-align:start;

        box-shadow:none;
    }


    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        width:62px;
        height:62px;

        aspect-ratio:1;

        margin:0 auto;

        overflow:hidden;

        border:
            2px solid
            var(--cv-accent);

        border-radius:50%;

        background:var(--cv-panel);

        box-shadow:
            0 0 0 3px
            color-mix(
                in srgb,
                var(--cv-panel) 86%,
                transparent
            );
    }


    .cv-view-work #cv-characters .cv-character-strip .cv-avatar:after{
        background:
            linear-gradient(
                0deg,
                rgba(2,9,22,.48),
                transparent 48%
            );
    }


    .cv-view-work #cv-characters .cv-character-strip strong{
        display:block;

        min-height:0;

        padding:
            6px
            0
            0;

        line-height:1.15;

        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

}


/* =========================================================
   7B.6L3 — CHARACTERS RENDER MATCH
   Make the character rail feel closer to the render:
   more editorial micro-cards, image-first, cleaner labels.
   ========================================================= */


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

@media(min-width:701px){

    .cv-view-work #cv-characters .cv-character-strip{
        gap:8px;
        padding:
            2px
            1px
            10px;

        overflow-x:auto;
        overflow-y:hidden;

        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .cv-view-work #cv-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-characters .cv-character-strip>a{
        position:relative;

        display:flex;
        flex-direction:column;
        justify-content:flex-start;

        flex:
            0
            0
            92px;

        width:92px;
        min-width:92px;

        overflow:hidden;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cv-line) 88%,
                transparent
            );

        border-radius:10px;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.02) 0%,
                rgba(255,255,255,0) 35%
            ),
            #081325;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.03),
            0 6px 18px rgba(0,0,0,.16);

        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }

    .cv-view-work #cv-characters .cv-character-strip>a:hover,
    .cv-view-work #cv-characters .cv-character-strip>a:focus-visible{
        transform:translateY(-2px);

        border-color:
            color-mix(
                in srgb,
                var(--cv-accent) 74%,
                white 6%
            );

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.04),
            0 10px 22px rgba(0,0,0,.24),
            0 0 16px var(--cv-type-glow);
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        position:relative;

        width:100%;
        height:auto;

        aspect-ratio:1 / 1.02;

        margin:0;

        overflow:hidden;

        border:0;
        border-radius:0;

        background:
            radial-gradient(
                ellipse at top,
                color-mix(
                    in srgb,
                    var(--cv-accent) 18%,
                    transparent
                ),
                transparent 66%
            ),
            #0b1930;
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar:after{
        content:'';

        position:absolute;
        inset:0;

        pointer-events:none;

        background:
            linear-gradient(
                180deg,
                rgba(3,10,20,0) 46%,
                rgba(3,10,20,.12) 68%,
                rgba(3,10,20,.55) 100%
            );
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar img{
        display:block;

        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center 22%;

        transition:
            transform .22s ease,
            filter .22s ease;
    }

    .cv-view-work #cv-characters .cv-character-strip>a:hover .cv-avatar img{
        transform:scale(1.035);
        filter:saturate(1.06);
    }

    .cv-view-work #cv-characters .cv-character-strip strong{
        display:-webkit-box;

        min-height:34px;

        margin:0;
        padding:
            7px
            7px
            8px;

        overflow:hidden;

        color:#f7f8ff;

        line-height:1.14;

        white-space:normal;
        text-overflow:ellipsis;

        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

}


/* ---------------------------------------------------------
   DESKTOP FINE TUNING
   --------------------------------------------------------- */

@media(min-width:1051px){

    .cv-view-work #cv-characters .cv-character-strip{
        gap:9px;
    }

    .cv-view-work #cv-characters .cv-character-strip>a{
        flex:
            0
            0
            96px;

        width:96px;
        min-width:96px;
    }

}


/* ---------------------------------------------------------
   MOBILE
   Keep circular avatars, but cleaner and closer to render.
   --------------------------------------------------------- */

@media(max-width:700px){

    .cv-view-work #cv-characters .cv-character-strip{
        gap:12px;
        padding:
            4px
            2px
            10px;

        overflow-x:auto;
        overflow-y:hidden;

        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .cv-view-work #cv-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-characters .cv-character-strip>a{
        flex:
            0
            0
            64px;

        width:64px;
        min-width:64px;

        border:0;
        background:none;
        box-shadow:none;
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        width:64px;
        height:64px;

        margin:0 auto;

        overflow:hidden;

        border:
            2px solid
            color-mix(
                in srgb,
                var(--cv-accent) 82%,
                white 4%
            );

        border-radius:50%;

        background:#091529;

        box-shadow:
            0 0 0 3px rgba(8,18,35,.82);
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar img{
        object-fit:cover;
        object-position:center 22%;
    }

    .cv-view-work #cv-characters .cv-character-strip strong{
        display:block;

        min-height:0;

        padding:
            6px
            1px
            0;

        overflow:hidden;

        line-height:1.14;

        white-space:nowrap;
        text-overflow:ellipsis;
    }

}


/* =========================================================
   7B.6L4 — CHARACTER CARDS CLOSER MATCH
   Wider image-first cards with integrated name overlay.
   Likes intentionally omitted.
   ========================================================= */

@media(min-width:1051px){

    .cv-view-work #cv-characters .cv-character-strip{
        gap:9px;
        padding:
            3px
            1px
            10px;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;

        scrollbar-width:none;
    }

    .cv-view-work #cv-characters .cv-character-strip::-webkit-scrollbar{
        display:none;
    }


    .cv-view-work #cv-characters .cv-character-strip>a{
        position:relative;

        flex:
            0
            0
            116px;

        width:116px;
        min-width:116px;

        aspect-ratio:1.12 / 1;

        overflow:hidden;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cv-line) 86%,
                transparent
            );

        border-radius:9px;

        background:#071426;

        scroll-snap-align:start;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.035),
            0 5px 16px rgba(0,0,0,.16);
    }


    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        position:absolute;
        inset:0;

        width:100%;
        height:100%;

        margin:0;

        aspect-ratio:auto;

        border:0;
        border-radius:0;

        overflow:hidden;
    }


    .cv-view-work #cv-characters .cv-character-strip .cv-avatar img{
        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center 22%;
    }


    .cv-view-work #cv-characters .cv-character-strip .cv-avatar:after{
        content:'';

        position:absolute;
        inset:0;

        pointer-events:none;

        background:
            linear-gradient(
                180deg,
                transparent 42%,
                rgba(3,9,19,.14) 59%,
                rgba(3,9,19,.82) 84%,
                rgba(3,9,19,.98) 100%
            );
    }


    /*
     * Name becomes the lower information strip.
     * No like counter is rendered.
     */
    .cv-view-work #cv-characters .cv-character-strip strong{
        position:absolute;

        left:0;
        right:0;
        bottom:0;

        z-index:2;

        display:block;

        min-height:0;

        padding:
            17px
            8px
            8px;

        margin:0;

        color:#fff;

        line-height:1.12;

        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;

        text-shadow:
            0 1px 5px rgba(0,0,0,.9);
    }


    .cv-view-work #cv-characters .cv-character-strip>a:hover,
    .cv-view-work #cv-characters .cv-character-strip>a:focus-visible{
        transform:translateY(-3px);

        border-color:
            color-mix(
                in srgb,
                var(--cv-accent) 75%,
                white 5%
            );

        box-shadow:
            0 10px 24px rgba(0,0,0,.26),
            0 0 18px var(--cv-type-glow);
    }


    .cv-view-work #cv-characters .cv-character-strip>a:hover .cv-avatar img{
        transform:scale(1.045);
        filter:saturate(1.07);
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

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

    .cv-view-work #cv-characters .cv-character-strip>a{
        flex:
            0
            0
            102px;

        width:102px;
        min-width:102px;

        aspect-ratio:1.08 / 1;
    }

}


/* ---------------------------------------------------------
   MOBILE
   Keep circular treatment from render.
   --------------------------------------------------------- */

@media(max-width:700px){

    .cv-view-work #cv-characters .cv-character-strip>a{
        position:relative;

        flex:
            0
            0
            66px;

        width:66px;
        min-width:66px;

        aspect-ratio:auto;

        overflow:visible;

        border:0;
        background:none;
        box-shadow:none;
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        position:relative;
        inset:auto;

        width:66px;
        height:66px;

        margin:0 auto;

        border:
            2px solid
            var(--cv-accent);

        border-radius:50%;
    }

    .cv-view-work #cv-characters .cv-character-strip strong{
        position:static;

        display:block;

        padding:
            6px
            0
            0;

        text-align:center;

        text-shadow:none;

        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

}


/* =========================================================
   7B.6L5 — QUOTES FINAL RENDER MATCH
   Stronger quote hierarchy and lower metadata treatment.
   ========================================================= */

@media(min-width:1051px){

    .cv-view-work #cv-quotes .cv-quote-row{
        gap:10px;
    }

    .cv-view-work #cv-quotes .cv-card--quote{
        min-height:205px;
        aspect-ratio:1.18 / 1;

        border-radius:10px;

        background:#06101f;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-main{
        min-height:205px;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy{
        min-height:205px;

        padding:
            72px
            13px
            15px;

        justify-content:flex-end;
    }


    /* Stronger lower fade for text readability */
    .cv-view-work #cv-quotes .cv-card--quote:before{
        background:
            linear-gradient(
                180deg,
                rgba(2,8,18,.01) 0%,
                rgba(2,8,18,.05) 28%,
                rgba(2,8,18,.36) 53%,
                rgba(2,8,18,.82) 76%,
                rgba(2,8,18,.98) 100%
            );
    }


    /* Quote */
    .cv-view-work #cv-quotes .cv-card--quote h3{
        margin:
            0
            0
            8px;

        line-height:1.16;

        text-shadow:
            0 2px 7px rgba(0,0,0,.88);
    }


    /*
     * Existing quote author/context becomes the secondary line.
     */
    .cv-view-work #cv-quotes .cv-card--quote .cv-context{
        display:block;

        margin:
            0
            0
            2px;

        color:rgba(244,247,255,.86);

        line-height:1.3;

        text-shadow:
            0 1px 5px rgba(0,0,0,.88);
    }


    /*
     * Preserve any existing contextual paragraph,
     * but keep it visually secondary.
     */
    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy>p{
        margin:
            3px
            0
            0;

        color:rgba(218,225,242,.72);

        line-height:1.3;
    }


    /* Bookmark/action stays tucked in the lower-right corner */
    .cv-view-work #cv-quotes .cv-card--quote .cv-save{
        right:9px;
        bottom:9px;

        width:27px;
        height:27px;

        display:grid;
        place-items:center;

        border-radius:50%;

        background:rgba(4,12,27,.62);

        backdrop-filter:blur(6px);

        border:
            1px solid
            rgba(255,255,255,.16);
    }


    .cv-view-work #cv-quotes .cv-card--quote .cv-save svg{
        width:14px;
        height:14px;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

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

    .cv-view-work #cv-quotes .cv-card--quote,
    .cv-view-work #cv-quotes .cv-card--quote .cv-card-main,
    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy{
        min-height:198px;
    }

}


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

@media(max-width:700px){

    .cv-view-work #cv-quotes .cv-quote-row{
        grid-auto-columns:84%;
        gap:10px;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;

        scrollbar-width:none;
    }

    .cv-view-work #cv-quotes .cv-quote-row::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-quotes .cv-card--quote{
        scroll-snap-align:start;

        min-height:152px;

        border-radius:10px;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-main{
        display:grid;
        grid-template-columns:
            112px
            minmax(0,1fr);

        min-height:152px;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-image{
        position:relative;
        inset:auto;

        width:112px;
        height:100%;

        margin:0;

        border-radius:
            10px
            0
            0
            10px;

        overflow:hidden;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy{
        min-height:152px;

        padding:
            13px
            31px
            16px
            13px;

        justify-content:center;

        background:
            linear-gradient(
                135deg,
                rgba(10,22,41,.98),
                rgba(5,14,29,.98)
            );
    }

    .cv-view-work #cv-quotes .cv-card--quote:before{
        display:none;
    }

    .cv-view-work #cv-quotes .cv-card--quote h3{
        margin-bottom:7px;

        text-shadow:none;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-context{
        text-shadow:none;
    }

}


/* =========================================================
   7B.6M1 — MAGAZINE EDITORIAL CARDS
   Image-first editorial treatment closer to target render.
   ========================================================= */


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

@media(min-width:1051px){

    .cv-view-work #cv-magazine .cv-article-row{
        display:grid;
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        gap:12px;
    }


    .cv-view-work #cv-magazine .cv-card{
        position:relative;

        min-width:0;

        overflow:hidden;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cv-line) 88%,
                transparent
            );

        border-radius:10px;

        background:
            linear-gradient(
                145deg,
                rgba(18,31,52,.82),
                rgba(5,14,28,.98)
            );

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.035);

        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }


    .cv-view-work #cv-magazine .cv-card:hover{
        transform:translateY(-2px);

        border-color:
            color-mix(
                in srgb,
                var(--cv-accent) 72%,
                white 5%
            );

        box-shadow:
            0 10px 26px rgba(0,0,0,.23),
            0 0 18px var(--cv-type-glow);
    }


    /*
     * Vertical editorial card:
     * wide artwork on top, copy below.
     */
    .cv-view-work #cv-magazine .cv-card-main{
        display:grid;

        grid-template-columns:1fr;
        grid-template-rows:
            auto
            minmax(0,1fr);

        height:100%;
        min-height:248px;
    }


    .cv-view-work #cv-magazine .cv-card-image{
        position:relative;

        width:100%;
        height:auto;
        min-height:0;

        aspect-ratio:16 / 8.5;

        overflow:hidden;

        border-radius:
            9px
            9px
            0
            0;

        background:#081426;
    }


    .cv-view-work #cv-magazine .cv-card-image:after{
        content:'';

        position:absolute;
        inset:0;

        pointer-events:none;

        background:
            linear-gradient(
                180deg,
                transparent 52%,
                rgba(4,12,25,.16) 72%,
                rgba(4,12,25,.58) 100%
            );
    }


    .cv-view-work #cv-magazine .cv-card-image img{
        position:absolute;
        inset:0;

        display:block;

        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center;

        transition:
            transform .24s ease,
            filter .24s ease;
    }


    .cv-view-work #cv-magazine .cv-card:hover .cv-card-image img{
        transform:scale(1.035);
        filter:
            saturate(1.06)
            brightness(1.02);
    }


    .cv-view-work #cv-magazine .cv-card-copy{
        display:flex;
        flex-direction:column;
        justify-content:flex-start;

        gap:6px;

        min-width:0;

        padding:
            11px
            12px
            13px;
    }


    .cv-view-work #cv-magazine .cv-tag{
        align-self:flex-start;

        margin:
            -24px
            0
            2px;

        position:relative;
        z-index:2;

        box-shadow:
            0 3px 10px rgba(0,0,0,.32);
    }


    .cv-view-work #cv-magazine .cv-card h3{
        margin:0;

        line-height:1.18;

        text-wrap:pretty;
    }


    .cv-view-work #cv-magazine .cv-card small{
        display:block;

        margin-top:auto;

        padding-top:3px;

        color:var(--cv-muted);

        line-height:1.35;
    }

}


/* ---------------------------------------------------------
   WHEN RELATED WORKS SHARE THE ROW
   --------------------------------------------------------- */

@media(min-width:1051px){

    .cv-view-work
    .cv-work-editorial-grid:not(:has(> #cv-magazine:only-child))
    #cv-magazine
    .cv-card-main{
        min-height:230px;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

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

    .cv-view-work #cv-magazine .cv-article-row{
        display:grid;

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        gap:10px;
    }

    .cv-view-work #cv-magazine .cv-card-main{
        display:grid;

        grid-template-columns:1fr;
        grid-template-rows:
            auto
            minmax(0,1fr);

        min-height:220px;
    }

    .cv-view-work #cv-magazine .cv-card-image{
        width:100%;
        min-height:0;

        aspect-ratio:16 / 9;
    }

}


/* ---------------------------------------------------------
   MOBILE
   Compact horizontal editorial card like target render.
   --------------------------------------------------------- */

@media(max-width:700px){

    .cv-view-work #cv-magazine .cv-article-row{
        display:flex;

        flex-wrap:nowrap;

        gap:10px;

        overflow-x:auto;
        overflow-y:hidden;

        padding-bottom:7px;

        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;

        scrollbar-width:none;
    }

    .cv-view-work #cv-magazine .cv-article-row::-webkit-scrollbar{
        display:none;
    }


    .cv-view-work #cv-magazine .cv-card{
        flex:
            0
            0
            88%;

        scroll-snap-align:start;

        border-radius:10px;
    }


    .cv-view-work #cv-magazine .cv-card-main{
        display:grid;

        grid-template-columns:
            118px
            minmax(0,1fr);

        min-height:112px;

        height:100%;
    }


    .cv-view-work #cv-magazine .cv-card-image{
        position:relative;

        width:118px;
        height:100%;
        min-height:112px;

        aspect-ratio:auto;

        border-radius:
            9px
            0
            0
            9px;

        overflow:hidden;
    }


    .cv-view-work #cv-magazine .cv-card-copy{
        min-height:112px;

        justify-content:center;

        padding:
            10px
            11px;
    }


    .cv-view-work #cv-magazine .cv-tag{
        margin:0;
    }

}


/* =========================================================
   7B.6M2B — RELATED WORKS VISUAL MATCH
   Compact poster cards closer to the target render.
   ========================================================= */


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

@media(min-width:1051px){

    .cv-view-work .cv-work-editorial-grid{
        grid-template-columns:
            minmax(0,2.2fr)
            minmax(320px,.95fr);

        gap:18px;
    }


    .cv-view-work #cv-related-works{
        min-width:0;
    }


    .cv-view-work #cv-related-works .cv-related-work-row{
        display:grid;

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        gap:9px;
    }


    .cv-view-work #cv-related-works .cv-related-work{
        position:relative;

        min-width:0;

        overflow:hidden;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cv-line) 88%,
                transparent
            );

        border-radius:9px;

        background:
            linear-gradient(
                145deg,
                rgba(18,31,52,.80),
                rgba(5,14,28,.98)
            );

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.035);

        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }


    .cv-view-work #cv-related-works .cv-related-work:hover{
        transform:translateY(-2px);

        border-color:
            color-mix(
                in srgb,
                var(--cv-accent) 72%,
                white 5%
            );

        box-shadow:
            0 9px 23px rgba(0,0,0,.24),
            0 0 17px var(--cv-type-glow);
    }


    .cv-view-work #cv-related-works .cv-related-work>a{
        display:block;

        color:inherit;
        text-decoration:none;
    }


    /* Poster */
    .cv-view-work #cv-related-works .cv-related-work img{
        display:block;

        width:100%;

        aspect-ratio:2 / 2.9;

        object-fit:cover;
        object-position:center;

        border-radius:
            8px
            8px
            0
            0;

        transition:
            transform .22s ease,
            filter .22s ease;
    }


    .cv-view-work #cv-related-works .cv-related-work:hover img{
        transform:scale(1.035);
        filter:saturate(1.06);
    }


    /* Title */
    .cv-view-work #cv-related-works .cv-related-work h3{
        display:-webkit-box;

        min-height:36px;

        margin:
            8px
            8px
            4px!important;

        overflow:hidden;

        line-height:1.16;

        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }


    /* Type / year / relation / rating */
    .cv-view-work #cv-related-works .cv-related-work p,
    .cv-view-work #cv-related-works .cv-related-work small,
    .cv-view-work #cv-related-works .cv-related-work .cv-rating{
        display:block;

        margin:
            3px
            8px;

        line-height:1.25;
    }


    .cv-view-work #cv-related-works .cv-related-work .cv-rating{
        color:#f6c944;

        margin-bottom:3px;
    }


    .cv-view-work #cv-related-works .cv-related-work small{
        margin-bottom:8px;

        color:
            color-mix(
                in srgb,
                var(--cv-muted) 92%,
                white 8%
            );
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

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

    .cv-view-work .cv-work-editorial-grid{
        grid-template-columns:
            minmax(0,1.55fr)
            minmax(280px,.95fr);

        gap:14px;
    }


    .cv-view-work #cv-related-works .cv-related-work-row{
        display:grid;

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        gap:8px;
    }


    .cv-view-work #cv-related-works .cv-related-work img{
        aspect-ratio:2 / 3;
    }

}


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

@media(max-width:700px){

    .cv-view-work #cv-related-works{
        margin-top:18px;
    }


    .cv-view-work #cv-related-works .cv-related-work-row{
        display:flex;

        flex-wrap:nowrap;

        gap:9px;

        overflow-x:auto;
        overflow-y:hidden;

        padding-bottom:7px;

        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;

        scrollbar-width:none;
    }


    .cv-view-work #cv-related-works .cv-related-work-row::-webkit-scrollbar{
        display:none;
    }


    .cv-view-work #cv-related-works .cv-related-work{
        flex:
            0
            0
            118px;

        width:118px;
        min-width:118px;

        scroll-snap-align:start;

        border-radius:9px;
    }


    .cv-view-work #cv-related-works .cv-related-work img{
        width:100%;

        aspect-ratio:2 / 3;

        object-fit:cover;
    }


    .cv-view-work #cv-related-works .cv-related-work h3{
        display:-webkit-box;

        margin:
            7px
            7px
            4px!important;

        overflow:hidden;

        line-height:1.15;

        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }


    .cv-view-work #cv-related-works .cv-related-work p,
    .cv-view-work #cv-related-works .cv-related-work small,
    .cv-view-work #cv-related-works .cv-related-work .cv-rating{
        margin:
            3px
            7px;

        line-height:1.2;
    }


    .cv-view-work #cv-related-works .cv-related-work small{
        margin-bottom:7px;
    }

}


/* =========================================================
   7B.6M2C — RELATED CARDS FINAL POLISH
   More readable related rail without changing typography size.
   ========================================================= */

@media(min-width:1051px){

    /*
     * Give Related a little more room while keeping Magazine dominant.
     */
    .cv-view-work .cv-work-editorial-grid{
        grid-template-columns:
            minmax(0,2fr)
            minmax(360px,1.05fr);

        gap:18px;
    }


    .cv-view-work #cv-related-works .cv-related-work-row{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        gap:10px;
    }


    .cv-view-work #cv-related-works .cv-related-work{
        min-width:0;

        display:flex;
        flex-direction:column;

        border-radius:10px;
    }


    .cv-view-work #cv-related-works .cv-related-work>a{
        display:flex;
        flex-direction:column;

        height:100%;
    }


    /*
     * Slightly shorter posters give more vertical room
     * to title / metadata while preserving poster identity.
     */
    .cv-view-work #cv-related-works .cv-related-work img{
        aspect-ratio:2 / 2.72;

        object-fit:cover;
        object-position:center 18%;
    }


    .cv-view-work #cv-related-works .cv-related-work h3{
        min-height:34px;

        margin:
            8px
            8px
            3px!important;

        line-height:1.13;

        -webkit-line-clamp:2;
    }


    .cv-view-work #cv-related-works .cv-related-work p{
        margin:
            2px
            8px
            1px;

        color:var(--cv-muted);

        line-height:1.18;
    }


    .cv-view-work #cv-related-works .cv-related-work .cv-rating{
        margin:
            2px
            8px
            1px;

        line-height:1.18;
    }


    /*
     * Relation reason becomes a compact final metadata line.
     */
    .cv-view-work #cv-related-works .cv-related-work small{
        margin:
            auto
            8px
            8px;

        padding-top:5px;

        line-height:1.18;

        color:
            color-mix(
                in srgb,
                var(--cv-muted) 86%,
                var(--cv-accent) 14%
            );

        border-top:
            1px solid
            color-mix(
                in srgb,
                var(--cv-line) 70%,
                transparent
            );
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

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

    .cv-view-work .cv-work-editorial-grid{
        grid-template-columns:
            minmax(0,1.45fr)
            minmax(310px,1fr);

        gap:14px;
    }

    .cv-view-work #cv-related-works .cv-related-work img{
        aspect-ratio:2 / 2.85;
    }

    .cv-view-work #cv-related-works .cv-related-work h3{
        min-height:32px;
    }

}


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

@media(max-width:700px){

    .cv-view-work #cv-related-works .cv-related-work{
        flex:
            0
            0
            124px;

        width:124px;
        min-width:124px;
    }

    .cv-view-work #cv-related-works .cv-related-work img{
        aspect-ratio:2 / 2.9;
    }

    .cv-view-work #cv-related-works .cv-related-work small{
        margin:
            4px
            7px
            7px;

        padding-top:4px;

        border-top:
            1px solid
            color-mix(
                in srgb,
                var(--cv-line) 70%,
                transparent
            );
    }

}


/* =========================================================
   7B.6N — GALLERY COMPACT CINEMATIC RAIL
   Reduce gallery dominance while keeping every image accessible.
   ========================================================= */

@media(min-width:1051px){

    .cv-view-work #cv-gallery{
        margin-top:18px;
        padding-top:16px;
    }

    .cv-view-work #cv-gallery .cv-gallery{
        display:flex;

        flex-wrap:nowrap;

        gap:10px;

        overflow-x:auto;
        overflow-y:hidden;

        padding:
            2px
            1px
            9px;

        scroll-snap-type:x proximity;
        overscroll-behavior-x:contain;

        scrollbar-width:none;
    }

    .cv-view-work #cv-gallery .cv-gallery::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-gallery .cv-gallery a,
    .cv-view-work #cv-gallery .cv-gallery a:first-child:nth-last-child(n+3),
    .cv-view-work #cv-gallery .cv-gallery a:only-child{
        flex:
            0
            0
            235px;

        width:235px;
        min-width:235px;

        aspect-ratio:16 / 9;

        grid-column:auto;
        grid-row:auto;

        scroll-snap-align:start;

        border-radius:9px;
    }

    .cv-view-work #cv-gallery .cv-gallery img{
        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

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

    .cv-view-work #cv-gallery .cv-gallery{
        display:flex;

        flex-wrap:nowrap;

        gap:9px;

        overflow-x:auto;
        overflow-y:hidden;

        padding-bottom:8px;

        scroll-snap-type:x proximity;

        scrollbar-width:none;
    }

    .cv-view-work #cv-gallery .cv-gallery::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-gallery .cv-gallery a,
    .cv-view-work #cv-gallery .cv-gallery a:first-child:nth-last-child(n+3),
    .cv-view-work #cv-gallery .cv-gallery a:only-child{
        flex:
            0
            0
            210px;

        width:210px;
        min-width:210px;

        aspect-ratio:16 / 9;

        grid-column:auto;
        grid-row:auto;

        scroll-snap-align:start;
    }

}


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

@media(max-width:700px){

    .cv-view-work #cv-gallery{
        margin-top:16px;
        padding-top:14px;
    }

    .cv-view-work #cv-gallery .cv-gallery{
        display:flex;

        flex-wrap:nowrap;

        gap:9px;

        overflow-x:auto;
        overflow-y:hidden;

        padding:
            2px
            2px
            8px;

        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;

        scrollbar-width:none;
    }

    .cv-view-work #cv-gallery .cv-gallery::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-gallery .cv-gallery a,
    .cv-view-work #cv-gallery .cv-gallery a:first-child:nth-last-child(n+3),
    .cv-view-work #cv-gallery .cv-gallery a:only-child{
        flex:
            0
            0
            82%;

        width:82%;
        min-width:82%;

        aspect-ratio:16 / 9;

        grid-column:auto;
        grid-row:auto;

        scroll-snap-align:start;
    }

}


/* =========================================================
   7B.6O1 — MOBILE COMPOSITION RESET
   Dedicated mobile Opera composition.
   ========================================================= */

@media(max-width:700px){

    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .cv-view-work .cv-work-global-hero{
        margin:
            0
            -12px;

        min-height:0;

        border-radius:0;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__inner{
        min-height:0;

        display:grid;

        grid-template-columns:1fr;
        grid-template-rows:
            auto
            auto;

        gap:10px;

        padding:
            128px
            12px
            12px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__backdrop img{
        object-position:center 24%;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__shade{
        background:
            linear-gradient(
                0deg,
                rgba(2,10,22,.99) 0%,
                rgba(2,10,22,.94) 26%,
                rgba(2,10,22,.63) 48%,
                rgba(2,10,22,.18) 75%,
                transparent 100%
            );
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__copy{
        width:100%;
        max-width:none;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__eyebrow{
        margin-bottom:4px;
    }

    .cv-view-work .cv-work-global-hero .cv-global-hero__title{
        margin-bottom:5px;

        line-height:.98;
    }

    .cv-view-work .cv-work-primary-meta{
        min-height:0;
    }

    .cv-view-work .cv-work-hero-info{
        gap:6px;
    }


    /* Keep only a short genre rail */
    .cv-view-work .cv-work-hero-info .cv-work-genres{
        width:100%;

        flex-wrap:nowrap;

        overflow-x:auto;
        overflow-y:hidden;

        gap:5px;

        padding-bottom:1px;

        scrollbar-width:none;
    }

    .cv-view-work .cv-work-hero-info .cv-work-genres::-webkit-scrollbar{
        display:none;
    }


    /* KPI row */
    .cv-view-work .cv-work-kpis{
        flex-wrap:nowrap;

        gap:11px;

        overflow:hidden;

        padding:
            1px
            0;
    }

    .cv-view-work .cv-work-kpi{
        flex:
            0
            0
            auto;
    }


    /* Actions */
    .cv-view-work .cv-work-global-hero .cv-global-hero__footer{
        margin-top:0;
    }

    .cv-view-work .cv-work-hero-bottom{
        min-height:0;
    }

    .cv-view-work .cv-work-global-hero .cv-actions{
        display:grid;

        grid-template-columns:
            minmax(0,1fr)
            42px
            42px;

        gap:7px;

        width:100%;
    }

    .cv-view-work .cv-work-global-hero .cv-actions .cv-button{
        min-height:42px;

        padding:
            8px
            10px;

        margin:0;

        border-radius:8px;
    }

    .cv-view-work .cv-work-global-hero .cv-work-play{
        width:100%;
    }

    .cv-view-work .cv-work-global-hero .cv-work-share,
    .cv-view-work .cv-work-global-hero .cv-work-save{
        width:42px;
        min-width:42px;

        padding:8px!important;

        justify-content:center;
    }


    /* -----------------------------------------------------
       TABS
       ----------------------------------------------------- */

    .cv-view-work .cv-work-tabs{
        margin:
            0
            -12px;

        padding:
            0
            8px;

        display:flex;

        gap:0;

        overflow-x:auto;
        overflow-y:hidden;

        scroll-snap-type:x proximity;

        scrollbar-width:none;

        border-top:
            1px solid
            var(--cv-line);

        border-bottom:
            1px solid
            var(--cv-line);
    }

    .cv-view-work .cv-work-tabs::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work .cv-work-tabs a{
        flex:
            0
            0
            auto;

        padding:
            11px
            13px;

        scroll-snap-align:start;

        white-space:nowrap;
    }


    /* -----------------------------------------------------
       WATCH + FACTS
       ----------------------------------------------------- */

    .cv-view-work .cv-work-headrail{
        margin:
            0
            -12px;

        border:0;
        border-radius:0;

        background:
            linear-gradient(
                180deg,
                rgba(7,19,36,.98),
                rgba(3,12,25,.99)
            );
    }

    .cv-view-work .cv-work-headrail__watch{
        padding:
            13px
            12px
            10px;

        border-bottom:0;
    }

    .cv-view-work .cv-work-headrail__heading{
        margin-bottom:8px;
    }

    .cv-view-work .cv-work-headrail .ac-wm{
        gap:6px;

        padding-bottom:5px;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-link{
        min-width:78px;
        min-height:52px;

        max-width:92px;

        padding:
            6px
            7px;

        gap:5px;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-logo{
        width:20px;
        height:20px;

        flex:
            0
            0
            20px;
    }

    .cv-view-work .cv-work-headrail .ac-wm__chip-logo img{
        width:20px;
        height:20px;
    }


    /*
     * Four-column-like density:
     * cards remain 2 columns but much shorter.
     */
    .cv-view-work .cv-work-headrail__facts{
        display:grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:5px;

        padding:
            5px
            12px
            10px;

        border-bottom:
            1px solid
            var(--cv-line);
    }

    .cv-view-work .cv-work-headrail__fact{
        min-height:0;

        padding:
            8px
            9px;

        gap:3px;

        border-radius:6px;
    }


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

    .cv-view-work #cv-quotes{
        padding-top:12px;
    }

    .cv-view-work>.cv-section{
        margin-top:13px;
    }

    .cv-view-work .cv-section-head{
        margin-bottom:7px;
    }

    .cv-view-work #cv-characters,
    .cv-view-work .cv-work-editorial-grid,
    .cv-view-work #cv-gallery{
        padding-top:12px;
    }


    /* -----------------------------------------------------
       QUOTES
       ----------------------------------------------------- */

    .cv-view-work #cv-quotes .cv-quote-row{
        grid-auto-columns:86%;

        gap:8px;

        padding-bottom:5px;
    }

    .cv-view-work #cv-quotes .cv-card--quote{
        min-height:138px;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-main{
        grid-template-columns:
            96px
            minmax(0,1fr);

        min-height:138px;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-image{
        width:96px;
    }

    .cv-view-work #cv-quotes .cv-card--quote .cv-card-copy{
        min-height:138px;

        padding:
            11px
            28px
            11px
            11px;
    }


    /* -----------------------------------------------------
       CHARACTERS
       ----------------------------------------------------- */

    .cv-view-work #cv-characters .cv-character-strip{
        gap:10px;

        padding:
            2px
            1px
            7px;
    }

    .cv-view-work #cv-characters .cv-character-strip>a{
        flex:
            0
            0
            58px;

        width:58px;
        min-width:58px;
    }

    .cv-view-work #cv-characters .cv-character-strip .cv-avatar{
        width:58px;
        height:58px;
    }


    /* -----------------------------------------------------
       EDITORIAL
       ----------------------------------------------------- */

    .cv-view-work .cv-work-editorial-grid{
        display:block;

        margin-top:13px;
    }

    .cv-view-work .cv-work-editorial-grid>.cv-section + .cv-section{
        margin-top:15px;
    }


    /* Magazine */
    .cv-view-work #cv-magazine .cv-article-row{
        display:flex;

        flex-wrap:nowrap;

        gap:8px;

        overflow-x:auto;
        overflow-y:hidden;

        padding-bottom:5px;

        scroll-snap-type:x mandatory;

        scrollbar-width:none;
    }

    .cv-view-work #cv-magazine .cv-article-row::-webkit-scrollbar{
        display:none;
    }

    .cv-view-work #cv-magazine .cv-card{
        flex:
            0
            0
            86%;

        scroll-snap-align:start;
    }

    .cv-view-work #cv-magazine .cv-card-main{
        grid-template-columns:
            104px
            minmax(0,1fr);

        min-height:104px;
    }

    .cv-view-work #cv-magazine .cv-card-image{
        width:104px;
        min-height:104px;
    }

    .cv-view-work #cv-magazine .cv-card-copy{
        min-height:104px;

        padding:
            9px
            10px;
    }


    /* Related */
    .cv-view-work #cv-related-works{
        margin-top:14px;
    }

    .cv-view-work #cv-related-works .cv-related-work-row{
        gap:8px;
    }

    .cv-view-work #cv-related-works .cv-related-work{
        flex:
            0
            0
            112px;

        width:112px;
        min-width:112px;
    }


    /* -----------------------------------------------------
       GALLERY
       ----------------------------------------------------- */

    .cv-view-work #cv-gallery{
        margin-top:14px;
    }

    .cv-view-work #cv-gallery .cv-gallery{
        gap:8px;

        padding-bottom:5px;
    }

    .cv-view-work #cv-gallery .cv-gallery a,
    .cv-view-work #cv-gallery .cv-gallery a:first-child:nth-last-child(n+3),
    .cv-view-work #cv-gallery .cv-gallery a:only-child{
        flex:
            0
            0
            78%;

        width:78%;
        min-width:78%;

        aspect-ratio:16 / 9;
    }


    /* -----------------------------------------------------
       FINAL BANNER
       ----------------------------------------------------- */

    .cv-view-work>.cv-banner{
        min-height:64px;

        margin-top:14px;

        padding:
            11px
            13px;

        gap:9px;

        border-radius:8px;
    }

}

/* =========================================================
   7B.6O2 - STREAMING EMPTY STATES
   Compact fallback messages inside the work watch rail.
   ========================================================= */

.cv-view-work .cv-work-platforms .ac-wm--not-found,
.cv-view-work .cv-work-platforms .ac-wm--empty{
    display:flex;
    align-items:flex-start;
    gap:8px;
    width:100%;
    min-width:0;
    margin:0;
    padding:10px 12px;
    border:1px solid var(--cv-line);
    border-radius:9px;
    background:var(--cv-panel);
    color:var(--cv-muted);
    line-height:1.4;
    overflow-wrap:anywhere;
}

.cv-view-work .cv-work-platforms .ac-wm--not-found strong{
    display:block;
    color:var(--cv-text);
    font-weight:600;
}

.cv-view-work .cv-work-platforms .ac-wm--not-found em{
    color:var(--cv-muted);
    font-style:normal;
}

.cv-view-work .cv-work-platforms .ac-wm--empty{
    display:block;
}

@media(max-width:700px){
    .cv-view-work .cv-work-platforms .ac-wm--not-found,
    .cv-view-work .cv-work-platforms .ac-wm--empty{
        padding:8px 10px;
        border-radius:8px;
        line-height:1.35;
    }
}

/* CITAVERSO_WORK_LIGHT_MAGAZINE_01 */
:root[data-cv-theme="light"] .cv-view-work #cv-magazine .cv-card {
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f2f3fb 100%
    )!important;
    border-color:color-mix(in srgb,var(--cv-line) 88%,transparent);
    box-shadow:0 3px 12px rgba(34,45,80,.07);
}

:root[data-cv-theme="light"] .cv-view-work #cv-magazine .cv-card h3 {
    color:#202944!important;
    text-shadow:none!important;
}

:root[data-cv-theme="light"] .cv-view-work #cv-magazine .cv-card small {
    color:#69728a!important;
}

:root[data-cv-theme="light"] .cv-view-work #cv-magazine .cv-card-image:after {
    background:linear-gradient(
        180deg,
        transparent 52%,
        rgba(4,12,25,.08) 80%,
        rgba(4,12,25,.18) 100%
    );
}

:root[data-cv-theme="light"] .cv-view-work #cv-magazine .cv-card:hover {
    border-color:var(--cv-accent);
    box-shadow:0 6px 18px rgba(34,45,80,.12);
}

/* CITAVERSO_WORK_LIGHT_RELATED_01 */
:root[data-cv-theme="light"] .cv-view-work .cv-related-work {
    background:linear-gradient(180deg,#ffffff 0%,#f1f3fb 100%)!important;
    border-color:color-mix(in srgb,var(--cv-line) 88%,transparent);
    box-shadow:0 3px 12px rgba(34,45,80,.07);
}

:root[data-cv-theme="light"] .cv-view-work .cv-related-work h3 {
    color:#202944!important;
    text-shadow:none!important;
}

:root[data-cv-theme="light"] .cv-view-work .cv-related-work p,
:root[data-cv-theme="light"] .cv-view-work .cv-related-work small {
    color:#626c85!important;
}

:root[data-cv-theme="light"] .cv-view-work .cv-related-work .cv-rating {
    color:#b77900!important;
}

:root[data-cv-theme="light"] .cv-view-work .cv-related-work:hover {
    border-color:var(--cv-accent);
    box-shadow:0 6px 18px rgba(34,45,80,.12);
}