.tormin-company .story-history{background:#fff;scroll-margin-top:120px}
.tormin-company .story-heading{text-align:center;margin-bottom:68px}
.tormin-company .story-heading h2{margin-bottom:20px}
.tormin-company .story-heading p{max-width:65ch;margin:0 auto}
.tormin-company .story-timeline{list-style:none;margin:0 auto;padding:0;position:relative;max-width:1200px}
.tormin-company .story-timeline::before{content:"";position:absolute;top:40px;bottom:40px;left:50%;width:2px;background:var(--line);transform:translateX(-50%)}
.tormin-company .story-milestone{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);column-gap:48px;align-items:center;min-height:150px;margin:0;padding:0 0 44px;scroll-margin-top:150px}
.tormin-company .story-milestone:last-child{padding-bottom:0;min-height:80px}
.tormin-company .story-year{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;position:relative;width:80px;height:80px;border:6px solid #fff;border-radius:50%;background:#e8eef5;color:var(--navy);font:700 22px/1 var(--font);font-variant-numeric:tabular-nums;transition:background-color .4s ease-out,color .4s ease-out}
.tormin-company .story-copy{grid-column:1;grid-row:1;text-align:right;padding-block:8px}
.tormin-company .story-milestone:nth-child(even) .story-copy{grid-column:3;text-align:left}
.tormin-company .story-copy h3{font-family:var(--font);font-size:23px;font-weight:700;line-height:1.3;margin:0 0 12px;color:var(--navy)}
.tormin-company .story-copy p{font-size:15px;line-height:1.75;margin:0;max-width:48ch}
.tormin-company .story-milestone.is-seen .story-year,.tormin-company .story-milestone:hover .story-year{background:var(--blue);color:#fff}
.tormin-company .story-archive-note{max-width:76ch;margin:48px auto 0;text-align:center;font-size:12px;line-height:1.7;color:#566576}
@media(max-width:700px){
 .tormin-company .story-heading{text-align:left;margin-bottom:36px}
 .tormin-company .story-heading p br{display:none}
 .tormin-company .story-timeline::before{left:34px;top:34px;bottom:34px}
 .tormin-company .story-milestone{grid-template-columns:68px minmax(0,1fr);column-gap:18px;min-height:0;padding-bottom:32px;align-items:start}
 .tormin-company .story-year{grid-column:1;width:68px;height:68px;font-size:17px;border-width:5px}
 .tormin-company .story-copy,.tormin-company .story-milestone:nth-child(even) .story-copy{grid-column:2;text-align:left;padding-block:8px}
 .tormin-company .story-copy h3{font-size:20px;line-height:1.35;margin-bottom:10px}
 .tormin-company .story-copy p{font-size:14px}
 .tormin-company .story-archive-note{text-align:left;margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.tormin-company .story-year{transition:none}}