/* Retain TR's design system. Give real work and service decisions more visual weight. */
.tr5-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;padding:3rem 0 1rem;color:#fff;align-items:end}
.tr5-lead h2{font-size:clamp(2.5rem,4.8vw,4.5rem);font-weight:750;line-height:1.03;letter-spacing:-.04em;margin:0}
.tr5-lead p{font-size:1.2rem;line-height:1.45;color:#c5c5c5;font-weight:450;margin:0}
.tr5-lead .tr4-text-link{color:#fff}
.tr5-work{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0}
.tr5-work>.col{width:100%;max-width:100%;margin:0;padding:0}
.tr5-work .tr5-film .bento-ecom_content{padding:2rem;display:flex;gap:1.5rem;flex-direction:column;height:100%}
.tr5-work .h3.min-h{min-height:0;margin-bottom:.75rem;font-size:2rem;letter-spacing:-.03em}
.tr5-work .bento-ecom_logo{min-height:0;margin:0 0 1.5rem;justify-content:flex-start}
.tr5-work .tr-client-chip{padding:0;background:none;border:0;border-radius:0;color:inherit;font-size:.85rem;text-align:left}
.tr5-art-frame{position:relative;isolation:isolate;overflow:hidden;padding:1rem;border-radius:.75rem;width:100%!important;max-width:none!important;aspect-ratio:auto!important;height:auto!important}
.tr5-art-frame .tr5-original-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.film-stage{position:relative;aspect-ratio:16/9;background:#0b0b0b;overflow:hidden;border-radius:.35rem}
.film-stage>a{display:block;width:100%;height:100%;position:relative}
.film-stage>a[hidden]{display:none}
.film-stage>a>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.film-stage>a:hover>img{transform:scale(1.025)}
.tr5-play{position:absolute;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.6rem;background:#ffe243;color:#161616;padding:.65rem .85rem;border-radius:.4rem;font-size:.85rem;font-weight:650}
.tr5-play svg{width:14px;height:14px;fill:currentColor}
.film-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.film-reset{position:absolute;right:.5rem;top:.5rem;z-index:2;background:#ffe243;color:#161616;border:0;border-radius:.3rem;min-height:36px;padding:.4rem .65rem;font:600 .8rem 'Figtree TR',sans-serif}
.tr5-work .bento-ecom-bottom{gap:1rem;padding-top:0;margin-top:0}
.tr5-work .bento-ecom-bottom .paragraph-lg:first-child{font-size:1.15rem}
.tr5-work .bento-credits{margin-top:.6rem}
.tr5-acquisition-case{grid-column:1/-1}
.tr5-acquisition-case .bento-wrap{display:grid;grid-template-columns:1fr 15rem;gap:1rem;align-items:stretch}
.tr5-acquisition-case .bento-ecom_content{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;padding:2rem}
.tr5-acquisition-case .img-cs-block{width:8rem;height:5rem;margin:0}
.tr5-acquisition-case .img-cs-block img{height:100%;width:100%;object-fit:cover}
.tr5-acquisition-case .bento-ecom-bottom{justify-content:center}
.tr5-acquisition-case .bento-credits{margin:0;display:flex;flex-direction:column;justify-content:space-between}
.tr5-acquisition-case .bento-credit_img{width:5rem;height:5rem;flex:none}
.tr5-acquisition-case .bento-button{width:100%;min-height:6rem}
.tr5-scope{display:block;color:#d0d5e5;font-size:.9rem;line-height:1.6;margin-top:1rem}
.tr5-service-heading{padding-top:4rem}
.tr5-services .bento-block-2{display:flex;flex-direction:column;height:100%;gap:1.3rem}
.tr5-services .h3{font-size:3rem;font-weight:750;letter-spacing:-.04em}
.tr5-services .u-mb-md,.tr5-services .u-mb-xl{margin-bottom:0}
.tr5-service-description,.tr5-services .paragraph-xl{font-size:1.15rem;line-height:1.45;font-weight:450;margin:1rem 0 0}
.tr5-services .image-118{height:11rem;max-height:11rem}
.tr5-services .cross-component{margin:0}
.tr5-services .cross-logo_wrapper{margin:0}
.tr5-services .cross-logo_item{height:6rem}
.tr5-services .paragraph-xl{order:1;margin:0}
.tr5-services .cross-component{order:2;margin-top:auto}
.tr5-service-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c3c3c3;padding-top:1rem;margin-top:auto;min-height:48px;text-decoration:none;color:#161616;font-size:1rem;font-weight:650;order:3}
.tr5-service-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:767px){
 /* The sticky stage now starts below the header, with a contained SVG viewport.
    Its height follows the artwork instead of vertically centering a taller image. */
 .lottie-container{padding-top:112px;height:calc(112px + 128vw + 90px);min-height:0;overflow:visible}
 .lottie-wrap{position:sticky;top:112px;width:100%;height:auto;display:block;align-items:initial;justify-content:initial;overflow:visible}
 .lottie-mobile{display:block;width:100%;height:auto;position:relative;margin:0;overflow:visible}
 .lottie-animation-main-mobile{width:100%;height:auto;aspect-ratio:820/956;margin:0;position:relative;overflow:visible}
 .lottie-animation-main-mobile>svg{display:block;width:100%!important;height:100%!important;overflow:visible}
 .tr5-lead{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0 .5rem}
 .tr5-lead h2{font-size:2.6rem;line-height:1.05}
 .tr5-lead p{font-size:1.1rem}
 .tr5-work{grid-template-columns:1fr;gap:1.5rem}
 .tr5-work .tr5-film .bento-ecom_content{padding:1.25rem;gap:1.2rem}
 .tr5-work .h3.min-h{font-size:1.7rem}
 .tr5-art-frame{padding:.65rem}
 .tr5-play{left:.55rem;bottom:.55rem;padding:.5rem .65rem;font-size:.8rem}
 .tr5-work .bento-ecom-bottom .paragraph-lg:first-child{font-size:1.05rem}
 .tr5-acquisition-case .bento-wrap,.tr5-acquisition-case .bento-ecom_content{display:block}
 .tr5-acquisition-case .bento-ecom_content{padding:1.25rem}
 .tr5-acquisition-case .img-cs-block{width:100%;height:7rem;margin-bottom:1.3rem}
 .tr5-acquisition-case .bento-credits{flex-direction:row;margin-top:.6rem;gap:.6rem}
 .tr5-acquisition-case .bento-button{min-height:5rem}
 .tr5-service-heading{padding-top:2.5rem}
 .tr5-services .h3{font-size:2.5rem}
 .tr5-services .bento-block-2{gap:1rem}
 .tr5-service-description,.tr5-services .paragraph-xl{font-size:1.1rem}
 .tr5-services .cross-logo_item{height:4.25rem}
}
@media(prefers-reduced-motion:reduce){.film-stage>a>img{transition:none}}