/* A finished campaign film for Content & Creative. */
.creative-showcase{width:100%;padding:68px 28px 56px}
.creative-project{margin:0}
.creative-frame{position:relative;aspect-ratio:16/9;background:#101010;border:1px solid #f1f0ec35;overflow:hidden}
.creative-preview{display:block;width:100%;height:100%;object-fit:cover;background:#101010}
.creative-frame-label{position:absolute;left:14px;top:13px;padding:6px 8px;background:#0a0a0ab8;color:var(--paper);font:8px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;pointer-events:none}
.creative-project figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}
.creative-project figcaption strong{display:block;font:900 clamp(22px,2.4vw,31px)/1.05 var(--font-display);letter-spacing:-.02em}
.creative-project figcaption div>span{display:block;margin-top:8px;color:var(--fog);font:10px/1.5 var(--font-mono)}
.creative-project figcaption a{display:flex;align-items:center;gap:16px;min-height:44px;color:var(--paper);font:10px/1.5 var(--font-mono);text-decoration:underline;text-underline-offset:5px}
.creative-project figcaption a>span{font-size:18px}
.creative-preview-toggle{display:block;margin:14px 0 0;color:var(--fog);background:none;border:0;border-bottom:1px solid var(--line);padding:8px 0;min-height:44px;font:9px/1.5 var(--font-mono)!important;text-transform:uppercase;letter-spacing:.08em}
.creative-preview-toggle:hover{color:var(--paper);border-color:var(--paper)}
.creative-preview-toggle:disabled{cursor:default;color:var(--fog);border-color:transparent}
.showing-creative .service-film.active{position:relative;height:auto}
@media(max-width:760px){.creative-showcase{padding:62px 22px 20px}.showing-creative .service-screen{min-height:420px}.showing-creative .service-mobile-description{position:static;margin:0 22px 25px;font-size:13px;line-height:1.6}.creative-project figcaption{margin-top:16px}.creative-frame-label{left:10px;top:10px;font-size:7px}.creative-preview-toggle{margin-top:10px}}
@media(max-width:440px){.creative-showcase{padding-inline:16px}.showing-creative .service-mobile-description{margin-inline:16px}.creative-project figcaption a{gap:8px;font-size:9px}.creative-project figcaption div>span{font-size:9px}}