.uci-round-showcase{padding-left:0;padding-right:0;overflow:hidden}
.uci-round-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}
.uci-round-heading h2{font:clamp(38px,5vw,66px)/.94 var(--head);letter-spacing:-.045em;text-transform:uppercase;margin:12px 0 13px}
.uci-round-heading p{max-width:680px;color:var(--muted)}
.uci-tour-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--orange) transparent;overscroll-behavior-inline:contain}
.uci-tour{--tour-paper:#f5f4f0;--tour-ink:#20231f;--tour-ghost:#6f756f;--tour-accent:#a9471e;position:relative;display:grid;grid-template-columns:repeat(9,minmax(160px,1fr));min-width:1440px;max-width:2200px;height:310px;margin:0 auto;background:var(--tour-paper);isolation:isolate}
.uci-tour:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.uci-stage{position:relative;display:block;min-width:0;height:310px;overflow:hidden;padding:20px 18px;color:var(--tour-ink);border-right:1px solid rgba(32,35,31,.08);cursor:pointer;transition:background .3s ease}
.uci-stage:last-child{border-right:0}.uci-stage:hover,.uci-stage:focus-visible,.uci-stage.is-active{background:#eceae4}
.uci-stage-number{display:block;color:var(--tour-accent);font:700 9px var(--mono);letter-spacing:.2em;text-transform:uppercase}
.uci-stage h3{position:relative;z-index:3;margin:9px 0 6px;font:400 clamp(21px,1.75vw,31px)/.94 Georgia,serif;letter-spacing:-.045em;text-transform:none}
.uci-stage-meta,.uci-stage-date{position:relative;z-index:3;display:block;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(32,35,31,.58)}
.uci-stage-date{margin-top:5px;color:rgba(32,35,31,.42)}
.uci-stage svg{position:absolute;left:0;right:0;bottom:-18px;width:100%;height:78%;overflow:visible;pointer-events:none}
.terrain-ghost,.terrain-draw{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.terrain-ghost{stroke:var(--tour-ghost);stroke-width:3;opacity:.22}
.terrain-draw{stroke:var(--tour-ink);stroke-width:3.2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s cubic-bezier(.65,0,.2,1)}
.terrain-shadow{fill:var(--tour-ink);opacity:0;transition:opacity .45s .25s ease}
.uci-stage:hover .terrain-draw,.uci-stage:focus-visible .terrain-draw,.uci-stage.is-active .terrain-draw{stroke-dashoffset:0}
.uci-stage:hover .terrain-shadow,.uci-stage:focus-visible .terrain-shadow,.uci-stage.is-active .terrain-shadow{opacity:.08}
.uci-stage-action{position:absolute;z-index:6;left:18px;bottom:17px;font:700 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tour-accent);opacity:0;transform:translateY(5px);transition:opacity .25s ease,transform .25s ease}
.uci-stage:hover .uci-stage-action,.uci-stage:focus-visible .uci-stage-action,.uci-stage.is-active .uci-stage-action{opacity:1;transform:none}
.uci-stage.is-upcoming{cursor:default}.uci-stage.is-upcoming .uci-stage-number,.uci-stage.is-upcoming .uci-stage-action{color:#697269}.uci-stage.is-pending .uci-stage-action{color:var(--orange-dark)}
.uci-tour-hint{display:flex;align-items:center;gap:16px;margin-top:14px;color:var(--muted);font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.uci-tour-hint i{display:block;width:90px;height:1px;background:var(--line);position:relative}.uci-tour-hint i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid var(--muted);border-right:1px solid var(--muted);transform:rotate(45deg)}
@media(min-width:1440px){.uci-tour-hint{display:none}}
@media(max-width:700px){.uci-round-heading{align-items:flex-start;flex-direction:column}.uci-round-heading h2{font-size:40px}.uci-tour{grid-template-columns:repeat(9,260px);min-width:2340px;height:300px}.uci-stage{height:300px;padding:20px 22px}.uci-stage h3{font-size:29px}.uci-stage-action{opacity:1;transform:none}.uci-tour-scroll{scroll-snap-type:x proximity}.uci-stage{scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.terrain-draw{transition:none;stroke-dashoffset:0}.terrain-shadow{transition:none}.uci-stage-action{transition:none}}

/* UCI season page: adapt the supplied nine-stage strip into the hero banner. */
.competition-detail-hero.has-uci-tour-header{padding-bottom:0;overflow:hidden}
.has-uci-tour-header>.wrap{padding-bottom:32px}
.competition-detail-page section.uci-tour-in-header{padding:0;background:#f5f4f0}
.uci-events-banner{position:relative;width:100%;overflow:hidden}
.uci-tour-in-header uci-iconic-tour{display:block;width:100%;height:300px}
.uci-tour-in-header .uci-round-heading,.uci-tour-in-header .uci-tour-hint{display:none}
.uci-tour-in-header .uci-tour{--tour-accent:#8aa377;width:100%;max-width:none;height:280px}
.uci-tour-in-header .uci-stage{height:280px;padding-top:16px}
.uci-tour-in-header .uci-stage-number,.uci-tour-in-header .uci-stage-action{color:var(--tour-accent)}
@media(max-width:700px){
  .has-uci-tour-header>.wrap{padding-bottom:24px}
  .uci-tour-in-header .uci-tour{height:260px}
  .uci-tour-in-header .uci-stage{height:260px}
  .uci-tour-in-header uci-iconic-tour{height:300px}
}
