.carousel-3d{width:100%;height:100%;text-align:center;overflow:hidden;position:relative;--carousel-scale: 1}.carousel-3d .carousel-3d__slider{position:absolute;top:10%;width:calc(var(--item-width, 20rem) * var(--carousel-scale, 1));height:calc(var(--item-height, 15.63rem) * var(--carousel-scale, 1));left:calc(50% - var(--item-width, 20rem) * var(--carousel-scale, 1) / 2);transform-style:preserve-3d;transform:perspective(62.5rem);animation:carousel3dAutoRun var(--carousel-duration, 40s) linear infinite;touch-action:pan-y;z-index:2}.carousel-3d .carousel-3d__slider--paused{animation-play-state:paused}.carousel-3d .carousel-3d__slider--reverse{animation-direction:reverse}.carousel-3d .carousel-3d__slider--manual{animation:none!important;transition:transform .6s ease}.carousel-3d .carousel-3d__item{position:absolute;inset:0;cursor:pointer;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(calc(var(--carousel-radius, 34.38rem) * var(--carousel-scale, 1)))}.carousel-3d .carousel-3d__item img{width:100%;height:100%;object-fit:cover;border-radius:.5rem;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes carousel3dAutoRun{0%{transform:perspective(62.5rem) rotateX(var(--carousel-tilt, -16deg)) rotateY(0)}to{transform:perspective(62.5rem) rotateX(var(--carousel-tilt, -16deg)) rotateY(360deg)}}.carousel-3d .carousel-3d__content{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(1400px,100vw);height:max-content;padding-bottom:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:1}.carousel-3d .carousel-3d__title{font-size:10rem;line-height:1em;font-weight:800;color:#25283b;position:relative}.carousel-3d .carousel-3d__title:after{position:absolute;inset:0;content:attr(data-content);z-index:2;-webkit-text-stroke:2px #d2d2d2;color:transparent}.carousel-3d .carousel-3d__author{text-align:right;max-width:min-content}.carousel-3d .carousel-3d__author h2{font-size:3em;font-weight:700}.carousel-3d .carousel-3d__description{text-align:right}.carousel-3d__controls{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10}.carousel-3d__control-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#00000073;color:#fff;font-size:1.25rem;line-height:1;padding:0;cursor:pointer;transition:background .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.carousel-3d__control-btn:hover:not(:disabled){background:#000000b3;border-color:#ffffff80}.carousel-3d__control-btn:disabled{opacity:.4;cursor:not-allowed}@media screen and (max-width:1024px){.carousel-3d__controls{display:none}}@media screen and (max-width:870px){.carousel-3d{--carousel-scale: .9}.carousel-3d .carousel-3d__title{text-align:center;width:100%;text-shadow:0 10px 20px #000;font-size:7em}.carousel-3d .carousel-3d__author{color:#fff;padding:20px 30px;text-shadow:0 10px 20px #000;z-index:2;max-width:unset;width:100%;text-align:center}}@media screen and (max-width:767px){.carousel-3d{--carousel-scale: .8}.carousel-3d .carousel-3d__title{font-size:5em}}@media screen and (max-width:655px){.carousel-3d{--carousel-scale: .7}}@media screen and (max-width:580px){.carousel-3d{--carousel-scale: .6}}@media screen and (max-width:480px){.carousel-3d{--carousel-scale: .55}}@media screen and (max-width:420px){.carousel-3d{--carousel-scale: .5}}@media screen and (max-width:390px){.carousel-3d{--carousel-scale: .45}}@media screen and (max-width:345px){.carousel-3d{--carousel-scale: .4}}@media screen and (max-width:300px){.carousel-3d{--carousel-scale: .35}}
