@layer components{.c-banner-404{background-color:var(--brand-navy);display:grid;gap:20px 0;grid-template-columns:var(--grid-browser-gutter) 60px auto min(50%,600px) var(--grid-browser-gutter);grid-template-rows:200px repeat(3,auto) 1fr 100px;min-height:calc(100vh - var(--desktop-header-height));overflow:hidden;position:relative}.c-banner-404__heading-group{display:flex;flex-direction:column;gap:10px;grid-column:3;grid-row:2}.c-banner-404__heading-group__eyebrow{color:var(--brand-blue);font-size:1rem;font-weight:var(--font-weight-bold);grid-column:3;line-height:1;text-transform:uppercase}.c-banner-404__heading-group__heading{color:#fff;font-size:var(--font-size-h1);font-weight:var(--font-weight-heavy);grid-column:3;line-height:1.2}.c-banner-404__blurb{color:#fff;grid-column:3;grid-row:3}.c-banner-404__blurb *+*{margin-top:10px}.c-banner-404__button{grid-column:3;grid-row:4}.c-banner-404__triangles{display:grid;grid-column:4/span 2;grid-row:1/span 6;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;margin-right:-20%;z-index:1}.c-banner-404__triangles:after,.c-banner-404__triangles:before{content:"";display:block;position:relative}.c-banner-404__triangles:before{aspect-ratio:2/1;background-image:linear-gradient(to left,var(--brand-navy) 0,var(--brand-navy) 50%,var(--brand-blue) 50%,var(--brand-blue) 100%);clip-path:polygon(0 100%,50% 0,100% 100%);grid-column:1/span 2;grid-row:2;z-index:3}.c-banner-404__triangles:after{background-image:linear-gradient(to left,var(--brand-yellow) 0,var(--brand-yellow) 50%,transparent 50%,transparent 100%);content:"";grid-column:1/span 2;grid-row:1/span 2;height:100%}@media (max-width:1200px){.c-banner-404{grid-template-columns:var(--grid-browser-gutter) auto 100px 100px var(--grid-browser-gutter);min-height:calc(100dvh - var(--mobile-header-height))}.c-banner-404__blurb,.c-banner-404__button,.c-banner-404__heading-group{grid-column:2/span 2}.c-banner-404__triangles{grid-column:3/span 3;margin-right:-60px}}}