@import url("https://fonts.cdnfonts.com/css/ica-rubrik-black");@import url("https://fonts.cdnfonts.com/css/poppins");.banner{width:100%;height:100vh;text-align:center;overflow:hidden;position:relative}.banner .slider{position:absolute;width:200px;height:250px;top:10%;left:calc(50% - 100px);transform-style:preserve-3d;transform:perspective(1000px);animation:autoRun 45s linear infinite;z-index:2}.banner.paused .slider{animation-play-state:paused}@keyframes autoRun{0%{transform:perspective(1200px) rotateX(-11deg) rotateY(0deg) scale(1)}to{transform:perspective(1200px) rotateX(-11deg) rotateY(1turn) scale(1)}}.banner .slider .item{position:absolute;inset:0 0 0 0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(550px)}.banner .slider .item Image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner .content{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(1400px,100vw);height:-moz-max-content;height:max-content;padding-bottom:100px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:1}.banner .content h1{font-family:ICA Rubrik;font-size:16em;line-height:1em;color:#57534e;position:relative}.banner .content h1:after{position:absolute;inset:0 0 0 0;content:attr(data-content);z-index:2;-webkit-text-stroke:2px #d2d2d2;color:transparent}.banner .content .author{font-family:Poppins;text-align:right;max-width:200px}.banner .content h2{font-size:3em}.banner .content .model{width:100%;height:69vh;position:absolute;bottom:0;left:0;background-size:auto 130%;background-repeat:no-repeat;background-position:top;z-index:1}@media screen and (max-width:1023px){.banner .slider{width:160px;height:200px;left:calc(50% - 80px)}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(300px)}.banner .content h1{font-size:7em}.banner .content .author,.banner .content h1{text-align:center;width:100%;text-shadow:0 10px 20px #000}.banner .content .author{color:#fff;z-index:2;max-width:unset;padding:0 30px}}@media screen and (max-width:767px){.banner .slider{width:100px;height:150px;left:calc(50% - 50px)}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(180px)}.banner .content h1{font-size:5em}}