.case-collection{padding:100px var(--pad) 130px;background:#0f0b16}.collection-heading{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;align-items:end;padding:0 0 65px;border-bottom:1px solid #ffffff24;margin-bottom:65px}.collection-heading h3{font-size:clamp(35px,4vw,70px);line-height:1.05}.collection-heading>p:last-child{font-size:12px;color:#b9adca;justify-self:end}.collection-jump{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 0;margin-top:30px;background:none;border-bottom:1px solid #8e78ab;color:#ded2f1;font-size:12px;width:min(100%,360px)}.collection-jump span{font-size:24px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 4vw;align-items:start}.media-card{display:block;width:100%;padding:0;background:none;text-align:left;min-width:0}.media-grid>.is-wide{grid-column:1/-1;max-width:1100px;justify-self:center}.media-surface{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#17111f;isolation:isolate;aspect-ratio:var(--media-ratio)}.media-surface>img{width:100%;height:100%;object-fit:contain;transition:filter .4s}.media-card:hover .media-surface>img{filter:brightness(.85)}.media-play{position:absolute;display:grid;place-items:center;width:72px;height:72px;border:1px solid #ffffff88;background:#08060d80;backdrop-filter:blur(14px);border-radius:50%;font-size:20px;padding-left:3px;transition:transform .35s}.media-card:hover .media-play{transform:scale(1.12)}.media-duration{position:absolute;right:20px;bottom:20px;padding:7px 10px;background:#08060dbb;font-size:10px}.media-enlarge{position:absolute;right:15px;bottom:15px;font-size:24px;background:#08060dbb;padding:8px 13px}.media-caption{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:14px;line-height:1.35}.media-caption small{font-size:8px;letter-spacing:.06em;color:#a599b5;white-space:nowrap;padding-top:4px}.motion-section{padding:110px var(--pad) 130px;background:#e3defb;color:#100b1b;scroll-margin-top:65px}.motion-heading{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:end;gap:40px;margin-bottom:65px}.motion-heading h2{font-size:clamp(70px,8vw,140px);line-height:.9}.motion-heading>p:last-child{font-size:12px;line-height:1.6}.showreel-cover{display:block;position:relative;width:100%;padding:0;background:#100b1b;overflow:hidden;color:#fff;aspect-ratio:16/9}.showreel-cover>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.showreel-cover:hover>img{transform:scale(1.025)}.showreel-play{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:130px;height:130px;border:1px solid #ffffff99;border-radius:50%;display:grid;place-content:center;background:#6e4fe9ad;backdrop-filter:blur(12px);font-size:15px;line-height:1.5;text-align:left}.showreel-caption{position:absolute;left:35px;right:35px;bottom:30px;display:flex;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:.08em}.showreel-caption small{font-size:9px}.motion-selection{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:55px 0 35px}.motion-filters{display:flex;gap:25px}.motion-filters button{padding:12px 0;background:none;color:#574d6b;font-size:17px;border-bottom:2px solid transparent}.motion-filters button[aria-pressed=true]{color:#100b1b;border-color:#6e4fe9}.motion-filters sup{font-size:9px;margin-left:8px}.motion-count{font-size:10px;color:#574d6b}.motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 30px}.motion-grid .media-surface{aspect-ratio:3/4;background:#17111f}.motion-grid .media-caption{font-size:14px}.motion-grid .media-caption small{display:none}.motion-kind{display:block;font-size:8px;letter-spacing:.05em;margin-top:9px;color:#675b78}.motion-grid .media-play{color:white}.motion-grid .media-duration{color:white}#asset-viewer{background:#09070df5;backdrop-filter:blur(24px);height:100dvh;overflow:hidden;z-index:100}#asset-viewer::backdrop{background:#08060de8}.viewer-toolbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;gap:25px;border-bottom:1px solid #ffffff1a}.viewer-toolbar p{font-size:14px}.viewer-toolbar span{display:block;margin-top:6px;color:#a89bb9;font-size:10px}.viewer-close{background:none;padding:12px;font-size:12px;color:#fff}.viewer-stage{height:calc(100dvh - 165px);display:flex;align-items:center;justify-content:center;padding:25px 5vw}.viewer-stage img,.viewer-stage video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.viewer-stage video{width:100%;height:100%;background:#08060d}.viewer-navigation{display:flex;justify-content:space-between;align-items:center;height:75px;padding:15px 4vw;gap:25px}.viewer-navigation[hidden]{display:none}.viewer-navigation button{padding:14px 0;background:none;color:#e3defb;font-size:11px}.viewer-navigation span{color:#8b7c9c;font-size:8px}.navigation nav{gap:20px}.nav-location{margin-left:6vw}
@media(max-width:900px){.motion-heading{grid-template-columns:1fr 1fr}.motion-heading>.eyebrow{grid-column:1/-1}.collection-heading{grid-template-columns:1fr 1fr}.collection-heading>.eyebrow{grid-column:1/-1}.motion-grid{gap:35px 20px}}
@media(max-width:700px){.case-collection{padding:65px var(--pad)}.collection-heading{display:block;padding-bottom:30px;margin-bottom:35px}.collection-heading h3{font-size:42px;margin:25px 0}.collection-heading>p:last-child{font-size:11px}.media-grid{gap:35px 18px}.media-grid>.is-film{grid-column:1/-1;max-width:100%}.media-grid>.is-film .media-surface{max-height:65svh;aspect-ratio:auto}.media-grid>.is-film .media-surface>img{height:65svh;width:auto}.media-caption{font-size:11px;padding-top:12px;display:block}.media-caption small{display:block;margin-top:5px;font-size:7px}.media-play{width:50px;height:50px;font-size:15px}.media-duration{right:10px;bottom:10px;font-size:8px}.motion-section{padding:70px var(--pad)}.motion-heading{gap:25px;display:block;margin-bottom:35px}.motion-heading h2{font-size:20vw;margin:30px 0}.motion-heading>p:last-child{font-size:12px}.showreel-play{width:70px;height:70px;font-size:10px;right:5%;top:45%}.showreel-caption{left:16px;right:16px;bottom:15px;font-size:7px}.showreel-caption small{display:none}.motion-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.motion-grid .media-caption{font-size:11px}.motion-kind{font-size:6px}.motion-selection{padding:35px 0 25px}.motion-count{display:none}.motion-filters{gap:25px}.motion-filters button{font-size:13px}.viewer-toolbar{height:85px;padding:15px 5vw}.viewer-toolbar p{font-size:12px}.viewer-close{font-size:10px;padding:8px}.viewer-stage{height:calc(100dvh - 155px);padding:12px}.viewer-navigation{height:70px}.viewer-navigation span{display:none}.viewer-navigation button{font-size:10px}.navigation nav{max-width:155px;gap:10px}.navigation>a img{width:150px}}
@media(prefers-reduced-motion:reduce){.media-surface>img,.showreel-cover>img,.media-play{transition:none}}
.navigation.on-light{color:#100b1b;background:linear-gradient(#e3defbe6,transparent)}.navigation.on-light>a img{filter:brightness(0)}.navigation.on-light .nav-talk{border-color:#100b1b60}.navigation.on-light nav sup{color:#6e4fe9}