.motion-intro{padding:52px 4.5% 72px}.motion-label{font-size:14px;color:var(--blue)}.motion-intro h1{font-size:clamp(64px,10.5vw,156px);font-weight:500;letter-spacing:-.075em;line-height:.98;margin:44px 0}.motion-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:900px}.motion-intro-bottom p{max-width:500px;margin:0;color:#555;line-height:1.7;font-size:18px}.motion-work{padding:0 4.5% 88px}.motion-examples{display:grid;gap:56px;margin-top:32px}.motion-example-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.motion-example-heading h3{font-size:26px;letter-spacing:-.8px;font-weight:500;margin:0}.motion-example-heading>span{color:#555;font-size:14px}.motion-example video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line)}.motion-example video:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.motion-example-caption{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-top:20px;font-size:15px;line-height:1.6}.motion-example-caption p{max-width:550px;color:#555;margin:0}.motion-example-caption a{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.motion-services{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:72px 4.5%;background:var(--surface)}.motion-services h2{font-size:clamp(36px,4vw,60px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:32px 0 0}.motion-formats article{border-top:1px solid var(--line);padding:25px 0}.motion-formats article:first-child{padding-top:0;border:0}.motion-formats article:last-child{padding-bottom:0}.motion-formats h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:0 0 12px}.motion-formats p{color:#555;line-height:1.7;max-width:450px;margin:0}.motion-contact h2{transform:none}
@media(min-width:1450px){.motion-examples{max-width:1400px;margin-left:auto;margin-right:auto}}
@media(max-width:700px){.motion-intro{padding-top:36px;padding-bottom:52px}.motion-intro h1{font-size:15vw;margin:32px 0}.motion-intro-bottom,.motion-example-caption{align-items:start;flex-direction:column;gap:22px}.motion-intro-bottom p{font-size:16px}.motion-work{padding-bottom:56px}.motion-example-heading{align-items:start;flex-direction:column;gap:10px}.motion-example-heading h3{font-size:23px}.motion-services{grid-template-columns:1fr;gap:36px;padding-top:52px;padding-bottom:52px}.motion-services h2{font-size:42px}.motion-work .section-head p{margin-top:16px}.motion-example-caption{font-size:14px}.motion-contact h2{font-size:clamp(44px,12vw,84px)}}
/* Portrait examples retain their original format. */
.motion-demo-note{font-size:14px;line-height:1.6;color:#555;margin:22px 0 0}.motion-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 26px}.motion-example--portrait .motion-example-heading{flex-direction:column;align-items:flex-start;gap:9px;min-height:62px}.motion-example--portrait .motion-example-heading h3{font-size:24px}.motion-example--portrait .motion-example-heading>span{font-size:13px}.motion-example--portrait video{aspect-ratio:9/16;object-fit:contain}.motion-example--portrait .motion-example-caption{font-size:14px}.motion-example--studio{grid-column:1/-1;padding-top:32px;border-top:1px solid var(--line)}
@media(max-width:760px){.motion-examples{grid-template-columns:1fr;gap:42px}.motion-example--portrait{width:min(100%,420px);margin-inline:auto}.motion-example--portrait .motion-example-heading{min-height:0}.motion-example--portrait .motion-example-heading h3{font-size:24px}.motion-example--studio{padding-top:26px}.motion-demo-note{font-size:13px}}
/* Landscape examples sit together beneath the portrait collection. */
.motion-landscape-examples{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.motion-example--landscape .motion-example-heading{flex-direction:column;align-items:flex-start;gap:9px}.motion-example--landscape .motion-example-heading h3{font-size:24px}.motion-example--landscape .motion-example-heading>span{font-size:13px}.motion-example--landscape .motion-example-caption{font-size:14px}
@media(max-width:760px){.motion-landscape-examples{grid-template-columns:1fr;gap:42px}}