@font-face{font-family:MC Merchant;src:url(/cdn/shop/files/MCMerchant-vo9yzo.otf?v=1765227768) format("opentype");font-display:swap}:root{--mixkl-dark: #1E1410;--mixkl-cream: #F2D9B0;--font-heading: "MC Merchant", sans-serif;--font-body: "Times New Roman", serif}.timeline-mixkl{position:relative;background-color:var(--section-bg)}.timeline-mixkl__sticky-container{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.timeline-mixkl__texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.timeline-mixkl__header{position:absolute;top:0;left:0;width:100%;text-align:center;z-index:10;padding:0 20px}.timeline-mixkl__tag{display:inline-block;font-family:var(--font-heading);border:2px solid var(--mixkl-dark);padding:6px 18px;border-radius:50px;font-size:1rem;letter-spacing:.05em;margin-bottom:10px;background:var(--section-bg)}.timeline-mixkl__title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);text-transform:uppercase;line-height:.9;color:var(--text-color);margin:0}.timeline-mixkl__highlight{color:#ee2e25;display:block;font-size:.6em;margin-top:5px}.timeline-mixkl__viewport{width:100%;padding-left:10vw;z-index:5}.timeline-mixkl__track{display:flex;align-items:center;gap:100px;width:max-content;will-change:transform;position:relative}.timeline-mixkl__line{position:absolute;top:50%;left:0;width:100%;height:6px;background:var(--line-color);transform:translateY(-50%);z-index:0}.timeline-mixkl__item{position:relative;z-index:2;width:350px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.timeline-mixkl__marker{width:30px;height:30px;background:var(--card-accent);border:4px solid var(--section-bg);border-radius:50%;box-shadow:0 0 0 4px var(--line-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.timeline-mixkl__card{background:#fff;border:3px solid var(--mixkl-dark);border-radius:12px;padding:20px;width:100%;position:relative;box-shadow:12px 12px 0 var(--card-accent);transition:transform .3s ease;transform:translateY(-50px)}.timeline-mixkl__item:nth-child(2n) .timeline-mixkl__card{transform:translateY(80px)}.timeline-mixkl__item:nth-child(odd) .timeline-mixkl__card{transform:translateY(-80px)}.timeline-mixkl__item:hover .timeline-mixkl__card{transform:translateY(-85px) rotate(-1deg) scale(1.02)}.timeline-mixkl__item:nth-child(2n):hover .timeline-mixkl__card{transform:translateY(75px) rotate(1deg) scale(1.02)}.timeline-mixkl__year-badge{position:absolute;top:-32px;right:-10px;background:var(--card-accent);color:#fff;font-family:var(--font-heading);font-size:1.4rem;padding:5px 15px;border:2px solid var(--mixkl-dark);border-radius:50px;transform:rotate(3deg);z-index:10}.timeline-mixkl__image{width:100%;height:180px;overflow:hidden;border-radius:6px;border:2px solid var(--mixkl-dark);margin-bottom:15px}.timeline-mixkl__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.timeline-mixkl__card:hover .timeline-mixkl__image img{transform:scale(1.1)}.timeline-mixkl__content{text-align:left}.timeline-mixkl__card-title{font-family:var(--font-heading);font-size:1.4rem;line-height:1;text-transform:uppercase;margin:0 0 10px;color:var(--mixkl-dark)}.timeline-mixkl__card-desc{font-family:var(--font-body);font-size:.8rem;line-height:1.4;margin:0;color:#333}.timeline-mixkl__spacer{width:20vw;flex-shrink:0}.timeline-mixkl__progress{position:absolute;bottom:0;left:0;width:100%;height:8px;background:#0000001a}.timeline-mixkl__progress-bar{height:100%;background:var(--mixkl-dark);width:0%;transition:width .1s linear}@media(max-width:768px){.timeline-mixkl__card{width:280px;padding:15px}.timeline-mixkl__item:nth-child(odd) .timeline-mixkl__card{transform:translateY(-60px)}.timeline-mixkl__item:nth-child(2n) .timeline-mixkl__card{transform:translateY(60px)}.timeline-mixkl__header{top:20px}.timeline-mixkl__title{font-size:2.5rem}.timeline-mixkl__track{gap:50px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/timeline-mixkl.css.map */