.vy-scrollfilm{position:relative;background:#0b0e14}.vy-scrollfilm__pin{position:relative;height:100vh;height:100svh;overflow:hidden}.vy-scrollfilm__media,.vy-scrollfilm__media video,.vy-scrollfilm__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vy-scrollfilm__media video{object-fit:cover}.vy-scrollfilm__placeholder{background:linear-gradient(120deg,#141a26,#1e2a3f,#0f3460 70%,#141a26);background-size:250% 250%;animation:vy-film-pan 14s ease-in-out infinite alternate}@keyframes vy-film-pan{0%{background-position:0% 20%}to{background-position:100% 80%}}.vy-scrollfilm__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#05080e8c,#05080e00 45%),linear-gradient(to bottom,#05080e40,#05080e00 30%);pointer-events:none}.vy-scrollfilm__copy{position:absolute;z-index:2;left:clamp(20px,6vw,90px);bottom:clamp(90px,16vh,160px);max-width:640px;color:#fff}.vy-scrollfilm__kicker{font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;opacity:.75;margin:0 0 14px}.vy-scrollfilm__title{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.04;letter-spacing:-.01em;margin:0 0 16px;color:#fff;text-wrap:balance}.vy-scrollfilm__text{font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.6;opacity:.85;margin:0 0 26px}.vy-scrollfilm__text p{margin:0}.vy-scrollfilm__cta{display:inline-block;padding:14px 30px;border-radius:999px;background:#fff;color:#0b0e14;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.vy-scrollfilm__cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000059}.vy-scrollfilm__hint{position:absolute;z-index:2;right:clamp(20px,4vw,48px);bottom:34px;display:flex;align-items:center;gap:10px;color:#ffffffa6;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase}.vy-scrollfilm__hint span{width:1px;height:44px;background:#ffffffa6;display:inline-block;animation:vy-hint-drop 2.2s ease-in-out infinite;transform-origin:top}@keyframes vy-hint-drop{0%{transform:scaleY(0)}45%{transform:scaleY(1);transform-origin:top}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media(max-width:768px){.vy-scrollfilm__copy{bottom:110px}.vy-scrollfilm__hint{display:none}}@media(prefers-reduced-motion:reduce){.vy-scrollfilm__placeholder,.vy-scrollfilm__hint span{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/veyran-scrollfilm.css.map */