#rvl-intro{--intro-route-ease:cubic-bezier(.4, 0, .2, 1)}@keyframes intro-head-travel{0%{transform:translate(2.89%,95.28%)}2.5%{transform:translate(2.89%,95.28%)}5%{transform:translate(2.89%,95.28%)}7.5%{transform:translate(2.89%,95.28%)}10%{transform:translate(2.89%,95.28%)}12.5%{transform:translate(4.3%,93.39%)}15%{transform:translate(6.6%,90.26%)}17.5%{transform:translate(9.59%,85.77%)}20%{transform:translate(13.39%,79.33%)}22.5%{transform:translate(18.08%,70.41%)}25%{transform:translate(23.66%,59.06%)}27.5%{transform:translate(29.98%,46.25%)}30%{transform:translate(36.73%,33.38%)}32.5%{transform:translate(43.52%,21.84%)}35%{transform:translate(50%,12.51%)}37.5%{transform:translate(55.97%,6.27%)}40%{transform:translate(61.36%,4.95%)}42.5%{transform:translate(66.16%,8.63%)}45%{transform:translate(70.43%,11.07%)}47.5%{transform:translate(74.21%,10.93%)}50%{transform:translate(77.56%,10.34%)}52.5%{transform:translate(80.53%,10.01%)}55%{transform:translate(83.17%,10.23%)}57.5%{transform:translate(85.51%,11.05%)}60%{transform:translate(87.6%,12.26%)}62.5%{transform:translate(89.45%,13.67%)}65%{transform:translate(91.09%,15.17%)}67.5%{transform:translate(92.54%,16.66%)}70%{transform:translate(93.82%,18.09%)}72.5%{transform:translate(94.95%,19.41%)}75%{transform:translate(95.94%,20.58%)}77.5%{transform:translate(96.79%,21.59%)}80%{transform:translate(97.11%,21.97%)}82.5%{transform:translate(97.11%,21.97%)}85%{transform:translate(97.11%,21.97%)}87.5%{transform:translate(97.11%,21.97%)}90%{transform:translate(97.11%,21.97%)}92.5%{transform:translate(97.11%,21.97%)}95%{transform:translate(97.11%,21.97%)}97.5%{transform:translate(97.11%,21.97%)}to{transform:translate(97.11%,21.97%)}}
#rvl-intro{--vw:1vw;--vh:1vh;--t-push:.9s;--d-push:.75s;--t-colombo:1.3s;--t-kandy:1.45s;--t-route:1.65s;--d-route:.75s;--t-pulse:2.34s;--t-dive:2.45s;--d-dive:.42s;--t-road:2.35s;--t-end:3.55s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .2, 1);--u:calc(var(--vh) * .376);--z:4.8;--u1:calc(var(--u) / var(--z));--t0x:calc(var(--vw) * 17 - var(--vh) * 10.44);--t0y:calc(var(--vh) * 15.4);--title:min(calc(var(--vw) * 6.2), calc(var(--vh) * 12.5));--label:calc(var(--vh) * 7.2);--pin:max(9px, calc(var(--label) * .2));--line:max(2.5px, calc(var(--label) * .07));--head:calc(var(--label) * .95);z-index:9000;color:#faf7f1;font-family:var(--font-jost), ui-sans-serif, system-ui, sans-serif;touch-action:none;-webkit-user-select:none;user-select:none;background:#12231a;display:none;position:fixed;inset:0;overflow:hidden}@supports (height:1svh){#rvl-intro{--vh:1svh}}#rvl-intro[data-state=play],#rvl-intro[data-state=exit]{display:block}.intro-map{transform-origin:calc(50% + var(--u) * var(--kdx)) calc(50% + var(--u) * var(--kdy));background:#12231a;position:absolute;inset:0}#rvl-intro[data-go] .intro-map{animation:intro-dive var(--d-dive) cubic-bezier(.6, 0, .9, .4) var(--t-dive) both}@keyframes intro-dive{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(4.5)}}.intro-map-a,.intro-map-b{transform-origin:50%;position:absolute;inset:0}.intro-map-b{opacity:0;overflow:hidden}.intro-sea{fill:#12231a;stroke:none}#rvl-intro[data-go] .intro-map-a{animation:intro-cam-a var(--d-push) var(--ease-in-out) var(--t-push) both, intro-fade-out calc(var(--d-push) * .3) linear calc(var(--t-push) + var(--d-push) * .7) both}#rvl-intro[data-go] .intro-map-b{animation:intro-cam-b var(--d-push) var(--ease-in-out) var(--t-push) both, intro-fade-in calc(var(--d-push) * .4) linear calc(var(--t-push) + var(--d-push) * .1) both}@keyframes intro-cam-a{0%{transform:translate(0)scale(1)}to{transform:translate(calc(var(--t0x) * var(--z) * -1), calc(var(--t0y) * var(--z) * -1)) scale(var(--z))}}@keyframes intro-cam-b{0%{transform:translate(var(--t0x), var(--t0y)) scale(calc(1 / var(--z)))}to{transform:translate(0)scale(1)}}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-fade-out{0%{opacity:1}to{opacity:0}}.intro-island{fill:#1e3a2a;stroke:#a8b7a1cc;stroke-linejoin:round;display:block;position:absolute;overflow:visible}.intro-island path{vector-effect:non-scaling-stroke}.intro-map-a .intro-island{left:calc(50% + var(--t0x) + var(--u1) * var(--ix));top:calc(50% + var(--t0y) + var(--u1) * var(--iy));width:calc(var(--u1) * var(--iw));height:calc(var(--u1) * var(--ih));stroke-width:1px;opacity:0}.intro-map-b .intro-island{left:calc(50% + var(--u) * var(--ix));top:calc(50% + var(--u) * var(--iy));width:calc(var(--u) * var(--iw));height:calc(var(--u) * var(--ih));stroke-width:1.4px}#rvl-intro[data-state] .intro-map-a .intro-island{animation:intro-island-in .9s var(--ease-out) both}@keyframes intro-island-in{0%{opacity:0;transform:scale(.955)}to{opacity:1;transform:scale(1)}}.intro-title{left:calc(var(--vw) * 7);font-size:var(--title);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;margin:0;font-weight:300;line-height:.88;position:absolute;top:50%;transform:translateY(-50%)}.intro-title-out{display:block}.intro-title-line{vertical-align:top;margin:-.06em -.05em;padding:.06em .05em;display:inline-block;overflow:hidden}.intro-title-line+.intro-title-line{margin-left:.06em}.intro-title-line>span{display:block;transform:translateY(112%)}#rvl-intro[data-go] .intro-title-line>span{animation:intro-line-up .9s var(--ease-out) both}#rvl-intro[data-go] .intro-title-line+.intro-title-line>span{animation-delay:90ms}@keyframes intro-line-up{0%{transform:translateY(112%)}to{transform:translateY(0)}}#rvl-intro[data-go] .intro-title-out{animation:intro-title-out .42s cubic-bezier(.5, 0, .75, 0) var(--t-push) both}@keyframes intro-title-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.16em)}}.intro-route,.intro-head-carrier{left:calc(50% + var(--u) * var(--rx));top:calc(50% + var(--u) * var(--ry));width:calc(var(--u) * var(--rw));height:calc(var(--u) * var(--rh));position:absolute}.intro-route{overflow:hidden;transform:translate(-100%)}.intro-route-in{width:100%;height:100%;transform:translate(100%)}.intro-route svg{fill:none;stroke:#c5dc9f;width:100%;height:100%;stroke-width:var(--line);stroke-linecap:round;display:block;overflow:visible}.intro-route path{vector-effect:non-scaling-stroke}#rvl-intro[data-go] .intro-route{animation:intro-wipe-out var(--d-route) var(--intro-route-ease) var(--t-route) both}#rvl-intro[data-go] .intro-route-in{animation:intro-wipe-in var(--d-route) var(--intro-route-ease) var(--t-route) both}@keyframes intro-wipe-out{0%{transform:translate(-100%)}to{transform:translate(0%)}}@keyframes intro-wipe-in{0%{transform:translate(100%)}to{transform:translate(0%)}}.intro-head-carrier{opacity:0}.intro-head{width:var(--head);height:var(--head);margin:calc(var(--head) / -2) 0 0 calc(var(--head) / -2);background:radial-gradient(circle,#fff 0% 13%,#d6ecacf2 23%,#c5dc9f57 45%,#c5dc9f00 70%);border-radius:50%;position:absolute;top:0;left:0}#rvl-intro[data-go] .intro-head-carrier{animation:intro-head-travel var(--d-route) linear var(--t-route) both, intro-head-life calc(var(--d-route) + .3s) linear var(--t-route) both}@keyframes intro-head-life{0%{opacity:0}6%{opacity:1}78%{opacity:1}to{opacity:0}}.intro-pin{width:0;height:0;position:absolute}.intro-pin-colombo{left:calc(50% + var(--u) * var(--cdx));top:calc(50% + var(--u) * var(--cdy))}.intro-pin-kandy{left:calc(50% + var(--u) * var(--kdx));top:calc(50% + var(--u) * var(--kdy))}.intro-pin-dot{left:calc(var(--pin) / -2);top:calc(var(--pin) / -2);width:var(--pin);height:var(--pin);box-shadow:0 0 0 calc(var(--pin) * .5) #c5dc9f38;background:#c5dc9f;border-radius:50%;position:absolute;transform:scale(0)}#rvl-intro[data-go] .intro-pin-colombo .intro-pin-dot{animation:intro-pop .5s cubic-bezier(.34, 1.56, .64, 1) var(--t-colombo) both}#rvl-intro[data-go] .intro-pin-kandy .intro-pin-dot{animation:intro-pop .5s cubic-bezier(.34, 1.56, .64, 1) var(--t-kandy) both}@keyframes intro-pop{0%{transform:scale(0)}to{transform:scale(1)}}.intro-ring{left:calc(var(--pin) * -1);top:calc(var(--pin) * -1);width:calc(var(--pin) * 2);height:calc(var(--pin) * 2);opacity:0;border:1.5px solid #c5dc9f;border-radius:50%;position:absolute}#rvl-intro[data-go] .intro-ring{animation:intro-ring .7s cubic-bezier(.2, .7, .3, 1) var(--t-pulse) forwards}#rvl-intro[data-go] .intro-ring-2{animation-delay:calc(var(--t-pulse) + .14s)}@keyframes intro-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(3.6)}}.intro-label{font-size:var(--label);letter-spacing:.015em;text-transform:uppercase;white-space:nowrap;opacity:0;margin:0;font-weight:400;line-height:1;position:absolute}.intro-label-colombo{left:max(calc(var(--vw) * 4), calc(50% + var(--u) * var(--cdx) - var(--label) * 2.3));top:calc(50% + var(--u) * var(--cdy) + var(--label) * .45)}.intro-label-kandy{right:max(calc(var(--vw) * 4), calc(50% - var(--u) * var(--kdx) - var(--label) * 1.75));top:calc(50% + var(--u) * var(--kdy) + var(--label) * .45)}#rvl-intro[data-go] .intro-label-colombo{animation:intro-rise .55s var(--ease-out) calc(var(--t-colombo) + 50ms) both}#rvl-intro[data-go] .intro-label-kandy{animation:intro-rise .55s var(--ease-out) calc(var(--t-kandy) + 50ms) both}@keyframes intro-rise{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:translateY(0)}}.intro-hwy{--pa:var(--l-pa);--px:var(--l-px);--py:var(--l-py);--mid:var(--l-mid);--period:var(--l-period);--dash:var(--l-dash);--pw:max(calc(var(--vw) * 115), calc(var(--vh) * 198));--vx:calc(var(--vw) * 58);--vy:calc(var(--vh) * 42);--h:calc(var(--pw) * .31);--f:calc(var(--pw) * .8);--sw:min(calc(var(--pw) * .25), calc(var(--vw) * 42));--sr:min(calc(var(--pw) * .122), calc(var(--vw) * 13));--sb:calc(var(--pw) * .03);--sp:calc(var(--pw) * .05);background:#a9c3d6;position:absolute;inset:0;overflow:hidden}.intro-hwy-anchor,.intro-hwy-exit,.intro-hwy-arrive,.intro-hwy-cruise,.intro-eye,.intro-sign-rig,.intro-sign-exit{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.intro-hwy-anchor{left:var(--vx);top:var(--vy)}#rvl-intro[data-go] .intro-hwy-arrive{animation:intro-arrive 1.1s var(--ease-out) var(--t-road) both}#rvl-intro[data-go] .intro-hwy-cruise{animation:intro-cruise 6s linear var(--t-road) both}@keyframes intro-arrive{0%{transform:scale(.93)}to{transform:scale(1)}}@keyframes intro-cruise{0%{transform:scale(1)}to{transform:scale(1.14)}}.intro-plate,.intro-back{left:calc(var(--pw) * var(--px) * -1);top:calc(var(--pw) * var(--pa) * var(--py) * -1);width:var(--pw);height:calc(var(--pw) * var(--pa));max-width:none;position:absolute}.intro-back-p{display:none}.intro-plate{opacity:0;transition:opacity .35s linear}#rvl-intro[data-plate] .intro-plate{opacity:1}.intro-eye{perspective:var(--f);perspective-origin:0 0}.intro-ground{left:calc(var(--h) * -.06);width:calc(var(--h) * .12);height:calc(var(--f) * 2.4);transform-origin:50% 100%;transform:translateY(var(--h)) rotateX(90deg) scale(10);position:absolute;bottom:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 40%,#000 90%);mask-image:linear-gradient(#0000 40%,#000 90%)}.intro-lane{left:calc(50% + var(--h) * (var(--mid) - var(--dash) / 2) / 10);top:calc(var(--h) * var(--period) / -10);width:calc(var(--h) * var(--dash) / 10);background:linear-gradient(to bottom, #f0f2ec00 0%, #f0f2ec00 76.5%, #f0f2ecf2 78.5%, #f0f2ecf2 98%, #f0f2ec00 100%) 0 100% / 100% calc(var(--h) * var(--period) / 10) repeat-y;position:absolute;bottom:0}#rvl-intro[data-go] .intro-lane{animation:intro-lane .52s linear var(--t-road) infinite}@keyframes intro-lane{to{transform:translateY(calc(var(--h) * var(--period) / 10))}}.intro-sign-rig{transform:scale(.82)}#rvl-intro[data-go] .intro-sign-rig{animation:intro-sign 1.6s linear var(--t-road) both}@keyframes intro-sign{0%{transform:scale(.82)}to{transform:scale(1)}}.intro-sign{right:var(--sr);bottom:var(--sb);width:var(--sw);font-size:calc(var(--sw) / 10);line-height:1;position:absolute}.intro-sign-post{width:.26em;height:calc(40% + var(--sp));background:linear-gradient(90deg,#7b838a,#d6dbde 45%,#8a9298);position:absolute;top:60%}.intro-sign-post:first-child{left:20%}.intro-sign-post:nth-child(2){right:20%}.intro-sign-post:after{content:"";background:radial-gradient(closest-side,#0c160c80,#0c160c00);border-radius:50%;height:.3em;position:absolute;bottom:-.14em;left:-.55em;right:-.55em}.intro-sign-board{color:#f6f8f3;text-align:center;text-transform:uppercase;white-space:nowrap;background:linear-gradient(168deg,#11824a 0%,#0b6d3d 48%,#095a33 100%);border-radius:.42em;padding:.62em .6em .66em;font-weight:600;position:relative;box-shadow:0 0 0 .08em #0a5e35,0 .25em .9em #08140e61}.intro-sign-board:before{content:"";border:.09em solid #f6f8f3f2;border-radius:.3em;position:absolute;inset:.16em}.intro-sign-top{letter-spacing:.035em;justify-content:center;align-items:center;gap:.34em;font-size:.78em;display:flex}.intro-sign-top svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.1em;height:.62em;overflow:visible}.intro-sign-main{letter-spacing:.01em;margin-top:.14em;font-size:1.6em}.intro-hwy-grade{background:radial-gradient(130% 105% at 58% 42%,#09100c00 42%,#09100c66 100%);position:absolute;inset:0}.intro-hwy-grade:after{content:"";opacity:.09;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.intro-clock{opacity:0;width:1px;height:1px;position:absolute}#rvl-intro[data-go] .intro-clock{animation:intro-clock var(--t-end) linear both}@keyframes intro-clock{0%{opacity:0}to{opacity:0}}#rvl-intro[data-state=exit]{pointer-events:none;animation:.5s cubic-bezier(.4,0,.7,1) both intro-fade-out}#rvl-intro[data-state=exit] .intro-hwy-exit{animation:.55s cubic-bezier(.5,0,.85,.45) both intro-hwy-exit}#rvl-intro[data-state=exit] .intro-sign-exit{animation:.55s cubic-bezier(.5,0,.85,.45) both intro-sign-exit}@keyframes intro-hwy-exit{to{transform:scale(1.6)}}@keyframes intro-sign-exit{to{transform:scale(1.9)}}@media (max-aspect-ratio:11/10){#rvl-intro{--u:calc(var(--vh) * .2297);--z:3.8;--t0x:calc(var(--vh) * -8.055);--t0y:calc(var(--vh) * 19.885);--title:min(calc(var(--vw) * 11), calc(var(--vh) * 8.5));--label:calc(var(--vh) * 4.6)}.intro-title{left:0;right:0;top:calc(var(--vh) * 10);text-align:center;transform:none}}@media (max-aspect-ratio:4/5){.intro-hwy{--pa:var(--p-pa);--px:var(--p-px);--py:var(--p-py);--mid:var(--p-mid);--period:var(--p-period);--dash:var(--p-dash);--pw:max(calc(var(--vw) * 141), calc(var(--vh) * 64.5));--vx:calc(var(--vw) * 64);--vy:calc(var(--vh) * 40);--h:calc(var(--pw) * 1.02);--f:calc(var(--pw) * 1.4);--sw:min(calc(var(--pw) * .37), calc(var(--vw) * 54));--sr:min(calc(var(--pw) * .055), calc(var(--vw) * 8));--sb:calc(var(--pw) * .033);--sp:calc(var(--pw) * .085)}.intro-back-l{display:none}.intro-back-p{display:block}.intro-hwy-grade{background:radial-gradient(150% 100% at 64% 40%,#09100c00 42%,#09100c66 100%)}}@media (max-aspect-ratio:62/100){#rvl-intro{--u:calc(var(--vw) * .3165);--z:2.6;--t0x:calc(var(--vw) * -16.22);--t0y:calc(var(--vh) * 7 + var(--vw) * 23.93);--title:calc(var(--vw) * 11.5);--label:calc(var(--vw) * 9.4)}}#rvl-intro[data-state]~main [data-hero-card]{opacity:1}html:has(#rvl-intro[data-state=play]){scrollbar-gutter:stable;overflow:hidden}@media (prefers-reduced-motion:reduce){#rvl-intro{display:none!important}}