/* The approved print format lives on the two card surfaces only.
   Flip and scroll transforms remain owned by the existing controllers. */
body.aw-redesign.immersive-home .flip-card[data-poster="skills"] { --poster-art: url('../img/feature-posters-v19/skills.png'); }
body.aw-redesign.immersive-home .flip-card[data-poster="craft"] { --poster-art: url('../img/feature-posters-v19/craft.png'); }
body.aw-redesign.immersive-home .flip-card[data-poster="rebirth"] { --poster-art: url('../img/feature-posters-v19/rebirth.png'); }
body.aw-redesign.immersive-home .flip-card[data-poster="hunting"] { --poster-art: url('../img/feature-posters-v19/hunting.png'); }
body.aw-redesign.immersive-home .flip-card[data-poster="relics"] { --poster-art: url('../img/feature-posters-v19/relics.png'); }
body.aw-redesign.immersive-home .flip-card[data-poster="events"] { --poster-art: url('../img/feature-posters-v19/events.png'); }
body.aw-redesign.immersive-home .flip-card[data-poster="gear"] { --poster-art: url('../img/feature-posters-v19/gear.png'); }
body.aw-redesign.immersive-home .flip-card[data-poster="worlds"] { --poster-art: url('../img/feature-posters-v19/worlds.png'); }
body.aw-redesign.immersive-home .flip-card__front {
    padding: 0;
    background: #17151d var(--poster-art) center / cover no-repeat;
    border-color: #d4bdce30;
}
body.aw-redesign.immersive-home .flip-card__front::before,
body.aw-redesign.immersive-home .flip-card__front::after { content: none; }
body.aw-redesign.immersive-home .poster-card-copy {
    position: absolute;
    inset: 0 0 auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    padding: 28px 24px;
    pointer-events: none;
}
body.aw-redesign.immersive-home .poster-card-signature {
    display: block;
    color: #e4bdcf;
    font: 500 9px/1.6 'Unbounded',sans-serif;
    letter-spacing: 0;
    text-shadow: 0 1px 8px #09080d80;
}
body.aw-redesign.immersive-home .studio-card-title {
    position: static;
    inset: auto;
    display: block;
    width: 100%;
    max-width: 300px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #f3eaf0;
    font-family: 'Oswald',sans-serif;
    font-size: clamp(36px,3.2vw,46px);
    font-weight: 500;
    line-height: 1.07;
    letter-spacing: -.015em;
    text-align: left;
    text-transform: none;
    text-wrap: balance;
    text-shadow: 0 1px 12px #09080d99;
}
body.aw-redesign.immersive-home .flip-card__back {
    background: #17151d;
    border-color: #d4bdce30;
    text-shadow: none;
}
/* The rail measures its width dynamically, so each portrait keeps its complete 2:3 art. */
body.aw-redesign.immersive-home .cinematic-gallery .flip-card {
    width: min(30.666667svh,280px);
    min-width: 166.666667px;
    height: min(46svh,420px);
    min-height: 250px;
    aspect-ratio: 2 / 3;
}
body.aw-redesign.immersive-home .cinematic-gallery .poster-card-copy {
    padding: 24px 20px;
    gap: 10px;
}
body.aw-redesign.immersive-home .cinematic-gallery .studio-card-title {
    font-size: clamp(24px,3.2svh,30px);
}
/* Unpinned grids show the complete portrait too. */
body.aw-redesign.immersive-home .features:not(.cinematic-gallery) .flip-card {
    aspect-ratio: 2 / 3;
    min-height: 0;
}
body.aw-redesign.immersive-home .features:not(.cinematic-gallery) .studio-card-title {
    font-size: clamp(30px,2.7vw,42px);
}
@media (max-width:640px) {
    body.aw-redesign.immersive-home .poster-card-copy { padding: 28px 24px; }
    body.aw-redesign.immersive-home .features:not(.cinematic-gallery) .studio-card-title { font-size: 42px; }
}
@media (max-width:360px) {
    body.aw-redesign.immersive-home .poster-card-copy { padding: 24px 20px; }
    body.aw-redesign.immersive-home .features:not(.cinematic-gallery) .studio-card-title { font-size: 36px; }
}