﻿/*#page-intro.content-media{gap:0} 
#page-intro .content-media__body-wrapper{padding-top:15.9rem;padding-bottom:2.4rem;}*/
/*#page-intro hgroup{flex-direction: column;}*/
/*#page-intro h2{font-size:3.2rem;margin: 0;line-height:1.2;}     
#page-intro h1{text-transform: uppercase;font-size: 1.4rem;letter-spacing:.1rem;margin-top:0;margin-bottom:1.6rem;display: flex;align-items:center;gap:.8rem;line-height:1}*/   
/*#page-intro .standard-list-item li {font-size:1.6rem}*/

/*@media (min-width: 500px) {
    #page-intro h1{font-size:1.6rem}
}
    
@media (min-width: 1280px) {
    #page-intro.content-media{gap:1.2rem} 
    #page-intro .content-media__body-wrapper{padding-bottom:0;padding-top:11.5rem}
    #page-intro h2{font-size:4.8rem;}      
}

@media (min-width: 1440px) {
    #page-intro .content-media__body-wrapper{padding-top:5.75rem}
}

@media (min-width: 1920px) {        
    #page-intro .content-media__body-wrapper{padding-top:0}
}*/




#page-intro .hero img,.hero video{object-position: center;aspect-ratio:1/1;width:100%;height:auto;max-height:45rem}
#page-intro .hero h1{margin:0;font-size:4.8rem;text-align:center;color:#fff;position:absolute;left:50%;bottom:4.4rem;transform:translateX(-50%);text-transform: none;width:calc(100% - 3.2rem)}
#page-intro picture{display:block;position:relative}
#page-intro picture::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 100%);}

#page-intro__copy{padding:4.4rem 0}
#page-intro .pappaloop-prefix-title{margin:0 auto 2.4rem;width: 5rem;}
.page-intro__copy-content{text-align:center;}
.page-intro__copy-content .button-trigger-modal{margin-left:auto;margin-right:auto}

@media(min-width:1280px){
    #page-intro .hero h1{font-size:10.4rem}
    #page-intro h2{font-size:4.8rem;margin: 2.4rem 0;}  
    .page-intro__copy-content{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 8 + (8 - 1) * 2.4rem);margin:auto}
}


@media(min-width:1920px){
    .hero img{max-height:49.6rem}
        .page-intro__copy-content{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 6 + (6 - 1) * 2.4rem);margin:auto}

}


  