.arrival-intro[hidden]{display:none!important}
html.intro-running{overflow:hidden}
html.intro-running body>:not(.arrival-intro){visibility:hidden}
.arrival-intro{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#fffbed;color:#174b36;isolation:isolate}
.arrival-heading{position:absolute;top:14%;left:8%;right:8%;text-align:center;z-index:2;animation:arrival-copy 3.2s both}
.arrival-brand{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-2px}
.arrival-heading p{font-size:clamp(14px,2vw,20px);margin-top:16px;line-height:1.4}
.arrival-skip{position:absolute;z-index:4;right:max(22px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));min-height:44px;padding:10px 16px;border:1px solid #174b3633;border-radius:30px;background:#fffbedcc;font-size:12px;color:#174b36;cursor:pointer}
.arrival-limon{position:absolute;left:-15%;width:130%;top:0;height:170vh;transform:translateY(110vh);animation:arrival-rise 3.2s cubic-bezier(.4,0,.2,1) both;will-change:transform}
.arrival-rind{position:absolute;inset:0;background:#f5ed3e;clip-path:polygon(0 12%,5% 12%,5% 10%,12% 10%,12% 8%,20% 8%,20% 6%,30% 6%,30% 4%,40% 4%,40% 2%,47% 2%,47% 0,53% 0,53% 2%,60% 2%,60% 4%,70% 4%,70% 6%,80% 6%,80% 8%,88% 8%,88% 10%,95% 10%,95% 12%,100% 12%,100% 100%,0 100%)}
.arrival-leaf{position:absolute;width:clamp(110px,23vw,240px);height:auto;left:50%;top:-7vh;transform:rotate(-12deg);overflow:visible}
.arrival-shades{position:absolute;width:clamp(220px,50vw,550px);height:auto;left:50%;top:17vh;transform:translateX(-50%)}
.arrival-intro.is-leaving{animation:arrival-clear .2s ease-out both}
@keyframes arrival-rise{0%{transform:translateY(110vh)}42%,57%{transform:translateY(37vh)}76%{transform:translateY(-7vh)}100%{transform:translateY(-185vh)}}
@keyframes arrival-copy{0%,46%{opacity:1;transform:translateY(0)}68%,100%{opacity:0;transform:translateY(-20px)}}
@keyframes arrival-clear{to{opacity:0}}
@media(min-width:800px){.arrival-limon{left:-5%;width:110%}.arrival-shades{top:19vh}.arrival-leaf{top:-9vh}}
@media(prefers-reduced-motion:reduce){.arrival-limon,.arrival-heading{animation:none}.arrival-limon{transform:translateY(45vh)}.arrival-intro.is-leaving{animation:none}}