:focus-visible {
    
    outline: 2px solid var(--color-navy-blue);
    outline-offset: 2px;
    border-radius: var(--border-radius);

}

html {
    font-size: 10px;
}

body {
    font-family: 'Roboto Flex', sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
    color: var(--color-body-text);
}
     
  
   
  @media (min-width: 768px) {
    
    
        body {
            font-size: 2rem;
            font-weight: 350;
        }
    
  
  }



 
    
    
        h1 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 4.8rem;
                
                    line-height: 1.15;
                
            
        }
        
            h1:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    h1 {
                        
                            font-size: 6.4rem;
                        
                    }
                
  }

            
        
    

 
    
    
        .title--1 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 4.8rem;
                
                    line-height: 1.15;
                
            
        }
        
            .title--1:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    .title--1 {
                        
                            font-size: 6.4rem;
                        
                    }
                
  }

            
        
    


 
    
    
        h2 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 3.2rem;
                
                    line-height: 1.4;
                
            
        }
        
            h2:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    h2 {
                        
                            font-size: 4.4rem;
                        
                    }
                
  }

            
        
    

 
    
    
        .title--2 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 3.2rem;
                
                    line-height: 1.4;
                
            
        }
        
            .title--2:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    .title--2 {
                        
                            font-size: 4.4rem;
                        
                    }
                
  }

            
        
    


 
    
    
        h3 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 2.5rem;
                
                    line-height: 1.2;
                
            
        }
        
            h3:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    h3 {
                        
                            font-size: 3.4rem;
                        
                    }
                
  }

            
        
    

 
    
    
        .title--3 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 2.5rem;
                
                    line-height: 1.2;
                
            
        }
        
            .title--3:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    .title--3 {
                        
                            font-size: 3.4rem;
                        
                    }
                
  }

            
        
    


 
    
    
        h4 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 2.1rem;
                
                    line-height: 1.33;
                
            
        }
        
            h4:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    h4 {
                        
                            font-size: 2.8rem;
                        
                    }
                
  }

            
        
    

 
    
    
        .title--4 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 2.1rem;
                
                    line-height: 1.33;
                
            
        }
        
            .title--4:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    .title--4 {
                        
                            font-size: 2.8rem;
                        
                    }
                
  }

            
        
    


 
    
    
        h5 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 1.6rem;
                
                    line-height: 1.4;
                
            
        }
        
            h5:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    h5 {
                        
                            font-size: 2.1rem;
                        
                            line-height: 1.4;
                        
                    }
                
  }

            
        
    

 
    
    
        .title--5 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 1.6rem;
                
                    line-height: 1.4;
                
            
        }
        
            .title--5:last-child {
                margin-bottom: 0;
            }
        

        
            
        
            
                 
  @media (min-width: 768px) {
    
                    .title--5 {
                        
                            font-size: 2.1rem;
                        
                            line-height: 1.4;
                        
                    }
                
  }

            
        
    


 
    
    
        h6 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 1.8rem;
                
                    line-height: 1.44;
                
            
        }
        
            h6:last-child {
                margin-bottom: 0;
            }
        

        
            
        
    

 
    
    
        .title--6 {
            
                display: block;
                font-weight: 510;
                font-size: 1em;
                letter-spacing: 0.035em;
                font-variation-settings: 'wdth' 72, 'GRAD' 20, 'XTRA' 490, 'YTLC' 570, 'opsz' 52;
                margin: 0 0 0.5em 0;
                color: var(--color-dark-blue);
            

            
                
                    font-size: 1.8rem;
                
                    line-height: 1.44;
                
            
        }
        
            .title--6:last-child {
                margin-bottom: 0;
            }
        

        
            
        
    


p + h1,
p + .title--1,
p + h2,
p + .title--2,
p + h3,
p + .title--3,
p + h4,
p + .title--4,
p + h5,
p + .title--5,
p + h6,
p + .title--6 {
    margin-top: 6rem;
}

.title--plain {
    font: inherit;
}

sup,
sub {
    font-size: 0.83em;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}

