.timeline-section{position:relative;overflow:hidden}.timeline-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media screen and (min-width: 990px){.timeline-grid{grid-template-columns:45% 55%;gap:4rem}}.timeline-content{position:relative;z-index:2;display:flex;flex-direction:column}.timeline-title{color:rgb(var(--color-foreground));margin-bottom:2rem;line-height:1.2}.caption-with-letter-spacing{margin-bottom:1rem}.timeline-modal-trigger{margin-bottom:2rem;transition:all .3s ease;width:fit-content}.timeline-image{margin-top:2rem;position:relative;border-radius:1rem;overflow:hidden;width:100%;display:block}.timeline-image img{width:100%;height:auto;display:block;object-fit:cover}@media screen and (max-width: 989px){.timeline-image{max-width:500px;margin-left:auto;margin-right:auto}}.timeline-accordion-wrapper{display:flex;flex-direction:column;gap:1rem}.timeline-accordion-item{background:#fffffff2;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.timeline-accordion-item:hover{box-shadow:0 6px 20px #00000026;transform:translate(5px)}.timeline-summary{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;-webkit-user-select:none;user-select:none;position:relative}.timeline-summary::-webkit-details-marker{display:none}.timeline-header{flex:1}.timeline-badge{display:inline-block;background:#d3a23c;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.timeline-item-title{color:#1b1b57;font-size:1.25rem;font-weight:700;margin:0}.icon-plus-minus{position:relative;width:24px;height:24px;margin-left:1rem;flex-shrink:0}.icon-plus-minus__horizontal,.icon-plus-minus__vertical{position:absolute;background:#1b1b57;transition:all .3s ease}.icon-plus-minus__horizontal{width:18px;height:2px;left:3px;top:11px}.icon-plus-minus__vertical{width:2px;height:18px;left:11px;top:3px}details[open] .icon-plus-minus__vertical{transform:rotate(90deg);opacity:0}details[open] .icon-plus-minus__horizontal{background:#d3a23c}.timeline-content-inner{padding:0 1.5rem 1.5rem;color:#1b1b57;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timeline-description{margin-bottom:1rem;line-height:1.6}.timeline-features{list-style:none;padding:0;margin:0}.timeline-features li{padding-left:1.5rem;margin-bottom:.5rem;position:relative;font-size:1.25rem}.timeline-features li:before{content:"\2713";position:absolute;left:0;color:#d3a23c;font-weight:700;font-size:1.6rem}.timeline-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.timeline-modal[aria-hidden=false]{opacity:1;pointer-events:all}.timeline-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;cursor:pointer}.timeline-modal-container{position:relative;background:#fff;border-radius:1rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;z-index:1;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.timeline-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #EEF0F2;position:sticky;top:0;background:#fff;z-index:1}.timeline-modal-title{font-size:1.5rem;font-weight:700;color:#1b1b57;margin:0}.timeline-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#1b1b57;transition:all .2s ease;border-radius:50%}.timeline-modal-close:hover{background:#eef0f2;color:#d3a23c}.timeline-modal-content{padding:2rem;color:#1b1b57;line-height:1.7}.timeline-modal-content h1,.timeline-modal-content h2,.timeline-modal-content h3{color:#1b1b57;margin-top:1.5rem;margin-bottom:.75rem}.timeline-modal-content ul{margin-left:1.5rem;margin-bottom:1rem}.timeline-modal-content li{margin-bottom:.5rem}@media screen and (max-width: 989px){.timeline-title{font-size:2rem}.timeline-modal-container{width:95%;max-height:85vh}.timeline-modal-header,.timeline-modal-content{padding:1.5rem}}@media screen and (max-width: 749px){.timeline-accordion-item:hover{transform:none}.timeline-summary{padding:1rem}.timeline-content-inner{padding:0 1rem 1rem}.timeline-item-title{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-timeline-accordion.css.map */