/* TENEDIM timeline and strict brand accents, scoped editorial homepage */
:root{--gold:#7E062B;--accent:#7E062B;--tenedim-burgundy:#7E062B}
body:has(.tenedim-timeline) main>section:nth-of-type(2){background:#E4EAF0!important}
.tenedim-timeline{max-width:1320px;margin:0 auto;padding:75px 30px 90px;text-align:center;color:#00224B}
.tenedim-timeline .eyebrow{font:600 10px "TENEDIM Avenir Next",sans-serif;letter-spacing:.28em;color:#7E062B}
.tenedim-timeline h2{font-family:"TENEDIM Source Serif 4",Georgia,serif!important;font-size:clamp(32px,3.3vw,52px);line-height:1.1;margin:18px 0 4px;font-weight:500}
.tenedim-timeline .subtitle{font-family:"TENEDIM Source Serif 4",Georgia,serif!important;font-size:clamp(24px,2.5vw,37px);font-style:italic;color:#7E062B}
.tenedim-timeline .intro{max-width:950px;margin:26px auto 46px;line-height:1.7;font-size:14px}
.tenedim-timeline .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;position:relative}
.tenedim-timeline .steps:after{content:"";height:3px;background:#00224B;position:absolute;top:calc(var(--photo-h,170px) + 16px);left:10%;right:10%;z-index:0}
.tenedim-timeline .step{min-width:0;display:flex;flex-direction:column;align-items:center;position:relative}
.tenedim-timeline .step img{width:100%;height:var(--photo-h,170px);object-fit:cover;display:block;border-radius:3px;mix-blend-mode:multiply}
.tenedim-timeline .marker{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;margin:0 auto 10px;border-radius:100%;background:#7E062B;color:#fff;font:700 15px "TENEDIM Avenir Next",sans-serif}
.tenedim-timeline .step-title{font-size:14px;line-height:1.4;color:#7E062B;font-weight:650;max-width:190px}
@media(max-width:800px){.tenedim-timeline{padding:50px 20px 65px}.tenedim-timeline .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tenedim-timeline .steps:after{display:none}.tenedim-timeline .step img{height:150px}.tenedim-timeline .step:last-child{grid-column:1/-1;max-width:280px;width:100%;justify-self:center}.tenedim-timeline .intro{font-size:13px}}
@media(min-width:801px) and (max-width:1100px){.tenedim-timeline .steps{--photo-h:125px;gap:12px}.tenedim-timeline .step-title{font-size:12px}}
/* Remove gold in historical homepage accents without changing photographic colors. */
body:has(.tenedim-timeline) main :is(.text-gold,.text-amber-500,.text-amber-600){color:#7E062B!important}
body:has(.tenedim-timeline) main :is(.bg-gold,.bg-amber-500){background-color:#7E062B!important}
body:has(.tenedim-timeline) main :is(.border-gold){border-color:#7E062B!important}
