.hx-chronology{display:block;position:relative;isolation:isolate;overflow:clip;--hx-chrono-blue:#0886ad;--hx-chrono-ink:#083c50;--hx-chrono-muted:#4f7082;--hx-chrono-progress:0%;margin:56px 0;padding:44px;border:1px solid #cde7f1;border-radius:30px;color:var(--hx-chrono-ink);background:radial-gradient(ellipse at 100% 0%,#9ce4f943,transparent 52%),linear-gradient(135deg,#f7fcff,#edf7fb 70%,#e8f5fb);box-shadow:0 22px 65px -46px #08799a50}
.hx-chronology *{box-sizing:border-box}
.hx-chrono-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:36px}
.hx-chrono-heading>div:first-child{max-width:760px}
body.hx-theme .hx-chrono-kicker{margin:0 0 14px;color:#0f7b9e;font-size:11px;font-weight:550;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
body.hx-theme .hx-chrono-heading h2{margin:0 0 17px;max-width:22ch;font-size:clamp(32px,3.4vw,52px);font-weight:450;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
body.hx-theme .hx-chrono-lead{margin:0;max-width:65ch;color:var(--hx-chrono-muted);font-size:16px;line-height:1.65}
.hx-chrono-duration{display:flex;align-items:center;flex-shrink:0;gap:12px;padding:13px 17px;border:1px solid #c5e3ef;border-radius:18px;background:#ffffffb8;box-shadow:inset 0 1px 0 #fff,0 8px 24px -20px #09698744;font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap}
.hx-chrono-duration small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--hx-chrono-muted)}
.hx-chrono-duration-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--hx-chrono-blue)}
.hx-chrono-duration-icon svg{width:27px;height:27px}
.hx-chrono-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;margin:34px 0 22px;gap:20px}
.hx-chrono-track{position:absolute;top:8px;left:calc(12.5% - 7px);right:calc(12.5% - 7px);height:2px;background:#bedeea;pointer-events:none}
.hx-chrono-track i{display:block;width:var(--hx-chrono-progress);height:100%;background:linear-gradient(90deg,#087c9e,#3bc8ec);box-shadow:0 0 12px #39bce54d;transition:width .45s cubic-bezier(.22,.68,.2,1)}
.hx-chrono-tab{position:relative;display:flex;align-items:center;flex-direction:column;gap:13px;min-width:0;min-height:62px;padding:0 5px 0;border:0;background:transparent;color:#527589;font-family:inherit;font-size:13px;font-weight:450;line-height:1.4;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hx-chrono-dot{position:relative;display:block;width:18px;height:18px;border:4px solid #eef8fc;border-radius:50%;background:#b2d5e3;box-shadow:0 0 0 1px #c0dce7;transition:background .25s,box-shadow .25s,transform .3s}
.hx-chrono-date{padding:6px 13px;border:1px solid transparent;border-radius:30px;transition:color .25s,background .25s,border-color .25s;white-space:nowrap}
.hx-chrono-tab.is-active{color:#086c8d}
.hx-chrono-tab.is-active .hx-chrono-dot{background:#16a7cf;box-shadow:0 0 0 1px #75c5dd,0 0 0 6px #4dc6e419}
.hx-chrono-tab.is-active .hx-chrono-date{background:#fff;border-color:#bfdfeb;box-shadow:0 4px 15px -11px #0b718a66}
.hx-chrono-tab:hover .hx-chrono-date{color:#087da1;background:#ffffffa6}
.hx-chrono-tab:focus-visible,.hx-chrono-mobile-controls button:focus-visible{outline:2px solid #0b92b8;outline-offset:5px;border-radius:12px}
.hx-chrono-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.hx-chrono-card{position:relative;min-width:0;margin:0;padding:0;list-style:none}
.hx-chrono-photo{position:relative;overflow:hidden;width:100%;aspect-ratio:1.08;border:1px solid #c9e2ec;border-radius:20px;background:#dcedf5;box-shadow:inset 0 1px 0 #ffffff70;transition:border-color .3s,box-shadow .3s}
.hx-chrono-photo>img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.015);animation:hxChronoBreathe 12s ease-in-out infinite alternate;animation-play-state:paused}
.hx-chronology[data-motion] .hx-chrono-card.is-active .hx-chrono-photo>img{animation-play-state:running;will-change:transform}
.hx-chrono-card.is-active .hx-chrono-photo{border-color:#62c0dc;box-shadow:0 10px 28px -19px #0c819c88}
.hx-chrono-image-icon{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffad;border-radius:50%;background:#f4fcffe8;color:#147e9e;backdrop-filter:blur(9px)}
.hx-chrono-image-icon svg{width:19px;height:19px}
.hx-chrono-number{position:absolute;left:13px;top:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff85;border-radius:50%;background:#f7fcffb8;color:#1a687e;font-size:10px;font-variant-numeric:tabular-nums;backdrop-filter:blur(8px)}
.hx-chrono-copy{padding:20px 2px 0}
body.hx-theme .hx-chrono-copy h3{margin:0 0 11px;color:#104a60;font-size:20px;font-weight:500;line-height:1.24;letter-spacing:-.02em;text-wrap:balance}
body.hx-theme .hx-chrono-copy>p{margin:0;color:var(--hx-chrono-muted);font-size:14px;line-height:1.65}
body.hx-theme .hx-chrono-copy>.hx-chrono-mobile-date{display:none}
.hx-chrono-mobile-controls{display:none}
.hx-chrono-footer{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #cfe4ed}
.hx-chrono-footer-icon{display:grid;place-items:center;flex:0 0 20px;color:#287e99}
.hx-chrono-footer-icon svg{width:19px;height:19px}
body.hx-theme .hx-chrono-footer p{margin:0;color:#5a798a;font-size:11px;line-height:1.6;max-width:105ch}
@keyframes hxChronoBreathe{from{transform:scale(1.015) translate3d(.2%,.1%,0)}to{transform:scale(1.055) translate3d(-.5%,-.3%,0)}}
@media(min-width:750px) and (max-width:1100px){.hx-chronology{padding:30px}.hx-chrono-heading{gap:22px}.hx-chrono-duration{padding:11px 12px;font-size:13px}.hx-chrono-duration small{font-size:10px}.hx-chrono-cards,.hx-chrono-nav{gap:14px}body.hx-theme .hx-chrono-copy h3{font-size:18px}body.hx-theme .hx-chrono-copy>p{font-size:13px}}
@media(max-width:749px){.hx-chronology{margin:34px 0;padding:26px 20px;border-radius:24px}.hx-chrono-heading{flex-direction:column;gap:20px}body.hx-theme .hx-chrono-kicker{font-size:10px;margin-bottom:12px}body.hx-theme .hx-chrono-heading h2{font-size:34px;max-width:20ch;margin-bottom:14px}body.hx-theme .hx-chrono-lead{font-size:14px;line-height:1.65}.hx-chrono-duration{gap:8px;padding:9px 13px;font-size:12px;border-radius:14px}.hx-chrono-duration small{display:none}.hx-chrono-duration-icon{width:24px;height:24px}.hx-chrono-duration-icon svg{width:22px;height:22px}.hx-chrono-nav{gap:0;margin:28px -6px 19px}.hx-chrono-tab{gap:10px;padding:0 2px;min-height:56px;font-size:11px}.hx-chrono-date{padding:5px 7px}.hx-chrono-track{left:12.5%;right:12.5%}.hx-chrono-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:14px;margin-right:-20px;padding-right:20px;scroll-padding-left:0}.hx-chrono-cards::-webkit-scrollbar{display:none}.hx-chrono-card{flex:0 0 86%;scroll-snap-align:start}.hx-chrono-photo{aspect-ratio:1.17;border-radius:18px}.hx-chrono-copy{padding:16px 1px 0}body.hx-theme .hx-chrono-copy h3{font-size:22px;margin-bottom:10px;text-wrap:pretty}body.hx-theme .hx-chrono-copy>p{font-size:14px}body.hx-theme .hx-chrono-copy>.hx-chrono-mobile-date{display:block;color:#1686a4;font-size:10px;font-weight:550;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px}.hx-chrono-mobile-controls{display:flex;align-items:center;gap:9px;margin-top:21px}.hx-chrono-mobile-controls>p{flex:1;font-size:11px;line-height:1.4;color:#5d7e90;margin:0}.hx-chrono-mobile-controls>span{font-size:11px;font-variant-numeric:tabular-nums;color:#7192a2;margin-right:4px}.hx-chrono-mobile-controls b{font-weight:550;color:#167392}.hx-chrono-mobile-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #c4e0ec;border-radius:50%;padding:0;background:#ffffffc7;color:#187894;cursor:pointer}.hx-chrono-mobile-controls button:disabled{opacity:.35;cursor:default}.hx-chrono-mobile-controls svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hx-chrono-footer{margin-top:21px;padding-top:17px;align-items:flex-start;gap:8px}body.hx-theme .hx-chrono-footer p{font-size:10px}.hx-chrono-footer-icon{flex-basis:17px}.hx-chrono-footer-icon svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.hx-chronology *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.hx-chrono-photo>img{transform:none;will-change:auto}}