/* Image-led introduction and compact portfolio entrance. */
.intro{display:block;padding-top:78px;padding-bottom:65px}
.intro-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:38px}
.intro-heading>.eyebrow{padding-top:10px;max-width:220px}
.intro-heading h2{width:75%;font-size:clamp(43px,4.5vw,74px);line-height:1.02}
.intro-panels{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.intro-panel{display:block;min-width:0}
.intro-picture{position:relative;overflow:hidden;background:var(--panel);aspect-ratio:16/9}
.intro-picture img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.intro-panel:hover .intro-picture img{transform:scale(1.025)}
.intro-studio .intro-picture>img{object-position:55% 50%}
.intro-caption{padding:23px 0 0;display:grid;grid-template-columns:1fr auto;column-gap:22px}
.intro-caption .eyebrow{grid-column:1/-1;color:var(--cyan);font-size:11px;margin-bottom:11px}
.intro-caption h3{font:500 clamp(30px,2.8vw,43px)/1.06 var(--display);margin:0 0 13px}
.intro-caption p{grid-column:1;max-width:490px;font-size:16px;line-height:1.55;margin:0;color:var(--muted)}
.intro-caption>.ui-icon{grid-column:2;grid-row:2/4;width:24px;height:24px;align-self:center;transition:transform .2s ease}
.intro-panel:hover .intro-caption>.ui-icon{transform:translateX(5px)}
.work{padding-top:48px}
.work-heading{display:block;margin-bottom:28px}
.work-heading h2{font-size:clamp(54px,5.7vw,88px)}
@media(min-width:901px){.work-heading h2 br{display:none}}









.work .work-toolbar{margin-bottom:24px;padding-top:16px}
@media(max-width:900px){.intro-heading{display:block}.intro-heading>.eyebrow{max-width:none;padding:0;margin-bottom:23px}.intro-heading h2{width:auto}.work-heading h2{font-size:64px}}
@media(max-width:580px){.intro{padding-top:48px;padding-bottom:40px}.intro-heading{margin-bottom:25px}.intro-heading h2{font-size:41px}.intro-heading>.eyebrow{margin-bottom:20px}.intro-panels{grid-template-columns:1fr;gap:30px}.intro-picture{aspect-ratio:1.68}.intro-studio .intro-picture>img{object-position:57% center}.intro-caption{padding-top:17px;column-gap:15px}.intro-caption .eyebrow{margin-bottom:9px;font-size:10px}.intro-caption h3{font-size:32px;margin-bottom:10px}.intro-caption p{font-size:15px;line-height:1.5}.intro-caption>.ui-icon{width:21px;height:21px}.work{padding-top:32px}.work-heading{display:block;margin-bottom:22px}.work-heading h2{font-size:54px}.work-heading .eyebrow{margin-bottom:18px}.work .work-toolbar{padding-top:12px;margin-bottom:20px}.work-filters{gap:18px}}

.intro-picture>picture{display:block;width:100%;height:100%}
/* Fit the complete cutout first, then apply a uniform photographic grade. */
.robot-visual--cinebot{background:radial-gradient(ellipse at 50% 50%,#24484f 0%,#10282e 40%,transparent 73%)}
.robot-visual--cinebot>img{object-fit:contain;object-position:center;filter:brightness(1.08) contrast(1.03);opacity:1;mask-image:none;-webkit-mask-image:none}