.penta-showcase__screens.penta-module {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    grid-template-areas: 'copy media';
    align-items: start;
    gap: 44px;
    scroll-margin-top: 88px;
    margin: 0 0 28px;
    padding: 36px;
    border: 1px solid rgba(240, 166, 91, .19);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(240, 166, 91, .07), rgba(15, 28, 47, .64) 72%);
}
.penta-showcase__screens.penta-module--slap {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    grid-template-areas: 'media copy';
    margin-bottom: 28px;
    background: linear-gradient(225deg, rgba(240, 166, 91, .07), rgba(15, 28, 47, .64) 72%);
}
.penta-module figure { grid-area: media; min-width: 0; }
.penta-module__copy { grid-area: copy; min-width: 0; margin: 0; }
.penta-module__copy > p { font-size: 18px; line-height: 1.65; }
.penta-module__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px 0 0; padding: 18px 0; border-top: 1px solid rgba(240, 166, 91, .2); border-bottom: 1px solid rgba(240, 166, 91, .2); }
.penta-module__stats dt { color: #f5b16a; font-family: 'Oswald', sans-serif; font-size: 32px; font-weight: 400; line-height: 1.2; }
.penta-module__stats dd { margin: 6px 0 0; color: #aaaeb7; font-size: 13px; line-height: 1.4; }
.penta-module__points { display: grid; gap: 17px; margin: 26px 0 0; padding: 0; list-style: none; }
.penta-module__points li { padding-left: 16px; border-left: 2px solid rgba(240, 166, 91, .6); }
.penta-module__points strong { font-size: 17px; line-height: 1.4; }
.penta-module__points span { display: block; margin-top: 3px; color: #aaaeb7; font-size: 15px; line-height: 1.5; }
.penta-module__preview { position: relative; display: block; border-radius: 12px; }
.penta-module .penta-module__preview img { border-color: #45454a; border-radius: 12px; box-shadow: 0 18px 40px rgba(0, 0, 0, .25); }
.penta-module__zoom { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #55565a; border-radius: 6px; background: rgba(12, 16, 22, .94); color: #f3f0eb; font-size: 12px; line-height: 1.3; transition: border-color .18s, color .18s; }
.penta-module__preview:hover .penta-module__zoom { border-color: #f5b16a; color: #f5b16a; }
.penta-module figcaption { padding-top: 16px; }
.penta-module figcaption strong { font-size: 17px; }
.penta-module figcaption span { display: block; margin-top: 3px; font-size: 14px; }
.penta-showcase__screens.penta-module--improvisation { grid-template-areas: 'copy summary' 'media media'; gap: 24px 44px; margin-bottom: 48px; }
.penta-module__summary { grid-area: summary; min-width: 0; }
.penta-module__summary .penta-module__stats { margin-top: 0; }
.penta-module__summary > p { margin: 14px 0 0; color: #c5c2bd; font-size: 17px; line-height: 1.6; }
.penta-module__summary > .penta-module__fineprint { margin-top: 9px; color: #aaaeb7; font-size: 13px; }
.penta-module__gallery { grid-area: media; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; min-width: 0; }
.penta-module__gallery > figure { grid-area: auto; }
.penta-module .penta-module__gallery img { aspect-ratio: 533 / 326; height: auto; object-fit: contain; background: #20242c; }
.penta-module__gallery figcaption { padding-top: 10px; }
.penta-module__gallery figcaption strong { font-size: 14px; line-height: 1.4; }
.penta-module__gallery-hint { grid-column: 1 / -1; margin: 0; color: #aaaeb7; font-size: 12px; }
.penta-module__gallery-hint i { margin-right: 6px; }
@media (max-width: 991px) {
    .penta-showcase__screens.penta-module { gap: 28px; padding: 28px; }
}
@media (max-width: 767px) {
    .penta-showcase__screens.penta-module { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'copy' 'media'; gap: 28px; padding: 26px 18px 22px; border-radius: 16px; }
    .penta-module__copy > p { font-size: 17px; }
    .penta-module__points { gap: 15px; margin-top: 22px; }
    .penta-module__points strong { font-size: 16px; }
    .penta-module__points span { font-size: 14px; }
    .penta-module__zoom { right: 8px; bottom: 8px; padding: 6px 8px; font-size: 11px; }
    .penta-showcase__screens.penta-module--improvisation { grid-template-areas: 'copy' 'summary' 'media'; gap: 22px; }
    .penta-module__gallery { gap: 10px 12px; }
    .penta-module__gallery figcaption strong { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .penta-module__zoom { transition: none; }
}