/* One campaign, five original films. Each opens the existing accessible player. */
.campaign-films .section-heading>p{max-width:410px;font-size:16px;line-height:1.65}
.campaign-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.campaign-film-preview{position:relative;display:grid;place-items:center;padding:24px 20px;background:#f3f2ed;border-radius:16px;overflow:hidden}
.campaign-film:nth-child(1) .campaign-film-preview{background:#e5ebfa}.campaign-film:nth-child(2) .campaign-film-preview{background:#e4efe5}.campaign-film:nth-child(3) .campaign-film-preview{background:#fae6e5}.campaign-film:nth-child(n+4) .campaign-film-preview{background:#fff4cf}
.campaign-film-preview .project-watch-device{width:min(100%,250px);height:auto!important;max-width:100%;margin:0;aspect-ratio:var(--device-aspect);border-radius:27px;pointer-events:none}
.campaign-film-preview .platform-media img{display:block;width:100%;height:100%;object-fit:contain}
.campaign-film-play{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:16px}
.campaign-play-mark{display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border:2px solid #fff;border-radius:50%;background:#10101080;box-shadow:0 3px 12px #0003;font-size:24px;transition:transform .2s,background .2s}
.campaign-film-play:hover .campaign-play-mark,.campaign-film-play:focus-visible .campaign-play-mark{transform:scale(1.07);background:#141414}
.campaign-film-play:focus-visible{outline:3px solid #ff5a24;outline-offset:-4px}
.campaign-play-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:8px 15px;border-radius:24px;background:#141414;color:#fff;font-size:12px;font-weight:650;white-space:nowrap}
.campaign-film-number{margin:18px 0 7px;color:#9b3214;font-size:12px;font-weight:700;letter-spacing:.06em}
.campaign-film h3{font-size:22px;line-height:1.25;margin:0 0 10px}.campaign-film>p:last-child{font-size:15px;line-height:1.65;color:#505050}
@media(max-width:1000px){.campaign-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}}
@media(max-width:600px){.campaign-film-grid{grid-template-columns:1fr;gap:32px}.campaign-film-preview{padding:24px}.campaign-film-preview .project-watch-device{width:min(100%,245px)}.campaign-film h3{font-size:22px}.campaign-films .section-heading>p{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.campaign-play-mark{transition:none}}

.project-effect-subtitle{margin-top:16px;font-size:clamp(15px,1.5vw,20px);line-height:1.5;font-weight:600;color:#555}
