.tl{padding:88px 24px;background:var(--white)}
.tl-i{max-width:1280px;margin:0 auto}
.tl h2{font-family:'Playfair Display',serif;font-weight:700;font-size:1.7rem;color:var(--teal);margin-bottom:44px}
.tl-g{display:grid;grid-template-columns:1fr;gap:0}
.tl-s{padding:28px 0 28px 36px;border-left:2px solid rgba(30,58,74,.12);position:relative}
.tl-s::before{content:'';position:absolute;left:-6px;top:34px;width:12px;height:12px;border-radius:50%;background:var(--teal)}
.tl-s:last-child{border-left-color:transparent}
.tl-t{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);font-weight:600;margin-bottom:6px}
.tl-s h3{font-family:'Playfair Display',serif;font-weight:700;font-size:1.1rem;color:var(--teal);margin-bottom:8px}
.tl-s p{font-size:.92rem;line-height:1.65}

@media(min-width:768px){
html{font-size:17px}
.tl{padding:100px 40px}
.tl-g{grid-template-columns:repeat(4,1fr);gap:28px}
.tl-s{padding:0;border-left:none;border-top:2px solid rgba(30,58,74,.12);padding-top:28px}
.tl-s::before{left:0;top:-6px}
.tl-s:last-child{border-top-color:rgba(30,58,74,.12)}
}

@media(max-width:520px){
.tl{padding:56px 20px}
}