.r4-heading{padding:52px 0;background:var(--navy);color:#fff}.r4-heading .eyebrow{color:#a5d5cf}.r4-heading h1{font-size:clamp(40px,5vw,68px);line-height:1.08;margin-bottom:25px}.r4-heading h1 em{color:#a5d5cf;font-style:normal}.r4-heading>div>p:last-child{max-width:470px;font-size:13px;line-height:1.8;color:#cbdce8;margin:0}.references-v4 .crumbs{margin-bottom:28px}.r4-projects{padding-block:70px}.r4-project{display:grid;grid-template-columns:1.7fr 1fr;gap:0;background:#edf3f1}.r4-video{aspect-ratio:16/9;position:relative;align-self:center;background:#051e3f}.r4-play{background:var(--navy);border:0;padding:0;width:100%;height:100%;position:absolute;inset:0;color:white;cursor:pointer;overflow:hidden}.r4-play>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.r4-play:hover>img{transform:scale(1.03)}.r4-play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:grid;place-items:center;border:1px solid #cce5e0;background:#082c60e8;color:#a5d5cf;font-size:23px;padding-left:4px;border-radius:50%}.r4-play-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:#082c60ed;padding:16px 24px;font-size:9px;letter-spacing:.13em}.r4-play-label>span{font-size:22px;color:#a5d5cf}.r4-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.r4-project-copy{padding:38px;align-self:center}.r4-project-copy .eyebrow{font-size:8px;line-height:1.7}.r4-project-copy h2,.r4-project-copy h3{font-size:38px;line-height:1.1;margin-bottom:20px}.r4-project-copy>p:not(.eyebrow){font-size:12px;line-height:1.85;color:var(--muted)}.r4-video-credit{border-top:1px solid #bfceca;padding-top:16px;margin-top:23px}.r4-video-credit>span{font-size:8px;color:var(--teal);letter-spacing:.1em}.r4-video-credit p{font-size:10px;margin:7px 0 20px}.r4-project-copy .text-link{font-size:10px}.r4-home{padding-block:75px 20px}.r4-home-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.r4-home-heading h2{font-size:40px;line-height:1.1;margin-bottom:0}.r4-home-heading .text-link{font-size:11px}.r4-home-heading .eyebrow{font-size:9px}
@media(max-width:1000px){.r4-project{grid-template-columns:1.4fr 1fr}.r4-project-copy{padding:25px}.r4-project-copy h2,.r4-project-copy h3{font-size:30px}.r4-project-copy>p:not(.eyebrow){font-size:11px}.r4-play-label{font-size:8px;padding:12px 18px}.r4-home-heading h2{font-size:34px}}
@media(max-width:700px){.r4-heading{padding:35px 0}.r4-heading h1{font-size:40px;line-height:1.1}.r4-heading .eyebrow{font-size:8px}.r4-heading>div>p:last-child{font-size:12px}.r4-projects{padding-block:35px 45px}.r4-project{grid-template-columns:1fr}.r4-project-copy{padding:28px 24px}.r4-project-copy h2,.r4-project-copy h3{font-size:35px}.r4-project-copy>p:not(.eyebrow){font-size:12px}.r4-video-credit{display:flex;align-items:baseline;gap:20px;padding-top:17px;margin-top:20px}.r4-video-credit p{margin-top:0}.r4-play-label{font-size:8px;padding:10px 17px}.r4-play-symbol{width:57px;height:57px;font-size:18px}.r4-home{padding-top:50px;padding-bottom:0}.r4-home-heading{display:block;margin-bottom:25px}.r4-home-heading h2{font-size:33px}.r4-home-heading .text-link{margin-top:21px}.references-v4 .crumbs{font-size:9px}}
/* Official reference identity stays intact, with a separate video action. */
.r4-play.r4-logo-cover{background:#fff;border:1px solid var(--line)}
.r4-logo-cover>img{position:absolute;left:13%;top:18%;width:74%;height:39%;object-fit:contain}
.r4-logo-cover:hover>img{transform:none}
.r4-logo-cover .r4-play-symbol{top:72%;width:55px;height:55px;font-size:18px}
@media(max-width:700px){.r4-logo-cover>img{top:14%;left:11%;width:78%;height:38%}.r4-logo-cover .r4-play-symbol{top:67%;width:40px;height:40px;font-size:14px}.r4-logo-cover .r4-play-label{padding:8px 17px;font-size:7px}.r4-logo-cover .r4-play-label>span{font-size:18px}}
/* Preserve the project heading semantics while showing the original identity. */
.r4-project-copy .r4-project-logo{width:min(240px,100%);height:auto;max-height:100px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
@media(max-width:700px){.r4-project-copy .r4-project-logo{width:210px;max-height:84px}}