.cafe-intro{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;overflow:hidden;background:#070908;color:#f4f6f3;transition:opacity .65s ease,visibility .65s ease}.cafe-intro::before,.cafe-intro::after{content:"";position:absolute;width:46vw;height:46vw;border:1px solid rgba(0,217,166,.16);border-radius:50%;animation:intro-orbit 8s linear infinite}.cafe-intro::after{width:68vw;height:68vw;border-color:rgba(176,94,218,.12);animation-direction:reverse;animation-duration:12s}.cafe-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.cafe-intro-core{position:relative;z-index:1;display:grid;justify-items:center;width:min(720px,calc(100% - 40px));text-align:center}.cafe-intro-core img{width:clamp(72px,9vw,108px);height:auto;filter:drop-shadow(0 0 28px rgba(255,255,255,.16));animation:intro-mark .75s cubic-bezier(.2,.8,.2,1) both}.cafe-intro-origin{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#77837d;font-size:9px;letter-spacing:.26em}.cafe-intro-origin strong{color:#00d9a6;font-size:11px}.cafe-intro-core>p{margin:24px 0 12px;color:#849089;font-size:10px;letter-spacing:.25em}.cafe-intro-core h1{display:flex;align-items:baseline;gap:.22em;margin:0;font-size:clamp(52px,10vw,126px);line-height:.82;letter-spacing:-.075em}.cafe-intro-core h1 span,.cafe-intro-core h1 strong{font-weight:600}.cafe-intro-core h1 strong{color:#00d9a6}.cafe-intro-line{width:min(430px,72vw);height:2px;margin:36px 0 16px;overflow:hidden;background:#1f2823}.cafe-intro-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#00d9a6,#a95cda);transform-origin:left;animation:intro-progress 2.15s cubic-bezier(.2,.8,.2,1) both}.cafe-intro-core small{color:#65716b;font-size:9px;letter-spacing:.2em}.cafe-intro-skip{position:absolute;z-index:2;right:24px;top:22px;border:0;background:transparent;color:#69756f;font:600 9px Inter,system-ui,sans-serif;letter-spacing:.14em;cursor:pointer}.cafe-intro-skip:hover{color:#f4f6f3}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-mark{from{opacity:0;transform:scale(.76) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes intro-orbit{to{transform:rotate(360deg)}}body.intro-active{overflow:hidden}@media(max-width:620px){.cafe-intro-core h1{display:grid;gap:8px}.cafe-intro-skip{right:14px;top:14px}.cafe-intro::before{width:90vw;height:90vw}.cafe-intro::after{width:130vw;height:130vw}}@media(prefers-reduced-motion:reduce){.cafe-intro::before,.cafe-intro::after,.cafe-intro-core img,.cafe-intro-line i{animation:none}.cafe-intro{transition:opacity .2s ease,visibility .2s ease}}