@import"https://fonts.googleapis.com/css2?family=Beth+Ellen&display=swap";@import"https://fonts.googleapis.com/css2?family=Beth+Ellen&family=Chelsea+Market&display=swap";:root{--carousel-transition-duration: .25s;--carousel-transition-ease: ease-out;--carousel-bg-color-rgb: 0, 0, 0;--carousel-shadow-color-rgb: 128, 128, 128;--carousel-item-width: 11.5rem;--carousel-item-height: 17.5rem;--carousel-item-hover-effect: 1.075;--carousel-item-reflection-blur: .25rem;--carousel-item-empty-color-rgb: 255, 255, 255;--carousel-item-glow-color-rgb: 255, 255, 255;--carousel-item-glow-size: 5rem;--carousel-diameter: 50rem;--carousel-3d-perspective: 1000px;--carousel-3d-perspective-origin: 50% 20%;--carousel-control-button-width: 1.25rem;--carousel-control-button-height: 4rem;--carousel-control-color-rgb: 255, 255, 255;--carousel-animation-duration: 25s;--carousel-animation-play-state: running;--carousel-direction-animation-play-state: paused}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100vw;overflow-x:hidden!important;margin:0;padding:0;background-color:#000}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.wrapper,.content{position:relative;width:100%;z-index:1}.intro{position:absolute;inset:0% auto auto 0%;z-index:10;display:flex;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;color:red;transition:opacity .3s ease;pointer-events:none}.intro h1{font-size:40px;font-family:Beth Ellen,cursive}.intro p{font-size:60px;font-family:Chelsea Market,system-ui;font-weight:bolder}.content{overflow-x:hidden}.section.hero{background-image:url(https://images.unsplash.com/photo-1512747646639-ed824d861e0d?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:center center;background-repeat:no-repeat;background-size:cover;will-change:transform,opacity}.section{width:100%;height:100vh;position:relative;overflow:hidden}.image-container{width:100%;height:100vh;position:absolute;top:0;left:0;right:0;z-index:1;perspective:1000px;overflow:hidden;pointer-events:none}.image-container img{width:100%;height:100%;object-fit:cover;object-position:center center;position:relative;z-index:1;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.carousel-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;z-index:3}.carousel{--_diameter: var(--carousel-diameter);--_radius: calc(var(--_diameter) / 2);--_item-width: var(--carousel-item-width);--_item-height: var(--carousel-item-height);perspective:var(--carousel-3d-perspective);perspective-origin:var(--carousel-3d-perspective-origin);width:var(--_diameter);height:var(--_diameter)}@media only screen and (max-width:48rem){.carousel{--_diameter: calc(var(--carousel-diameter) * .75);--_item-width: calc(var(--carousel-item-width) * .75);--_item-height: calc(var(--carousel-item-height) * .75)}}@media only screen and (max-width:32rem){.carousel{--_diameter: calc(var(--carousel-diameter) * .6);--_item-width: calc(var(--carousel-item-width) * .6);--_item-height: calc(var(--carousel-item-height) * .6)}}@media only screen and (max-width:16rem){.carousel{--_diameter: calc(var(--carousel-diameter) * .25);--_item-width: calc(var(--carousel-item-width) * .25);--_item-height: calc(var(--carousel-item-height) * .25)}}.carousel .carousel-control-button{--_width: var(--carousel-control-button-width);--_height: var(--carousel-control-button-height);z-index:1;width:var(--_width);height:var(--_height);background-color:rgb(var(--carousel-control-color-rgb));opacity:.2;transition:opacity var(--carousel-transition-duration) var(--carousel-transition-ease);position:absolute}.carousel .carousel-control-button:hover{opacity:.4}.carousel .carousel-control-button:has(input:checked){opacity:.8}.carousel .carousel-control-button input{-webkit-appearance:none;appearance:none;opacity:0;width:100%;height:100%;cursor:pointer}.carousel .carousel-control-button.left{clip-path:polygon(0% 50%,100% 0%,100% 100%);top:calc(var(--_radius) - var(--_height) / 2);left:0}.carousel:has(.carousel-control-button.left input:checked){--carousel-direction-animation-play-state: running}.carousel .carousel-control-button.right{clip-path:polygon(0% 0%,100% 50%,0% 100%);top:calc(var(--_radius) - var(--_height) / 2);right:0}.carousel:has(.carousel-control-button.right input:checked){--carousel-direction-animation-play-state: paused}.carousel .carousel-rotation-direction{--_direction-animation-play-state: var(--carousel-direction-animation-play-state);--_z: calc(var(--_radius) * -1);transform:translateZ(var(--_z));transform-style:preserve-3d;animation:carousel-rotation-reverse calc(var(--carousel-animation-duration) / 2) reverse linear infinite var(--_direction-animation-play-state);transition:all var(--carousel-transition-duration) var(--carousel-transition-ease)}@keyframes carousel-rotation-reverse{0%{transform:translateZ(var(--_z)) rotateY(0)}to{transform:translateZ(var(--_z)) rotateY(360deg)}}@keyframes carousel-rotation-normal{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.carousel .carousel-item-wrapper{transform-style:inherit;width:inherit;height:inherit;list-style-type:none;position:relative;animation:carousel-rotation-normal var(--carousel-animation-duration) normal linear infinite var(--carousel-animation-play-state);transition:all var(--carousel-transition-duration) var(--carousel-transition-ease);margin:0;padding:0}.carousel .carousel-rotation-direction:has(.carousel-item:hover){--carousel-animation-play-state: paused;--_direction-animation-play-state: paused}.carousel .carousel-item{--_width: var(--_item-width);--_height: var(--_item-height);--_rotation: calc(360 / var(--_num-elements) * var(--_index) * 1deg);left:calc(var(--_radius) - var(--_item-width) / 2);top:calc(var(--_radius) - var(--_item-height) / 2);transform:rotateY(var(--_rotation)) translateZ(var(--_radius));transform-style:inherit;width:var(--_width);height:var(--_height);transition:all var(--carousel-transition-duration) var(--carousel-transition-ease);box-shadow:0 0 var(--carousel-item-glow-size) transparent;position:absolute}.carousel .carousel-item:hover{box-shadow:0 0 var(--carousel-item-glow-size) rgb(var(--carousel-item-glow-color-rgb));transform:rotateY(var(--_rotation)) translateZ(calc(var(--_radius) * var(--carousel-item-hover-effect)));z-index:100}.carousel .carousel-item a{display:block;width:inherit;height:inherit;text-indent:-9999px;background-color:rgba(var(--carousel-item-empty-color-rgb),.5);background-image:var(--_image-url);background-repeat:no-repeat;background-position:center;background-size:cover;transition:filter var(--carousel-transition-duration) var(--carousel-transition-ease);filter:grayscale(100%)}.carousel .carousel-item:hover a{filter:grayscale(0%)}.carousel .carousel-item:before{content:"";width:inherit;height:inherit;background-color:rgba(var(--carousel-item-empty-color-rgb),.5);background-image:linear-gradient(to top,rgba(var(--carousel-bg-color-rgb),.25),rgba(var(--carousel-bg-color-rgb),1) 75%),var(--_image-url);background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:none;filter:blur(var(--carousel-item-reflection-blur)) grayscale(100%);transition:filter var(--carousel-transition-duration) var(--carousel-transition-ease);transform-style:inherit;transform-origin:center bottom;transform:rotateX(90deg) rotate(180deg) rotateY(180deg);position:absolute}.carousel .carousel-item:hover:before{filter:blur(var(--carousel-item-reflection-blur)) grayscale(0%)}.carousel .carousel-ground{--_width: var(--_diameter);--_height: var(--_diameter);--_rotation: 90deg;left:calc(var(--_radius) - var(--_width) / 2);top:calc(var(--_radius) - var(--_height) / 2);transform:rotateX(var(--_rotation)) translateZ(calc(var(--_item-height) / -2));width:var(--_width);height:var(--_height);border-radius:50%;background:radial-gradient(rgba(var(--carousel-shadow-color-rgb),.75) 15%,rgba(var(--carousel-bg-color-rgb),0) 60%);opacity:.5;transition:opacity var(--carousel-transition-duration) var(--carousel-transition-ease);position:absolute}.carousel .carousel-item-wrapper:has(.carousel-item:hover) .carousel-ground{opacity:.75}*:focus{outline:none}a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{width:100%;margin:0;padding:0;overflow-x:hidden;max-width:100vw}
