.introduction-timeline-section{position:relative;overflow:hidden}.introduction-timeline-section .introduction-timeline-wrapper{background:#262015;padding:80px;border-radius:32px}.introduction-timeline-section .introduction-timeline-container{max-width:1440px;margin:0 auto;padding:0 32px}.introduction-timeline-section .introduction-timeline-heading{text-align:center;margin:0 0 32px;color:var(--color-white)}.introduction-timeline-section .introduction-timeline-content-grid{display:grid;grid-template-columns:1fr 65%;gap:75px;align-items:flex-start}.introduction-timeline-section .introduction-timeline-left-side{position:relative;padding:160px 0 0}.introduction-timeline-section .introduction-timeline-items-list{position:relative;display:flex;flex-direction:column;gap:12px;overflow:hidden}.introduction-timeline-section .introduction-timeline-single-item{display:flex;align-items:center;gap:20px;padding:0;background:none;border:none;box-shadow:none;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:var(--item-opacity, .2)}.introduction-timeline-section .introduction-timeline-marker-wrapper{position:relative;flex-shrink:0;margin-top:4px}.introduction-timeline-section .introduction-timeline-marker-dot{width:14px;height:14px;border-radius:50%;background:var(--marker-bg, transparent);border:2px solid var(--marker-border, #ccc);position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.introduction-timeline-section .introduction-timeline-text-content{flex:1;padding-top:0}.introduction-timeline-section .introduction-timeline-item-text{font-size:18px;letter-spacing:0;line-height:26px;color:var(--color-white);max-width:320px;margin:0;font-weight:var(--text-weight, 400);transition:all .6s cubic-bezier(.4,0,.2,1);text-align:left}.introduction-timeline-section .introduction-timeline-right-side{position:sticky;top:100px;height:fit-content;background:#3b362c;padding:5px;border-radius:32px}.introduction-timeline-section .introduction-timeline-media-container{position:relative;width:100%;border-radius:32px;overflow:hidden}.introduction-timeline-section .introduction-timeline-media-item{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(100%);opacity:0;visibility:hidden;border-radius:32px;transition:none}.introduction-timeline-section .introduction-timeline-media-item:first-child{position:relative;transform:translateY(0);opacity:1;visibility:visible}.introduction-timeline-section .introduction-timeline-media-item.active{transform:translateY(0);opacity:1;visibility:visible}.introduction-timeline-section .introduction-timeline-video-wrapper,.introduction-timeline-section .introduction-timeline-image-wrapper,.introduction-timeline-section .introduction-timeline-placeholder-wrapper{position:relative;border-radius:32px;padding-bottom:82%;height:0;overflow:hidden}.introduction-timeline-section .introduction-timeline-video-element,.introduction-timeline-section .introduction-timeline-static-image,.introduction-timeline-section .introduction-timeline-placeholder-image{position:absolute;top:0;left:0;width:100%;border-radius:32px;height:100%;object-fit:cover}.introduction-timeline-section .introduction-timeline-placeholder-image{background:#f0f0f0}.introduction-timeline-section .introduction-timeline-video-poster{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:32px;cursor:pointer;transition:opacity .3s ease;z-index:10}.introduction-timeline-section .introduction-timeline-video-poster.hidden{opacity:0;visibility:hidden;pointer-events:none}.introduction-timeline-section .introduction-timeline-poster-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:32px}.introduction-timeline-section .introduction-timeline-play-button{position:relative;z-index:11;width:84px;height:46px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;cursor:pointer}.introduction-timeline-section .introduction-timeline-play-button:hover{background:#fff5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:scale(1.05)}.introduction-timeline-section .introduction-timeline-play-button svg{width:16px;height:18px;flex-shrink:0}.introduction-timeline-section .introduction-timeline-video-element{cursor:pointer}@media (max-width: 1024px){.introduction-timeline-section .introduction-timeline-content-grid{gap:60px}}@media (max-width: 1070px){.introduction-timeline-section .introduction-timeline-content-grid{grid-template-columns:1fr;gap:40px}.introduction-timeline-section .introduction-timeline-left-side{padding:0}.introduction-timeline-section .introduction-timeline-item-text{max-width:100%}}@media (max-width: 768px){.introduction-timeline-section .introduction-timeline-media-container{border-radius:24px}.introduction-timeline-section .introduction-timeline-container{padding:0 16px}.introduction-timeline-section .introduction-timeline-wrapper{border-radius:24px;padding:0}.introduction-timeline-section .introduction-timeline-heading{padding:24px 24px 0;margin-bottom:20px}.introduction-timeline-section .introduction-timeline-video-wrapper,.introduction-timeline-section .introduction-timeline-image-wrapper,.introduction-timeline-section .introduction-timeline-placeholder-wrapper{padding-bottom:98.781%}.introduction-timeline-section .introduction-timeline-left-side{padding:0 24px}.introduction-timeline-section .introduction-timeline-content-grid{gap:20px}.introduction-timeline-section .introduction-timeline-right-side{margin:0 10px 11px}.introduction-timeline-section .introduction-timeline-marker-dot{width:10px;height:10px}.introduction-timeline-section .introduction-timeline-single-item{gap:14px}.introduction-timeline-section .introduction-timeline-item-text{font-size:12px;line-height:20px}.introduction-timeline-section .introduction-timeline-play-button{width:70px;height:38px;gap:8px;border-radius:16px}.introduction-timeline-section .introduction-timeline-play-button svg{width:14px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/introduction-timeline.css.map */