.sirito-timeline{background-color:var(--timeline-bg, var(--sirito-brown));color:var(--timeline-fg, var(--sirito-cream));padding-block:var(--timeline-py, 56px)}.sirito-timeline__inner{display:grid;grid-template-columns:739fr 892fr;gap:var(--sirito-gutter);align-items:start}.sirito-timeline__intro{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.sirito-timeline__eyebrow{margin:0;font-size:var(--sirito-body);font-weight:400;line-height:1.125;text-transform:uppercase;color:inherit}.sirito-timeline__heading{margin:0;font-family:var(--sirito-font-display);font-size:var(--sirito-h2);font-weight:500;line-height:1;letter-spacing:0;text-transform:uppercase;color:inherit;max-width:18ch}.sirito-timeline__text{text-align:justify;font-size:var(--sirito-body);font-weight:500;line-height:1.125;color:inherit}.sirito-timeline__text>*{margin:0}.sirito-timeline__text>*+*{margin-top:1em}.sirito-timeline__intro .sirito-btn{margin-top:8px}.sirito-timeline__list{position:relative;display:flex;flex-direction:column;gap:56px;margin:0;padding:0;list-style:none}.sirito-timeline__list:before{content:"";position:absolute;top:11px;bottom:11px;left:3px;width:2px;background-color:var(--timeline-line, var(--sirito-gold))}.sirito-timeline__step{position:relative;display:grid;grid-template-columns:8px 1fr;gap:32px;align-items:start}.sirito-timeline__dot{position:relative;z-index:1;width:8px;height:8px;margin-top:7px;border-radius:50%;background-color:var(--timeline-fg, var(--sirito-cream))}.sirito-timeline__body{display:flex;flex-direction:column;gap:16px}.sirito-timeline__head{display:flex;flex-direction:column;gap:8px}.sirito-timeline__date{margin:0;font-size:20px;font-weight:700;line-height:1.1;color:inherit}.sirito-timeline__step-title{margin:0;font-family:var(--sirito-font-body);font-size:var(--sirito-small);font-weight:400;line-height:1.0833;text-transform:uppercase;color:inherit}.sirito-timeline__step-text{text-align:justify;font-size:var(--sirito-body);font-weight:500;line-height:1.125;color:inherit}.sirito-timeline__step-text>*{margin:0}.sirito-timeline__step-text>*+*{margin-top:.75em}@media screen and (max-width:989px){.sirito-timeline__inner{grid-template-columns:minmax(0,1fr);gap:40px}.sirito-timeline__heading{max-width:100%}.sirito-timeline__list{gap:40px}}@media screen and (max-width:749px){.sirito-timeline__step{gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sirito-timeline.css.map */