/* MYRRHA — BIO timeline v1.0, independent of Elementor Pro */
.myrrha-bio-timeline { --myrrha-accent:#27b9ee; --myrrha-ink:#eaf2f6; --myrrha-muted:#b7c8d0; position:relative; width:100%; margin:24px auto 36px; color:var(--myrrha-ink); font-family:inherit; }
.myrrha-bio-timeline__nav { display:flex; justify-content:center; align-items:center; gap:16px; width:100%; margin:20px auto 4px; padding:0 12px; }
.myrrha-bio-timeline__hint { display:none; }
.myrrha-bio-timeline__arrow { width:39px; height:39px; border:1px solid rgba(70,193,238,.45); border-radius:50%; background:rgba(9,31,42,.94); color:#e9faff; font-weight:600; font-size:19px; line-height:1; font-family:inherit; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:background .2s,transform .2s; }
.myrrha-bio-timeline__arrow:hover, .myrrha-bio-timeline__arrow:focus-visible { background:#126283; transform:translateY(-1px); color:#fff; }
.myrrha-bio-timeline__arrow:disabled { opacity:.35; cursor:default; transform:none; }
.myrrha-bio-timeline__track { display:flex; gap:18px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scroll-padding-left:0; scrollbar-width:thin; scrollbar-color:#337c98 transparent; outline-offset:4px; padding:0 0 18px; }
.myrrha-bio-timeline__event { flex:0 0 calc((100% - 54px)/4); min-width:0; scroll-snap-align:start; background:linear-gradient(155deg,#102731,#091920); border:1px solid rgba(40,149,190,.25); border-radius:8px; overflow:hidden; min-height:270px; box-shadow:0 4px 20px rgba(0,0,0,.16); }
.myrrha-bio-timeline__media { width:100%; aspect-ratio:4/3; overflow:hidden; background:#09161a; }
.myrrha-bio-timeline__image { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.myrrha-bio-timeline__event:hover .myrrha-bio-timeline__image { transform:scale(1.035); }
.myrrha-bio-timeline__body { position:relative; padding:20px 16px 22px; border-top:2px solid var(--myrrha-accent); height:auto; }
.myrrha-bio-timeline__marker { position:absolute; width:9px; height:9px; top:-5.5px; left:17px; background:#44cbfc; border-radius:50%; box-shadow:0 0 0 4px rgba(30,168,219,.2); }
.myrrha-bio-timeline__year { margin:0 0 8px!important; font-family:inherit; font-size:20px!important; font-weight:750; line-height:1.2!important; color:#f4fcff!important; }
.myrrha-bio-timeline__description { color:var(--myrrha-muted); font-family:inherit; font-size:13px; line-height:1.55; overflow-wrap:anywhere; }
.myrrha-bio-timeline__description p { margin:0 0 8px; color:inherit; }
.myrrha-bio-timeline__description p:last-child { margin-bottom:0; }
.myrrha-bio-timeline__description a { color:#75d6fc; text-decoration:underline; }
.myrrha-bio-timeline__mobile-hint { display:none; font-size:12px; text-align:center; color:var(--myrrha-muted); margin:12px 0; }
@media(max-width:991px){ .myrrha-bio-timeline__event { flex-basis:calc((100% - 18px)/2); } }
@media(max-width:600px){ .myrrha-bio-timeline__event { flex-basis:86%; } .myrrha-bio-timeline__mobile-hint { display:block; } .myrrha-bio-timeline__hint { margin-right:auto; } }
@media(prefers-reduced-motion:reduce){ .myrrha-bio-timeline__image, .myrrha-bio-timeline__arrow { transition:none; } }
