.offer-film{padding-block:clamp(40px,6vw,84px);border-block:1px solid var(--hair);scroll-margin-top:150px;background:var(--bg);color:var(--ink)}
[data-theme=day] .offer-film{background:#f8f5ec}
.offer-film-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:clamp(28px,6vw,88px);align-items:center}
.offer-film-copy{max-width:58ch;min-width:0}
.offer-film-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.5vw,60px);line-height:1.08;letter-spacing:-.035em;margin:14px 0 22px;color:var(--ink)}
.offer-film-copy>p:not(.kicker){font-size:17px;line-height:1.7;color:var(--muted)}
.offer-film-figure{margin:0;width:100%;max-width:360px;justify-self:center;min-width:0}
.offer-film-screen{position:relative;aspect-ratio:4/5;background:#0a1022;border:1px solid rgba(195,160,83,.38);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.13)}
.offer-film-screen>img,.offer-film-screen>video{display:block;width:100%;height:100%;object-fit:contain}
.offer-film-screen>[hidden]{display:none}
.offer-film-start{position:absolute;inset:auto 20px 24px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:1px solid #e1bf70;border-radius:999px;background:#e1bf70;color:#111b2a;padding:12px 16px;font:600 15px/1.4 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 24px #0005;transition:background .18s,box-shadow .18s}
.offer-film-start svg{width:19px;height:19px;flex-shrink:0;fill:currentColor}
@media(hover:hover){.offer-film-start:hover{background:#f1d694;box-shadow:0 8px 30px #0007}}
.offer-film-start:focus-visible,.offer-film-screen video:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.offer-film-start:active{background:#f8e4b7}
.offer-film-status{font-size:14px;line-height:1.6;color:var(--ink);margin:0}
.offer-film-status:not(:empty){margin-top:12px}
.offer-film-transcript{margin-top:24px;border-top:1px solid var(--hair);padding-top:12px;color:var(--ink)}
.offer-film-transcript summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:15px}
.offer-film-transcript summary:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}
.offer-film-transcript ul{padding-left:20px;font-size:15px;line-height:1.8;color:var(--muted)}
.offer-film-fallback{display:inline-flex;padding-block:12px;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){.offer-film-grid{grid-template-columns:minmax(0,1fr)}.offer-film-figure{max-width:min(100%,360px)}.offer-film-copy h2{font-size:38px}.offer-film-start{inset:auto 16px 20px}}
@media(prefers-reduced-motion:reduce){.offer-film-start{transition:none}}