/* Frames extracted from the supplied EPS artwork; fixed-size corners stay crisp. */
.sidebar{background-image:none;background-color:#02111c;filter:none;isolation:isolate;border-right:0}
.sidebar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:14px solid transparent;border-image:url(media/shapes-v37/panel-shell.svg) 60 100 110 200 / 14px / 0 stretch;opacity:.7}
.sidebar .brand{border-bottom:1px solid #174258}
.sidebar nav>:is(a,button)::before{background-image:url(media/shapes-v37/button-blue.svg);filter:saturate(.8);opacity:0}
.sidebar nav>:is(a,button)::after{display:none}
.sidebar nav>:is(a,button):is(.selected,:focus-visible){color:#f3fbff;filter:none}
.sidebar nav>:is(a,button):is(.selected,:focus-visible)::before{opacity:1}
.sidebar nav>:is(a,button){padding-inline:12px}
@media(hover:hover) and (pointer:fine){
 .sidebar nav>:is(a,button):hover{color:white;filter:none}
 .sidebar nav>:is(a,button):hover::before{opacity:1}
}
.topbar-left,.topbar-right{background-image:none;isolation:isolate}
.topbar-left::before,.topbar-right::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:18px solid transparent;border-image:url(media/shapes-v37/panel-wide.svg) 100 110 180 280 / 18px / 0 stretch;opacity:.8}
.hero-video-banner::after{background:none;border:24px solid transparent;border-image:url(media/shapes-v37/panel-wide.svg) 100 110 180 280 / 24px / 0 stretch}
.hero-video{clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}
.hero-video-banner::before{clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}
.video-toggle{bottom:20px;right:24px}
.contact-panel{background:#02111c;clip-path:none;isolation:isolate}
.contact-panel::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border:20px solid transparent;border-image:url(media/shapes-v37/panel-shell.svg) 60 100 110 200 / 20px / 0 stretch}
.service-card{padding:18px 18px 23px}
.service-card::before{background:none;border:18px solid transparent;border-image:url(media/shapes-v37/panel-shell.svg) 60 100 110 200 / 18px / 0 stretch;filter:none;opacity:.65;transition:opacity .2s}
.service-card:is(:hover,:focus-visible)::before{filter:none;opacity:1}
.service-body i{right:3px;bottom:5px}
.stats{background:none;border:14px solid transparent;border-image:url(media/shapes-v37/panel-wide.svg) 100 110 180 280 / 14px / 0 stretch}
.campaign-actions .btn-reactor{background:none;isolation:isolate;filter:none;text-shadow:0 1px 3px #00191e}
.campaign-actions .btn-reactor::before{content:"";position:absolute;inset:0;z-index:-1;background:url(media/shapes-v37/button-blue.svg) center/100% 100% no-repeat;pointer-events:none}
.campaign-actions .btn-reactor-green::before{filter:hue-rotate(-90deg) saturate(.85)}
.campaign-actions .btn-reactor:hover{filter:brightness(1.12)}
.film-hero{clip-path:none;border:0}
.film-hero-media{overflow:hidden;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}
.film-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border:24px solid transparent;border-image:url(media/shapes-v37/panel-wide.svg) 100 110 180 280 / 24px / 0 stretch;opacity:.65}
.film-hero-top,.film-hero-bottom{left:40px;right:40px}
.study-picture{border:0;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.study-picture::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border:16px solid transparent;border-image:url(media/shapes-v37/panel-wide.svg) 100 110 180 280 / 16px / 0 stretch;opacity:.55;transition:opacity .2s}
.film-study:is(:hover,:focus-visible) .study-picture::before{opacity:1}
.film-brief{border:0;clip-path:none;position:relative;isolation:isolate;background:#031421}
.film-brief::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;border:24px solid transparent;border-image:url(media/shapes-v37/panel-shell.svg) 60 100 110 200 / 24px / 0 stretch;opacity:.65}
@media(min-width:1181px){.contact-panel{height:100%}}
@media(max-width:760px){
 .topbar-left::before,.topbar-right::before{display:none}
 .hero-video-banner::after{border-width:16px;border-image-width:16px}
 .hero-video,.hero-video-banner::before{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
 .video-toggle{right:16px;bottom:16px}
 .service-card{padding:12px 12px 19px}
 .service-card::before{border-width:13px;border-image-width:13px}
 .stats{border-width:10px;border-image-width:10px}
 .film-hero-top,.film-hero-bottom{left:24px;right:24px}
 .film-hero::after{border-width:16px;border-image-width:16px}
}
@media(prefers-reduced-motion:reduce){.service-card::before,.study-picture::before{transition:none}}
