@charset "UTF-8";
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061c24;color:#fff}body{font-family:Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #99ffec;outline-offset:7px}.intro{isolation:isolate;position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:28px clamp(22px,5vw,80px) 22px;background:#061c24}.art,.shade{position:absolute;inset:0;z-index:-2;pointer-events:none}.art{background:url('intro-art.jpeg') center 52%/cover no-repeat;animation:art-reveal 4.8s cubic-bezier(.17,.67,.2,1) both}.shade{z-index:-1;background:linear-gradient(180deg,rgba(2,17,23,.42),rgba(2,17,23,.12) 35%,rgba(2,17,23,.3) 65%,rgba(2,17,23,.88)),linear-gradient(90deg,#041b2540,transparent 65%)}.intro-top,.intro-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.15em;position:relative;z-index:2}.intro-top{min-height:32px}.intro-top a{font-size:12px;letter-spacing:.08em;border-bottom:1px solid #ffffff77;padding:10px 0}.stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:290px;padding:30px 0 24px}.mark{width:min(45vh,440px,67vw);aspect-ratio:750/741;position:relative;z-index:1;filter:drop-shadow(0 20px 40px #00171dbb);animation:arrival 3.7s .15s cubic-bezier(.17,.75,.19,1) both;will-change:transform}.mark img{width:100%;height:100%;display:block;clip-path:polygon(10% 17%,12% 16%,63% 2.5%,66% 2.5%,68% 4%,96% 48.5%,96.5% 51%,96% 54%,64% 95%,62% 97%,59% 96.7%,8% 77%,6% 75%,5.5% 72%,9% 20%)}.halo{position:absolute;width:min(65vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#b8fff242,transparent 67%);mix-blend-mode:screen;animation:halo 4.3s ease-out both;pointer-events:none}.volume{position:absolute;left:calc(50% + min(21vh,205px,30vw));top:24%;font-size:12px;letter-spacing:.13em;writing-mode:vertical-rl;margin:0;animation:settle .9s 3.1s both}.volume span{font-size:40px;font-weight:300;letter-spacing:-.06em;margin-top:12px}.invitation{width:min(100%,370px);margin:0 auto 42px;text-align:center;animation:settle 1s 3s both}.event-date{display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;letter-spacing:.08em;margin:0 0 24px}.event-date span{font-size:12px}.event-date i{height:14px;border-left:1px solid #ffffff88;margin:0 3px}.enter{display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff85;border-bottom:1px solid #ffffff85;padding:18px 3px;font-size:14px;letter-spacing:.3em;text-align:left;transition:padding .3s,background .3s}.enter-line{height:1px;flex:1;background:#ffffff55;transform:scaleX(.45);transform-origin:right;transition:transform .4s}.enter-plus{font-size:25px;font-weight:200;line-height:1;letter-spacing:0}.enter:hover{padding-left:14px;padding-right:14px;background:#061c2433}.enter:hover .enter-line{transform:scaleX(1)}.intro-foot{color:#ffffffb8;font-size:11px;letter-spacing:.1em}.intro-foot button{background:none;border:0;border-bottom:1px solid #ffffff55;padding:10px 0;font-size:12px;letter-spacing:.1em;cursor:pointer}.intro.departing{animation:leave .65s ease-in forwards}.intro.departing .mark{animation:none;transform:scale(1.06);transition:transform .65s}.intro.departing .art{animation:none;transform:scale(1.12);transition:transform .65s}
@keyframes arrival{0%{transform:scale(.006) rotate(-540deg);opacity:0;filter:drop-shadow(0 0 5px #eaffff) blur(5px)}12%{opacity:1}68%{transform:scale(1.06) rotate(9deg);filter:drop-shadow(0 20px 40px #00171dbb) blur(0)}86%{transform:scale(.99) rotate(-2deg)}100%{transform:scale(1) rotate(0);filter:drop-shadow(0 20px 40px #00171dbb)}}
@keyframes art-reveal{0%{opacity:0;transform:scale(1.3);filter:saturate(.5) brightness(.4)}100%{opacity:1;transform:scale(1);filter:saturate(1.05) brightness(.85)}}@keyframes halo{0%,15%{opacity:0;transform:scale(.1)}65%{opacity:1;transform:scale(1.15)}100%{opacity:.55;transform:scale(1)}}@keyframes settle{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;filter:blur(5px)}}
@media(min-width:1000px){.art{background-position:center 45%}.stage{padding-top:24px}.invitation{margin-bottom:32px}}
@media(max-width:600px){.intro{padding-top:18px;padding-bottom:14px}.intro-top{font-size:10px;letter-spacing:.12em}.mark{width:min(74vw,44svh)}.stage{min-height:280px;padding-top:28px}.volume{top:19%;left:auto;right:0}.volume span{font-size:32px}.invitation{margin-bottom:35px;width:min(100%,310px)}.intro-foot{font-size:10px;letter-spacing:.06em}.art{background-position:center center}}
@media(max-height:620px) and (min-width:700px){.intro{padding-top:12px;padding-bottom:10px}.stage{min-height:180px;padding:0}.mark{width:40vh}.invitation{margin-bottom:10px}.event-date{margin-bottom:12px}.enter{padding:12px 3px}.volume{top:10%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.art{filter:brightness(.85)}.halo{opacity:.55}.intro.departing{opacity:1}}