.welcome-screen{--plane-w:clamp(175px,44vw,600px);--flag-w:clamp(150px,34vw,460px);--rope-w:clamp(18px,3vw,42px);--progress:0%;position:fixed;inset:0;z-index:1000;overflow:hidden;background:radial-gradient(ellipse at 52% 42%,#51632955,transparent 65%),linear-gradient(#1d2e14cc,#15270fe8),url('assets/palette/moss.webp') center/900px auto;color:#fff1d3;transition:opacity .35s ease,visibility .35s}
.welcome-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.welcome-screen:before,.welcome-screen:after{content:'';position:absolute;width:65vw;height:1px;left:15vw;top:33%;background:linear-gradient(90deg,transparent,#e5cf9d50,transparent);rotate:-7deg}.welcome-screen:after{top:69%;left:32vw;width:45vw;opacity:.5}.welcome-flight{position:absolute;top:35%;left:0;width:calc(var(--plane-w) + var(--flag-w) + var(--rope-w));display:flex;align-items:center;will-change:transform;animation:welcome-arrive .55s cubic-bezier(.1,.7,.3,1) both}.welcome-flight.is-departing{animation:welcome-dash .65s cubic-bezier(.55,.05,.9,.45) both}.welcome-loader{position:relative;z-index:3;flex:0 0 var(--flag-w);box-sizing:border-box;padding:20px 30px 39px;background:linear-gradient(110deg,#e4bd7e,#fff1d2 45%,#e9c78f);border:2px solid #f9e6bd;border-radius:14px;transform:rotate(-3deg);box-shadow:0 8px 24px #10200980}.welcome-loader-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#243810}.welcome-loader-heading strong{font:900 clamp(27px,3vw,43px)/1 'Be Vietnam Pro',Arial,sans-serif;letter-spacing:-1px}.welcome-loader-heading>span{font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#80502f}.welcome-meter{position:relative;height:16px;margin:39px 4px 0;background:#233516;border-radius:14px;box-shadow:inset 0 2px 5px #07110470}.welcome-meter-fill{height:100%;width:var(--progress);border-radius:14px;background:repeating-linear-gradient(120deg,#eea33e 0 12px,#ffd27f 12px 24px);box-shadow:0 0 13px #ffbd5a55}.welcome-opener{position:absolute;left:var(--progress);top:-32px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.welcome-opener svg{display:block;width:29px;height:65px;rotate:23deg;filter:drop-shadow(1px 3px 1px #13220f55)}.welcome-opener b{font:900 18px/1 'Be Vietnam Pro',sans-serif;white-space:nowrap;color:#263614;background:#fff1d2;border-radius:7px;padding:4px 7px;box-shadow:0 2px 0 #aa7744;margin-top:4px}.welcome-rope{position:relative;flex:0 0 var(--rope-w);height:40px;z-index:2}.welcome-rope:before,.welcome-rope:after{content:'';position:absolute;left:-2px;right:-8px;top:20px;height:1px;background:#ead7ab;transform-origin:left center;rotate:-14deg}.welcome-rope:after{rotate:9deg;top:23px}.welcome-plane{flex:0 0 var(--plane-w);position:relative;z-index:2}.welcome-plane img{width:100%;height:auto;display:block;filter:drop-shadow(0 13px 10px #08140465);animation:welcome-engine .7s ease-in-out infinite}.welcome-smoke{position:absolute;left:5%;top:51%;width:1px;height:1px;z-index:-1;pointer-events:none}.welcome-smoke i{position:absolute;right:0;top:0;width:90px;height:45px;border-radius:50%;background:radial-gradient(ellipse,#efe7cd6b,transparent 70%);filter:blur(7px);animation:welcome-puff .95s linear infinite}.welcome-smoke i:nth-child(2){animation-delay:-.19s}.welcome-smoke i:nth-child(3){animation-delay:-.38s}.welcome-smoke i:nth-child(4){animation-delay:-.57s}.welcome-smoke i:nth-child(5){animation-delay:-.76s}.is-departing .welcome-smoke i{background:radial-gradient(ellipse,#fff0d6a0,transparent 70%);animation-duration:.55s}.welcome-skip,.welcome-sound{position:absolute;bottom:max(24px,4vh);padding:12px 17px;min-height:44px;border:1px solid #f2d09480;background:#203315;color:#ffe8ba;border-radius:25px;font-size:12px;font-weight:700;cursor:pointer}.welcome-skip{right:max(24px,4vw)}.welcome-sound{left:max(24px,4vw)}.welcome-skip:hover,.welcome-sound:hover{background:#ffcf7e;color:#233711}.welcome-skip:focus-visible,.welcome-sound:focus-visible{outline:3px solid #ffcf7e;outline-offset:4px}.welcome-flight.paused,.welcome-flight.paused *{animation-play-state:paused!important}
@keyframes welcome-arrive{from{transform:translate3d(calc(-100% - 40px),20px,0) rotate(-4deg)}to{transform:translate3d(calc(50vw - 50%),0,0) rotate(-2deg)}}@keyframes welcome-dash{from{transform:translate3d(calc(50vw - 50%),0,0) rotate(-2deg)}to{transform:translate3d(calc(110vw + 100px),-120px,0) rotate(-12deg)}}@keyframes welcome-engine{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes welcome-puff{0%{transform:translate(0,0) scale(.5);opacity:0}12%{opacity:.75}100%{transform:translate(-440px,95px) scale(3.8);opacity:0}}
@media(max-width:600px){.welcome-screen{--plane-w:clamp(170px,47vw,265px);--flag-w:clamp(145px,40vw,230px);--rope-w:15px}.welcome-flight{top:37%}.welcome-loader{padding:14px 17px 34px;border-radius:10px}.welcome-loader-heading{display:block}.welcome-loader-heading strong{font-size:28px}.welcome-loader-heading>span{display:block;margin-top:5px;font-size:10px;letter-spacing:1.5px}.welcome-meter{height:13px;margin-top:31px}.welcome-opener{top:-27px}.welcome-opener svg{width:23px;height:54px}.welcome-opener b{font-size:14px;padding:4px 5px}.welcome-skip,.welcome-sound{font-size:10px;padding:10px 13px;bottom:24px}.welcome-skip{right:16px}.welcome-sound{left:16px}.welcome-smoke i{width:60px;height:30px}}
@media(prefers-reduced-motion:reduce){.welcome-flight{animation-duration:.2s}.welcome-plane img,.welcome-smoke i{animation:none}.welcome-flight.is-departing{animation-duration:.2s}.welcome-screen{transition-duration:.2s}}

.welcome-smoke i:nth-child(even){animation-name:welcome-puff-high}@keyframes welcome-puff-high{0%{transform:translate(0,0) scale(.5);opacity:0}12%{opacity:.75}100%{transform:translate(-440px,-130px) scale(4);opacity:0}}

/* Brand and loading are printed directly on the website background. */
.welcome-screen{--plane-w:clamp(180px,32vw,500px);--flag-w:clamp(320px,56vw,880px);--rope-w:clamp(18px,2vw,32px)}.welcome-flight{top:32%;animation:none;transform:translate3d(calc(50vw - 50%),0,0)}.welcome-loader{padding:0 0 65px;background:none;border:0;border-radius:0;box-shadow:none;transform:none;animation:welcome-brand-in .4s ease-out both}.welcome-loader-heading{display:block;text-align:center;color:#fff0ce}.welcome-loader-heading strong{font-size:clamp(46px,5.3vw,86px);letter-spacing:-2.3px;text-shadow:2px 4px 0 #101f0d70;white-space:nowrap}.welcome-meter{height:24px;margin:66px 12px 0;border:2px solid #e1bd7d;background:#15270e;border-radius:30px;box-shadow:inset 0 3px 8px #07110490;box-sizing:border-box}.welcome-meter-fill{box-shadow:0 0 20px #ffbd5a55}.welcome-opener{top:-44px}.welcome-opener svg{width:39px;height:86px}.welcome-opener b{font-size:29px;color:#fff0cd;background:none;box-shadow:none;border-radius:0;padding:3px 0;text-shadow:1px 2px 0 #11200c}.welcome-plane{animation:welcome-plane-in .5s ease-out both}.welcome-flight.is-departing{animation:none;transform:translate3d(calc(50vw - 50%),0,0)}.welcome-flight.is-departing .welcome-plane{animation:welcome-dash .65s cubic-bezier(.55,.05,.9,.45) both}.is-departing .welcome-rope{opacity:0;transition:opacity .15s}.welcome-smoke{top:55%}
@keyframes welcome-brand-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-plane-in{from{transform:translate(-100vw,20px) rotate(-4deg)}to{transform:translate(0,0) rotate(0)}}@keyframes welcome-dash{from{transform:translate(0,0) rotate(0)}to{transform:translate(calc(110vw + 100px),-140px) rotate(-12deg)}}
@media(max-width:700px){.welcome-screen{--plane-w:clamp(180px,58vw,310px);--flag-w:88vw;--rope-w:0px}.welcome-flight{top:23%;width:88vw;flex-wrap:wrap;gap:15px}.welcome-plane{order:1;flex:0 0 var(--plane-w);margin-left:auto}.welcome-loader{order:2;flex:0 0 100%;padding:0 0 58px}.welcome-rope{display:none}.welcome-loader-heading strong{font-size:clamp(36px,8.8vw,60px);letter-spacing:-1.6px}.welcome-meter{height:21px;margin:51px 8px 0}.welcome-opener{top:-34px}.welcome-opener svg{height:68px;width:31px}.welcome-opener b{font-size:25px}.welcome-smoke i{width:65px;height:35px}}
@media(prefers-reduced-motion:reduce){.welcome-loader,.welcome-plane{animation-duration:.2s}.welcome-flight.is-departing .welcome-plane{animation-duration:.2s}}