/* Sante Global -- Timeline Component */
/* NOTE: this .tl-grid/.tl-item pattern appears UNUSED in current markup. The homepage's actual timeline uses a different .tl-sec/.tl-row system living in pages/home.css. Flagged for review -- likely dead code from an earlier design iteration. */

/* -- Timeline -- */
.tl-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);margin-top:3rem;}
.tl-item{padding:2.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .3s;}
.tl-item:hover{background:var(--bg2);}
.tl-item:nth-child(even){border-right:none;}
.tl-item:nth-last-child(-n+2){border-bottom:none;}
.tl-item::before{content:'';position:absolute;top:0;left:0;width:0;height:2px;background:var(--amber);transition:width .4s;}
.tl-item:hover::before{width:100%;}
.tl-year{font-family:'Cormorant',serif;font-size:2.2rem;font-weight:300;font-style:italic;color:var(--amber);line-height:1;margin-bottom:.8rem;}
.tl-item h4{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--cream);margin-bottom:.5rem;text-transform:uppercase;}
.tl-item p{font-size:.78rem;color:var(--muted);line-height:1.75;}