.poster{
    position:relative;
    width:min(622px, 100%);
    aspect-ratio: 622 / 2420;
    overflow:hidden;  container-type: inline-size;

}

.poster{
    --shift-x: -7%;
    --shift-y: 0%;
}

.poster .stage{
    position:absolute;
    inset:0;
    transform: translate(var(--shift-x), var(--shift-y));
}

/* Text blocks positions */

.block{
    display:flex;
    flex-direction:column;
    gap:.35em;
    font-family: var(--font-hand);
    color: var(--ink);
}

.block__heading{
    font-size: 4cqw;
    letter-spacing:.08em;
    line-height:1.05;
}

.block__lines{
    display:flex;
    flex-direction:column;
    gap:.18em;
    font-size: 4.7cqw;
    line-height:2.35;
}

.block--header {
    position: absolute;
    left: 35%;
    width: 40.514%;
    font-family: var(--font-hand);
    color: var(--ink-soft);
    font-size: 8cqw;
}

.block--sketch {
    position: absolute;
    left: 13.772%;
    top: 5.661%;
    width: 50.248%;
    gap:1.68em;
    text-align: center;

}

.block--full-colour {
    position: absolute;
    left: 63.376%;
    top: 30.207%;
    width: 50.605%;
    text-align: center;

}

.block--nsfw-block {
    position: absolute;
    left: 13.270%;
    top: 52.777%;
    width: 65.273%;
}

.block--nsfw-block .block__heading{
    font-size: 3.6cqw;
    line-height: 1.15;
    letter-spacing: .06em;
}

.block--nsfw-block .block__note{
    margin-top: .35em;
    font-size: 2.6cqw;
    line-height: 1.25;
    opacity: .8;
}

.block--extra {
    position: absolute;
    left: 13.823%;
    top: 58.512%;
    width: 92.765%;
}

.block--extra .block__heading{
    text-align: center;
    font-size: 4.0cqw;
    line-height: 1.1;
    letter-spacing: .10em;
}

.block--extra .block__sub{
    text-align: center;

    margin-top: .25em;
    font-size: 2.6cqw;
    line-height: 1.2;
    letter-spacing: .06em;
    opacity: .82;
}

.block--extra .block__note{
    text-align: center;

    margin-top: .55em;
    font-size: 2.8cqw;
    line-height: 1.2;
    letter-spacing: .06em;
    opacity: .9;
}

.block--extra .block__price{
    text-align: center;

    margin-top: .25em;
    font-size: 4.2cqw;
    line-height: 1.05;
    letter-spacing: .08em;
}

.block--fetish {
    position: absolute;
    left: 13.823%;
    top: 64.446%;
    width: 91.640%;
}

.block--fetish .block__text{
    font-size: 2.7cqw;
    line-height: 1.25;
    letter-spacing: .05em;
    opacity: .85;
}

.block--fetish .block__text + .block__text{
    margin-top: .7em;
}

.block--addons {
    position: absolute;
    left: 13.788%;
    top: 86.074%;
    width: 91.479%;
}

.block--addons .block__heading{
    font-size: 4.0cqw;
    letter-spacing: .10em;
    line-height: 1.1;
}

.block--addons .block__lines{
    margin-top: .4em;
    display:flex;
    flex-direction:column;
    gap:.22em;
    font-size: 2.9cqw;
    line-height: 1.15;
}

.block--addons .block__lines div{
    display:flex;
    justify-content:space-between;
}

.block--addons .block__contact{
    margin-top: .7em;
    font-size: 2.6cqw;
    line-height: 1.2;
    opacity: .9;
}

.block--addons .discord-copy{
    text-decoration:none;
    color: var(--muted2);
    margin-left:.3em;
    transition: opacity .15s ease;
    cursor:pointer;

}

.block--addons .discord-copy:hover{
    opacity:.75;
}

/* Base slot style (frame + crop) */
.poster .slot{
    position: absolute;
    border-radius: 12px;
    border: 2px solid rgba(40,25,25,.35);
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
    overflow: hidden;
    background: rgba(255,255,255,.08);
    transform: none !important;

}
.poster .slot > img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: none !important;

}

/* Slots positions */
.poster .slot--scetch1{
    left: 63.505%;
    top: 3.306%;
    width: 29.904%;
    height: 7.479%;
}

.poster .slot--scetch2{
    left: 64.630%;
    top: 11.942%;
    width: 27.653%;
    height: 7.025%;
}

.poster .slot--scetch3{
    left: 65.273%;
    top: 20.372%;
    width: 26.367%;
    height: 7.769%;
}

.poster .slot--scetch4{
    left: 8.360%;
    top: 18.306%;
    width: 49.678%;
    height: 9.917%;
}

.poster .slot--fc1{
    left: 6.270%;
    top: 30.207%;
    width: 47.267%;
    height: 7.273%;
}

.poster .slot--fc-2{
    left: 6.913%;
    top: 37.727%;
    width: 44.695%;
    height: 13.140%;
}

.poster .slot--fc3{
    left: 55.627%;
    top: 41.033%;
    width: 37.942%;
    height: 13.388%;
}

.poster .slot--fet1{
    left: 9.968%;
    top: 70.223%;
    width: 50.482%;
    height: 11.983%;
}

.poster .slot--fet2{
    left: 66.720%;
    top: 70.843%;
    width: 23.794%;
    height: 11.364%;
}