/* The About film replaces only the former Who we are text block. */
.ab-showreel{padding-block:clamp(20px,3vw,52px) clamp(45px,6vw,100px);scroll-margin-top:110px}
.ab-showreel-figure{margin:0}
.ab-showreel-frame{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#fcfaf5}
.ab-showreel-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#fcfaf5}
.ab-showreel-control{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:14px;padding:12px 19px;border:1px solid #d0d3c3;border-radius:40px;background:rgba(252,250,245,.94);color:#414638;font:inherit;font-size:13px;line-height:1.3;cursor:pointer;transition:background .2s,transform .2s}
.ab-showreel-control[hidden]{display:none}
.ab-showreel-control:hover{background:#e2e781;transform:translateY(-2px)}
.ab-showreel-control:focus-visible{outline:3px solid #bc246e;outline-offset:4px}
.ab-showreel-control [data-showreel-icon]{font-size:17px;min-width:14px;text-align:center}
.ab-showreel figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:17px;color:#727767;font-size:12px;line-height:1.5}
.ab-showreel figcaption>span:first-child{color:#414638}
@media(max-width:700px){.ab-showreel{padding-block:14px 42px;scroll-margin-top:96px}.ab-showreel-frame{border-radius:12px}.ab-showreel-control{right:10px;bottom:10px;padding:8px 11px;font-size:11px;gap:8px}.ab-showreel-control [data-showreel-icon]{font-size:13px}.ab-showreel figcaption{font-size:10px;gap:10px;padding-top:12px}.ab-showreel figcaption>span:last-child{text-align:right;max-width:150px}}
@media(prefers-reduced-motion:reduce){.ab-showreel-control{transition:none}}