.clients-section,.experience-section{background:#191b1c;color:#f3f3ed}
.clients-section .section-label,.experience-section .section-label{color:#a7aaa6;border-color:#ffffff26}
.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:54px 0 60px}
.clients-heading h2,.experience-section>h2{font-size:clamp(32px,4.4vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1.3;margin:0}
.clients-heading h2 span{color:var(--orange)}
.clients-spark{color:var(--orange);width:74px;height:74px}
.client-cloud{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:29px 44px;max-width:1500px}
.client-name{display:block;white-space:nowrap;line-height:1.25;font-weight:500;letter-spacing:-.035em}
.client-tier-1{font-size:clamp(38px,6.1vw,89px);color:#f4f3ed}
.client-tier-2{font-size:clamp(29px,4.25vw,61px);color:#c4c6c0}
.client-tier-3{font-size:clamp(23px,2.8vw,40px);color:#8d928d}
.clients-note{font-size:13px;letter-spacing:.15em;color:#9da29c;border-top:1px solid #ffffff26;margin:50px 0 0;padding-top:22px}
.experience-section{padding-top:35px;border-bottom:1px solid #ffffff20}
.experience-section>h2{margin-top:45px}
.experience-metrics{display:grid;grid-template-columns:1fr 1.15fr 1.1fr;gap:36px;margin:60px 0 58px}
.experience-metrics>div{border-bottom:1px solid #ffffff35;padding-bottom:25px}
.metric-value{display:block;font:400 clamp(75px,9.4vw,137px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.07em;color:var(--orange);white-space:nowrap}
.metric-value>span{font-size:.36em;letter-spacing:0;margin-left:10px}
.metric-awards{font-size:clamp(32px,4.2vw,61px);font-weight:500;line-height:1.1;letter-spacing:-.055em;min-height:clamp(82px,10.34vw,151px);display:flex;align-items:center}
.experience-metrics h3{font-size:clamp(15px,1.35vw,21px);font-weight:400;margin:16px 0 0;line-height:1.5;color:#dcdfd8}
.experience-bottom{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}
.experience-copy .experience-statement{font-size:clamp(23px,2.4vw,35px);line-height:1.6;color:#f1f2ec;letter-spacing:-.03em;margin:0 0 32px}
.experience-copy>p{font-size:15px;line-height:1.9;color:#aeb2ab;max-width:430px}
.award-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.award-pair figure{margin:0;min-width:0}
.award-pair img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}
.award-pair figcaption>span{display:block;color:#f55509;font-size:12px;letter-spacing:.04em;margin:19px 0 9px}
.award-pair h3{font-size:17px;line-height:1.5;font-weight:500;margin:0 0 10px}
.award-pair p{font-size:12px;color:#aeb2ab;line-height:1.65;margin:0}
@media(max-width:900px){.client-cloud{gap:27px}.experience-bottom{gap:35px}.experience-metrics{gap:22px}.clients-heading{margin-bottom:40px}}
@media(max-width:600px){.clients-heading{margin:35px 0 40px}.clients-heading h2,.experience-section>h2{font-size:31px}.clients-spark{width:44px;height:44px}.client-cloud{justify-content:flex-start;gap:22px 25px}.client-tier-1{font-size:38px}.client-tier-2{font-size:28px}.client-tier-3{font-size:22px}.clients-note{margin-top:36px;letter-spacing:.04em}.experience-section{padding-top:15px}.experience-metrics{grid-template-columns:1fr 1fr;gap:25px 20px;margin:36px 0}.experience-metrics>div:last-child{grid-column:1/-1;display:flex;align-items:center;gap:24px}.metric-value{font-size:79px}.metric-awards{font-size:34px;min-height:55px}.experience-metrics h3{font-size:14px;margin-top:12px}.experience-metrics>div:last-child h3{margin:0;font-size:14px}.experience-bottom{grid-template-columns:1fr;gap:25px}.experience-copy .experience-statement{font-size:25px;margin-bottom:19px}.experience-copy>p{font-size:14px}.award-pair{gap:17px}.award-pair h3{font-size:14px}.award-pair p{font-size:11px}}
@media print{.clients-section,.experience-section{break-inside:avoid}}
.case-tier-heading{display:flex;align-items:baseline;gap:20px;border-top:1px solid #d0d1ca;padding-top:23px;margin:60px 0 28px}
.case-tier-heading>span{font:400 15px/1 Arial,sans-serif;color:var(--orange)}
.case-tier-heading h3{font-size:clamp(26px,2.6vw,38px);font-weight:500;letter-spacing:-.035em;margin:0}
.case-tier-heading p{margin:0 0 0 auto;font-size:13px;color:#747770}
.priority-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.priority-card{min-width:0}
.priority-poster{display:block;overflow:hidden;background:#222728;aspect-ratio:4/3}
.priority-poster>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.priority-card:hover .priority-poster>img{transform:scale(1.025)}
.priority-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:22px 0 19px}
.priority-card-heading h4{font-size:clamp(20px,2.1vw,30px);font-weight:500;line-height:1.35;letter-spacing:-.035em;margin:0}
.priority-card-heading>span{font-size:12px;white-space:nowrap;color:#757972}
.asset-pending{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#dddcd4;gap:15px}
.asset-pending>span{font-size:clamp(40px,5.5vw,80px);letter-spacing:.15em;font-weight:300}
.asset-pending>small{font-size:14px;letter-spacing:.28em}
.production-credit{border-top:1px solid #d0d1ca;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;color:#777b73;font-size:12px}
.production-credit p{margin:0}
.awarded-visual{position:relative;display:grid;grid-template-columns:1.7fr 1fr;gap:12px;align-items:stretch;background:#1c2020;padding:12px}
.awarded-visual .priority-poster{height:100%;aspect-ratio:3/4}
.award-evidence{align-self:stretch;min-width:0;display:flex;align-items:center}
.award-evidence img{width:100%;height:100%;object-fit:contain;display:block}
.award-detail{border-top:1px solid #d0d1ca;padding-top:18px}
.award-detail>span{font-size:16px;color:var(--orange);line-height:1.5;font-weight:500}
.award-detail p{font-size:13px;color:#6b7068;line-height:1.8;margin:10px 0}
.award-detail a{font-size:12px;display:inline-block;margin-top:8px}
@media(max-width:700px){.case-tier-heading{gap:12px;margin:42px 0 22px}.case-tier-heading h3{font-size:24px}.case-tier-heading p{display:none}.priority-grid{gap:17px}.priority-card-heading{display:block;margin:15px 0}.priority-card-heading h4{font-size:18px}.priority-card-heading>span{display:block;margin-top:9px;font-size:11px;white-space:normal}.production-credit{display:block;font-size:11px;padding:14px 0}.production-credit p{margin-top:7px}.awarded-visual{padding:6px;gap:6px;grid-template-columns:1.5fr 1fr}.award-detail>span{font-size:13px}.award-detail p{font-size:12px}.priority-poster{aspect-ratio:3/4}.asset-pending>span{font-size:34px}.asset-pending>small{font-size:12px}}
.experience-bottom{display:block}
.experience-copy{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:42px;align-items:start}
.experience-copy>p{margin:0}
.experience-copy .experience-statement{font-size:clamp(22px,2.1vw,31px);margin:0}
@media(max-width:700px){.experience-copy{display:block}.experience-copy>p{margin-top:18px}.experience-copy .experience-statement{font-size:25px}}
.award-poster{aspect-ratio:16/9}
.award-proof{display:grid;grid-template-columns:1fr 134px;gap:28px;border-top:1px solid #d0d1ca;padding-top:19px;align-items:start}
.award-proof .award-detail{border:0;padding:0}
.award-certificate{width:134px;height:178px;object-fit:contain;object-position:top right;display:block}
@media(max-width:700px){.award-proof{grid-template-columns:1fr;gap:15px;padding-top:14px}.award-certificate{width:100%;height:190px;object-position:center}.award-poster{aspect-ratio:4/3}}
.asset-pending{background:#e2e4dd;color:#92988c}
.asset-pending>small{font-size:12px;letter-spacing:.1em}
.production-credit{display:flex;justify-content:center;align-items:center;aspect-ratio:16/4;background:#e2e4dd;border:0;padding:0;color:#92988c;font-size:12px}
@media(max-width:700px){.production-credit{min-height:70px;aspect-ratio:16/5;font-size:10px}.asset-pending>small{font-size:11px;letter-spacing:.04em}}
.production-credit{width:100%;min-width:0}

/* Original programme credits, visible without opening a detail view. */
.production-evidence{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.production-evidence figure{margin:0;min-width:0}
.production-evidence img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.production-evidence figcaption{margin-top:10px;color:#72776e;font-size:12px;line-height:1.6}
@media(max-width:700px){.production-evidence{grid-template-columns:1fr;gap:16px}.production-evidence figcaption{font-size:10px;margin-top:6px}}

.credit-frame{aspect-ratio:16/9;background:#191b1c;overflow:hidden}
.credit-frame svg{display:block;width:100%;height:100%;overflow:hidden}

.production-card .priority-poster{aspect-ratio:16/9}
button.credit-frame{display:block;width:100%;padding:0;border:0;border-radius:0;cursor:zoom-in}
button.credit-frame:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.credit-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:54px 24px 24px;border:0;background:rgba(12,14,14,.96);color:#fff;overflow:hidden}
.credit-dialog::backdrop{background:rgba(0,0,0,.7)}
#credit-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#credit-content svg{display:block;width:100%;height:100%;overflow:hidden;max-width:1600px}
.credit-dialog .dialog-close{position:absolute;top:8px;right:16px;width:44px;height:44px;padding:0;border:0;background:none;color:#fff;font:32px/1 Arial;cursor:pointer}
.credit-dialog .dialog-close:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}
@media(max-width:700px){.credit-dialog{padding:52px 12px 20px}}

.production-card .priority-poster img{object-fit:contain;background:#191b1c}