.reel{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#141414;scroll-snap-align:start;border:1px solid #ffffff40}
.reel img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12);transition:.5s}
.reel:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#141414dd)}
.reel i{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid white;display:grid;place-items:center;font-style:normal}
.reel b{position:absolute;z-index:2;bottom:20px;left:20px;font-size:12px;letter-spacing:.14em}
.reel:hover img{filter:none;transform:scale(1.04)}
.outline{-webkit-text-stroke-color:#f8f8f2}
@media(max-width:900px){.hero-script{transform:rotate(-7deg)!important}}