.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.ui-icon-play{fill:currentColor;stroke:none}
.video-player video,.j7-showcase .media-surface video{display:block;object-fit:contain}
.hero-badge-icon .ui-icon{width:17px;height:17px;flex-basis:17px}
.audience-list li:before{content:'';display:block;width:6px;height:6px;flex:0 0 6px;align-self:center;border-radius:50%;background:var(--purple)}
.cinema-portfolio .cinema-expand .ui-icon,.encartes-showroom .expand .ui-icon{width:18px;height:18px;flex-basis:18px}
.encartes-showroom .orbit-arrow .ui-icon{width:22px;height:22px;flex-basis:22px}
@media(max-width:700px){
 .header{position:relative;top:auto}
 .header .nav-row{min-height:76px}
 html{scroll-padding-top:18px}
 .hero-refresh .eyebrow{max-width:100%;white-space:normal}
 .hero-refresh .photo-hero-visual{display:block;padding:6px 0 0;max-width:435px}
 .hero-refresh .photo-hero-frame{grid-column:1/-1}
 .hero-refresh .photo-hero-halo{inset:0}
 .hero-refresh .hero-service-badge{display:none;position:static;transform:none!important;animation:none!important;min-height:43px;margin:0;padding:8px 10px;gap:7px;justify-content:center;font-size:9px;box-shadow:0 3px 12px #43244e08}
 .hero-refresh .badge-audiovisual{grid-column:1/-1;justify-self:center;min-width:145px}
 .cinema-portfolio .cinema-reel{grid-auto-columns:100%;scroll-snap-type:x mandatory;gap:18px}
 .cinema-portfolio .cinema-film-top{min-width:0;gap:12px}
 .cinema-portfolio .cinema-film-top>span{min-width:0;overflow-wrap:anywhere}
 .cinema-portfolio .cinema-expand{white-space:nowrap;flex-shrink:0}
 .encartes-showroom .collection-heading{display:block}
 .encartes-showroom .collection-heading>p{max-width:none;margin-top:14px;font-size:11px}
 .encartes-showroom .collection-heading>p br{display:none}
 .encartes-showroom .selected-work{grid-template-columns:1fr auto;gap:14px;padding-top:20px}
 .encartes-showroom .selected-work>div:first-child{min-width:0}
 .encartes-showroom .expand{gap:12px;min-height:44px}
 .encartes-showroom .orbit-arrow{width:44px;height:44px}
 .footer-bottom{flex-wrap:wrap;gap:12px 20px}
 .audience-list li{font-size:14px;line-height:1.7;align-items:flex-start;gap:12px}
 .audience-list li:before{align-self:auto;margin-top:10px}
}
@media(max-width:360px){.hero-refresh .hero-service-badge{font-size:8px;padding-inline:7px}.hero-refresh .hero-badge-icon{width:21px;height:21px;flex-basis:21px}}

@media(max-width:700px){
 .vsl .vsl-screen{width:100%;min-width:0;margin-inline:auto}
 .vsl .main-video{width:min(100%,300px);max-width:300px;margin-inline:auto}
 .vsl .main-video video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
 .cinema-portfolio .cinema-film-copy{padding-top:14px}
 .cinema-portfolio .cinema-film-copy>p:not(.cinema-category){margin-top:7px}
 .cinema-portfolio .cinema-note,.portfolio-note{font-size:11px;line-height:1.7}
 .commercial-grid figcaption span{font-size:12px}
 .j7-showcase .work-stage{min-width:0}
}