@layer components{.c-archive-banner{--api-title-color:#fff;--banner-min-height:453px;--banner-left-margin:3.33rem;background:var(--brand-blue);color:#fff;margin:0;min-height:var(--banner-min-height);overflow:hidden;padding:6.67rem var(--grid-browser-gutter) 5rem;position:relative}.c-archive-banner--search{--banner-min-height:386px}.c-archive-banner__search{margin-left:var(--banner-left-margin);position:relative;z-index:50}.c-archive-banner__title{margin-left:var(--banner-left-margin);margin-top:0}.c-archive-banner__logo{margin:0;position:absolute;right:0;top:0;z-index:1}.c-archive-banner__logo .g-logo{height:auto;transform:translate(40%,-54%);width:clamp(227px,40vw + 4.73rem,726px)}@media only screen and (max-width:800px){.c-archive-banner{--banner-min-height:220px}.c-archive-banner__title{margin-left:0}}}