/* Two collections, preserving the source films' full compositions. */
.motion-page .motion-category{padding:45px 0 65px;border-top:1px solid var(--line)}
.motion-category-heading{position:relative;text-align:center;margin-bottom:56px}
.motion-category-heading .eyebrow{position:absolute;left:0;top:14px;font-size:10px}
.motion-category-heading h2{font-size:42px;font-weight:500;letter-spacing:-.04em}
.business-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.46fr);gap:64px 10%;max-width:1040px;margin:0 auto;align-items:center;padding:15px 25px 30px}
.motion-page .business-wide{transform:rotate(-2deg)}
.motion-page .business-tall{transform:rotate(3deg);margin-top:42px}
.motion-page .motion-category video{width:100%;height:auto;object-fit:contain}
.motion-page .motion-category .motion-piece button{border:0;border-bottom:1px solid var(--line);background:none;font-family:Ligne44;font-size:17px;padding:8px 0;white-space:nowrap}
.ads-board{display:grid;grid-template-columns:1fr 1fr;gap:18%;max-width:690px;margin:0 auto;padding:12px 20px 45px;align-items:start}
.motion-page .ad-one{transform:rotate(-3deg)}
.motion-page .ad-two{transform:rotate(3deg);margin-top:65px}
@media(max-width:800px){.motion-category-heading .eyebrow{position:static;display:block;margin-bottom:14px}.motion-category-heading h2{font-size:34px}.business-board{gap:44px 8%;padding:10px}.motion-category-heading{margin-bottom:35px}}
@media(max-width:540px){.motion-page .motion-category{padding:30px 0 35px}.business-board{grid-template-columns:1fr;gap:30px;padding:8px 10px 20px}.motion-page .business-wide{width:95%;margin:0}.motion-page .business-tall{width:58%;margin:8px 5% 0 auto}.motion-page .motion-category .motion-piece figcaption{display:flex;align-items:center}.motion-page .motion-category .motion-piece button{min-height:44px;font-size:14px}.ads-board{gap:14%;padding:8px 8px 30px}.motion-page .ad-two{margin-top:44px}.motion-page .ads-board figcaption{display:block}.motion-page .motion-category-heading h2{font-size:32px}}

.motion-page .ad-three{grid-column:1/-1;width:76%;margin:35px auto 0;transform:rotate(-2deg)}
@media(max-width:540px){.motion-page .ad-three{width:90%;margin-top:20px}}

.motion-page .business-third{grid-column:1/-1;width:72%;margin:10px 0 0 auto;transform:rotate(2deg)}
@media(max-width:540px){.motion-page .business-third{width:95%;margin:10px auto 0 0}}