/* The ASX journey follows a road: wide archive, illuminated stops, direct navigation. */
.timeline-section{padding:clamp(58px,6vw,100px) 0;background:radial-gradient(ellipse at 10% 0,#31131d65,transparent 45%),#080c10;position:relative;isolation:isolate}
.timeline-section>.shell{width:92%;max-width:1680px}
.timeline-section .section-top{margin-bottom:42px;align-items:center}
.timeline-section .section-top h2{font-size:clamp(34px,3.7vw,58px);line-height:1.08}
.timeline-section .section-top>p{max-width:380px;font-size:14px;line-height:1.75}
.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.history-toolbar p{display:flex;align-items:baseline;gap:22px;margin:0}
.history-toolbar strong{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:650;color:#ebedf0}
.history-toolbar p>span{font-size:12px;color:#8f9ba6}
.history-arrows{display:flex;gap:9px;flex:none}
.history-arrows button{height:44px;width:44px;border:1px solid #fff4;border-radius:50%;background:#ffffff04;color:white;font-size:24px;line-height:1;transition:background .2s,border-color .2s}
.history-arrows button:disabled{opacity:.25;cursor:default}
.history-arrows button:hover:not(:disabled){background:#ed1525;border-color:#ed1525}
.history-navigation{margin-bottom:28px}
.history-years{display:flex;position:relative;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#464e55 transparent;gap:0;padding:0 0 12px;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.history-years button{position:relative;flex:1 0 105px;min-height:111px;background:none;color:#88939e;border:0;padding:8px 12px 40px;text-align:left;scroll-snap-align:center;transition:color .25s}
.history-years button:before{content:'';position:absolute;bottom:14px;left:0;right:0;height:20px;border-block:1px solid #ffffff1c;background:repeating-linear-gradient(90deg,#64707c55 0 9px,transparent 9px 18px) left center/100% 1px no-repeat}
.history-years button:after{content:'';position:absolute;bottom:23px;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:#f51b3a;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.history-years button span{display:block;font-size:clamp(24px,2.25vw,34px);letter-spacing:-.045em;font-weight:750;line-height:1.2;transition:color .25s}
.history-years button small{font-size:11px;display:block;line-height:1.4;margin-top:7px;max-width:125px}
.history-years button i{position:absolute;z-index:1;bottom:19px;left:12px;width:10px;height:10px;background:#343e48;border:2px solid #7c8995;border-radius:50%;transition:background .25s,box-shadow .25s}
.history-years button.is-travelled:after{transform:scaleX(1)}
.history-years button.is-travelled i{background:#f51b3a;border-color:#f51b3a}
.history-years button[aria-selected=true],.history-years button:hover{color:white}
.history-years button[aria-selected=true] span{color:#ff304c}
.history-years button[aria-selected=true] i{background:#fff;border-color:#ff304c;box-shadow:0 0 0 5px #f20b2b22,0 0 20px #f20b2b99}
.history-panel{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:clamp(30px,4vw,70px);align-items:center;min-height:530px;padding:clamp(20px,2.4vw,40px);background:linear-gradient(135deg,#18212a80,#0b1016 58%);border:1px solid #ffffff1c;border-radius:8px;position:relative;overflow:hidden;outline-offset:6px;box-shadow:0 22px 60px #0003}
.history-panel:before{content:'';position:absolute;top:0;left:0;width:100px;height:2px;background:#f51b3a;box-shadow:0 0 28px #f51b3a88}
.history-image-area{min-width:0}
.history-photo{margin:0;background:#11181d;border:1px solid #ffffff16;border-radius:4px;overflow:hidden}
.history-photo-frame{height:430px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#27323b,#0b1015);overflow:hidden}
.history-photo img{width:100%;height:100%;object-fit:contain;display:block}
.history-photo figcaption{font-size:11px;line-height:1.6;color:#a8b4bd;padding:12px 16px;border-top:1px solid #fff1;min-height:42px;background:#0d1319}
.history-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.4;color:#8f9ba6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
.history-meta>span:first-child{color:#ff5167}
.history-content .history-year{font-size:clamp(64px,6.7vw,108px);font-weight:750;line-height:.95;letter-spacing:-.07em;color:#f52a43;margin:0 0 24px}
.history-content h3{font-size:clamp(27px,2.55vw,40px);line-height:1.12;letter-spacing:-.035em;max-width:520px}
.history-content .history-description{color:#cad2d9;font-size:15px;line-height:1.8;margin:22px 0 0;max-width:580px}
.history-content .history-detail{color:#a2aeb9;font-size:13px;line-height:1.75;margin:14px 0 0}
.history-content .history-location{display:flex;align-items:center;gap:10px;color:#bec8d1;font-size:12px;margin-top:24px;border-top:1px solid #fff2;padding-top:18px}
.history-location svg{width:17px;height:17px;flex:none;color:#ff3853}
.history-story{display:inline-flex;gap:30px;align-items:center;font-size:13px;font-weight:650;color:#ff5167;margin-top:24px}
.history-story:hover{color:white}
.history-story span{font-size:22px}
.history-photos{display:flex;gap:9px;margin-top:12px}
.history-photos button{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;background:#0c1117;border:1px solid #ffffff25;border-radius:3px;color:#8f9ba6;font-size:10px}
.history-photos button[aria-pressed=true]{border-color:#ff1737;color:#fff;background:#25131c}
.history-photos img{height:45px;width:65px;object-fit:cover;display:block;border-radius:2px}
.asx-history :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:3px}
.history-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.history-record{display:flex;align-items:center;min-height:430px;padding:clamp(30px,3.5vw,55px);border:1px solid #ffffff16;border-radius:4px;background:radial-gradient(ellipse at 25% 90%,#47202a75,transparent 65%),#111922;position:relative;overflow:hidden;isolation:isolate}
.history-record-year{position:absolute;top:15px;left:25px;font-size:clamp(80px,11vw,170px);font-weight:800;letter-spacing:-.08em;color:#ffffff06;line-height:1;z-index:-1}
.history-road{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.6}
.history-road-edge{stroke:#62748718;stroke-width:48}
.history-road-center{stroke:#f02a4844;stroke-width:2;stroke-dasharray:10 12}
.history-record-copy>span{display:block;color:#a2aeb9;text-transform:uppercase;letter-spacing:.15em;font-size:11px;margin-bottom:22px}
.history-record-copy strong{display:block;font-size:clamp(32px,4.3vw,65px);line-height:1.05;letter-spacing:-.04em;color:#fff;overflow-wrap:anywhere}
.history-record-copy p{font-size:16px;line-height:1.5;color:#c4cdd4;margin:18px 0 26px}
.history-record-copy small{display:block;color:#9cabb8;font-size:12px;border-top:1px solid #ffffff25;padding-top:18px}
@media(min-width:1600px){.history-photo-frame,.history-record{height:490px}.history-panel{min-height:590px}}
@media(max-width:1050px){.history-panel{gap:28px;grid-template-columns:1.1fr 1fr;min-height:490px;padding:24px}.history-photo-frame,.history-record{height:370px;min-height:370px}.history-content .history-description{font-size:13px}.history-content .history-year{font-size:68px}.history-years button{flex-basis:105px}}
@media(max-width:760px){.timeline-section{padding:48px 0}.timeline-section>.shell{width:90%}.timeline-section .section-top{margin-bottom:26px}.timeline-section .section-top h2{font-size:33px}.timeline-section .section-top>p{font-size:13px}.history-toolbar{align-items:center;margin-bottom:16px}.history-toolbar p{display:block}.history-toolbar strong{font-size:10px;letter-spacing:.08em}.history-toolbar p>span{display:block;font-size:11px;line-height:1.5;max-width:200px;margin-top:6px}.history-arrows{gap:7px}.history-arrows button{width:42px;height:42px;font-size:22px}.history-navigation{margin-bottom:18px}.history-years button{min-height:105px;flex:0 0 106px;padding-inline:9px}.history-years button span{font-size:26px}.history-years button small{font-size:11px}.history-years button i{left:9px}.history-panel{display:flex;flex-direction:column;align-items:stretch;gap:26px;min-height:0;padding:17px;border-radius:5px}.history-photo-frame{height:auto;min-height:0;aspect-ratio:1.25}.history-photo figcaption{font-size:10px;padding:10px 12px}.history-content{padding:0 3px 8px}.history-content .history-year{font-size:67px;margin-bottom:16px}.history-content h3{font-size:28px}.history-content .history-description{font-size:13px;line-height:1.8;margin-top:17px}.history-content .history-detail{font-size:12px}.history-meta{margin-bottom:17px;font-size:9px}.history-content .history-location{font-size:11px;margin-top:20px;padding-top:16px}.history-story{margin-top:17px}.history-photos img{width:54px;height:39px}.history-record{min-height:290px;height:auto;padding:28px}.history-record-copy>span{font-size:9px}.history-record-copy strong{font-size:39px}.history-record-copy p{font-size:14px;margin:14px 0 22px}.history-record-year{font-size:115px;left:18px}.history-record-copy small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.asx-history *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}