.banner{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--gutter) * 2);padding-top:calc(var(--gutter) * 2.5);padding-bottom:calc(var(--gutter) * 2.5);position:relative;width:100%;overflow:hidden}@media (min-width: 768px){.banner{flex-direction:row;gap:calc(var(--gutter) * 3);padding-top:calc(var(--gutter) * 3.5);padding-bottom:calc(var(--gutter) * 27.5);align-items:flex-end}}.banner-small{height:60svh}.banner-medium{height:70svh}.banner-large{height:80svh}.banner-fullscreen{height:100svh;height:calc(100svh - var(--top-banner-height));max-height:1080px}@media (min-width: 768px){.banner-fullscreen{height:100lvh;height:calc(100lvh - var(--top-banner-height));max-height:1080px}}.banner__text{z-index:1;flex:1;text-align:center;justify-content:center;position:relative}@media (min-width: 768px){.banner__text{justify-content:unset}}@media (max-width: 768px){.banner__text{padding:calc(var(--gutter) * 8);justify-content:end}}.banner__text>*{max-width:480px;margin:0}@media (min-width: 768px){.banner__text>*{max-width:none}}.banner__text,.banner__text>a{display:flex;flex-direction:column;gap:var(--gutter)}@media (min-width: 768px){.banner__text,.banner__text>a{gap:calc(var(--gutter) * 3)}}@media (min-width: 768px){.banner .banner__heading+.banner__callout{margin-top:var(--gutter)}}.banner__text-left{align-items:flex-start;text-align:left}.banner__text-left .banner__heading{text-align:left}@media (min-width: 768px){.banner__text-left{padding-left:calc(var(--gutter) * 9)}}@media (min-width: 1024px){.banner__text-left{padding-left:calc(var(--gutter) * 27.5)}}.banner__text-center{margin-left:auto;margin-right:auto;align-items:center;text-align:center}.banner__subheading{margin:0;overflow:visible}@media (min-width: 768px){.banner__subheading.p{max-width:50ch}}.banner__callout{display:flex;flex-direction:column;align-items:center;gap:var(--gutter)}@media (min-width: 768px){.banner__callout{flex-direction:row;gap:calc(var(--gutter) * 1.5)}}.banner .media{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;padding:0;width:100%;height:100%}.banner .media img,.banner .media picture,.banner .media video{pointer-events:none}.banner .media>video,.banner .media>img{position:absolute;z-index:0;object-fit:cover;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.media__backdrop:after{display:block;content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background:rgba(29,29,29,.1)}