@import"https://fonts.cdnfonts.com/css/pp-neue-montreal";:root{--light: #f4f3ed;--dark: #101010}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PP Neue Montreal}img{width:100%;height:100%;object-fit:cover}h1{font-size:4rem;font-weight:500;letter-spacing:-.075rem;line-height:1.125}h3{font-size:2.25rem;font-weight:500;letter-spacing:-.025rem;line-height:1.125}.page-wrapper{position:relative;width:100%;height:100%;background-color:var(--light);will-change:background-color}.intro-banner,.outro-section{position:relative;width:100%;height:100svh;padding:2rem;align-content:center;text-align:center}.intro-banner h1,.outro-section h1{width:75%;margin:0 auto}.outro-section{background-color:var(--dark);color:var(--light)}.image-carousel{position:relative;width:100%;height:50svh;overflow:hidden}.carousel-track{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);width:150%;height:100%}.carousel-items{position:absolute;top:50%;left:50%;transform:translate(-75%,-50%);width:200%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;will-change:transform}.carousel-item{flex:1;width:100%;aspect-ratio:5/3}.section-horizontal{position:relative;width:100%;height:100svh;overflow:hidden}.horizontal-track{position:relative;width:300%;height:100svh;display:flex;will-change:transform}.scroll-panel{flex:1;height:100%;display:flex;gap:2rem;padding:2rem}.scroll-panel:not(.panel-spacer){background-color:var(--dark);color:var(--light)}.scroll-panel .content-column:nth-child(1){flex:3}.scroll-panel .content-column:nth-child(2){flex:2}.section-horizontal .content-column{display:flex;justify-content:center;align-items:center}.scroll-panel .content-column h3,.scroll-panel .content-column img{width:75%}.scroll-panel .content-column img{height:75%}@media(max-width:1000px){h1{font-size:2.25rem;letter-spacing:-.05rem}h3{font-size:1.5rem}.intro-banner h1,.outro-section h1{width:100%}.carousel-track{width:300%}.scroll-panel{padding:4rem;flex-direction:column-reverse;gap:2rem}.scroll-panel .content-column:nth-child(1){align-items:flex-start}.scroll-panel .content-column h3{width:100%}.scroll-panel .content-column img{width:100%;height:100%}}
