:root{--ctl-ease: cubic-bezier(.16, 1, .3, 1)}body.ctl-ready .ctl-watch{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ctl-ease),transform .85s var(--ctl-ease),filter .85s var(--ctl-ease);will-change:opacity,transform}body.ctl-ready .ctl-watch.ctl-in{opacity:1;transform:none}body.ctl-ready .ctl-rise{filter:blur(10px)}body.ctl-ready .ctl-rise.ctl-in{filter:blur(0)}body.ctl-ready .ctl-hero{opacity:1;transform:none;transition:none}body.ctl-ready .ctl-hero img,body.ctl-ready .ctl-hero video{animation:ctl-kenburns 12s var(--ctl-ease) both}@keyframes ctl-kenburns{0%{transform:scale(1.1)}to{transform:scale(1)}}body.ctl-ready .ctl-hero h1,body.ctl-ready .ctl-hero .h1{animation:ctl-hero-title 1.2s var(--ctl-ease) .15s both}@keyframes ctl-hero-title{0%{opacity:0;transform:translateY(46px);letter-spacing:.08em;filter:blur(8px)}to{opacity:1;transform:none;letter-spacing:normal;filter:blur(0)}}body.ctl-ready .ctl-marquee{opacity:1;transform:none;transition:none}.ctl-marquee:hover *{animation-play-state:paused!important}body.ctl-ready .ctl-grid{opacity:1;transform:none;transition:none;filter:none}body.ctl-ready .ctl-grid .ctl-card{opacity:0;transform:translateY(40px);transition:opacity .75s var(--ctl-ease) var(--ctl-delay, 0ms),transform .75s var(--ctl-ease) var(--ctl-delay, 0ms);will-change:opacity,transform}body.ctl-ready .ctl-grid.ctl-in .ctl-card{opacity:1;transform:none}.ctl-grid .ctl-card img{transition:transform .7s var(--ctl-ease)}.ctl-grid .ctl-card:hover img{transform:scale(1.05)}.ctl-grid .ctl-card{overflow:visible}body.ctl-ready .ctl-media{opacity:1;transform:none;transition:none;filter:none}body.ctl-ready .ctl-media img,body.ctl-ready .ctl-media video{transition:clip-path 1.1s var(--ctl-ease),transform 1.4s var(--ctl-ease)}body.ctl-ready .ctl-media.ctl-media-left img,body.ctl-ready .ctl-media.ctl-media-left video{clip-path:inset(0 100% 0 0);transform:scale(1.06)}body.ctl-ready .ctl-media.ctl-media-right img,body.ctl-ready .ctl-media.ctl-media-right video{clip-path:inset(0 0 0 100%);transform:scale(1.06)}body.ctl-ready .ctl-media.ctl-in img,body.ctl-ready .ctl-media.ctl-in video{clip-path:inset(0 0 0 0);transform:scale(1)}body.ctl-ready .ctl-media h2,body.ctl-ready .ctl-media h3,body.ctl-ready .ctl-media p,body.ctl-ready .ctl-media .button{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ctl-ease),transform .7s var(--ctl-ease)}body.ctl-ready .ctl-media h2,body.ctl-ready .ctl-media h3{transition-delay:.3s}body.ctl-ready .ctl-media p{transition-delay:.45s}body.ctl-ready .ctl-media .button{transition-delay:.6s}body.ctl-ready .ctl-media.ctl-in h2,body.ctl-ready .ctl-media.ctl-in h3,body.ctl-ready .ctl-media.ctl-in p,body.ctl-ready .ctl-media.ctl-in .button{opacity:1;transform:none}.button,button.button{transition:transform .35s var(--ctl-ease),box-shadow .35s var(--ctl-ease),background-color .35s ease,color .35s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.button:active{transform:translateY(0) scale(.98);box-shadow:none}@media(prefers-reduced-motion:reduce){body.ctl-ready .ctl-watch,body.ctl-ready .ctl-grid .ctl-card,body.ctl-ready .ctl-media img,body.ctl-ready .ctl-media video,body.ctl-ready .ctl-media h2,body.ctl-ready .ctl-media h3,body.ctl-ready .ctl-media p,body.ctl-ready .ctl-media .button{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cottelle-animations.css.map */
