.about-stage{--abyss:#00081a;--navy-deep:#001433;--navy:#002050;--navy-lift:#0b2c58;--gold:#e0a020;--gold-hi:#f7e0a8;--gold-mid:#edbb4e;--gold-deep:#9c6a0c;--paper:#f7f4ec;--ink:#eaf0fb;--ink-soft:#b6c8e6;--ink-faint:#8298bd;--line:#bed2f029;--card:#ffffff0d;--serif:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "Noto Serif JP", "Songti SC", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.about-stage *{box-sizing:border-box}.about-stage #bg{z-index:-10;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.about-stage{background:var(--abyss);color:var(--ink);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,-apple-system,system-ui,sans-serif;overflow-x:hidden}.about-stage a{color:inherit}.about-stage :focus-visible{outline:2px solid var(--gold-mid);outline-offset:4px}.about-stage .num{font-variant-numeric:tabular-nums}.about-stage .sheet{max-width:62rem;margin:0 auto;padding:0 1.75rem}.about-stage .col{min-width:0;max-width:34rem}.about-stage .foil{background:linear-gradient(100deg, var(--gold-deep) 0%, var(--gold) 24%, var(--gold-hi) 42%, var(--gold) 58%, var(--gold-deep) 82%, var(--gold) 100%);color:#0000;background-position:82% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite foil-sweep}.about-stage .progress{z-index:60;pointer-events:none;background:color-mix(in srgb, var(--ink) 8%, transparent);height:2px;position:fixed;inset:0 0 auto}.about-stage .progress i{transform-origin:0;height:100%;transform:scaleX(var(--sp,0));background:linear-gradient(90deg, var(--gold-deep), var(--gold), var(--gold-hi));display:block}.about-stage .rail{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:1rem;display:none;position:fixed;top:50%;left:1.4rem;transform:translateY(-50%)}@media (width>=1180px){.about-stage .rail{display:flex}}.about-stage .rail-line{background:color-mix(in srgb, var(--ink) 14%, transparent);width:1px;height:4.5rem;position:relative;overflow:hidden}.about-stage .rail-line:after{content:"";background:linear-gradient(to bottom, var(--gold), var(--gold-hi));transform-origin:top;height:100%;transform:scaleY(var(--sp,0));position:absolute;inset:0 0 auto}.about-stage .rail-label{writing-mode:vertical-rl;letter-spacing:.4em;color:var(--ink-soft);min-height:9rem;font-size:.68rem;font-weight:700;transition:opacity .35s,transform .35s}.about-stage .rail-label.swap{opacity:0;transform:translateY(8px)}.about-stage .cover{isolation:isolate;position:relative;overflow:hidden}.about-stage .cover:before{content:"";transform:translate3d(0, calc(var(--p,0) * 7vh), 0) scale(calc(1 + var(--p,0) * .06));z-index:-2;background-image:repeating-linear-gradient(90deg,#e0a0201a 0 1px,#0000 1px 15px),repeating-linear-gradient(0deg,#e0a0201a 0 1px,#0000 1px 15px);position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(70% 55% at 50% 44%,#000 0%,#0000 78%);mask-image:radial-gradient(70% 55% at 50% 44%,#000 0%,#0000 78%)}.about-stage .cover:after{content:"";width:130%;height:62%;transform:translateX(-50%) translateY(calc(var(--p,0) * 12vh));z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#a0c8ff29,#0000 72%);position:absolute;top:-34%;left:50%}.about-stage .cover canvas{z-index:-1;pointer-events:none;width:100%;height:100%;opacity:calc(1 - var(--p,0) * .85);position:absolute;inset:0}.about-stage .cover-inner{min-height:min(100svh,52rem);transform:translateY(calc(var(--p,0) * -14vh));opacity:calc(1 - var(--p,0) * 1.35);will-change:transform, opacity;flex-direction:column;justify-content:center;padding-top:5.5rem;padding-bottom:4.5rem;display:flex;position:relative}.about-stage .brand{align-items:center;gap:.9rem;margin-bottom:3.25rem;display:flex}.about-stage .brand-rule{background:linear-gradient(90deg, transparent, var(--gold));transform-origin:0;width:3.5rem;height:1px;animation:1.1s cubic-bezier(.16,1,.3,1) both rule-in}.about-stage .brand-name{letter-spacing:.44em;color:var(--ink-faint);font-size:.74rem;font-weight:700;animation:.9s ease-out .25s both fade-up}.about-stage .cover-head{font-family:var(--serif);letter-spacing:.04em;text-wrap:balance;margin:0 0 2.25rem;font-size:clamp(2.15rem,6.6vw,4.3rem);font-weight:600;line-height:1.5}.about-stage .line-mask{display:block;overflow:hidden}.about-stage .line-mask>span{animation:1.15s cubic-bezier(.16,1,.3,1) both line-rise;display:block}.about-stage .line-mask:first-of-type>span{animation-delay:.35s}.about-stage .line-mask:nth-of-type(2)>span{animation-delay:.5s}.about-stage .cover-lede{color:var(--ink-soft);max-width:30em;margin:0 0 2.75rem;font-size:clamp(.98rem,1.5vw,1.1rem);line-height:2.1;animation:1s ease-out .8s both fade-up}.about-stage .cta-row{flex-wrap:wrap;gap:.85rem;display:flex}.about-stage .cover .cta-row{animation:1s ease-out 1s both fade-up}.about-stage .btn{letter-spacing:.04em;border-radius:2px;align-items:center;gap:.5rem;padding:.95rem 1.85rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,color .18s;display:inline-flex;position:relative;overflow:hidden}.about-stage .btn:active{transform:translateY(1px)}.about-stage .btn-gold{background:linear-gradient(103deg, var(--gold-deep), var(--gold) 32%, var(--gold-hi) 52%, var(--gold) 72%, var(--gold-deep));color:#241500;background-position:70% 0;background-size:220% 100%;transition:background-position .7s,transform .18s,box-shadow .18s;box-shadow:0 10px 30px #e0a02038}.about-stage .btn-gold:hover{background-position:10% 0;box-shadow:0 14px 38px #e0a02052}.about-stage .btn-outline{color:var(--ink);border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-stage .btn-outline:hover{border-color:var(--gold-mid)}.about-stage .scroll-cue{letter-spacing:.32em;color:var(--ink-faint);opacity:calc(1 - var(--p,0) * 3);flex-direction:column;align-items:center;gap:.5rem;font-size:.6rem;animation:1s ease-out 1.4s both fade-up;display:flex;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}.about-stage .scroll-cue i{background:linear-gradient(to bottom, var(--gold), transparent);transform-origin:top;width:1px;height:2.75rem;animation:2.1s ease-in-out infinite cue;display:block}.about-stage .body-wrap{position:relative}.about-stage .set{z-index:1;border-top:1px solid var(--line);padding-top:clamp(4.5rem,11vw,8.5rem);padding-bottom:clamp(4.5rem,11vw,8.5rem);position:relative}.about-stage .set:first-of-type{border-top:none}.about-stage .reveal{opacity:.4;transition:opacity .45s ease-out,transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.about-stage .reveal.shown{opacity:1;transform:none}.about-stage .set-mark{align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.about-stage .set-mark i{background:var(--gold);transform-origin:0;flex:0 0 2.5rem;height:1px;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:scaleX(0)}.about-stage .shown .set-mark i,.about-stage .set-mark.shown i{transform:scaleX(1)}.about-stage .set-mark span{letter-spacing:.34em;color:var(--ink-faint);font-size:.68rem;font-weight:700}.about-stage .set-mark b{letter-spacing:.16em;color:var(--gold-deep);font-size:.68rem;font-weight:800}.about-stage .set-title{font-family:var(--serif);letter-spacing:.045em;text-wrap:balance;margin:0 0 1.6rem;font-size:clamp(1.45rem,3.4vw,2.3rem);font-weight:600;line-height:1.68}.about-stage .set-title .line-mask{overflow:visible}.about-stage .set-title .line-mask>span{animation:none;transform:none}.about-stage .set-body{color:var(--ink-soft);font-size:1rem;line-height:2.15}.about-stage .set-body+.set-body{margin-top:1.1rem}.about-stage .set-note{color:var(--ink-faint);margin-top:1rem;font-size:.86rem;line-height:1.9}.about-stage .set-link{color:var(--ink);align-items:center;gap:.45rem;margin-top:1.6rem;padding-bottom:.3rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.about-stage .set-link:after{content:"";background:var(--gold);transform-origin:0;width:100%;height:1.5px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.about-stage .set-link:hover:after{transform:scaleX(1)}.about-stage .set-link em{font-style:normal;transition:transform .3s}.about-stage .set-link:hover em{transform:translate(4px)}.about-stage .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.about-stage .split>*{min-width:0}.about-stage .split.top{align-items:start}.about-stage .split.rev>:first-child{order:2}@media (width<=820px){.about-stage .split,.about-stage .split.rev{grid-template-columns:minmax(0,1fr)}.about-stage .split.rev>:first-child{order:0}}.about-stage .fair{align-items:flex-end;gap:clamp(1rem,3vw,2.25rem);min-width:0;display:flex}.about-stage .fair-num{font-family:var(--serif);letter-spacing:0;opacity:.4;flex:none;font-size:clamp(6.5rem,18vw,11.5rem);font-weight:600;line-height:.8;transition:opacity .5s ease-out,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(12px)}.about-stage .shown .fair-num{opacity:1;transform:none}.about-stage .fair-num small{letter-spacing:.3em;color:var(--ink-faint);-webkit-text-fill-color:var(--ink-faint);margin-top:1.1rem;font-size:.09em;font-weight:700;display:block}.about-stage .bars{flex:1;align-items:stretch;gap:.45rem;min-width:0;height:8.5rem;display:flex}.about-stage .bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.about-stage .bar{background:var(--ink-faint);opacity:.28;transform-origin:bottom;width:100%;max-width:1.35rem;transition:transform .75s cubic-bezier(.16, 1, .3, 1) calc(var(--d,0) * 1s);border-radius:1px;flex:none;transform:scaleY(0)}.about-stage .bars.shown .bar,.about-stage .shown .bar{transform:scaleY(1)}.about-stage .bar-col.top .bar{background:linear-gradient(to top, var(--gold-deep), var(--gold), var(--gold-hi));opacity:1}.about-stage .bar-cap{color:var(--ink-faint);letter-spacing:.04em;font-size:.62rem}.about-stage .fair-foot{border-top:1px solid var(--line);letter-spacing:.06em;color:var(--ink-faint);opacity:.4;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding-top:.85rem;font-size:.74rem;transition:opacity .5s ease-out .35s;display:flex}.about-stage .shown .fair-foot{opacity:1}.about-stage .courts{gap:.75rem;display:grid}.about-stage .court-row{border-top:1px solid var(--line);opacity:.35;transition:opacity .5s ease-out calc(var(--d,0) * 1s), transform .6s cubic-bezier(.16, 1, .3, 1) calc(var(--d,0) * 1s);grid-template-columns:3.1rem minmax(0,1fr);align-items:center;gap:1rem;padding:.85rem 0;display:grid;transform:translate(-10px)}.about-stage .courts.shown .court-row,.about-stage .shown .court-row{opacity:1;transform:none}.about-stage .court-row:first-child{border-top:none}.about-stage .court-row>span{letter-spacing:.16em;color:var(--ink-faint);font-size:.64rem;font-weight:700}.about-stage .court-row svg{width:100%;height:auto;display:block}.about-stage .court-row .frame{fill:none;stroke:var(--line);stroke-width:1.2px}.about-stage .court-row .mid{stroke:var(--ink-faint);stroke-width:1.1px;opacity:.45}.about-stage .court-row .tie{stroke-width:1.6px;stroke-dasharray:40;stroke-dashoffset:40px;transition:stroke-dashoffset .7s cubic-bezier(.16, 1, .3, 1) calc(var(--d,0) * 1s + .25s)}.about-stage .courts.shown .court-row .tie,.about-stage .shown .court-row .tie{stroke-dashoffset:0}.about-stage .ops{margin:0;padding:0;list-style:none;display:grid}.about-stage .ops li{border-top:1px solid var(--line);opacity:.4;transition:opacity .45s ease-out calc(var(--d,0) * 1s), transform .55s cubic-bezier(.16, 1, .3, 1) calc(var(--d,0) * 1s);grid-template-columns:2.75rem minmax(0,1fr);gap:1.1rem;padding:1.5rem 0;display:grid;transform:translateY(12px)}.about-stage .ops.shown li,.about-stage .shown .ops li{opacity:1;transform:none}.about-stage .ops-no{letter-spacing:.1em;color:var(--gold-deep);padding-top:.35rem;font-size:.68rem;font-weight:800}.about-stage .ops h3{font-family:var(--serif);letter-spacing:.05em;margin:0 0 .5rem;font-size:1.08rem;font-weight:600}.about-stage .ops p{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.95}.about-stage .notice{background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);opacity:.4;border-radius:3px;max-width:23rem;padding:1.4rem 1.5rem;transition:opacity .5s ease-out,transform .75s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(22px)rotate(-1.2deg);box-shadow:0 24px 60px -32px #00143359}.about-stage .shown .notice{opacity:1;transform:none}.about-stage .notice:before{content:"";background:linear-gradient(to bottom, var(--gold-hi), var(--gold), var(--gold-deep));width:2px;position:absolute;top:0;bottom:0;left:0}.about-stage .notice-top{letter-spacing:.2em;color:var(--ink-faint);align-items:center;gap:.5rem;font-size:.64rem;font-weight:700;display:flex}.about-stage .notice-top i{background:var(--gold);border-radius:50%;width:5px;height:5px;animation:2.4s ease-out infinite ping}.about-stage .notice-msg{margin:.85rem 0 .2rem;font-size:1.05rem;font-weight:800}.about-stage .notice-sub{color:var(--ink-faint);letter-spacing:.02em;margin:0;font-size:.86rem}.about-stage .colophon-cover{text-align:center;isolation:isolate;padding-top:clamp(5rem,12vw,8.5rem);padding-bottom:3rem;position:relative;overflow:hidden}.about-stage .colophon-cover canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.about-stage .colophon-head{font-family:var(--serif);letter-spacing:.05em;text-wrap:balance;opacity:.4;margin:0 0 2.75rem;font-size:clamp(1.65rem,4.2vw,2.7rem);font-weight:600;line-height:1.6;transition:opacity .5s ease-out,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.about-stage .shown.colophon-head,.about-stage .shown .colophon-head{opacity:1;transform:none}.about-stage .colophon-cover .cta-row{opacity:.4;justify-content:center;transition:opacity .5s ease-out .1s,transform .65s cubic-bezier(.16,1,.3,1) .1s;transform:translateY(12px)}.about-stage .colophon-cover .cta-row.shown{opacity:1;transform:none}.about-stage .imprint{border-top:1px solid var(--line);letter-spacing:.16em;color:var(--ink-faint);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:4.5rem;padding-top:1.5rem;font-size:.68rem;display:flex}@media (prefers-reduced-motion:reduce){.about-stage *,.about-stage :before,.about-stage :after{transition:none!important;animation:none!important}.about-stage .cover-inner,.about-stage .cover:before,.about-stage .cover:after,.about-stage .cover canvas,.about-stage .reveal,.about-stage .fair-num,.about-stage .fair-foot,.about-stage .court-row,.about-stage .ops li,.about-stage .notice,.about-stage .colophon-head,.about-stage .colophon-cover .cta-row,.about-stage .scroll-cue{opacity:1!important;transform:none!important}.about-stage .set-mark i{transform:scaleX(1)!important}.about-stage .bar{transform:scaleY(1)!important}.about-stage .court-row .tie{stroke-dashoffset:0!important}.about-stage .progress i{transform:scaleX(1)!important}.about-stage .rail-line:after{transform:scaleY(1)!important}}@keyframes foil-sweep{0%,to{background-position:82% 0}50%{background-position:8% 0}}@keyframes rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes line-rise{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cue{0%,to{opacity:.45;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@keyframes ping{0%{box-shadow:0 0 #e0a0208c}70%{box-shadow:0 0 0 9px #e0a02000}to{box-shadow:0 0 #e0a02000}}main:has(.about-stage)+footer{margin-top:0}
