@layer components{.c-hero-banner{background-color:var(--brand-navy);display:flex;min-height:calc(100dvh - var(--desktop-header-height))}.c-hero-banner__intro{--api-after-title-margin-top:0px;--api-lead-text-color:#fff;--api-title-color:#fff;color:#fff;display:flex;flex-direction:column;gap:30px;margin:auto 0;margin-left:var(--grid-browser-gutter);max-width:750px;padding:60px 90px 60px 50px;width:60%}.c-hero-banner__intro__links{display:flex;flex-flow:row wrap;gap:20px;margin-top:0}.c-hero-banner__image-frames{display:grid;flex:1;grid-template-columns:1fr;grid-template-rows:1fr;margin-left:auto;padding-left:90px}.c-hero-banner__image-frame{--triangle-clip-subtractions:30px;background-color:var(--brand-blue);display:grid;grid-column:1;grid-row:1;grid-template-columns:20% 46% 34% 12%;grid-template-rows:auto auto auto;opacity:0;overflow:hidden;position:relative;transition:.4s ease;transition-property:opacity,visibility;width:100%}.c-hero-banner__image-frame.is-active{opacity:1;--triangle-clip-subtractions:0px}.c-hero-banner__image-frame>:first-child{opacity:0;transition:.4s ease;transition-delay:0ms;transition-property:opacity,clip-path}.c-hero-banner__image-frame>:nth-child(2){opacity:0;transition:.4s ease;transition-delay:.4s;transition-property:opacity,clip-path}.c-hero-banner__image-frame>:nth-child(3){opacity:0;transition:.4s ease;transition-delay:.8s;transition-property:opacity,clip-path}.c-hero-banner__image-frame>:nth-child(4){opacity:0;transition:.4s ease;transition-delay:1.2s;transition-property:opacity,clip-path}.c-hero-banner__image-frame.is-active>:first-child,.c-hero-banner__image-frame.is-active>:nth-child(2),.c-hero-banner__image-frame.is-active>:nth-child(3),.c-hero-banner__image-frame.is-active>:nth-child(4){opacity:1}.c-hero-banner__image-frame--bg-navy{background-color:var(--brand-navy)}.c-hero-banner__image-frame__triangle-tl{aspect-ratio:1/1;background-color:var(--brand-blue);clip-path:polygon(0 0,calc(100% - var(--triangle-clip-subtractions)) 0,0 calc(100% - var(--triangle-clip-subtractions)));grid-column:1/span 2;grid-row:1/span 2;margin-bottom:auto;margin-top:-20px}.c-hero-banner__image-frame__triangle-tl--gold{background-color:var(--brand-gold)}.c-hero-banner__image-frame__triangle-tl--navy{background-color:var(--brand-navy)}.c-hero-banner__image-frame__triangle-bl{aspect-ratio:1/1;background-color:hsla(0,0%,100%,.7);clip-path:polygon(calc(var(--triangle-clip-subtractions)) 100%,100% calc(var(--triangle-clip-subtractions)),100% 100%);grid-column:2;grid-row:3;margin-top:auto}.c-hero-banner__image-frame__triangle-bl--blue{background-color:var(--brand-blue)}.c-hero-banner__image-frame__triangle-bl--navy{background-color:var(--brand-navy)}.c-hero-banner__image-frame__triangle-tr{aspect-ratio:1/1;background-color:var(--brand-navy);clip-path:polygon(calc(var(--triangle-clip-subtractions)) 0,100% 0,100% calc(100% - var(--triangle-clip-subtractions)));grid-column:3;grid-row:1;margin-top:-20px}.c-hero-banner__image-frame__triangle-tr--blue{background-color:var(--brand-blue)}.c-hero-banner__image-frame__triangle-tr--gold{background-color:var(--brand-gold)}.c-hero-banner__image-frame__triangle-br{aspect-ratio:1/1;background-color:var(--brand-yellow);clip-path:polygon(0 calc(var(--triangle-clip-subtractions)),calc(100% - var(--triangle-clip-subtractions)) 100%,0 100%);grid-column:3/span 2;grid-row:3;margin-top:auto}.c-hero-banner__image-frame__triangle-br--blue{background-color:var(--brand-blue)}.c-hero-banner__image-frame__image-f,.c-hero-banner__image-frame__image-l,.c-hero-banner__image-frame__image-r{background-position:50%;background-repeat:no-repeat;background-size:cover}.c-hero-banner__image-frame__image-l{grid-column:1/span 2;grid-row:1/span 3}.c-hero-banner__image-frame__image-r{grid-column:3;grid-row:1/span 3}.c-hero-banner__image-frame__image-f{grid-column:1/span 3;grid-row:1/span 3}@media (max-width:1200px){.c-hero-banner{min-height:calc(100dvh - var(--mobile-header-height))}}@media (max-width:1300px){.c-hero-banner__intro{padding-left:0;padding-right:0;width:50%}.c-hero-banner__image-frames{padding-left:30px}}@media (max-width:800px){.c-hero-banner{flex-direction:column}.c-hero-banner__intro{gap:20px;margin:0;max-width:none;order:2;padding:50px var(--grid-browser-gutter);width:100%}.c-hero-banner__image-frames{margin-left:0;order:1;padding-left:0}}}