@media (min-width:745px) and (min-height:60vw) and (not (min-height:80vw)),(min-width:960px){.hero-default:is(.hero-full-height,.hero-portrait){--banner-triangle-display:1;--banner-block-start-combine:1;--banner-block-end-combine:1;--banner-is-horizontal:1;--banner-is-vertical:0;flex-direction:row}.hero-default:is(.hero-full-height,.hero-portrait):not(.hero-text-right){--banner-inline-start-combine:1;--banner-inline-end-flush:1;--banner-inline-end-addon:calc(var(--banner-triangle)*.8)}.hero-default:is(.hero-full-height,.hero-portrait):not(.hero-text-right).hero-text-align-center{--banner-inline-end-combine:1;--banner-inline-end-flush:0}.hero-default:is(.hero-full-height,.hero-portrait).hero-text-right{--banner-inline-end-combine:1;--banner-inline-start-flush:1;--banner-inline-start-addon:calc(var(--banner-triangle)*.8)}.hero-default:is(.hero-full-height,.hero-portrait).hero-text-right.hero-text-align-center{--banner-inline-start-combine:1;--banner-inline-start-flush:0}.hero-default:is(.hero-full-height,.hero-portrait) .banner-wrapper{z-index:2;order:0;align-items:stretch;position:relative}.hero-default:is(.hero-full-height,.hero-portrait) .banner-wrapper-right{order:2}.hero-default:is(.hero-full-height,.hero-portrait) .banner-text-content-wrapper{min-inline-size:calc(440px + var(--banner-padding-inline-start) + var(--banner-padding-inline-end));inline-size:calc(47% + var(--banner-padding-inline-start) + var(--banner-padding-inline-end));max-inline-size:calc(580px + var(--banner-padding-inline-start) + var(--banner-padding-inline-end))}.hero-default:is(.hero-full-height,.hero-portrait) .hero-content-wrapper{max-inline-size:calc(35% + var(--banner-padding-inline-start) + var(--banner-padding-inline-end))}.hero-default:is(.hero-full-height,.hero-portrait) .banner-content{text-align:start;flex-grow:1;flex-basis:100%;align-items:center;display:flex}.hero-default:is(.hero-full-height,.hero-portrait) .banner-content:not(.banner-right){margin-inline-end:calc(var(--banner-triangle)*-1 - 1px)}.hero-default:is(.hero-full-height,.hero-portrait) .banner-text-align-center{text-align:center;justify-content:center}.hero-default:is(.hero-full-height,.hero-portrait) .banner-right{margin-inline-start:calc(var(--banner-triangle)*-1 - 1px)}.hero-default:is(.hero-full-height,.hero-portrait) .hero-image{order:1}.hero-default.hero-portrait{--banner-is-horizontal:1;--banner-is-vertical:0}.hero-default.hero-portrait:not(.hero-text-right) .hero-image-responsive{margin-inline-start:-10%}.hero-default.hero-portrait.hero-text-right .hero-image-responsive{margin-inline-end:-10%}}