.ph-hero-banner{overflow:hidden}.ph-hero-banner .hero-banner-wrapper{background-color:var(--bg-color)}.ph-hero-banner .hero-banner-wrapper .hero-banner-container{margin:0 auto;overflow:hidden}.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .content{padding:140px 30px 140px 0}.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .content .section-text p{font-size:16px}@media only screen and (max-width:767.98px){.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .content{order:2;padding:16px 0 30px}.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media{aspect-ratio:3/2;height:auto;order:1;width:100%}}.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid{display:grid;grid-template-columns:repeat(24,1fr);height:100%}@media only screen and (max-width:767.98px){.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid{left:calc(var(--page-width-padding)*-1);position:relative;width:calc(100% + var(--page-width-padding)*2)}}.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item{grid-column:2/-1}@media only screen and (max-width:767.98px){.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item{grid-column:span 24}}.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container{height:100%;overflow:hidden;position:relative;width:100%}@media only screen and (min-width:768px){.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container{min-width:1080px;width:75vw}}.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container img,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container picture,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container svg,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container video{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--object-position-desktop);object-position:var(--object-position-desktop);position:absolute;top:0;transform:translateX(calc(-65% + var(--page-width-padding) - 1vw));width:100%}@media only screen and (max-width:1199.98px){.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container img,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container picture,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container svg,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container video{transform:translateX(calc(-70% + var(--page-width-padding) - 4vw))}}@media only screen and (max-width:767.98px){.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container img,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container picture,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container svg,.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container video{left:0;transform:unset;width:100%}}.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container picture:has(img) img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--object-position-desktop);object-position:var(--object-position-desktop);position:unset;transform:unset;width:100%}@media only screen and (max-width:767.98px){.ph-hero-banner .hero-banner-wrapper .hero-banner-container .hero-banner-grid .media .media-grid .media-item .media-container picture:has(img) img{-o-object-position:var(--object-position-mobile);object-position:var(--object-position-mobile)}}