.lwg-trailer { margin: 0; display: grid; gap: 10px; width: 100%; }
.lwg-trailer-frame {
    position: relative; width: 100%; max-width: 100%; aspect-ratio: 16 / 9;
    border: 3px solid var(--ink, #3D2518); border-radius: 14px; overflow: hidden; container-type: inline-size;
    background: var(--ink, #3D2518); box-shadow: 6px 6px 0 var(--ink, #3D2518);
}
.lwg-trailer-video { display: block; width: 100%; height: 100%; object-fit: cover; background: var(--ink, #3D2518); }
.lwg-trailer-play {
    position: absolute; left: 88%; top: 82%; transform: translate(-50%, -50%);
    width: clamp(52px, 13cqw, 84px); height: clamp(52px, 13cqw, 84px); border-radius: 50%; border: 3px solid var(--ink, #3D2518);
    background: var(--orange-deep, #B8461A); color: var(--cream, #FDF6E9); cursor: pointer;
    display: grid; place-items: center; box-shadow: 4px 4px 0 var(--ink, #3D2518);
    transition: transform .15s ease, box-shadow .15s ease;
}
.lwg-trailer-play:hover, .lwg-trailer-play:focus-visible { transform: translate(-50%, -50%) scale(1.06); }
.lwg-trailer-play:focus-visible { outline: 3px solid var(--teal-dark, #3A7A80); outline-offset: 4px; }
.lwg-trailer-play svg { width: 36%; height: 36%; margin-left: 6%; }
.lwg-trailer-play[hidden] { display: none; }
.lwg-trailer figcaption { font-size: .9rem; font-weight: 600; color: var(--brown, #5C3D2E); text-align: center; }
.about-trailer { padding-block: 56px 8px; }
.about-trailer .lwg-trailer { max-width: 960px; margin: 0 auto; }
.about-trailer .editorial-head { text-align: center; margin-bottom: 20px; }
@media (max-width: 600px) {
    .about-trailer { padding-block: 40px 0; }
}
@media (prefers-reduced-motion: reduce) { .lwg-trailer-play { transition: none; } }
.op-grid.op-grid--video { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; }
@media (max-width: 980px) { .op-grid.op-grid--video { grid-template-columns: minmax(0, 1fr); gap: 36px; } }