strong, b, .text--strong {
    font-weight: 600;
}

em, i {
    font-style: italic;
}




a {
    
    color: var(--color-navy-blue);
    text-decoration: underline;

}
    a:hover,
    a:focus {
        
    text-decoration: none;

    }
    a .icon {
        display: inline-block;
    }
.icon--first {
    margin-right: 0.3em;
}
.icon--last {
    margin-left: 0.3em;
}

p {
    margin: 0 0 1em 0;
}
    p:last-child {
        margin-bottom: 0;
    }





    .text--small {
        font-size: 1.45rem;
        line-height: 1.5;
    }

     
  
   
  @media (min-width: 768px) {
    
    
        .text--small {
            font-size: 1.7rem;
        }
    
  
  }




    .text--large {
        font-size: 2.1rem;
        line-height: 1.5;
        letter-spacing: 0.025rem;
    }

     
  
   
  @media (min-width: 768px) {
    
    
        .text--large {
            font-size: 2.4rem;
            letter-spacing: 0.05rem;
        }
    
  
  }




ul,
ol {
    margin: 0 0 1em 3em;
}

ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}

.text--center {
    text-align: center;
}

.text--right {
    text-align: right;
}

.haas-block-video {
	container-type: inline-size;
}

.haas-videolist {
	background: var( --color-ultra-light-grey );
	border-radius: var(--border-radius);
}
	
    .haas-videolist {
        font-size: 1.45rem;
        line-height: 1.5;
    }

     
  
   
  @media (min-width: 768px) {
    
    
        .haas-videolist {
            font-size: 1.7rem;
        }
    
  
  }




	.haas-videolist__video {
		display: block;
		width: 100%;
		aspect-ratio: 600/340;
		border-radius: var(--border-radius);
	}

	.haas-videolist__tracks {
		max-height: 40rem;
		overflow-y: auto;
		padding: 2rem 0;
	}
	.haas-videolist__list-item {
		border-bottom: 1px solid var(--color-light-grey);
	}
		.haas-videolist__list-item:last-child {
			border-bottom: none;
		}
		.haas-videolist__list-item__link {
			border-radius: 0;
			border-left: 10px solid transparent;
			padding: 1.2rem;
			display: flex;
			align-items: center;
			width: 100%;
			text-decoration: none;
			color: inherit;
			text-align: left;
		}
		.haas-videolist__list-item__pretitle {
			font-weight: 400;
			display: block;
		}
		.haas-videolist__list-item__pretitle {
			font-weight: 400;
			font-size: 1.3rem;
			display: block;
		}
		.haas-videolist__list-item__title {
			font-weight: 600;
		}
		.haas-videolist__list-item__length {
			margin: 0 0 0 auto;
		}
		.haas-videolist__list-item__link:hover,
		.haas-videolist__list-item__link:focus,
		.haas-videolist__list-item.track--current > .haas-videolist__list-item__link {
			background: var(--color-white);
			border-left-color: var(--color-gold);
		}

	.haas-videolist__chapters {
		display: none;
	}
		.haas-videolist__chapters__back {
			padding: 1.2rem;
			border-left: 10px solid transparent;
			font-weight: 600;
		}
			.haas-videolist__chapters__back__button {
				font-size: 1.3rem;
			}
			.haas-videolist__chapters__back .haas-videolist__track__title {
				display: block;
			}

	.haas-videolist.has-expanded .haas-videolist__track:not(.track--expanded) {
		display: none;
	}
		.haas-videolist.has-expanded .haas-videolist__track.track--expanded .haas-videolist__track__link {
			display: none;
		}
		.haas-videolist.has-expanded .haas-videolist__track.track--expanded .haas-videolist__chapters {
			display: block;
		}

@container (min-width: 1100px) {
	.haas-videolist {
		position: relative;
	}
		.haas-videolist__current {
			width: 65%;
		}
		.haas-videolist__tracks {
			position: absolute;
			top: 0;
			right: 0;
			width: calc( 100% - 65% );
			max-height: 100%;
		}