.tpl-cyclothon{aspect-ratio:2;--cyan:#4dd9d9;--cyan-light:#7de8e8;--cyan-glow:#4dd9d94d;--dark:#0f1a24;--darker:#0a1218;--card-bg:#152530;--white:#fff;--gray:#7a9aaa;--orange:#f5841f;width:100%;font-family:Inter,sans-serif;position:relative;overflow:hidden}.tpl-cyclothon .bg-base{background:radial-gradient(ellipse at 70% 50%, #1a3040 0%, var(--dark) 50%, var(--darker) 100%);position:absolute;inset:0}.tpl-cyclothon .speed-curve{pointer-events:none;opacity:0;width:100%;position:absolute}.tpl-cyclothon .curve-1{top:10%}.tpl-cyclothon .curve-2{top:40%}.tpl-cyclothon .curve-3{top:70%}.tpl-cyclothon .geo-circle{opacity:0;border-radius:50%;position:absolute}.tpl-cyclothon .geo-1{aspect-ratio:1;background:radial-gradient(circle,#4dd9d90f 0%,#0000 70%);width:30%;top:-10%;right:-5%}.tpl-cyclothon .geo-2{aspect-ratio:1;background:radial-gradient(circle,#4dd9d914 0%,#0000 70%);width:15%;bottom:-5%;left:30%}.tpl-cyclothon .geo-3{aspect-ratio:1;background:var(--cyan);opacity:0;width:8%;top:15%;right:12%}.tpl-cyclothon .geo-ring{aspect-ratio:1;opacity:0;border:2px solid #4dd9d933;border-radius:50%;width:12%;position:absolute;bottom:20%;left:42%}.tpl-cyclothon .cyclist{z-index:10;opacity:0;width:45%;position:absolute;bottom:5%;right:3%}.tpl-cyclothon .wind-lines{z-index:5;pointer-events:none;width:28%;height:55%;position:absolute;top:25%;right:30%}.tpl-cyclothon .wind-line{opacity:0;transform-origin:100%;background:linear-gradient(270deg,#4dd9d966,#4dd9d91a,#0000);border-radius:2px;height:2px;position:absolute}.tpl-cyclothon .wl-1{width:55%;top:8%;right:0}.tpl-cyclothon .wl-2{width:40%;top:20%;right:5%}.tpl-cyclothon .wl-3{width:65%;top:32%;right:0}.tpl-cyclothon .wl-4{width:45%;top:44%;right:8%}.tpl-cyclothon .wl-5{width:60%;top:56%;right:2%}.tpl-cyclothon .wl-6{width:35%;top:68%;right:6%}.tpl-cyclothon .wl-7{width:50%;top:80%;right:0}.tpl-cyclothon .wl-8{width:42%;top:92%;right:4%}.tpl-cyclothon .text-content{z-index:20;overflow-wrap:anywhere;max-width:40%;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.tpl-cyclothon .event-tag{letter-spacing:4px;color:var(--cyan);opacity:0;margin-bottom:12px;font-family:Inter,sans-serif;font-size:clamp(9px,1.1vw,12px);font-weight:600;transform:translateY(10px)}.tpl-cyclothon .event-title{color:var(--white);letter-spacing:3px;text-wrap:balance;opacity:0;margin-bottom:8px;font-family:Oswald,sans-serif;font-size:clamp(40px,7vw,80px);font-weight:700;line-height:.95;transform:translateY(15px)}.tpl-cyclothon .event-year{color:var(--cyan);letter-spacing:8px;opacity:0;margin-bottom:20px;font-family:Oswald,sans-serif;font-size:clamp(24px,3.5vw,40px);font-weight:300;transform:translateY(10px)}.tpl-cyclothon .event-details{opacity:0;margin-bottom:22px;transform:translateY(10px)}.tpl-cyclothon .event-date{color:var(--white);letter-spacing:2px;margin-bottom:5px;font-family:Inter,sans-serif;font-size:clamp(11px,1.4vw,15px);font-weight:600}.tpl-cyclothon .event-venue{color:#9cb6c3;text-wrap:balance;font-family:Inter,sans-serif;font-size:clamp(11px,1.2vw,14px);font-weight:400;line-height:1.45}.tpl-cyclothon .event-title[data-len=l]{letter-spacing:2px;font-size:clamp(32px,5.2vw,60px)}.tpl-cyclothon .event-title[data-len=xl]{letter-spacing:1px;font-size:clamp(26px,3.9vw,46px)}.tpl-cyclothon .distance-badge[data-len=l] .distance-number{font-size:clamp(28px,3.6vw,44px)}.tpl-cyclothon .distance-badge[data-len=xl] .distance-number{font-size:clamp(22px,2.6vw,32px)}.tpl-cyclothon .cta-inline{letter-spacing:1px;color:var(--darker);background:var(--cyan);opacity:0;border-radius:4px;padding:12px 28px;font-family:Inter,sans-serif;font-size:clamp(11px,1.3vw,14px);font-weight:600;display:inline-block;transform:translateY(10px)}.tpl-cyclothon .distance-badge{opacity:0;z-index:20;align-items:baseline;gap:4px;display:flex;position:absolute;top:10%;right:6%;transform:scale(.5)}.tpl-cyclothon .distance-number{color:var(--cyan);font-family:Oswald,sans-serif;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1}.tpl-cyclothon .distance-unit{color:#9cb6c3;letter-spacing:2px;font-family:Oswald,sans-serif;font-size:clamp(14px,2vw,22px);font-weight:400}.tpl-cyclothon .bottom-bar{background:linear-gradient(90deg, var(--cyan), var(--cyan-light), var(--cyan));opacity:0;height:4px;position:absolute;bottom:0;left:0;right:0}.tpl-cyclothon.animate-in .curve-1{animation:1.2s ease-out .2s both cy-curveIn}.tpl-cyclothon.animate-in .curve-2{animation:1.2s ease-out .4s both cy-curveIn}.tpl-cyclothon.animate-in .curve-3{animation:1.2s ease-out .6s both cy-curveIn}.tpl-cyclothon.animate-in .geo-1{animation:1s ease-out .3s both cy-geoFade}.tpl-cyclothon.animate-in .geo-2{animation:1s ease-out .5s both cy-geoFade}.tpl-cyclothon.animate-in .geo-3{animation:.8s ease-out .7s both cy-geoSmall}.tpl-cyclothon.animate-in .geo-4{animation:1s ease-out .8s both cy-geoFade}.tpl-cyclothon.animate-in .cyclist{animation:1s cubic-bezier(.25,.46,.45,.94) .4s both cy-cyclistIn}.tpl-cyclothon.animate-in .wl-1{animation:1.2s ease-out .7s both cy-windIn}.tpl-cyclothon.animate-in .wl-2{animation:1.2s ease-out .8s both cy-windIn}.tpl-cyclothon.animate-in .wl-3{animation:1.2s ease-out .75s both cy-windIn}.tpl-cyclothon.animate-in .wl-4{animation:1.2s ease-out .85s both cy-windIn}.tpl-cyclothon.animate-in .wl-5{animation:1.2s ease-out .9s both cy-windIn}.tpl-cyclothon.animate-in .wl-6{animation:1.2s ease-out .95s both cy-windIn}.tpl-cyclothon.animate-in .wl-7{animation:1.2s ease-out 1s both cy-windIn}.tpl-cyclothon.animate-in .wl-8{animation:1.2s ease-out 1.05s both cy-windIn}.tpl-cyclothon.animate-in .distance-badge{animation:.8s cubic-bezier(.34,1.56,.64,1) .8s both cy-badgeIn}.tpl-cyclothon.animate-in .bottom-bar{animation:.8s ease-out .6s both cy-barIn}.tpl-cyclothon.animate-in .event-tag{animation:.6s ease-out .5s both cy-textUp}.tpl-cyclothon.animate-in .event-title{animation:.8s ease-out .6s both cy-textUp}.tpl-cyclothon.animate-in .event-year{animation:.6s ease-out .8s both cy-textUp}.tpl-cyclothon.animate-in .event-details{animation:.6s ease-out 1s both cy-textUp}.tpl-cyclothon.animate-in .cta-inline{animation:.6s ease-out 1.2s both cy-textUp}@keyframes cy-curveIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes cy-geoFade{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes cy-geoSmall{0%{opacity:0;transform:scale(0)}to{opacity:.15;transform:scale(1)}}@keyframes cy-cyclistIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes cy-windIn{0%{opacity:0;transform:translate(20px)scaleX(.3)}30%{opacity:.6;transform:translate(0)scaleX(1)}to{opacity:0;transform:translate(-60px)scaleX(.4)}}@keyframes cy-badgeIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes cy-barIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes cy-textUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.tpl-cyclothon.loop-active .speed-curve,.tpl-cyclothon.loop-active .geo-circle,.tpl-cyclothon.loop-active .geo-ring,.tpl-cyclothon.loop-active .wind-line,.tpl-cyclothon.loop-active .cyclist,.tpl-cyclothon.loop-active .distance-badge,.tpl-cyclothon.loop-active .bottom-bar,.tpl-cyclothon.loop-active .event-tag,.tpl-cyclothon.loop-active .event-title,.tpl-cyclothon.loop-active .event-year,.tpl-cyclothon.loop-active .event-details,.tpl-cyclothon.loop-active .cta-inline{opacity:1;transform:none}.tpl-cyclothon.loop-active .geo-3{opacity:.15}.tpl-cyclothon.loop-active .bottom-bar{opacity:1}.tpl-cyclothon.loop-active .curve-1{animation:4s ease-in-out infinite cy-curveDrift}.tpl-cyclothon.loop-active .curve-2{animation:4.5s ease-in-out .5s infinite cy-curveDrift}.tpl-cyclothon.loop-active .curve-3{animation:5s ease-in-out 1s infinite cy-curveDrift}.tpl-cyclothon.loop-active .geo-1{animation:4s ease-in-out infinite cy-geoPulse}.tpl-cyclothon.loop-active .geo-2{animation:5s ease-in-out 1s infinite cy-geoPulse}.tpl-cyclothon.loop-active .geo-3{animation:3s ease-in-out infinite cy-geoGlow}.tpl-cyclothon.loop-active .geo-4{animation:4s ease-in-out infinite cy-ringPulse}.tpl-cyclothon.loop-active .cyclist{animation:2s ease-in-out infinite cy-cyclistBob}.tpl-cyclothon.loop-active .wl-1{animation:2.5s linear infinite cy-windFlow}.tpl-cyclothon.loop-active .wl-2{animation:2.8s linear .4s infinite cy-windFlow}.tpl-cyclothon.loop-active .wl-3{animation:2.2s linear .8s infinite cy-windFlow}.tpl-cyclothon.loop-active .wl-4{animation:3s linear 1.2s infinite cy-windFlow}.tpl-cyclothon.loop-active .wl-5{animation:2.4s linear .6s infinite cy-windFlow}.tpl-cyclothon.loop-active .wl-6{animation:2.7s linear 1s infinite cy-windFlow}.tpl-cyclothon.loop-active .wl-7{animation:2.3s linear .3s infinite cy-windFlow}.tpl-cyclothon.loop-active .wl-8{animation:2.9s linear 1.5s infinite cy-windFlow}.tpl-cyclothon.loop-active .distance-badge{animation:3s ease-in-out infinite cy-badgePulse}.tpl-cyclothon.loop-active .bottom-bar{animation:2.5s ease-in-out infinite cy-barGlow}@keyframes cy-curveDrift{0%,to{opacity:1;transform:translate(0)}50%{opacity:.7;transform:translate(-10px)}}@keyframes cy-geoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes cy-geoGlow{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}@keyframes cy-ringPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@keyframes cy-cyclistBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes cy-windFlow{0%{opacity:0;transform:translate(20px)scaleX(.3)}15%{opacity:.6;transform:translate(0)scaleX(1)}85%{opacity:.3;transform:translate(-40px)scaleX(.8)}to{opacity:0;transform:translate(-60px)scaleX(.4)}}@keyframes cy-badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cy-barGlow{0%,to{opacity:1}50%{opacity:.6}}@media (width<=768px) and (aspect-ratio<=4/3){.tpl-cyclothon{aspect-ratio:9/16;width:100%;height:auto}.tpl-cyclothon .text-content{text-align:center;flex-direction:column;align-items:center;width:90%;max-width:90%;display:flex;top:5%;left:50%;transform:translate(-50%)}.tpl-cyclothon.loop-active .text-content{transform:translate(-50%)}.tpl-cyclothon .event-tag{margin-bottom:10px;font-size:clamp(10px,2.8vw,13px)}.tpl-cyclothon .event-title{text-align:center;margin-bottom:5px;font-size:clamp(36px,12vw,60px)}.tpl-cyclothon .event-year{margin-bottom:16px;font-size:clamp(22px,7vw,36px)}.tpl-cyclothon .event-date{font-size:clamp(11px,3vw,14px)}.tpl-cyclothon .event-venue{font-size:clamp(11px,3vw,13px)}.tpl-cyclothon .event-title[data-len=l]{letter-spacing:2px;font-size:clamp(30px,9.4vw,48px)}.tpl-cyclothon .event-title[data-len=xl]{letter-spacing:1px;font-size:clamp(24px,7.4vw,38px)}.tpl-cyclothon .distance-badge[data-len=l] .distance-number{font-size:clamp(24px,6.4vw,40px)}.tpl-cyclothon .distance-badge[data-len=xl] .distance-number{font-size:clamp(20px,5vw,30px)}.tpl-cyclothon .cta-inline{padding:10px 24px;font-size:clamp(11px,3vw,14px)}.tpl-cyclothon .cyclist{width:70%;bottom:2%;left:10%;right:auto;transform:none}.tpl-cyclothon .wind-lines{width:35%;height:25%;inset:auto auto 15% 3%}.tpl-cyclothon .distance-badge{inset:auto auto 42% 50%;transform:translate(-50%)}.tpl-cyclothon .distance-number{font-size:clamp(30px,8vw,50px)}.tpl-cyclothon .distance-unit{font-size:clamp(12px,3.5vw,18px)}.tpl-cyclothon .geo-1{width:50%;top:-5%;right:-15%}.tpl-cyclothon .geo-2{width:25%;bottom:35%;left:5%}.tpl-cyclothon .geo-3{width:12%;top:38%;right:8%}.tpl-cyclothon .geo-ring{width:18%;bottom:48%;left:8%}.tpl-cyclothon.loop-active .cyclist{transform:none}.tpl-cyclothon.loop-active .distance-badge{transform:translate(-50%)}@keyframes cy-cyclistIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cy-cyclistBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes cy-badgeIn{0%{opacity:0;transform:translate(-50%)scale(.3)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes cy-badgePulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}}@media (width<=480px) and (aspect-ratio<=4/3){.tpl-cyclothon .event-title{font-size:clamp(32px,11vw,50px)}.tpl-cyclothon .event-title[data-len=l]{font-size:clamp(28px,9vw,44px)}.tpl-cyclothon .event-title[data-len=xl]{font-size:clamp(22px,7vw,34px)}.tpl-cyclothon .event-year{font-size:clamp(20px,6vw,30px)}.tpl-cyclothon .cyclist{width:75%;left:12%}.tpl-cyclothon .distance-badge{bottom:44%}}@media (width<=768px) and (aspect-ratio>=3/4) and (aspect-ratio<=4/3){.tpl-cyclothon{aspect-ratio:auto;height:100vh}.tpl-cyclothon .text-content{text-align:left;align-items:flex-start;width:62%;max-width:62%;top:7%;left:7%;transform:none}.tpl-cyclothon .event-title{text-align:left}.tpl-cyclothon.loop-active .text-content{transform:none}.tpl-cyclothon .event-tag{margin-bottom:8px;font-size:clamp(10px,2.2vw,13px)}.tpl-cyclothon .event-title{font-size:clamp(34px,10vw,64px)}.tpl-cyclothon .event-title[data-len=l]{font-size:clamp(28px,7.6vw,50px)}.tpl-cyclothon .event-title[data-len=xl]{font-size:clamp(22px,5.8vw,40px)}.tpl-cyclothon .event-year{margin-bottom:12px;font-size:clamp(20px,5.4vw,34px)}.tpl-cyclothon .event-details{margin-bottom:14px}.tpl-cyclothon .event-date{font-size:clamp(11px,2.6vw,15px)}.tpl-cyclothon .event-venue{font-size:clamp(11px,2.4vw,14px)}.tpl-cyclothon .cta-inline{padding:9px 20px;font-size:clamp(11px,2.4vw,14px)}.tpl-cyclothon .cyclist{width:58%;bottom:3%;left:auto;right:2%}.tpl-cyclothon .wind-lines{width:30%;height:28%;inset:auto 48% 14% auto}.tpl-cyclothon .distance-badge{inset:7% 7% auto auto;transform:none}.tpl-cyclothon.loop-active .distance-badge{animation:3s ease-in-out infinite cy-badgePulseSq;transform:none}.tpl-cyclothon.animate-in .distance-badge{animation:.8s cubic-bezier(.34,1.56,.64,1) .8s both cy-badgeInSq}.tpl-cyclothon .geo-2{width:20%;bottom:30%;left:4%}.tpl-cyclothon .geo-ring{width:14%;bottom:40%;left:40%}@keyframes cy-badgePulseSq{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cy-badgeInSq{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.tpl-cyclothon .distance-number{font-size:clamp(30px,8vw,52px)}.tpl-cyclothon .distance-unit{font-size:clamp(12px,3vw,18px)}.tpl-cyclothon .geo-1{width:50%;top:-10%;right:-12%}}@media (prefers-reduced-motion:reduce){.tpl-cyclothon *,.tpl-cyclothon :before,.tpl-cyclothon :after{transition:none!important;animation:none!important}.tpl-cyclothon .speed-curve,.tpl-cyclothon .geo-circle,.tpl-cyclothon .geo-ring,.tpl-cyclothon .cyclist,.tpl-cyclothon .bottom-bar,.tpl-cyclothon .event-tag,.tpl-cyclothon .event-title,.tpl-cyclothon .event-year,.tpl-cyclothon .event-details,.tpl-cyclothon .cta-inline{opacity:1!important}.tpl-cyclothon .event-tag,.tpl-cyclothon .event-title,.tpl-cyclothon .event-year,.tpl-cyclothon .event-details,.tpl-cyclothon .cta-inline,.tpl-cyclothon .speed-curve{transform:none!important}.tpl-cyclothon .geo-3{opacity:.15!important}.tpl-cyclothon .wind-line{opacity:.4!important}.tpl-cyclothon .distance-badge{opacity:1!important;transform:none!important}}@media (prefers-reduced-motion:reduce) and (width<=768px) and (aspect-ratio<=3/4){.tpl-cyclothon .distance-badge{transform:translate(-50%)!important}}.tpl-cyclothon.loop-active .wind-line{animation-fill-mode:both}