/* Full-width Synapse C hero film, 2 October 2026. */
html,body{overflow-x:clip}
body.variant-c.v-homepage .v-home-wrap{width:100vw!important;max-width:none!important;margin-inline:calc(50% - 50vw)!important;padding-inline:0!important}
body.variant-c.v-homepage .home-hero.v-home{width:100%!important;max-width:none!important;margin-inline:0!important;height:clamp(620px,min(56.25vw,calc(100svh - 88px)),920px)!important;min-height:0!important;aspect-ratio:16/9;background-image:url('assets/hero-20261002-045238-poster.webp')!important;background-color:#04284e!important;background-position:right center!important;background-size:contain!important;background-repeat:no-repeat!important}
body.variant-c.v-homepage .v-home .hero-copy{box-sizing:border-box;width:min(100%,1440px);margin-inline:auto}
body.variant-c.v-homepage .v-home .v-hero-film{inset:0;width:100%;height:100%;object-fit:contain;object-position:right center}
@media(max-width:760px){body.variant-c.v-homepage .home-hero.v-home{height:clamp(590px,82svh,760px)!important;aspect-ratio:auto;background-size:cover!important;background-position:center!important}body.variant-c.v-homepage .v-home .v-hero-film{object-fit:cover;object-position:center}}/* Make the blue text halo more transparent while retaining contrast. */
body.variant-c.v-homepage .v-film-shade{background:linear-gradient(90deg,rgba(4,40,78,.66) 0%,rgba(4,40,78,.53) 30%,rgba(4,40,78,.20) 51%,transparent 73%)!important}
@media(max-width:760px){body.variant-c.v-homepage .home-hero.v-home .hero-copy{background:linear-gradient(rgba(8,38,65,.66) 0%,rgba(8,38,65,.54) 58%,rgba(8,38,65,.18) 86%,transparent)!important}}body.variant-c.v-homepage .v-film-sound-control{position:absolute;z-index:8;top:20px;right:24px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:rgba(8,32,52,.72);backdrop-filter:blur(8px);color:#fff;font:600 14px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
body.variant-c.v-homepage .v-film-sound-control:hover{background:rgba(8,32,52,.9)}
body.variant-c.v-homepage .v-film-sound-control:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.variant-c.v-homepage .v-film-sound-control{transform:scale(.72);transform-origin:top right}
@media(max-width:760px){body.variant-c.v-homepage .v-film-sound-control{top:14px;right:14px}}
html[lang] body.variant-c.v-homepage .reference-band{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}
html[lang] body.variant-c.v-homepage .reference-band .marquee-window{width:100%;max-width:none}
/* Keep the reference band full bleed while aligning its heading with the other page sections. */
html[lang] body.variant-c.v-homepage .reference-band{padding-block:24px 28px}
html[lang] body.variant-c.v-homepage .reference-band{background-color:transparent;background-image:none;color:#fff}
html[lang] body.variant-c.v-homepage .reference-band .section-kicker,html[lang] body.variant-c.v-homepage .reference-band .reference-lane-heading h3{color:#fff}
html[lang] body.variant-c.v-homepage .reference-band .section-head>.text-link{color:#fff;border-color:rgba(255,255,255,.6)}
html[lang] body.variant-c.v-homepage .reference-band .marquee-window{border-color:rgba(255,255,255,.28)}
html[lang] body.variant-c.v-homepage .reference-band .marquee-window{border:0}
html[lang] body.variant-c.v-homepage .reference-band .reference-lane+.reference-lane{border:0}
html[lang] body.variant-c.v-homepage .reference-band{border-block:0!important;box-shadow:none!important}
html[lang] body.variant-c.v-homepage .reference-band::before,html[lang] body.variant-c.v-homepage .reference-band::after,html[lang] body.variant-c.v-homepage .reference-band .section-head::before,html[lang] body.variant-c.v-homepage .reference-band .section-head::after{content:none!important;display:none!important}
html[lang] body.variant-c.v-homepage .reference-band>.wrap.section-head{width:min(1440px,calc(100% - 96px));max-width:1440px;margin-inline:auto;margin-bottom:18px;padding-inline:0}
html[lang] body.variant-c.v-homepage .reference-band .marquee-window{padding-block:12px}
html[lang] body.variant-c.v-homepage .reference-band .marquee-set .logo-marquee-item{width:246px;min-width:246px;height:64px;padding:2px 20px}
html[lang] body.variant-c.v-homepage .reference-band .marquee-set .logo-marquee-item img{max-height:60px}
html[lang] body.variant-c.v-homepage .reference-band .reference-lane-reverse .marquee-window{padding-block:8px}
html[lang] body.variant-c.v-homepage .reference-band .reference-lane-reverse .marquee-set .logo-marquee-item{height:64px;padding:2px 20px}
html[lang] body.variant-c.v-homepage .reference-band .reference-lane-reverse .marquee-set .logo-marquee-item img{max-height:60px}
html[lang] body.variant-c.v-homepage .reference-band>.wrap.section-head h2{font-size:34px;line-height:1.12;letter-spacing:-.035em}
html[lang] body.variant-c.v-homepage .reference-band .reference-lane-heading h3{font-size:14px;line-height:1.3;letter-spacing:.07em}
@media(max-width:760px){html[lang] body.variant-c.v-homepage .reference-band>.wrap.section-head{width:calc(100% - 36px)}html[lang] body.variant-c.v-homepage .reference-band>.wrap.section-head h2{font-size:27px}html[lang] body.variant-c.v-homepage .reference-band .reference-lane-heading h3{font-size:12px}}