@import "https://fonts.cdnfonts.com/css/bebas-neue";
@import "https://fonts.cdnfonts.com/css/poppins";
:root{--width-default:min(1200px,90vw);--diameter:1432px;--transition-duration:1s;--transition-timing:cubic-bezier(.25,.1,.25,1);--primary-color:#fff;--accent-color:#e0a857}.logo img{width:50px}header{width:var(--width-default);z-index:1;justify-content:space-between;align-items:center;height:70px;margin:auto;display:flex;position:relative}.slider{color:var(--primary-color);will-change:transform;backface-visibility:hidden;width:100vw;height:100%;min-height:100dvh;position:relative;overflow:hidden}.slider .list .item{transition:opacity var(--transition-duration)var(--transition-timing);pointer-events:none;opacity:0;will-change:transform,opacity;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slider .list .item .content{text-align:center;z-index:10;width:80%;max-width:800px;transition:opacity var(--transition-duration)var(--transition-timing),transform var(--transition-duration)var(--transition-timing);opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(50px - 50%))}.slider .list .item.active .content{opacity:1;transform:translate(-50%,-50%)}.slider .list .item.active~.item .content{transform:translate(-50%,calc(-50% - 50px))}.slider .list .item .content h2{color:var(--primary-color);text-transform:uppercase;text-shadow:2px 2px 8px #00000080;transition:transform 1.2s var(--transition-timing),opacity 1.2s var(--transition-timing);opacity:0;letter-spacing:2px;margin:0 0 16px;font-family:Bebas Neue,sans-serif;font-size:3rem;line-height:1;transform:translateY(40px)}.slider .list .item.active .content h2{opacity:1;transform:translateY(0)}.slider .list .item .content p{opacity:0;text-shadow:1px 1px 4px #000000b3;max-width:600px;transition:transform 1.2s var(--transition-timing),opacity 1.2s var(--transition-timing);margin:0 auto;font-family:Poppins,sans-serif;font-size:1rem;line-height:1.6;transition-delay:.2s;transform:translateY(30px)}.slider .list .item.active .content p{opacity:.9;transform:translateY(0)}.slider .list .item .quote-container{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.slider .list .item .quote-container .info-quote{color:var(--primary-color);border-left:2px solid var(--accent-color);opacity:0;text-shadow:1px 1px 4px #000c;max-width:240px;box-shadow:none;letter-spacing:.5px;cursor:pointer;z-index:15;pointer-events:auto;background-color:#0000;border-radius:0;width:max-content;margin:0;padding:12px 18px;font-family:Poppins,sans-serif;font-size:.9rem;font-style:italic;font-weight:300;transition:all .3s ease-in-out;display:inline-block;position:absolute;transform:translateY(30px)}.slider .list .item .info-quote:before{display:none}.slider .list .item.active .info-quote{opacity:.4;transform:translateY(0)}.slider .list .item.active .info-quote:hover{opacity:1;color:var(--accent-color);transition-delay:0s!important}.slider .list .item.active~.item .info-quote{opacity:0;transform:translateY(-30px)}.slider .list .item .info-quote:first-child{top:18%;left:8%;transform:rotate(-2deg)}.slider .list .item .info-quote:nth-child(2){top:32%;right:8%;transform:rotate(1deg)}.slider .list .item .info-quote:nth-child(3){bottom:28%;left:12%;transform:rotate(-1deg)}.slider .list .item .info-quote:nth-child(4){bottom:35%;right:10%;transform:rotate(2deg)}.slider .list .item .info-quote:nth-child(5){top:60%;left:15%;transform:rotate(-1.5deg)}.slider .list .item.active .info-quote:first-child{transition-delay:.2s}.slider .list .item.active .info-quote:nth-child(2){transition-delay:.3s}.slider .list .item.active .info-quote:nth-child(3){transition-delay:.4s}.slider .list .item.active .info-quote:nth-child(4){transition-delay:.5s}.slider .list .item.active .info-quote:nth-child(5){transition-delay:.6s}.slider .list .item.active .info-quote:hover{transition-delay:0s!important}.slider .list .item .image{width:var(--diameter);height:var(--diameter);background-image:linear-gradient(to right,#0009,#0009),var(--url);background-size:var(--diameter)auto;transition:transform var(--transition-duration)var(--transition-timing),filter .8s ease-out;filter:blur(30px);will-change:transform;backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;background-position:50%;border-radius:50%;flex-shrink:0;position:relative;transform:rotate(-60deg)translateZ(0)}.slider .list .item .image:before,.slider .list .item .image:after{content:"";background-image:linear-gradient(to right,#0007,#0007),var(--url);background-size:var(--diameter)auto;width:70%;height:70%;transition:transform var(--transition-duration)var(--transition-timing);will-change:transform;backface-visibility:hidden;background-position:50%;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-120deg)translateZ(0)}.slider .list .item .image:after{background-image:linear-gradient(to right,#0009,#0009),var(--url);border:3px solid #fff3;width:30%;height:30%;transform:translate(-50%,-50%)rotate(-170deg)translateZ(0)}.slider .list .item .image{filter:blur(30px)}.slider .list .item{pointer-events:none;opacity:0}.slider .list .item.active{pointer-events:auto;opacity:1}.slider .item.active .image{filter:blur();transform:rotate(0)translateZ(0)}.slider .item.active .image:before,.slider .item.active .image:after{transform:translate(-50%,-50%)rotate(0)translateZ(0)}.slider .list .item.active~.item{opacity:0}.slider .item.active~.item .image{transform:rotate(60deg)translateZ(0)}.slider .item.active~.item .image:before{transform:translate(-50%,-50%)rotate(120deg)translateZ(0)}.slider .item.active~.item .image:after{transform:translate(-50%,-50%)rotate(170deg)translateZ(0)}.slider .list .item .attribution{z-index:20;color:#ffffffb3;-webkit-backdrop-filter:blur(4px);pointer-events:auto;text-align:right;text-transform:none;text-shadow:none;transition:opacity var(--transition-duration)var(--transition-timing);opacity:0;background-color:#00000080;border-radius:8px 0 0 8px;padding:8px 16px;font-family:inherit;font-size:.8rem;position:absolute;top:20px;right:0%;transform:translate(0);box-shadow:0 2px 10px #0003}.slider .list .item.active .attribution{opacity:1}.slider .list .item .attribution a{color:inherit;text-decoration:underline;transition:color .2s}.slider .list .item .attribution a:hover{color:var(--accent-color)}.slider-indicators{z-index:10;gap:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.slider-indicators .indicator{cursor:pointer;background-color:#ffffff4d;border-radius:50%;width:12px;height:12px;transition:background-color .3s,transform .3s}.slider-indicators .indicator.active{background-color:var(--accent-color);transform:scale(1.2)}.arrows{width:var(--width-default);justify-content:space-between;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.arrows button{all:unset;cursor:pointer;opacity:.7;-webkit-backdrop-filter:blur(4px);background-color:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.arrows button:hover{opacity:1;background-color:#00000080;transform:scale(1.1)}.slider .list:after{display:none}.arrows button.d-none{opacity:0;pointer-events:none}@media (max-width:1200px){.slider .list .item .content h2{font-size:3.8rem}.slider .list .item .info-quote{max-width:220px;font-size:.85rem}}@media (max-width:1024px){.slider .list .item .content{width:90%}.slider .list .item .content h2{font-size:3.5rem}.slider .list .item .info-quote:first-child{top:20%;left:10%}.slider .list .item .info-quote:nth-child(2){top:30%;right:10%}.slider .list .item .info-quote:nth-child(3){bottom:20%;left:18%}.slider .list .item .info-quote:nth-child(4){bottom:25%;right:15%}.slider .list .item .info-quote:nth-child(5){display:none}.slider .list .item .info-quote{display:none;opacity:0!important}.slider .list .item .image,.slider .list .item .image:before,.slider .list .item .image:after{background-size:auto var(--diameter)}}@media (max-width:767px){.slider .list .item .content{width:90%;top:40%}.slider .list .item .content h2{font-size:2.5rem}.slider .list .item .content p{font-size:1rem}.slider .list .item .info-quote{display:none}.slider .list .item .info-quote:first-child{width:80%;max-width:none;display:block;top:20%;left:50%;transform:translate(-50%)}.slider .list .item .info-quote:nth-child(2){width:80%;max-width:none;display:block;top:auto;bottom:35%;right:50%;transform:translate(50%)}.arrows button{width:40px;height:40px}.slider .list .item .attribution{top:unset;font-size:.6rem;bottom:10%}}