:root{--card-height: 1vw;--card-margin: 4vw;--card-top-offset: 1em;--numcards: 4;--outline-width: 0px}#cards{padding-bottom:calc(var(--numcards) * var(--card-top-offset));margin-bottom:var(--card-margin)}#card_1{--index: 1;z-index:4}#card_2{--index: 2;z-index:3}#card_3{--index: 3;z-index:2;margin-top:-120px;transform:scale(1.027)}#card_3_60{--index: 3;z-index:2;margin-top:-47px;transform:scale(1.007)}#card_4{--index: 4;z-index:1;margin-top:-175px;transform:scale(1.035)}#card_4_60{--index: 4;z-index:1;margin-top:-45px;transform:scale(1.005)}.card{position:sticky;top:0;padding-top:calc(var(--index) * var(--card-top-offset))}@supports (animation-timeline: works){@scroll-timeline cards-element-scrolls-in-body{source: selector(body); scroll-offsets: selector(#cards) start 1,selector(#cards) start 0 ; start: selector(#cards) start 1; end: selector(#cards) start 0; time-range: 10s;}.card{--index0: calc(var(--index) - 1);--reverse-index: calc(var(--numcards) - var(--index0));--reverse-index0: calc(var(--reverse-index) - 1)}.card__content{transform-origin:50% 0%;will-change:transform;--duration: calc(var(--reverse-index0) * 1s);--delay: calc(var(--index0) * 1s);animation:var(--duration) linear scale var(--delay) forwards;animation-timeline:cards-element-scrolls-in-body}@keyframes scale{to{transform:scale(calc(1.1 - calc(.1 * var(--reverse-index))))}}}#debug{position:fixed;top:1em;left:1em}#debug:after{content:" Show Debug";margin-left:1.5em;color:#fff;white-space:nowrap}#debug:checked~main{--outline-width: 1px}*{box-sizing:border-box;padding:0}.animation_container{width:100%;display:flex;flex-direction:column;background:#f4f4f4}#cards{list-style:none;outline:calc(var(--outline-width) * 10) solid blue;padding-bottom:900px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--numcards),var(--card-height));grid-row-gap:calc(var(--card-margin) + 200px);margin:0;width:98%}.card{outline:var(--outline-width) solid hotpink}.card__content{background:transparent;color:#0a0507;border-radius:1em;overflow:hidden;display:flex;align-items:stretch;outline:var(--outline-width) solid lime}.card__content img{margin:0 auto}.card__content h2{margin:115px auto 0;color:#2f2f2f;font-family:"Montserrat",Sans-serif;font-size:86px;font-weight:800}.hero_button{text-decoration:none;color:#fff;background:#000;padding:10px 20px;margin:0 auto 80px;z-index:5;border:1px solid black}.hero_button:hover{background:#f57c00;padding:10px 20px}aside{width:50vw;margin:0 auto;text-align:left}aside p{margin-bottom:1em}@media (max-width: 1020px){.card__content img{width:100%}.card__content h2{font-size:38px}}@media (max-width: 900px){#cards{padding-bottom:750px}#card_4_60,#card_3_60{margin-top:-54px}}@media (max-width: 660px){#cards{padding-bottom:650px}#card_3{margin-top:-87px}#card_4{margin-top:-125px}}@media (max-width: 530px){.card__content h2{margin:47px auto 0}#card_4{margin-top:-98px}#card_3{margin-top:-70px}#card_4_60{margin-top:-48px}#card_3_60{margin-top:-42px}#cards{padding-bottom:465px}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/CYK_header_animation.css.map */