.hero{flex-direction:column;min-height:max(100svh,680px);display:flex;position:relative;overflow:hidden}.hero-top{z-index:4;padding:22px var(--gutter);justify-content:space-between;align-items:center;display:flex;position:relative}.hero-stage{text-align:center;padding:0 var(--gutter) max(120px, 22vh);flex:1;place-items:center;display:grid;position:relative}.hero-before,.hero-after{grid-area:1/1;justify-items:center;display:grid}.hero-line{padding:.04em .06em;font-size:clamp(54px,12.6vw,210px);overflow:hidden}.hero-line>span{transition:transform .8s var(--ease-out), opacity .4s;display:inline-block}.hero-box{z-index:2;width:clamp(170px,22vw,330px);animation:wobble 2.4s var(--ease-pop) infinite;cursor:pointer;background:0 0;border:0;margin:-.5vw 0;padding:0;position:relative}.hero-gift{filter:drop-shadow(0 22px 24px #500a0059);width:100%;transition:transform .35s var(--ease-pop)}.hero-box:hover .hero-gift{transform:scale(1.06)rotate(-3deg)}.hero-hint{pointer-events:none;animation:1.2s ease-in-out infinite alternate hint;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(-4deg)}@keyframes hint{to{transform:translate(-50%)rotate(3deg)translateY(-4px)}}.hero-burst{pointer-events:none;z-index:3;width:clamp(170px,22vw,330px);position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.hero-burst img{opacity:0;width:100%;position:absolute;left:0}.hero-openbox{top:0}.hero-lid{top:-18%}.hero-after .hero-line>span{transform:translateY(105%)}.hero-after{pointer-events:none}.hero-after .hero-line{font-size:clamp(34px,7.4vw,128px)}.hero-l2>span{flex-wrap:wrap;justify-content:center;align-items:center;gap:.18em;display:inline-flex}.hero-cta{vertical-align:middle;pointer-events:auto;font-size:clamp(13px,1.25vw,19px);transform:rotate(-4deg)}.hero-cta:hover{transform:rotate(2deg)scale(1.06)!important}.hero-sub{opacity:0;max-width:600px;transition:.8s var(--ease-out) .5s;margin:26px auto 0;font-size:clamp(16px,1.35vw,20px);transform:translateY(16px)}.hero-throw{z-index:1;font-family:var(--f-display), sans-serif;text-transform:uppercase;letter-spacing:.08em;opacity:0;margin:0;font-size:12px;font-weight:700;transition:opacity .6s 1.6s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero.is-open .hero-before .hero-line>span{transform:translateY(-110%)}.hero.is-open .hero-box{pointer-events:none;transition:transform .25s ease-in;animation:none;transform:scale(0)}.hero.is-open .hero-openbox{animation:openbox 1.5s var(--ease-out) forwards}.hero.is-open .hero-lid{animation:1.1s cubic-bezier(.2,.7,.3,1) forwards lid}.hero.is-open .hero-after{pointer-events:auto}.hero.is-open .hero-after .hero-line>span{transition-delay:.35s;transform:none}.hero.is-open .hero-after .hero-l2>span{transition-delay:.48s}.hero.is-open .hero-sub,.hero.is-open .hero-throw{opacity:1;transform:none}@keyframes openbox{0%{opacity:1;transform:scale(1.1,.86)}14%{opacity:1;transform:scale(.92,1.1)}30%{opacity:1;transform:scale(1)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(60%)scale(.6)rotate(8deg)}}@keyframes lid{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:1;transform:translate(42vw,-80vh)rotate(160deg)scale(.8)}}.bands{z-index:5;height:0;position:relative}.bands .band{position:absolute;left:-5%;right:-5%}.band-a{top:-46px;transform:rotate(-3deg)}.band-b{box-shadow:0 0 0 3px var(--ink);top:-10px;transform:rotate(2.2deg)}.sec{padding:clamp(110px, 12vw, 170px) var(--gutter) clamp(80px, 9vw, 130px);position:relative}.sec-title{text-align:center;justify-items:center;gap:22px;margin-bottom:clamp(36px,5vw,64px);display:grid}.sec-title h2{font-size:clamp(44px,9vw,150px)}.sec-lead{text-align:center;max-width:560px;margin:0 auto;font-size:18px}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-pop);transform:translateY(50px)rotate(-2deg)}[data-reveal].is-in{opacity:1;transform:none}.bento{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(210px,auto);gap:14px;max-width:1320px;margin:0 auto;display:grid}.b{border-radius:var(--r-xl);transition:transform .45s var(--ease-pop);flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.b:hover{transform:rotate(-.6deg)scale(1.01)}.b-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.b-price{font-family:var(--f-display), sans-serif;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.5em .9em;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 2px}.b-note{max-width:46ch;margin:auto 0 0;font-size:15px}.b-song{grid-area:span 2/span 7}.b-lyrics{flex:1;align-content:center;min-height:170px;display:grid;position:relative}.b-lyrics p{opacity:0;transition:.6s var(--ease-pop);grid-area:1/1;font-size:clamp(28px,3.4vw,54px);line-height:.98;transform:translateY(40%)rotate(-2deg)}.b-lyrics p.is-on{opacity:1;transform:none}.player{background:var(--white);color:var(--ink);border-radius:999px;align-items:center;gap:14px;padding:8px;display:flex}.player-btn{background:var(--tomato);width:58px;height:58px;transition:transform .3s var(--ease-pop);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.player-btn:hover{transform:scale(1.08)rotate(-8deg)}.ico-play{border-left:18px solid var(--white);border-top:11px solid #0000;border-bottom:11px solid #0000;width:0;height:0;margin-left:5px}.ico-pause{border-left:5px solid var(--white);border-right:5px solid var(--white);width:16px;height:18px}.player-meta{flex:1;gap:2px;min-width:0;font-size:13px;display:grid}.player-meta b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.player-meta span:not(.player-bar){color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-bar{background:var(--mist);border-radius:9px;height:5px;margin-top:4px;overflow:hidden}.player-bar i{background:var(--ink);height:100%;display:block}.player-cover{object-fit:cover;border-radius:50%;width:58px;height:58px;animation:6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.b-card{grid-area:span 2/span 5}.fan{background:0 0;border:0;flex:1;min-height:300px;padding:0;position:relative}.fan img{aspect-ratio:3/4;object-fit:cover;border:5px solid var(--white);width:46%;transition:transform .6s var(--ease-pop), z-index 0s .2s;border-radius:14px;position:absolute;top:50%;left:50%;box-shadow:0 16px 30px #15110f40}.fan .fan-0{z-index:3;transform:translate(-50%,-50%)rotate(-3deg)}.fan .fan-1{z-index:2;transform:translate(-6%,-46%)rotate(11deg)}.fan .fan-2{z-index:1;transform:translate(-94%,-47%)rotate(-14deg)}.fan:hover .fan-0{transform:translate(-50%,-54%)rotate(1deg)scale(1.04)}.b-video{grid-area:span 2/span 4;min-height:440px;padding:0}.b-video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.b-over{z-index:1;background:linear-gradient(#15110f59,#0000 30% 62%,#15110fcc);flex-direction:column;height:100%;padding:24px;display:flex;position:relative}.b-text{box-shadow:inset 0 0 0 3px var(--ink);grid-area:span 2/span 5}.poem{font-family:var(--f-display), sans-serif;white-space:pre-wrap;margin:0;font-size:clamp(15px,1.3vw,19px);font-weight:500;line-height:1.45}.poem-ghost{opacity:.12}.b-gift{grid-area:span 2/span 3}.gift-link{text-align:center;flex:1;place-items:center;gap:14px;display:grid}.gift-link img{width:70%;max-width:190px;animation:wobble 2.6s var(--ease-pop) infinite}.gift-link span{background:var(--white);word-break:break-all;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500}.how{gap:clamp(26px,4vw,46px);max-width:1240px;margin:0 auto;padding:0;list-style:none;display:grid}.how li{grid-template-columns:auto 1fr;align-items:center;gap:clamp(14px,3vw,40px);display:grid}.how li:nth-child(2){transform-origin:100%}.how-n{font-family:var(--f-display), sans-serif;-webkit-text-stroke:3px var(--ink);color:#0000;font-size:clamp(64px,11vw,180px);font-weight:900;line-height:.8}.how p{flex-wrap:wrap;align-items:center;gap:.25em;font-size:clamp(30px,5.6vw,92px);display:flex}.how-tag{font-size:clamp(12px,1.3vw,20px);transform:rotate(4deg)}.how-stickers{display:inline-flex}.how-stickers img{width:clamp(52px,7vw,110px);transition:transform .4s var(--ease-pop);margin-right:-.2em}.how-stickers img:first-child{transform:rotate(-10deg)}.how-stickers img:nth-child(2){transform:rotate(8deg)translateY(-8%)}.how-stickers img:nth-child(3){transform:rotate(-4deg)}.how-stickers img:hover{transform:scale(1.2)rotate(0)}.how-link{font-family:var(--f-body), sans-serif;text-transform:none;letter-spacing:0;background:var(--white);border-radius:999px;padding:.45em .9em;font-size:clamp(14px,1.8vw,26px);font-weight:700;transform:rotate(-3deg)}.tickets{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;max-width:1200px;margin:0 auto 40px;display:flex}.ticket{border-radius:var(--r-lg);width:min(330px,100%);color:var(--ink);transition:transform .45s var(--ease-pop);gap:6px;padding:30px 28px;text-decoration:none;display:grid;position:relative;-webkit-mask:radial-gradient(14px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(14px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(14px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(14px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.ticket-0{background:var(--sun);--rot:-4deg}.ticket-1{background:var(--white);--rot:2deg;width:min(370px,100%);padding:40px 34px}.ticket-2{background:var(--bubble);--rot:-1.5deg}.ticket.is-in{transform:rotate(var(--rot))}.ticket:hover{transform:rotate(0)scale(1.05)!important}.ticket-rub{white-space:nowrap;font-size:clamp(44px,4.6vw,66px)}.ticket-pts{font-family:var(--f-display), sans-serif;font-size:18px;font-weight:700}.ticket-note{color:var(--muted);border-top:2px dashed var(--line);margin-top:8px;padding-top:12px;font-size:14px}.sec-pit{place-items:center;min-height:max(92svh,640px);display:grid;overflow:hidden}.sec-pit.scallop{overflow:visible}.sec-pit .phys{top:0}.pit-copy{z-index:2;text-align:center;pointer-events:none;justify-items:center;gap:30px;display:grid;position:relative}.pit-copy h2{font-size:clamp(42px,8.6vw,140px)}.pit-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.foot{padding:50px var(--gutter) 120px;text-align:center;justify-items:center;gap:22px;display:grid}.foot nav{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.foot nav a{font-weight:700;text-decoration:none}.foot nav a:hover{color:var(--sun)}.foot small{opacity:.6;max-width:560px}.dock{z-index:50;background:var(--ink);color:var(--white);border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #15110f4d}.dock a{border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s}.dock a:hover{background:#ffffff1f}.dock-logo{padding:8px 10px!important}.dock-cta{font-family:var(--f-display), sans-serif;text-transform:uppercase;color:var(--ink);transition:background .4s, transform .3s var(--ease-pop)!important;padding:11px 18px!important;font-size:13px!important}.dock-cta:hover{transform:rotate(-3deg)scale(1.05)}.dock-sun .dock-cta{background:var(--sun)!important}.dock-tomato .dock-cta{color:var(--white);background:var(--tomato)!important}@media (max-width:1080px){.b-song,.b-card{grid-column:span 12}.b-video,.b-text,.b-gift{grid-column:span 6}.b-gift{grid-area:span 1/span 12}.gift-link{grid-template-columns:auto 1fr}.gift-link img{width:120px}}@media (max-width:700px){body{font-size:16px}.hero-stage{padding-bottom:110px}.hero-cta{order:3;margin-top:10px}.bento{grid-template-columns:1fr;grid-auto-rows:auto}.b-song,.b-card,.b-video,.b-text,.b-gift{grid-area:auto}.b-video{min-height:460px}.b{border-radius:28px;padding:20px}.fan{min-height:260px}.fan img{width:52%}.player-cover{display:none}.how li{grid-template-columns:1fr;gap:6px}.dock>a:not(.dock-logo):not(.dock-cta){display:none}.dock{gap:8px}.band-a{top:-36px}.gift-link{grid-template-columns:1fr}}
