/* Cool Timeline Pro V7 markup from the existing Timeless site. */
:root{--lt-ivory:var(--ivory);--lt-paper:var(--paper);--lt-charcoal:var(--ink);--lt-terracotta:var(--gold-dark);--lt-bronze:var(--gold);--lt-muted:var(--muted);--lt-line:var(--rail);--lt-border:var(--line);--lt-serif:var(--serif);--lt-sans:var(--sans)}
/* One continuous rail; selectors match the current V7 markup. */
body .ctl-wrapper { --ctw-line-bg:var(--lt-line); --ctl-set-line-color:var(--lt-line); --ctw-line-filling-color:var(--lt-bronze); --ctw-line-width:1px; max-width:none!important; width:100%!important; margin:0 auto!important; }
body .ctl-wrapper .ctl-vertical-wrapper { padding:0!important; margin:0!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline { display:flow-root; position:relative; padding:0 0 0 110px!important; width:100%!important; margin:0!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline::before { content:""; display:block!important; left:34px!important; top:10px; bottom:0; width:1px!important; background:var(--lt-line)!important; opacity:1!important; }
body .ctl-wrapper .ctl-vertical-wrapper :is(.ctl-inner-line,.ctl-start,.ctl-end,.ctl-arrow,.ctl-arrow-line) { display:none!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-year { width:100%!important; display:flex; justify-content:flex-start!important; float:none!important; margin:0 0 32px -110px!important; padding:0!important; clear:both; scroll-margin-top:118px; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-year-label.ctl-year-text { width:70px!important; height:48px!important; min-height:48px!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:var(--lt-ivory)!important; color:var(--lt-terracotta)!important; font:400 25px/48px var(--lt-serif)!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-year-label span { font:inherit!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-story { width:100%!important; float:none!important; margin:0 0 62px!important; padding:0 0 48px!important; border:0!important; border-bottom:1px solid var(--lt-border)!important; box-shadow:none!important; background:transparent!important; opacity:1!important; transform:none!important; transition:none!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-icon { left:-81px!important; right:auto!important; top:25px!important; width:11px!important; height:11px!important; min-width:0!important; padding:0!important; border:2px solid var(--lt-ivory)!important; border-radius:50%!important; background:var(--lt-bronze)!important; box-shadow:0 0 0 1px var(--lt-bronze)!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-icon>* { display:none!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-content { display:grid!important; grid-template-columns:minmax(0,1.13fr) minmax(0,1fr); grid-template-rows:auto 1fr; grid-template-areas:"media title" "media description"; column-gap:40px; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title { grid-area:title; background:transparent!important; color:var(--lt-charcoal)!important; border:0!important; padding:15px 0 0!important; margin:0 0 18px!important; font:400 clamp(26px,2.6vw,36px)/1.16 var(--lt-serif)!important; letter-spacing:-.4px!important; text-align:left!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-title a { font:inherit!important; color:var(--lt-charcoal)!important; text-transform:none!important; display:block; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-title a:hover { color:var(--lt-terracotta)!important; }
.lt-project-meta { display:block; font:500 10px/1.7 var(--lt-sans); color:var(--lt-terracotta); letter-spacing:1.4px; text-transform:uppercase; margin-bottom:15px; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-media { grid-area:media; float:none!important; display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; align-self:start; overflow:hidden; border-radius:0!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-media a { display:block; width:100%; overflow:hidden; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-media img { display:block; float:none!important; width:100%!important; height:auto!important; max-width:100%!important; max-height:none!important; aspect-ratio:4/3; object-fit:cover; border-radius:0!important; margin:0!important; transition:transform .35s ease; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-media a:hover img { transform:scale(1.025); }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-description { grid-area:description; float:none!important; width:100%!important; padding:0!important; margin:0!important; background:none!important; text-align:left!important; color:var(--lt-muted)!important; font:400 15px/1.85 var(--lt-sans)!important; letter-spacing:0!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-description p { font:inherit!important; color:inherit!important; margin:0 0 18px!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl_read_more,
body .ctl-wrapper .ctl-vertical-wrapper .lt-project-link { display:inline-flex!important; align-items:center; min-height:44px; background:none!important; border:0!important; border-bottom:1px solid var(--lt-bronze)!important; border-radius:0!important; padding:4px 0!important; margin-top:14px!important; box-shadow:none!important; font:500 13px/1.6 var(--lt-sans)!important; color:var(--lt-charcoal)!important; text-transform:none; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl_read_more::after,
body .ctl-wrapper .ctl-vertical-wrapper .lt-project-link::after { content:"↗"; font-size:19px; margin-left:20px; }
body .ctl-wrapper .ctl-vertical-wrapper .lt-project-link:hover { color:var(--lt-terracotta)!important; }
body .ctl-wrapper .ctl-vertical-wrapper .ctl-no-media .ctl-content { display:block!important; max-width:700px; }
body .ctl-wrapper .ctl_load_more_pagination { margin:10px 0 0; text-align:center; }
body .ctl-wrapper .ctl_load_more { background:transparent!important; color:var(--lt-charcoal)!important; border:1px solid var(--lt-charcoal)!important; border-radius:0!important; padding:15px 34px!important; min-height:48px; font:500 14px/1.5 var(--lt-sans)!important; box-shadow:none!important; }
body .ctl-wrapper .ctl_load_more:hover { background:var(--lt-charcoal)!important; color:var(--lt-ivory)!important; }

/* Preserve the photo's original link and any plugin gallery behavior. */
body .ctl-wrapper .ctl-vertical-wrapper .ctl-title a{overflow-wrap:anywhere}
body .ctl-wrapper .ctl-vertical-wrapper .ctl-description{font-size:16px!important}
body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title{font-size:clamp(26px,2.8vw,38px)!important}
body .ctl-wrapper .ctl-vertical-wrapper .ctl-media img{aspect-ratio:4/3}
body .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline{overflow:visible}
body .ctl-wrapper .ctl-vertical-wrapper .ctl-year-label.ctl-year-text{font-size:28px!important}
body .ctl-wrapper .ctl-vertical-wrapper .ctl-story:focus-within .ctl-icon{background:var(--gold-dark)!important}
body .ctl-wrapper .ctl-labels{position:static!important;inset:auto!important;width:auto!important;max-width:100%;margin:0 0 12px!important;text-align:left!important;color:var(--gold-dark)!important;font:400 14px/1.6 var(--sans)!important}
body .ctl-wrapper .ctl-labels span{font:inherit!important;color:inherit!important}
body .ctl-wrapper .ctl-media figcaption,body .ctl-wrapper .ctl-media .wp-caption-text{font:400 13px/1.6 var(--sans)!important;color:var(--muted)!important;letter-spacing:0!important}
@media(max-width:900px){
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline{padding-left:72px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline::before{left:19px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-year{margin-left:-72px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-year-label.ctl-year-text{width:60px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-icon{left:-58px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-content{column-gap:25px}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title{font-size:28px!important}
}
@media(max-width:700px){
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline{padding-left:25px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-timeline::before{left:2px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-year{margin:0 0 22px -25px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-year-label.ctl-year-text{width:68px!important;text-align:left}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story{margin-bottom:32px!important;padding-bottom:32px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-icon{left:-28px!important;top:16px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-content{display:flex!important;flex-direction:column;gap:0}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-media{order:-1}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title{padding:24px 0 0!important;margin-bottom:14px!important;font-size:29px!important}
 body .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-description{font-size:16px!important;line-height:1.8!important}
}
@media(prefers-reduced-motion:reduce){body .ctl-wrapper *{animation:none!important;transition:none!important}}
