.banner-diagonal{--banner-diagonal-media-height:360px;height:100%;padding-top:1rem;position:relative;width:100%}.banner-diagonal__media{height:var(--banner-diagonal-media-height);overflow:hidden;position:absolute;top:0;width:100%}.banner-diagonal__media--left{left:0}.banner-diagonal__media--right{right:0}.banner-diagonal__media::after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.banner-diagonal__media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;left:0;position:absolute;top:0}.banner-diagonal__video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;display:none;left:0;position:absolute;top:0}.banner-diagonal__content-container{margin-left:auto;margin-right:auto;max-width:1440px;padding-left:20px;padding-right:20px}@media only screen and (min-width:1480px){.banner-diagonal__content-container{padding-left:0;padding-right:0}}.banner-diagonal__content-container{height:100%;margin-top:16rem;position:relative;width:100%}.banner-diagonal__title{font-size:1.75rem;line-height:1.25}@media only screen and (min-width:768px){.banner-diagonal__title{font-size:3rem}}.banner-diagonal__container{background-color:#f5f0eb;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;text-align:center}.banner-diagonal__credits{color:#fff;font-size:.875rem;line-height:1.125;text-shadow:0 0 2px rgba(0,0,0,.4);bottom:1rem;display:none;margin:0;position:absolute;right:20px}.banner-diagonal__footer{padding-top:1rem}.banner-diagonal--white .banner-diagonal__container{background-color:#fff}.banner-diagonal--beige-light .banner-diagonal__container{background-color:#f5f0eb}.banner-diagonal--beige .banner-diagonal__container{background-color:#dcd2be}@media only screen and (min-width:640px){.banner-diagonal{--banner-diagonal-media-height:100%;--banner-diagonal-min-height:360px;font-weight:400;min-height:var(--banner-diagonal-min-height);padding-top:0}.banner-diagonal__media{width:58%}.banner-diagonal__media--left::after{background-color:#fff;height:150px;-webkit-transform:skew(-20deg);transform:skew(-20deg);-webkit-transform-origin:top right;transform-origin:top right;width:30px;left:100%;right:initial}.banner-diagonal__media--right::after{background-color:#fff;height:150px;-webkit-transform:skew(-20deg);transform:skew(-20deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;width:30px;left:initial;right:100%}.banner-diagonal__media::after{background-color:rgba(0,0,0,.2);bottom:0;content:"";height:calc(100% + 2px);position:absolute;top:-1px;width:200%}.banner-diagonal__content-container{margin-top:0;position:relative}.banner-diagonal__title{color:#000}.banner-diagonal__container{background-color:transparent;color:unset;min-height:var(--banner-diagonal-min-height);padding:2rem 0;text-align:left;width:40%}.banner-diagonal__container--left{margin-left:auto}.banner-diagonal--white{background-color:#fff}.banner-diagonal--white .banner-diagonal__container{background-color:transparent}.banner-diagonal--white .banner-diagonal__media::after{background-color:#fff}.banner-diagonal--beige-light{background-color:#f5f0eb}.banner-diagonal--beige-light .banner-diagonal__container{background-color:transparent}.banner-diagonal--beige-light .banner-diagonal__media::after{background-color:#f5f0eb}.banner-diagonal--beige{background-color:#dcd2be}.banner-diagonal--beige .banner-diagonal__container{background-color:transparent}.banner-diagonal--beige .banner-diagonal__media::after{background-color:#dcd2be}}@media only screen and (min-width:768px){.banner-diagonal{--banner-diagonal-min-height:500px}.banner-diagonal__content-container{height:var(--banner-diagonal-media-height)}.banner-diagonal__credits{display:block}.banner-diagonal__video{display:block}}@media only screen and (min-width:1024px){.banner-diagonal__media{width:55%}.banner-diagonal__header{margin-bottom:.75rem}.banner-diagonal__container{padding:4rem 0;width:40%}.banner-diagonal__description{font-size:1.375rem}}@media only screen and (min-width:1280px){.banner-diagonal{--banner-diagonal-min-height:640px}}