.intro-screen{color:#18222c;background:linear-gradient(#ddeffa,#f7fbfd);height:100dvh;position:relative;overflow:hidden}.intro-destination{opacity:0;height:100%;transition:opacity .45s .5s,transform .6s .45s;overflow:hidden;transform:translateY(24px)}.intro-curtain{pointer-events:none;transition:transform .95s cubic-bezier(.76,0,.24,1);position:absolute;inset:0}.intro-white{clip-path:polygon(0 0,88% 0,43% 100%,0 100%);background:#fafaf8}.intro-black{clip-path:polygon(87.9% 0,100% 0,100% 100%,42.9% 100%);background:#17191c}.intro-copy{max-width:58%;transition:opacity .22s,transform .5s;position:absolute;top:50%;left:clamp(28px,11.5vw,210px);transform:translateY(-50%)}.intro-copy h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 36px;font-size:clamp(30px,3.6vw,52px);font-weight:500;line-height:1.6}.intro-copy p{color:#72777d;margin:0 0 44px;font-size:17px;line-height:2.2}.enter-link{color:#20272e;border-bottom:1px solid #69717a;align-items:center;gap:35px;padding:12px 0;font-size:15px;text-decoration:none;display:inline-flex}.enter-link span{font-size:22px;transition:transform .18s}.enter-link:hover span{transform:translate(2px,-2px)}.is-opening .intro-white{transform:translate(-100%)}.is-opening .intro-black{transform:translate(100%)}.is-opening .intro-copy{opacity:0;pointer-events:none;transform:translate(-20px,-50%)}.is-opening .intro-destination{opacity:1;transform:none}.short-opening .intro-curtain{transition-duration:.4s}.short-opening .intro-destination{transition-duration:.3s;transition-delay:.1s}@media (max-width:767px){.intro-white{clip-path:polygon(0 0,100% 0,100% 28%,48% 100%,0 100%)}.intro-black{clip-path:polygon(100% 27.9%,100% 100%,47.9% 100%)}.intro-copy{max-width:84%;top:42%;left:8%}.intro-copy h1{margin-bottom:24px;font-size:clamp(25px,6.8vw,36px)}.intro-copy p{margin-bottom:24px;font-size:16px;line-height:2}}@media (max-height:540px){.intro-copy h1{margin-bottom:12px;font-size:28px}.intro-copy p{margin-bottom:12px;font-size:14px;line-height:1.6}.intro-copy{top:48%}}@media (prefers-reduced-motion:reduce){.intro-curtain{transition:opacity .15s!important}.is-opening .intro-curtain{opacity:0;transform:none}.intro-destination{transform:none;transition:opacity .15s!important}.intro-copy{transition:opacity .15s!important}.is-opening .intro-copy{transform:translateY(-50%)}}
