:root{
  --s1:8px; --s2:12px; --s3:16px; --s4:24px; --s5:32px; --s6:48px;

  --S1:64px; --S2:80px; --S3:96px; --S4:128px; --S5:180px;

  --band-y: clamp(60px, 7.5vw, 124px);
  --band-x: clamp(20px, 5vw, 64px);
  --maxw:1420px;
  --maxw-hero:1680px;

  --lh-hero:.92; --lh-display:1.0; --lh-sub:1.2; --lh-lead:1.45; --lh-body:1.6;

  --track-display:.005em; --track-label:.14em;
  --measure:38ch; --measure-read:58ch;

  --clay:
    0 20px 44px -18px color-mix(in srgb, var(--ink) 34%, transparent),
    0 5px 12px -6px  color-mix(in srgb, var(--ink) 22%, transparent),
    inset 0 2px 0 color-mix(in srgb, #fff 85%, transparent),
    inset 0 -3px 0 color-mix(in srgb, var(--deco-1) 55%, transparent);
  --clay-lift:
    0 30px 60px -20px color-mix(in srgb, var(--ink) 32%, transparent),
    0 6px 14px -6px  color-mix(in srgb, var(--ink) 20%, transparent),
    inset 0 2px 0 color-mix(in srgb, #fff 92%, transparent),
    inset 0 -3px 0 color-mix(in srgb, var(--deco-1) 70%, transparent);
  --sticker: 0 0 0 3px #fff, 0 0 0 6px color-mix(in srgb,var(--deco-1) 70%, transparent);

  --bounce: cubic-bezier(.34,1.56,.64,1);
  --out:    cubic-bezier(.16,1,.3,1);
  --spring: cubic-bezier(.22,1,.36,1);

  --r: var(--radius, 24px);
  --r-lg: var(--radius-lg, 40px);
  --r-pill: 999px;
  --r-small: 12px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:clip}
strong,b{font-weight:var(--w-display)}
body{
  word-spacing:var(--word-space);
  margin:0;
  font-family:var(--body-font);
  font-size:16px; line-height:var(--lh-body); font-weight:var(--w-body);
  color:var(--ink);
  background:var(--surface);
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%; height:auto; display:block}
a{color:inherit}
h1,h2,h3,h4{
  font-family:var(--display-font);
  font-weight:var(--w-display); letter-spacing:var(--track-display); margin:0;
  text-wrap:balance;
}
h1{font-size:clamp(36px,6.4vw,116px); line-height:var(--lh-hero)}
h2{font-size:clamp(28px,4.6vw,68px);  line-height:var(--lh-display)}
h3{font-size:clamp(19px,2.1vw,26px);  line-height:var(--lh-sub)}
p{margin:0 0 var(--s4); max-width:var(--measure)}
p:last-child{margin-bottom:0}
.measure p{max-width:var(--measure-read)}
.lead{font-size:clamp(16px,1.35vw,21px); line-height:var(--lh-lead); color:var(--ink);
  margin-top:var(--s3)}
.nav__links a,.label,.hero__badge{word-spacing:calc(var(--word-space) * 2.2)}
.muted{color:var(--ink-soft)}
.label{
  font-family:var(--display-font);
  font-size:13px; font-weight:var(--w-label); letter-spacing:var(--track-label);
  text-transform:uppercase; margin:0 0 var(--s3);
}
.soft{color:var(--ink)}
.wrap{width:min(100% - (2 * var(--band-x)), var(--maxw)); margin-inline:auto}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:3px solid var(--accent-2); outline-offset:3px; border-radius:6px;
}
.skip{position:fixed; left:12px; top:-100px; z-index:120; transition:top .2s var(--out)}
.skip:focus-visible{top:12px}
body::before{
  content:""; position:fixed; inset:0; z-index:-3; pointer-events:none;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--deco-3) 42%, var(--surface)) 0%,
      color-mix(in srgb,var(--deco-4) 30%, var(--surface)) 26%,
      var(--surface) 58%,
      color-mix(in srgb,var(--deco-2) 60%, var(--surface)) 100%);
}
body::after{
  content:""; position:fixed; left:50%; top:-10vh; width:150vw; height:120vh;
  z-index:-2; pointer-events:none; opacity:.4;
  translate:-50% 0;
  background:url("rays.svg") center top/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
          mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
  animation:raydrift 26s ease-in-out infinite alternate;
}
@keyframes raydrift{ to{ translate:-50% 0; transform:translateX(3vw) scaleY(1.06) } }
.bubbles{position:fixed; inset:0; z-index:40; pointer-events:none; overflow:hidden; opacity:.62}
.blob{
  position:absolute; z-index:-1; pointer-events:none;
  overflow:clip; border-radius:0;
  -webkit-mask:url("blob-a.svg") center/contain no-repeat;
          mask:url("blob-a.svg") center/contain no-repeat;
  opacity:.72; filter:blur(.5px);
  animation:blobspin 19s linear infinite;
  will-change:transform;
}
.blob:nth-of-type(even){
  -webkit-mask-image:url("blob-b.svg"); mask-image:url("blob-b.svg");
  animation-duration:25s; animation-direction:reverse; opacity:.6;
}
.lore .blob{animation-duration:31s}
@keyframes blobspin{ to{ transform:rotate(360deg) } }
.nav{
  position:fixed; inset-inline:0; top:0; z-index:60;
  display:flex; align-items:center; gap:var(--s3);
  padding:12px var(--band-x);
}
.nav::before{
  content:""; position:absolute; inset:0 0 -22px; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--surface) 92%, var(--paper)) 0%,
    color-mix(in srgb,var(--surface) 78%, var(--paper)) 54%,
    transparent 100%);
  backdrop-filter:blur(8px) saturate(140%);
  -webkit-backdrop-filter:blur(8px) saturate(140%);
}
.nav__brand{
  font-family:var(--display-font); font-weight:var(--w-display); font-size:17px;
  white-space:nowrap;
}
.nav__links{display:flex; gap:2px; margin-left:auto; flex-wrap:wrap; justify-content:flex-end}
.nav__links a{
  font-family:var(--display-font); font-size:12.5px; font-weight:var(--w-display);
  letter-spacing:.02em; text-decoration:none; padding:6px 10px; white-space:nowrap;
  border-radius:var(--r-pill); position:relative;
  transition:color .22s var(--out);
}
.nav__links a::before{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit;
  background:var(--paper); opacity:0;
  box-shadow:0 6px 14px -8px color-mix(in srgb,var(--ink) 40%,transparent);
  transition:opacity .22s var(--out);
}
.nav__links a:hover::before,.nav__links a:focus-visible::before{opacity:1}
.nav__burger{
  display:none; margin-left:auto; font-size:20px; line-height:1;
  background:var(--paper); color:var(--ink); border:0; cursor:pointer;
  width:42px; height:42px; border-radius:var(--r-small); box-shadow:var(--clay);
}
.nav__cta{
  font-family:var(--display-font); font-size:12.5px; font-weight:var(--w-display);
  text-decoration:none; padding:8px 15px; border-radius:var(--r-pill); white-space:nowrap;
  background:var(--paper); box-shadow:var(--clay);
  transition:transform .3s var(--bounce), box-shadow .3s var(--out);
}
.nav__cta:hover{transform:translateY(-2px) rotate(-1.5deg); box-shadow:var(--clay-lift)}
.hero{
  position:sticky; top:0; z-index:0;
  overflow:clip;
  min-height:100svh;
  padding-inline:var(--band-x);
  display:grid; align-items:center;
  padding-block:clamp(86px,11vh,124px) clamp(40px,7vh,72px);
}
.hero__grid{
  width:min(100%,var(--maxw-hero)); margin-inline:auto;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  gap:var(--s6); align-items:center;
}
.hero__inner{position:relative; z-index:2}
.hero__logo{
  width:min(100%,360px); margin:0 0 var(--s3);
  transform:rotate(-2deg);
  filter:drop-shadow(0 14px 22px color-mix(in srgb,var(--ink) 26%,transparent));
  animation:logobob 6.5s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes logobob{ from{transform:rotate(-2deg) translateY(0)} to{transform:rotate(-1deg) translateY(-10px)} }
.hero__actions{display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s4)}
.hero__badge{
  display:inline-flex; align-items:center; flex-wrap:wrap; max-width:100%;
  margin-top:var(--s3);
  font-family:var(--display-font); font-size:12.5px; font-weight:var(--w-label);
  letter-spacing:var(--track-label); text-transform:uppercase;
  padding:5px 17px 5px 5px; border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--deco-3) 70%, var(--paper));
  box-shadow:var(--clay); transform:rotate(1.5deg);
}
.hero__badge__chip{
  display:inline-flex; align-items:center; gap:7px;
  white-space:nowrap;
  padding:6px 13px; border-radius:var(--r-pill);
  background:var(--accent-1); color:#fff; font-weight:var(--w-label);
}
.hero__badge__chip::before{
  content:""; width:7px; height:7px; border-radius:50%; flex:none;
  background:var(--paper); box-shadow:0 0 0 0 rgba(255,255,255,.8);
  animation:livepulse 2.2s ease-out infinite;
}
@keyframes livepulse{ to{ box-shadow:0 0 0 9px transparent } }
.hero__badge__days{
  display:inline-flex; align-items:center; gap:11px; margin-left:11px;
  white-space:nowrap;
  color:var(--ink);
}
.hero__badge__days::before{
  content:""; width:2px; height:13px; border-radius:2px; flex:none;
  background:color-mix(in srgb,var(--ink) 40%, transparent);
}
.hero__badge__days:first-child{margin-left:0; padding-left:12px}
.hero__badge__days:first-child::before{display:none}
@media (max-width:359px){
  .hero__badge{padding:5px 12px 5px 5px}
  .hero__badge__days{margin-left:6px; gap:6px}
  .hero__badge__days::before{height:11px}
}
@media (max-width:339px){
  .hero__badge{font-size:11.5px; letter-spacing:.09em; padding:4px 10px 4px 4px}
  .hero__badge__chip{padding:5px 11px; gap:6px}
  .hero__badge__days{margin-left:5px; gap:5px}
  .hero__badge__days::before{height:10px}
}
@media (max-width:299px){
  .hero__badge{justify-content:center; row-gap:5px; padding:4px 9px}
  .hero__badge__days{margin-left:0; gap:0}
  .hero__badge__days::before{display:none}
}
.hero__aside{position:relative; z-index:1}
.hero__portrait{
  width:clamp(280px,44vw,1150px); max-width:none; margin-inline:auto -8%;
  filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--ink) 30%,transparent));
  animation:floaty 7.5s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes floaty{ from{transform:translateY(0) rotate(0)} to{transform:translateY(-18px) rotate(1.2deg)} }
.hero__panel{background:var(--paper); border-radius:var(--r-lg); padding:var(--s5); box-shadow:var(--clay)}
.hero::after{
  content:""; position:absolute; inset-inline:0; bottom:-1px; height:clamp(70px,11vw,150px);
  z-index:0; pointer-events:none;
  background:linear-gradient(180deg,
      color-mix(in srgb,var(--deco-1) 70%, var(--paper)) 0%,
      color-mix(in srgb,var(--deco-2) 90%, var(--paper)) 100%);
  -webkit-mask:url("wave-smooth.svg") left bottom/auto 100% round no-repeat;
          mask:url("wave-smooth.svg") left bottom/auto 100% round no-repeat;
  opacity:.85;
}
@media (max-height:760px), (max-width:809px){
  .hero{
    position:relative; min-height:auto;
    padding-block:clamp(84px,12vh,110px) var(--s6);
    overflow:visible clip;
  }
}
.page-surface{
  position:relative; z-index:1;
  overflow:clip;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--deco-2) 52%, var(--surface)) 0%,
      var(--surface) 9%,
      color-mix(in srgb,var(--deco-3) 17%, var(--surface)) 24%,
      var(--surface) 38%,
      color-mix(in srgb,var(--deco-1) 20%, var(--surface)) 52%,
      color-mix(in srgb,var(--deco-4) 20%, var(--surface)) 66%,
      var(--surface) 80%,
      color-mix(in srgb,var(--deco-3) 26%, var(--surface)) 100%);
  border-radius:var(--r-lg) var(--r-lg) 0 0;
  box-shadow:0 -30px 70px -34px color-mix(in srgb,var(--ink) 55%,transparent);
  margin-top:-28px;
}
.band{position:relative; padding-block:var(--band-y)}
main{position:relative; z-index:1}
.sec-head{
  display:flex; align-items:center; gap:var(--s4);
  margin-bottom:var(--s6); flex-wrap:wrap;
}
.sec-head h2{position:relative}
.sec-head h2::after{
  content:""; position:absolute; left:0; right:-6%; bottom:-10px; height:10px;
  border-radius:50%;
  background:linear-gradient(90deg,var(--deco-3),var(--deco-1));
  opacity:.9;
}
.sec-rule{flex:1 1 90px; height:5px; border-radius:999px; min-width:60px;
  background:linear-gradient(90deg,var(--deco-3),var(--deco-1) 45%,transparent)}
.card{
  background:var(--paper); border-radius:var(--r-lg); padding:clamp(22px,3.2vw,40px);
  box-shadow:var(--clay); position:relative;
}
.deck{display:grid; gap:var(--s5); align-items:stretch; padding-inline-start:0}
.deck > *{display:flex}
.deck > * > .card{flex:1 1 auto}
.deck--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.btn{
  position:relative; display:inline-flex; align-items:center; gap:8px;
  font-family:var(--display-font); font-size:15px; font-weight:var(--w-display);
  letter-spacing:.02em; text-decoration:none; cursor:pointer;
  padding:14px 26px; border-radius:var(--r-pill); border:0;
  color:var(--ink); background:color-mix(in srgb,var(--deco-1) 78%, var(--paper));
  box-shadow:var(--clay); isolation:isolate;
  transition:transform .32s var(--bounce), box-shadow .32s var(--out);
}
.btn::before{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit;
  background:color-mix(in srgb,var(--deco-3) 85%, var(--paper)); opacity:0;
  transition:opacity .22s var(--out);
}
.btn:hover,.btn:focus-visible{transform:translateY(-3px) rotate(-1.2deg); box-shadow:var(--clay-lift)}
.btn:hover::before,.btn:focus-visible::before{opacity:1}
.btn:active{transform:translateY(-1px) scale(.98); transition-duration:.1s}
.btn--ghost{background:var(--paper)}
.btn--ghost::before{background:color-mix(in srgb,var(--deco-1) 70%, var(--paper))}
.btn--sm{padding:9px 16px; font-size:13px}
.links{list-style:none; margin:0; padding:0; display:grid; gap:var(--s2);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.links a{
  display:block; text-decoration:none; padding:12px 16px;
  border-radius:var(--r-small); background:color-mix(in srgb,var(--deco-2) 55%, var(--paper));
  font-weight:var(--w-display); position:relative;
  transition:transform .3s var(--bounce), box-shadow .3s var(--out), background-color .25s var(--out);
}
.links a:hover,.links a:focus-visible{
  transform:translateX(5px) rotate(-.8deg);
  background:color-mix(in srgb,var(--deco-3) 65%, var(--paper));
  box-shadow:0 10px 20px -12px color-mix(in srgb,var(--ink) 50%,transparent);
}
.facts{list-style:none; margin:var(--s5) 0 0; padding:0; display:grid; gap:var(--s2)}
.facts li{display:flex; gap:var(--s3); align-items:baseline; flex-wrap:wrap}
.facts b{
  font-family:var(--display-font); font-size:12px; font-weight:var(--w-label);
  letter-spacing:var(--track-label); text-transform:uppercase; color:var(--accent-2);
  min-width:9ch;
}
.lore__body{
  background:var(--paper); border-radius:var(--r-lg); padding:clamp(24px,4vw,56px);
  box-shadow:var(--clay); position:relative;
}
.lore__body p{max-width:var(--measure-read)}
.sched{display:grid; gap:var(--s5); grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.sched__when{
  font-family:var(--display-font); font-size:clamp(20px,2.4vw,30px);
  font-weight:var(--w-display); margin-bottom:var(--s4);
}
.days{list-style:none; margin:0 0 var(--s3); padding:0; display:flex; gap:var(--s1); flex-wrap:wrap}
.days li{
  width:46px; height:46px; display:grid; place-items:center;
  font-family:var(--display-font); font-weight:var(--w-display); font-size:14px;
  border-radius:var(--r-small); background:var(--paper); color:var(--ink-soft);
  box-shadow:0 4px 10px -8px color-mix(in srgb,var(--ink) 60%,transparent);
}
.days li[data-on]{
  background:color-mix(in srgb,var(--deco-3) 80%, var(--paper)); color:var(--ink);
  box-shadow:var(--clay); transform:translateY(-3px) rotate(-2deg);
}
.partner{
  background:var(--paper); border-radius:var(--r); padding:var(--s5);
  box-shadow:var(--clay); position:relative; height:100%;
}
.partner__name{font-family:var(--display-font); font-size:19px; font-weight:var(--w-display); margin:0 0 var(--s2)}
.partner__blurb{font-size:14.5px; color:var(--ink-soft); margin:0 0 var(--s3); max-width:none}
.partner__code{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  font-family:var(--display-font); font-size:13px; font-weight:var(--w-label);
  letter-spacing:.1em; text-transform:uppercase;
  padding:8px 14px; border-radius:var(--r-pill); border:0; color:var(--ink);
  background:color-mix(in srgb,var(--deco-1) 70%, var(--paper));
  transition:transform .28s var(--bounce)
}
.partner__code:hover{transform:scale(1.05) rotate(-2deg)}
.refs,.gal{list-style:none; margin:0; padding:0; display:grid; gap:var(--s4)}
.refs{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.gal{grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr))}
.refs figure,.gal figure{margin:0; position:relative}
.refs a,.gal a{display:block; border-radius:var(--r); overflow:hidden; box-shadow:var(--clay)}
.refs img,.gal img{width:100%; aspect-ratio:1; object-fit:cover; transition:transform .5s var(--out)}
.refs img{aspect-ratio:4/3}
.gal li,.refs li{transition:transform .35s var(--bounce)}
.gal li:hover,.refs li:hover{transform:translateY(-6px) rotate(0deg) scale(1.02); z-index:3}
.gal li:hover img,.refs li:hover img{transform:scale(1.07)}
.refs figcaption,.gal figcaption{
  font-size:12.5px; color:var(--ink-soft); margin-top:var(--s1); text-align:center;
}
.gal figcaption{
  position:absolute; inset-inline:6px; bottom:6px; margin:0; text-align:left;
  background:color-mix(in srgb,var(--paper) 92%, transparent); color:var(--ink);
  padding:6px 10px; border-radius:var(--r-small); font-weight:var(--w-display);
  opacity:0; translate:0 6px; transition:opacity .25s var(--out), translate .25s var(--out);
}
.gal li:hover figcaption,.gal li:focus-within figcaption{opacity:1; translate:0 0}
.lb{
  position:fixed; inset:0; z-index:200; display:grid; place-items:center;
  padding:var(--s5); background:color-mix(in srgb,var(--ink) 72%, transparent);
  backdrop-filter:blur(6px);
}
.lb[hidden]{display:none}
.lb img{max-width:min(94vw,1100px); max-height:78vh; border-radius:var(--r); box-shadow:var(--clay-lift)}
.lb__cap{margin-top:var(--s3); color:#fff; font-weight:var(--w-display); text-align:center}
.lb__cap a{color:#fff}
.lb__close{
  position:absolute; top:18px; right:18px; width:46px; height:46px;
  border:0; border-radius:50%; cursor:pointer; font-size:20px;
  background:var(--paper); color:var(--ink); box-shadow:var(--clay);
}
.foot{position:relative; padding:var(--S1) 0 var(--s6); margin-top:var(--S1)}
.foot__grid{display:grid; gap:var(--s5); grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); margin-bottom:var(--s6)}
.foot__bottom{display:flex; gap:var(--s3); justify-content:space-between; flex-wrap:wrap;
  font-size:13.5px; color:var(--ink-soft)}
.totop{
  position:fixed; right:14px; bottom:14px; z-index:70;
  width:clamp(62px,10vw,86px); height:auto; aspect-ratio:493/539;
  border:0; padding:0; cursor:pointer; background:transparent;
  opacity:.82; transition:opacity .3s var(--out), transform .36s var(--bounce);
  animation:floatUpDown 1.9s ease-in-out infinite alternate;
}
.totop picture{display:block; width:100%}
.totop img{
  display:block; width:100%; height:auto;
  filter:
    drop-shadow(0 16px 20px color-mix(in srgb, var(--ink) 38%, transparent))
    drop-shadow(0 4px 4px   color-mix(in srgb, var(--ink) 28%, transparent));
  transition:filter .36s var(--out);
}
.totop__arrow{
  position:absolute; right:-5px; bottom:-3px;
  display:grid; place-items:center;
  width:30px; height:30px; border-radius:var(--r-pill);
  background:var(--accent-1); color:#fff;
  box-shadow:var(--clay);
  transition:transform .36s var(--bounce);
}
.totop:hover,.totop:focus-visible{opacity:1; transform:scale(1.07) rotate(-3deg)}
.totop:hover img,.totop:focus-visible img{
  filter:
    drop-shadow(0 20px 26px color-mix(in srgb, var(--ink) 34%, transparent))
    drop-shadow(0 4px 4px   color-mix(in srgb, var(--ink) 24%, transparent));
}
.totop:hover .totop__arrow,.totop:focus-visible .totop__arrow{transform:translateY(-3px)}
.totop:active{transform:scale(.97)}
@keyframes floatUpDown{ from{translate:0 0} to{translate:0 -9px} }
[data-appear]{opacity:.001; will-change:transform,opacity}
[data-appear="left"]{transform:translateX(-64px)}
[data-appear="right"]{transform:translateX(64px)}
[data-appear="up"]{transform:translateY(72px)}
[data-appear="pop"]{transform:scale(.9)}
.is-in [data-appear],[data-appear].is-in{
  opacity:1; transform:none;
  transition:transform .9s var(--bounce), opacity .55s var(--out);
  transition-delay:var(--d,0ms);
}
.is-in [data-appear],[data-appear].is-in{will-change:auto}
.no-js [data-appear]{opacity:1; transform:none}
@media (max-width:1099px){
  .hero__grid{gap:var(--s5)}
  .hero__portrait{width:min(112%,52vw)}
  .sched{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:809px){
  .hero__grid{grid-template-columns:minmax(0,1fr)}
  .hero__aside{order:-1}
  .hero__portrait{width:min(94%,400px); margin-inline:auto}
  .hero__logo{width:min(86%,320px)}
}
@media (max-width:1365px){
  .nav__burger{display:grid}
  .nav__links{
    position:absolute; inset-inline:var(--band-x); top:64px;
    flex-direction:column; gap:4px; padding:var(--s3);
    background:var(--paper); border-radius:var(--r); box-shadow:var(--clay-lift);
    display:none; z-index:90;
  }
  .nav__links.is-open{display:flex}
  .nav__links a{min-height:48px; width:100%; justify-content:flex-start; padding-inline:14px}
}
@media (max-width:809px){
  .nav__cta{display:none}
  .gal{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}
  .days li{width:40px; height:40px; font-size:13px}
  :where(.deck > *) .card,.lore__body,.rail{transform:none}
  .rail{scale:1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .blob{animation:none; transform:rotate(14deg)}
  .blob:nth-of-type(even){transform:rotate(-20deg)}
  .hero__portrait,.hero__logo,.totop{animation:none}
  .hero__logo{transform:rotate(-2deg)}
  [data-appear]{opacity:1 !important; transform:none !important}
}
.contact-card{
  text-align:center;
  padding:clamp(34px,5vw,64px) var(--s4);
  background:
    radial-gradient(120% 140% at 50% -20%,
      color-mix(in srgb,var(--deco-3) 72%, var(--paper)) 0%,
      color-mix(in srgb,var(--deco-1) 80%, var(--paper)) 60%,
      color-mix(in srgb,var(--deco-1) 92%, var(--paper)) 100%);
  box-shadow:var(--clay), var(--sticker);
}
.contact-card h2{margin-bottom:var(--s3)}
.contact-card__note{margin:0 auto; max-width:52ch; color:var(--ink)}
.contact-card .btn{margin-top:var(--s4); background:var(--paper)}
.band{
  position:relative;
  width:100%; max-width:none; margin-inline:0;
  padding-block:clamp(96px,11.9vw,180px);
  padding-inline:var(--band-x);
  overflow:clip;
}
.band__in{width:min(100%,var(--maxw)); margin-inline:auto; position:relative; z-index:2}
.band__num{
  position:absolute; z-index:1; pointer-events:none; user-select:none;
  font-family:var(--display-font); font-weight:var(--w-display);
  font-size:clamp(150px,21vw,330px); line-height:.72; letter-spacing:.02em;
  color:transparent;
  -webkit-text-stroke:clamp(2px,.42vw,6px) color-mix(in srgb,var(--deco-1) 62%,transparent);
  opacity:.5;
}
.band__num--tr{right:-.06em; top:clamp(10px,2vw,34px)}
.band__num--bl{left:-.05em; bottom:clamp(-10px,1vw,18px)}
.prop{
  position:absolute; z-index:0; pointer-events:none; user-select:none;
  width:var(--pw,64vw); aspect-ratio:1;
  object-fit:contain;
  opacity:calc(var(--po,.3) * .42);
  filter:saturate(.6) blur(2.5px);
  rotate:var(--pr,-6deg);
  will-change:transform;
}
.prop--r{right:calc(-.30 * var(--pw,64vw))}
.band--split .band__in{
  display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(32px,4.6vw,88px); align-items:start;
}
.band--split .sec-head{
  position:sticky; top:clamp(96px,11vh,132px);
  flex-direction:column; align-items:flex-start; gap:var(--s3);
  margin-bottom:0;
}
.band--split .sec-head .sec-rule{flex:0 0 auto; width:min(100%,180px)}
.band--feature .band__in{position:relative; min-height:clamp(360px,34vw,560px)}
.band--feature .sec-head,
.band--feature .band__in > .label,
.band--feature .feature__copy{max-width:min(100%,53%)}
.band--feature.band--right .sec-head,
.band--feature.band--right .band__in > .label,
.band--feature.band--right .feature__copy{margin-inline-start:auto}
.band--feature .sec-head{margin-bottom:var(--s5)}
.art{
  margin:0; position:absolute; z-index:1;
  top:52%; translate:0 -50%;
  width:clamp(280px,42vw,620px);
}
.band--feature.band--right .art{left:0}
.band--feature:not(.band--right) .art{right:0}
.art img{
  width:100%; height:auto; border-radius:var(--r-lg);
  rotate:var(--ar,-4deg);
  box-shadow:var(--clay-lift);
  background:color-mix(in srgb,var(--deco-1) 30%, var(--paper));
}
.art figcaption{
  position:absolute; left:50%; bottom:-14px; translate:-50% 0;
  font-family:var(--display-font); font-size:12.5px; font-weight:var(--w-label);
  letter-spacing:.08em; text-transform:uppercase;
  padding:6px 14px; border-radius:var(--r-pill); white-space:nowrap;
  background:var(--paper); color:var(--ink-soft); box-shadow:var(--clay);
  rotate:var(--ar,-4deg);
}
.nav__links a[aria-current="true"]{color:var(--accent-1)}
.nav__links a[aria-current="true"]::after{
  content:""; position:absolute; left:10px; right:10px; bottom:2px; height:3px;
  border-radius:999px; background:var(--accent-1); opacity:.9;
}
@media (max-width:1099px){
  .band--split .band__in{grid-template-columns:minmax(0,1fr)}
  .band--split .sec-head{position:static; margin-bottom:var(--s5)}
  .band--feature .band__in{min-height:0}
  .band--feature .sec-head,
  .band--feature .band__in > .label,
  .band--feature .feature__copy{max-width:100%; margin-inline-start:0}
  .band--feature.band--right .band__in > .label,
  .band--feature.band--right .feature__copy{margin-inline-start:0}
  .art{position:static; translate:none; width:min(100%,520px);
       margin:0 auto var(--s6); order:-1}
  .art figcaption{position:static; translate:none; display:inline-block;
       margin:14px auto 0; rotate:0deg}
  .band__num{font-size:clamp(96px,30vw,190px); opacity:.34}
  .prop{--pw:120vw; opacity:.17}
}
@media (prefers-reduced-motion:reduce){
  .prop{will-change:auto}
}
figcaption a,.credits a,.foot a{padding-block:5px}
[hidden]{display:none !important}
.nav__links a{
  display:inline-flex; align-items:center; min-height:44px; padding-inline:10px;
}
.nav__cta{min-height:44px}
.btn{min-height:44px; display:inline-flex; align-items:center; justify-content:center}
.btn--sm{min-height:44px}
.skip{min-height:44px}
.partner__code{min-height:44px}
.totop{min-width:44px; min-height:44px}
.links a,.credits a,.foot__grid a,.foot__bottom a{
  display:inline-flex; align-items:center; min-height:44px;
}
.band{padding-block:clamp(72px,11.9vw,180px)}
.band--tight{padding-block:clamp(60px,8.4vw,128px)}
.band--snug{padding-block:clamp(48px,6.4vw,96px)}
.more{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:48px; margin:var(--s5) auto 0; padding:12px 26px;
  font-family:var(--display-font); font-size:14.5px; font-weight:var(--w-label);
  letter-spacing:.06em; text-transform:uppercase;
  border:0; border-radius:var(--r-pill); cursor:pointer; color:var(--ink);
  background:var(--paper); box-shadow:var(--clay);
  transition:transform .3s var(--bounce), box-shadow .3s var(--out);
}
.more::after{content:"+"; font-size:17px; line-height:1; translate:0 -1px}
.more[aria-expanded="true"]::after{content:"−"}
.more:hover,.more:focus-visible{transform:translateY(-3px) rotate(-1.2deg); box-shadow:var(--clay-lift)}
.more-wrap{display:flex; justify-content:center}
.foot__grid,.foot__bottom{
  position:relative; z-index:1;
  width:min(100%,var(--maxw)); margin-inline:auto;
}
.foot__grid{gap:var(--s6) var(--s5); margin-bottom:var(--S1)}
.foot__bottom{
  padding-top:var(--s5);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 10%, transparent);
}
.foot__bottom > :last-child{padding-right:clamp(64px,9vw,96px)}
@media (min-width:1512px){
  :root{--band-x:clamp(64px,4.6vw,110px)}
  .band__in{width:min(100%,1560px)}
  .hero__grid{width:min(100%,1880px); gap:clamp(48px,4vw,96px);
              grid-template-columns:minmax(0,1.14fr) minmax(0,1fr)}
  .lead{max-width:46ch}
}
@media (max-width:809px){
  .nav__cta{display:none}
  .foot__grid{gap:var(--s5)}
  .more{width:100%}
}
@media (min-width:810px){
  .foot__grid{grid-template-columns:1.25fr 1fr 1fr; align-items:start}
  .foot__grid > div:nth-child(2){columns:2; column-gap:var(--s5)}
  .foot__grid > div:nth-child(2) .label{column-span:all}
  .foot__grid > div:nth-child(2) p{break-inside:avoid}
  .foot__grid > div:first-child{position:relative; min-height:200px}
}
@media (prefers-reduced-motion:reduce){
  .foot__grid > div:first-child::after{animation:none}
}
.nav__burger{min-width:44px; min-height:44px}
#creditList a,#partnerList a,.deck a:not(.btn){min-height:44px; display:inline-flex; align-items:center}
.refs figcaption a,.gal figcaption a,figcaption a{padding-block:12px}
.nav__links a,#creditList a,#partnerList a{min-width:44px; justify-content:center}
#creditList a,#partnerList a{justify-content:flex-start; padding-inline:2px}
.foot__grid a{min-width:44px}
@media (max-width:809px){
  .foot__grid > div:nth-child(2),
  .foot__grid > div:nth-child(3){columns:2; column-gap:var(--s4)}
  .foot__grid > div:nth-child(2) .label,
  .foot__grid > div:nth-child(3) .label{column-span:all}
  .foot__grid > div:nth-child(2) p,
  .foot__grid > div:nth-child(3) p{break-inside:avoid}
}
@media (min-width:1366px) and (max-width:1439px){
  .nav__cta{display:none}
  .nav__links{gap:2px}
  .nav__links a{padding-inline:7px; font-size:14.5px}
}
.seam{
  --seam-ink:color-mix(in srgb, var(--accent-3) 58%, var(--deco-3));
  --seam-to:color-mix(in srgb, var(--accent-3) 22%, var(--deco-3));
  position:absolute; inset-inline:0; top:0; z-index:1;
  height:var(--seam-h); margin:0; overflow:hidden;
  pointer-events:none; user-select:none;
  -webkit-mask:linear-gradient(90deg,transparent,#000 var(--seam-fade),#000 calc(100% - var(--seam-fade)),transparent);
          mask:linear-gradient(90deg,transparent,#000 var(--seam-fade),#000 calc(100% - var(--seam-fade)),transparent);
}
.seam--foot{top:auto; bottom:0}
.seam__flow{
  position:absolute; top:0; left:0; height:100%;
  width:calc(100% + var(--seam-w) + 2px);
  opacity:.64;
  background:linear-gradient(100deg,
    var(--seam-ink) 0%, var(--seam-to) 38%, var(--seam-ink) 64%, var(--seam-to) 100%);
  -webkit-mask:url("wave-seam.png") repeat-x left center/var(--seam-w) 100%;
          mask:url("wave-seam.png") repeat-x left center/var(--seam-w) 100%;
  will-change:transform;
  animation:seamDrift 26s linear infinite;
}
@keyframes seamDrift{
  from{transform:translate3d(0,0,0)}
  to  {transform:translate3d(calc(var(--seam-w) * -1),0,0)}
}
.seam--rev .seam__flow{animation-direction:reverse}
.seam--water{
  position:relative; top:auto; z-index:3;
  margin:0 0 calc(var(--seam-h) * -1);
}
@media (prefers-reduced-motion:reduce){
  .seam__flow{animation:none; will-change:auto}
}
.band{padding-block:clamp(62px,7.1vw,112px)}
.band--tight{padding-block:clamp(54px,6.0vw,92px)}
.band--snug{padding-block:clamp(46px,5.0vw,76px)}
.band--feature .band__in{min-height:0}
.band--feature .sec-head{margin-bottom:clamp(20px,2.4vw,34px)}
.sec-head h2::after{content:none}
.sec-rule{
  flex:0 0 auto;
  width:clamp(96px,11vw,172px);
  height:clamp(20px,2vw,30px);
  min-width:0; border-radius:0;
  align-self:center;
  background:linear-gradient(94deg,
    color-mix(in srgb,var(--accent-3) 52%,var(--deco-3)),
    color-mix(in srgb,var(--accent-1) 38%,var(--deco-1)));
  -webkit-mask:url("wave-seam.png") left center/auto 100% repeat-x;
          mask:url("wave-seam.png") left center/auto 100% repeat-x;
  opacity:.85;
  filter:drop-shadow(0 1.5px 0 color-mix(in srgb,#fff 82%,transparent));
}
.band--split .sec-head .sec-rule{width:clamp(96px,10vw,150px)}
.links a,.sched__where a{
  padding:7px 22px; border-radius:var(--r-pill);
  font-size:14.5px; line-height:1.5; text-align:center;
  display:inline-flex; align-items:center; justify-content:center;
  min-height:32px;
}
.links a::after,.sched__where a::after{
  content:""; position:absolute; inset:-6px -2px; border-radius:inherit;
}
.links{gap:var(--s2) var(--s3); grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
.links a:hover,.links a:focus-visible{transform:translateY(-2px) rotate(-.6deg)}
.socials{
  list-style:none; margin:0; padding:0; display:grid;
  gap:var(--s2) var(--s2);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,152px),1fr));
}
.socials a{
  display:flex; align-items:center; gap:10px;
  padding:9px 16px; border-radius:var(--r-pill);
  text-decoration:none; font-weight:var(--w-display); font-size:14.5px;
  background:color-mix(in srgb,var(--deco-2) 48%, var(--paper));
  box-shadow:0 6px 14px -11px color-mix(in srgb,var(--ink) 70%,transparent);
  position:relative; min-height:40px;
  transition:transform .3s var(--bounce), background-color .25s var(--out),
             box-shadow .3s var(--out);
}
.socials a::after{content:""; position:absolute; inset:-3px; border-radius:inherit}
.socials svg{
  width:19px; height:19px; flex:0 0 19px; display:block;
  fill:currentColor; color:var(--accent-1);
  transition:color .25s var(--out), transform .35s var(--bounce);
}
.socials a:hover,.socials a:focus-visible{
  transform:translateY(-3px);
  background:color-mix(in srgb,var(--deco-3) 54%, var(--paper));
  box-shadow:0 14px 24px -16px color-mix(in srgb,var(--ink) 80%,transparent);
}
.socials a:hover svg{color:var(--accent-2); transform:scale(1.14) rotate(-6deg)}
.socials li[data-kind="merch"] a,
.socials li[data-kind="community"] a{background:color-mix(in srgb,var(--deco-4) 42%, var(--paper))}
.refs figcaption{
  margin-top:10px; text-align:center;
  font-family:var(--display-font); font-size:12px; font-weight:var(--w-label);
  letter-spacing:var(--track-label); text-transform:uppercase;
  color:var(--accent-2); background:none; padding:0; border-radius:0;
}
.refs figcaption a{color:inherit}
.sched{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:start}
.sched__live{
  display:inline-flex; align-items:center; gap:12px; margin-bottom:var(--s3);
}
.sched__badge{
  font-family:var(--display-font); font-weight:var(--w-display);
  font-size:13px; letter-spacing:.2em; text-transform:uppercase;
  color:#fff; background:var(--accent-1);
  padding:7px 16px 6px; border-radius:var(--r-pill);
  box-shadow:0 8px 18px -12px var(--accent-1);
}
.sched__badge::before{content:"●"; font-size:9px; margin-right:7px; vertical-align:2px}
.sched__when{
  font-size:clamp(19px,2.1vw,27px); line-height:1.25;
  margin-bottom:var(--s4); color:var(--ink);
}
.days{
  display:grid; grid-template-columns:repeat(7,minmax(0,1fr));
  gap:7px; margin:0 0 var(--s4); max-width:430px;
}
.days li{
  width:auto; height:auto; aspect-ratio:3/4;
  display:grid; place-items:center; gap:2px; padding:8px 2px;
  border-radius:14px; font-size:13px;
  background:color-mix(in srgb,var(--paper) 86%,var(--deco-2));
  color:color-mix(in srgb,var(--ink) 52%,transparent);
  transform:none; box-shadow:none;
}
.days li[data-on]{
  background:linear-gradient(170deg,
    color-mix(in srgb,var(--deco-3) 92%, var(--paper)),
    color-mix(in srgb,var(--deco-4) 70%, var(--paper)));
  color:var(--ink); transform:translateY(-4px);
  box-shadow:0 12px 20px -14px color-mix(in srgb,var(--accent-2) 90%,transparent),
             inset 0 2px 0 color-mix(in srgb,#fff 85%,transparent);
}
.days li[data-on]::after{
  content:""; width:5px; height:5px; border-radius:50%; background:var(--accent-2);
}
.sched__where{list-style:none; margin:0; padding:0; display:flex; gap:var(--s2); flex-wrap:wrap}
.sched__where a{
  background:color-mix(in srgb,var(--deco-4) 46%, var(--paper));
  text-decoration:none; font-weight:var(--w-display); position:relative;
  box-shadow:0 6px 14px -11px color-mix(in srgb,var(--ink) 70%,transparent);
  transition:transform .3s var(--bounce), background-color .25s var(--out);
}
.sched__where a:hover,.sched__where a:focus-visible{
  transform:translateY(-3px); background:color-mix(in srgb,var(--deco-3) 56%, var(--paper));
}
@media (max-width:860px){
  .sched{grid-template-columns:minmax(0,1fr)}
}
.nav__brand{display:flex; align-items:center; text-decoration:none; flex:0 0 auto}
.nav__brand img{
  height:clamp(30px,2.6vw,42px); width:auto; display:block;
  filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--ink) 26%,transparent));
  transition:transform .4s var(--bounce);
}
.nav__brand:hover img{transform:rotate(-2.5deg) scale(1.05)}
@media (max-width:700px){
  .nav__brand img{height:28px}
}
.ghosts{
  position:absolute; inset-inline:0; top:clamp(44px,8.5vh,120px);
  z-index:-1; pointer-events:none; user-select:none; overflow:hidden;
  display:grid; gap:clamp(2px,.7vw,14px);
}
.ghosts__row{display:flex; width:max-content; white-space:nowrap}
.ghosts__row span{
  font-family:var(--display-font); font-weight:var(--w-display);
  font-size:clamp(58px,11.5vw,186px); line-height:.86; letter-spacing:.03em;
  padding-right:.32em;
}
.ghosts__row i{font-style:normal; font-size:.34em; vertical-align:.9em; opacity:.75}
.ghosts__row--a span{
  color:transparent;
  -webkit-text-stroke:clamp(2px,.22vw,3.5px) color-mix(in srgb,var(--accent-1) 42%,transparent);
  opacity:.5;
}
.ghosts__row--b span{
  color:color-mix(in srgb,#fff 86%,transparent);
  -webkit-text-stroke:0;
  opacity:.72;
  filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--deco-4) 60%,transparent));
}
@media (prefers-reduced-motion:no-preference){
  .ghosts__row--a{animation:ghostL 46s linear infinite}
  .ghosts__row--b{animation:ghostR 62s linear infinite}
}
@keyframes ghostL{from{transform:translate3d(0,0,0)}      to{transform:translate3d(-50%,0,0)}}
@keyframes ghostR{from{transform:translate3d(-50%,0,0)}   to{transform:translate3d(0,0,0)}}
.aboutx{
  display:grid; gap:var(--s5);
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  grid-template-areas:"copy social" "pic social";
  align-items:start;
}
.aboutx__copy{grid-area:copy}
.aboutx__social{grid-area:social}
.aboutx__pic{
  grid-area:pic; margin:0; position:relative;
  width:min(100%,370px); margin-top:calc(var(--s5) * -1 - 10px);
  margin-left:clamp(12px,3vw,54px);
  transform:rotate(-2.4deg);
  transition:transform .5s var(--bounce);
}
.aboutx__pic img{
  width:100%; border-radius:var(--r-lg); display:block;
  box-shadow:var(--clay);
  aspect-ratio:1; object-fit:cover;
}
.aboutx__pic figcaption{
  position:absolute; left:14px; bottom:-13px;
  background:var(--paper); color:var(--ink-soft);
  font-family:var(--display-font); font-size:11px; font-weight:var(--w-label);
  letter-spacing:var(--track-label); text-transform:uppercase;
  padding:6px 14px; border-radius:var(--r-pill);
  box-shadow:0 8px 16px -12px color-mix(in srgb,var(--ink) 80%,transparent);
}
.aboutx__pic:hover{transform:rotate(0deg) scale(1.02)}
@media (max-width:900px){
  .aboutx{grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "pic" "social"}
  .aboutx__pic{margin:0 auto; width:min(100%,320px); transform:rotate(-1.6deg)}
}
.crew{
  display:grid; gap:0 clamp(18px,3vw,54px);
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  align-items:center;
}
.crew__pic{margin:0; position:relative; transform:rotate(-3deg)}
.crew__pic img{
  width:100%; display:block; border-radius:var(--r-lg);
  aspect-ratio:4/5; object-fit:cover; box-shadow:var(--clay);
}
.crew__pic figcaption{
  position:absolute; left:50%; translate:-50% 0; bottom:-14px; white-space:nowrap;
  background:var(--paper); color:var(--ink-soft);
  font-family:var(--display-font); font-size:11px; font-weight:var(--w-label);
  letter-spacing:var(--track-label); text-transform:uppercase;
  padding:6px 14px; border-radius:var(--r-pill);
  box-shadow:0 8px 16px -12px color-mix(in srgb,var(--ink) 80%,transparent);
}
.crew__body{
  background:linear-gradient(165deg,
    color-mix(in srgb,var(--deco-2) 92%, var(--paper)),
    color-mix(in srgb,var(--deco-1) 52%, var(--paper)));
  border-radius:var(--r-lg); box-shadow:var(--clay);
  padding:clamp(26px,3.4vw,46px);
  margin-left:clamp(-62px,-4vw,-18px);
  position:relative; z-index:2;
}
.crew__kicker{
  margin:0 0 6px; font-family:var(--display-font); font-size:11.5px;
  font-weight:var(--w-label); letter-spacing:var(--track-label);
  text-transform:uppercase; color:var(--accent-1);
}
.crew__name{font-size:clamp(25px,3.2vw,44px); line-height:1.08; margin:0}
.crew__blurb{margin:var(--s3) 0 var(--s4); max-width:34ch; color:var(--ink-soft)}
.crew__list{list-style:none; margin:0; padding:0; display:grid; gap:9px}
.crew__list li,.crew__list a{
  display:flex; align-items:center; gap:12px;
  padding:9px 18px; border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--paper) 84%,transparent);
  text-decoration:none; color:inherit; min-height:40px;
}
.crew__list a{width:100%; padding:0; background:none; min-height:0}
.crew__list li{position:relative; transition:transform .32s var(--bounce), background-color .25s var(--out)}
.crew__list li:not(.crew__me):hover{
  transform:translateX(6px); background:var(--paper);
}
.crew__dot{font-size:15px; line-height:1}
.crew__list b{font-family:var(--display-font); font-weight:var(--w-display); font-size:15.5px}
.crew__list em{
  margin-left:auto; font-style:normal; font-size:12px; color:var(--ink-soft); opacity:.8;
}
.crew__me{background:color-mix(in srgb,var(--deco-3) 42%, var(--paper))}
@media (max-width:860px){
  .crew{grid-template-columns:minmax(0,1fr); gap:var(--s5)}
  .crew__pic{width:min(100%,320px); margin-inline:auto; transform:rotate(-2deg)}
  .crew__body{margin-left:0}
}
.contact-card{text-align:center}
.contact-card > p{margin-inline:auto}
.contact-card .btn{display:inline-flex}
.sched,.aboutx,.crew{align-items:center}
.aboutx{align-items:start}
.facts{grid-template-columns:max-content minmax(0,1fr); gap:10px var(--s4); align-items:baseline}
.facts li{display:contents}
.facts b{min-width:0; white-space:nowrap}
.facts li > span{min-width:0}
@media (max-width:560px){
  .facts{grid-template-columns:minmax(0,1fr); gap:2px}
  .facts li{display:block; margin-bottom:10px}
}
.socials{align-items:stretch}
.socials li{display:flex}
.socials a{width:100%}
.socials a > span{
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.band--feature#group .sec-head{max-width:100%; margin-inline-start:0}
#group .sec-head{justify-content:flex-start}
.crew__pic img{aspect-ratio:3/4; object-position:50% 22%}
#contact .art img{
  -webkit-mask:linear-gradient(to right,#000 72%,transparent 99%),
               linear-gradient(to bottom,#000 76%,transparent 99%);
  -webkit-mask-composite:source-in;
          mask:linear-gradient(to right,#000 72%,transparent 99%),
               linear-gradient(to bottom,#000 76%,transparent 99%);
          mask-composite:intersect;
}
#contact .art figcaption{display:none}
@media (min-width:810px){
  .foot__grid > div:first-child{min-height:240px; padding-bottom:clamp(96px,9vw,132px)}
  .foot__grid > div:first-child::after{opacity:.42}
}
.aboutx{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
#about .sec-head{margin-bottom:clamp(18px,2vw,30px)}
.aboutx__pic{margin-bottom:var(--s5)}
#about .band__in{grid-template-rows:auto 1fr}
#about .sec-head{grid-column:1; grid-row:1}
#about .aboutx{grid-column:2; grid-row:1 / span 2}
#about .aboutx__pic{
  grid-column:1; grid-row:2; align-self:start;
  width:min(100%,330px); margin:var(--s5) 0 0; margin-left:0;
  position:sticky; top:clamp(300px,34vh,400px);
}
#about .aboutx{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
               grid-template-areas:"copy social"}
#about .aboutx__copy{grid-area:copy}
#about .aboutx__social{grid-area:social}
.aboutx__pic img{aspect-ratio:4/5; object-position:50% 18%}
@media (max-width:900px){
  #about .band__in{grid-template-rows:auto}
  #about .sec-head,#about .aboutx,#about .aboutx__pic{grid-column:1; grid-row:auto}
  #about .aboutx{grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "social"}
  #about .aboutx__pic{position:relative; top:auto; margin:0 auto var(--s5); width:min(100%,300px)}
}
.socials a > span{white-space:normal; overflow:visible; text-overflow:clip; line-height:1.25}
.socials{grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr))}
.crew{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:0}
.crew__pic img{aspect-ratio:4/5; max-height:clamp(330px,42vw,520px)}
.crew__body{margin-left:clamp(-120px,-7vw,-48px)}
@media (max-width:860px){
  .crew__body{margin-left:0}
}
#contact .art img{
  -webkit-mask:linear-gradient(to bottom,#000 70%,transparent 98%);
          mask:linear-gradient(to bottom,#000 70%,transparent 98%);
  -webkit-mask-composite:source-over; mask-composite:add;
}
.deck > li,.deck > div{display:flex}
.deck > li > .card,.deck > div > .card{flex:1 1 auto; display:flex; flex-direction:column}
.partner__blurb{flex:1 1 auto}
.card.partner{position:relative; padding-top:clamp(26px,3vw,38px)}
.partner .btn--ghost{
  background:color-mix(in srgb,var(--deco-2) 46%, var(--paper));
  box-shadow:0 6px 14px -11px color-mix(in srgb,var(--ink) 70%,transparent);
  align-self:flex-start; margin-top:auto;
}
.partner__code{align-self:flex-start}
.partner .partner__code + .btn--ghost{margin-top:var(--s2)}
.card.partner > * + *{margin-top:var(--s2)}
.card.partner .btn--ghost{margin-top:var(--s3)}
.band--wide .deck > *{align-self:stretch}
.band--wide .deck > * > .card{height:100%}
@media (max-width:900px){
  .crew{grid-template-columns:minmax(0,1fr); gap:var(--s5)}
  .crew__pic{width:min(100%,300px); margin-inline:auto; transform:rotate(-2deg)}
  .crew__pic img{max-height:none}
  .crew__body{margin-left:0; margin-top:var(--s3)}
  .crew__name{font-size:clamp(23px,6.4vw,34px)}
  .crew__list em{display:none}
  .crew__list li,.crew__list a{min-height:44px}
}
@media (max-width:560px){
  .days{max-width:none}
}
.ghosts{gap:0; padding-bottom:clamp(22px,3.4vw,54px)}
.ghosts__row span{line-height:1.04; padding-block:.03em}
#contact .art img{
  -webkit-mask:none; mask:none;
  aspect-ratio:1; object-fit:cover; object-position:50% 22%;
  border-radius:var(--r-lg);
  box-shadow:var(--clay);
}
#contact .art{width:min(42vw,440px)}
#contact .art figcaption{
  display:block; position:absolute; left:50%; translate:-50% 0; bottom:-13px;
  white-space:nowrap; background:var(--paper); color:var(--ink-soft);
  font-family:var(--display-font); font-size:11px; font-weight:var(--w-label);
  letter-spacing:var(--track-label); text-transform:uppercase;
  padding:6px 14px; border-radius:var(--r-pill);
  box-shadow:0 8px 16px -12px color-mix(in srgb,var(--ink) 80%,transparent);
}
.links a,.sched__where a,.btn--sm,.btn{padding-inline:clamp(26px,2.4vw,36px)}
.btn--sm{padding-block:9px}
.partner__code{padding-inline:clamp(20px,1.8vw,26px)}
.crew__list li,.crew__list a{padding-inline:clamp(20px,1.8vw,26px)}
.socials a{padding-inline:clamp(16px,1.5vw,22px)}
#creditList .card{
  border-radius:18px;
  padding:clamp(18px,1.9vw,24px) clamp(20px,2.1vw,28px) !important;
}
#creditList .label{display:block; font-size:11px; line-height:1.4}
#creditList p{margin-top:8px !important; font-size:15.5px; line-height:1.35}
#creditList{gap:var(--s4) var(--s4)}
#creditList a{min-height:26px; padding-inline:0; display:inline-flex; align-items:center}
.band__num{
  font-size:clamp(104px,13vw,210px); line-height:.78; opacity:.42;
  -webkit-text-stroke:clamp(2px,.3vw,4px) color-mix(in srgb,var(--deco-1) 58%,transparent);
}
.band__num--tr{right:clamp(8px,1.6vw,30px); top:clamp(14px,2vw,34px)}
.band__num--bl{left:clamp(8px,1.6vw,30px); bottom:clamp(14px,2vw,34px)}
@media (max-width:700px){
  .band__num{font-size:clamp(76px,19vw,130px); opacity:.3}
}
.sched__live{
  display:flex; align-items:center; gap:clamp(12px,1.4vw,20px);
  flex-wrap:wrap; margin:0 0 var(--s4);
}
.sched__live .sched__when{margin:0; font-size:clamp(17px,1.9vw,25px); line-height:1.2}
.sched__mascot{
  margin-top:clamp(18px,2.4vw,38px);
  width:clamp(130px,15vw,215px); aspect-ratio:493/539;
  background:var(--mascot, url("squid.svg")) left bottom/contain no-repeat;
  filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--ink) 26%,transparent));
  rotate:-6deg; transform-origin:bottom left; pointer-events:none;
}
@media (prefers-reduced-motion:no-preference){
  .sched__mascot{animation:floatUpDown 3.8s ease-in-out infinite alternate}
}
@media (max-width:860px){
  .sched__mascot{width:clamp(110px,26vw,160px); margin-inline:auto}
}
.sched__where a{gap:9px}
.sched__where svg{width:17px; height:17px; flex:0 0 17px; fill:currentColor; color:var(--accent-1)}
#about .aboutx__pic{width:min(100%,430px); top:clamp(270px,30vh,350px)}
.aboutx__pic img{aspect-ratio:5/4; object-position:50% 26%}
@media (max-width:900px){
  #about .aboutx__pic{width:min(100%,380px)}
}
.aboutx__social .card{display:flex; flex-direction:column; align-items:center}
.aboutx__social h3{text-align:center; width:100%}
.aboutx__social .socials{width:100%; justify-content:center}
.aboutx__copy .card{display:flex; flex-direction:column}
.aboutx__copy .measure{flex:0 0 auto}
.facts{margin-top:var(--s4)}
.aboutx__copy .card::after{content:""; flex:1 1 auto; min-height:0}
.sched{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.sched__live{flex-wrap:nowrap}
.sched__live .sched__when{font-size:clamp(16px,1.6vw,22px); white-space:nowrap}
@media (max-width:1180px){
  .sched__live{flex-wrap:wrap}
  .sched__live .sched__when{white-space:normal}
}
@media (max-width:980px){
  .sched{grid-template-columns:minmax(0,1fr)}
}
#contact .art{width:min(38vw,400px)}
.aboutx__copy .facts{order:-1; margin-top:0; margin-bottom:var(--s5)}
.aboutx__copy .measure{order:0}
.aboutx__copy .card::after{order:1}
:root{
  --band-y:clamp(80px, 8.3vw, 120px);
  --seam-h:clamp(26px, 2.8vw, 40px);
  --seam-w:calc(var(--seam-h) * 36.78);
  --edge-a:clamp(8px, .9vw, 12px);
  --edge-p:50%;
  --seam-fade:clamp(72px, 10vw, 160px);
}
.band,.band--tight,.band--snug{padding-block:var(--band-y); margin-block:0}
.band--lift{margin-block-start:0}
.band--full{padding-inline:var(--band-x)}
.band--full .band__in{width:min(100%,var(--maxw)); max-width:none; padding-inline:0}
@media (min-width:1512px){
  .band--full .band__in{width:min(100%,1560px)}
}
.sec-head{margin-bottom:var(--s6)}
.band--feature .sec-head{margin-bottom:var(--s6)}
#about .sec-head{margin-bottom:0}
#about .band__in{row-gap:0}
#about .aboutx__pic{margin-top:var(--s6)}
.band--split .sec-head{margin-bottom:0}
@media (max-width:1099px){
  .band--split .sec-head{margin-bottom:var(--s6)}
}
.band--field::before{
  content:""; position:absolute; z-index:0; pointer-events:none;
  inset:calc(var(--seam-h) / 2 - var(--edge-a)) 0 0;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--field,var(--deco-3)) 54%, var(--surface)) 0%,
    color-mix(in srgb,var(--field,var(--deco-3)) 22%, var(--surface)) 62%,
    var(--surface) 100%);
  -webkit-mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000 0,#000 72%,transparent 100%) 0 calc(var(--edge-a) * 2) / 100% calc(100% - var(--edge-a) * 2) no-repeat;
          mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000 0,#000 72%,transparent 100%) 0 calc(var(--edge-a) * 2) / 100% calc(100% - var(--edge-a) * 2) no-repeat;
}
.band--field:has(> .seam--foot)::before{
  inset:calc(var(--seam-h) / 2 - var(--edge-a)) 0 calc(var(--seam-h) / 2 - var(--edge-a));
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--field,var(--deco-3)) 54%, var(--surface)) 0%,
    color-mix(in srgb,var(--field,var(--deco-3)) 26%, var(--surface)) 100%);
  -webkit-mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--edge-a) * 2) / 100% calc(100% - var(--edge-a) * 4) no-repeat,
    url("edge-bottom.svg") 0 100% / var(--edge-p) calc(var(--edge-a) * 2) repeat-x;
          mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--edge-a) * 2) / 100% calc(100% - var(--edge-a) * 4) no-repeat,
    url("edge-bottom.svg") 0 100% / var(--edge-p) calc(var(--edge-a) * 2) repeat-x;
}
.band__num--tr{right:clamp(8px,1.6vw,30px); top:calc(var(--seam-h) + 16px); bottom:auto}
.band__num--bl{left:clamp(8px,1.6vw,30px); bottom:calc(var(--seam-h) + 16px); top:auto}
.rail{
  position:relative; overflow:hidden;
  padding:clamp(14px,1.6vw,22px) 0;
  margin-block:var(--S1);
  background:color-mix(in srgb,var(--deco-1) 34%, var(--paper));
  box-shadow:none; transform:none; scale:1;
}
.rail__track{
  display:flex; width:max-content; animation:railrun 34s linear infinite;
}
.rail{
  -webkit-mask:linear-gradient(90deg,transparent,#000 var(--seam-fade),#000 calc(100% - var(--seam-fade)),transparent);
          mask:linear-gradient(90deg,transparent,#000 var(--seam-fade),#000 calc(100% - var(--seam-fade)),transparent);
}
.rail:hover .rail__track{animation-play-state:paused}
.rail__group{display:flex; align-items:center; gap:var(--s5); padding-right:var(--s5)}
.rail__item{
  font-family:var(--display-font); font-size:clamp(19px,2.1vw,26px); line-height:var(--lh-sub);
  font-weight:var(--w-display); letter-spacing:var(--track-display); white-space:nowrap;
  color:var(--ink);
}
.rail__item--solid{color:var(--accent-1)}
.rail__dot{width:9px; height:9px; border-radius:50%; background:var(--deco-3); flex:none}
@keyframes railrun{ to{ transform:translateX(-50%) } }
@media (prefers-reduced-motion:reduce){
  .rail__track{animation:none}
}
.deck{gap:var(--s5); align-items:stretch}
.deck > *{align-self:stretch; margin-block-start:0; display:flex}
.deck > * > .card{flex:1 1 auto; height:100%}
:where(.deck > *) .card{transform:none}
.deck--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.refs{grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s5)}
.gal{grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s4)}
#creditList{gap:var(--s5)}
.gal li,.refs li{transform:none}
.gal li:hover,.refs li:hover{transform:translateY(-6px)}
@media (max-width:1099px){
  .deck--3,.refs,.gal{grid-template-columns:repeat(3,minmax(0,1fr))}
  .deck--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .refs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px){
  .deck--3,.refs{grid-template-columns:minmax(0,1fr)}
  .gal{grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3)}
}
.art{width:clamp(280px,40vw,560px)}
#contact .art{width:min(38vw,400px)}
.art img,.art figcaption{rotate:var(--ar,-2.5deg)}
.lore__body,.contact-card,:where(.deck > *) .card{transform:none}
.foot{
  position:relative; width:100%; max-width:none; margin-top:0;
  padding:calc(var(--band-y) + var(--seam-h) / 2) var(--band-x) var(--S1);
  overflow:clip;
}
.foot::before{
  content:""; position:absolute; z-index:0; pointer-events:none;
  inset:calc(var(--seam-h) / 2 - var(--edge-a)) 0 0;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--deco-2) 62%, var(--surface)),
    color-mix(in srgb,var(--deco-2) 34%, var(--surface)));
  -webkit-mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--edge-a) * 2) / 100% calc(100% - var(--edge-a) * 2) no-repeat;
          mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--edge-a) * 2) / 100% calc(100% - var(--edge-a) * 2) no-repeat;
}
.foot__brand{display:block; width:min(100%,360px); text-decoration:none}
.foot__brand img{
  width:100%; height:auto; display:block;
  filter:drop-shadow(0 12px 20px color-mix(in srgb,var(--ink) 22%,transparent));
  transition:transform .4s var(--bounce);
}
.foot__brand:hover img,.foot__brand:focus-visible img{transform:rotate(-2deg) scale(1.03)}
.foot__tag{margin:var(--s4) 0 0; max-width:30ch; font-size:15px; color:var(--ink-soft)}
.foot__mascot{
  display:block; width:clamp(120px,12vw,176px); aspect-ratio:900/1148;
  margin-top:var(--s5);
  background:var(--mascot-ref, var(--mascot, url("squid.svg"))) center/contain no-repeat;
  filter:drop-shadow(0 14px 18px color-mix(in srgb,var(--ink) 24%,transparent));
  rotate:-4deg; transform-origin:50% 90%;
  touch-action:none; cursor:grab;
}
.foot__mascot:active{cursor:grabbing}
@media (prefers-reduced-motion:no-preference){
  .foot__mascot{animation:floatUpDown 3.4s ease-in-out infinite alternate}
}
@media (min-width:810px){
  .foot__grid{grid-template-columns:1.4fr 1fr 1fr; gap:var(--s6) var(--s6); align-items:start}
  .foot__grid > div:first-child{min-height:0; padding-bottom:0; display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:var(--s5); align-items:end}
  .foot__brand{grid-column:1; grid-row:1}
  .foot__tag{grid-column:1; grid-row:2}
  .foot__mascot{grid-column:2; grid-row:1 / span 2; margin-top:0; align-self:end}
}
.foot__grid{margin-bottom:var(--S1)}
.foot__bottom{padding-top:var(--s5)}
.band--amai{
  --amai-blush:#FFD5F0; --amai-sky:#CAE9FF; --amai-sakura:#FF93C2;
  --amai-lav:#D0C3FB;   --amai-plum:#4B3F78;
  --amai-eggie:#FFE5F5; --amai-cy:#DDDAFF; --amai-mifu:#DAEAFF;
}
.band.band--amai::before{
  background:
    var(--amai-bg, linear-gradient(transparent,transparent)) center/cover no-repeat,
    linear-gradient(180deg,
      color-mix(in srgb,var(--amai-blush) 70%, var(--surface)) 0%,
      color-mix(in srgb,var(--amai-sky) 40%, var(--surface)) 100%);
}
.band--amai .crew{
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--s6); align-items:end;
}
.band--amai .crew__body{
  margin:0; align-self:center; position:relative; z-index:2;
  background:color-mix(in srgb,#fff 88%, var(--amai-blush));
  color:var(--amai-plum); border-radius:var(--r-lg);
  padding:clamp(26px,3.4vw,46px); box-shadow:var(--clay);
}
.crew__logo{display:block; width:min(100%,340px); height:auto; margin:0 0 var(--s4)}
.band--amai .crew__kicker{color:var(--amai-sakura)}
.band--amai .crew__name{
  font-family:"Mochiy Pop One", var(--display-font); font-weight:400;
  font-size:clamp(24px,2.6vw,36px); line-height:1.15; color:var(--amai-plum);
}
.band--amai .crew__blurb{color:color-mix(in srgb,var(--amai-plum) 82%, transparent); max-width:38ch}
.lineup{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4); align-items:end; position:relative; z-index:2;
}
.lineup__item{display:grid; justify-items:center; gap:var(--s3)}
.lineup__fig{
  margin:0; width:100%; display:grid; place-items:end center;
  cursor:grab; touch-action:none; user-select:none;
}
.lineup__fig:active{cursor:grabbing}
.lineup__fig img{
  width:auto; max-width:100%; height:clamp(220px,26vw,400px); object-fit:contain;
  filter:drop-shadow(0 18px 22px color-mix(in srgb,var(--amai-plum) 26%, transparent));
  transition:transform .55s var(--bounce), filter .4s var(--out);
  transform-origin:50% 100%;
}
.lineup__item:hover .lineup__fig img,.lineup__item:focus-within .lineup__fig img{
  transform:translateY(-10px) rotate(-2deg);
  filter:drop-shadow(0 26px 30px color-mix(in srgb,var(--amai-plum) 30%, transparent));
}
.lineup__tag{
  display:inline-flex; align-items:center; gap:10px; min-height:40px;
  padding:7px 18px; border-radius:var(--r-pill);
  background:#fff; color:var(--amai-plum); text-decoration:none;
  box-shadow:0 0 0 2px var(--amai-lav), 0 10px 20px -12px color-mix(in srgb,var(--amai-plum) 60%, transparent);
  font-family:"Mochiy Pop One", var(--display-font); font-weight:400; font-size:14.5px;
  transition:transform .3s var(--bounce), background-color .25s var(--out);
}
.lineup__tag em{font-style:normal; font-size:12px; opacity:.72; font-family:var(--body-font)}
.lineup__item--me .lineup__tag{background:var(--amai-eggie)}
.lineup__item:nth-child(2) .lineup__tag{background:var(--amai-mifu)}
.lineup__item:nth-child(3) .lineup__tag{background:var(--amai-cy)}
a.lineup__tag:hover,a.lineup__tag:focus-visible{transform:translateY(-3px); background:#fff}
.lineup__credit{
  grid-column:1; justify-self:stretch; max-width:none; margin:var(--s3) 0 0; text-align:center;
  font-size:12.5px; color:color-mix(in srgb,var(--amai-plum) 72%, transparent);
}
@media (max-width:1099px){
  .band--amai .crew{grid-template-columns:minmax(0,1fr); gap:var(--s6)}
  .band--amai .crew__body{max-width:560px}
}
@media (max-width:699px){
  .lineup{gap:var(--s2)}
  .lineup__fig img{height:clamp(170px,42vw,260px)}
  .lineup__tag{padding:6px 12px; font-size:13px; min-height:36px}
  .lineup__tag em{display:none}
}
:root{
  --seam-ink:color-mix(in srgb, var(--accent-3) 58%, var(--deco-3));
  --seam-to:color-mix(in srgb, var(--accent-3) 22%, var(--deco-3));
}
.sec-rule{
  flex:0 0 auto; align-self:center; min-width:0; border-radius:0;
  width:clamp(120px,13vw,200px); height:var(--seam-h);
  background:linear-gradient(100deg, var(--seam-ink) 0%, var(--seam-to) 55%, var(--seam-ink) 100%);
  -webkit-mask:
    url("wave-seam.png") left center / calc(var(--seam-h) * 36.78) 100% repeat-x,
    linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent);
  -webkit-mask-composite:source-in;
          mask:
    url("wave-seam.png") left center / calc(var(--seam-h) * 36.78) 100% repeat-x,
    linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent);
          mask-composite:intersect;
  opacity:.55; filter:none; animation:none;
}
.band--split .sec-head .sec-rule{width:clamp(120px,13vw,180px)}
.sched__mascot{
  background:var(--mascot-ref, var(--mascot, url("squid.svg"))) left bottom/contain no-repeat;
  aspect-ratio:900/1148; width:clamp(130px,14vw,200px);
  touch-action:none; cursor:grab; pointer-events:auto;
}
.sched__mascot:active{cursor:grabbing}
@media (max-width:860px){
  .sched__mascot{width:clamp(110px,26vw,160px)}
}
.sec-head{align-items:baseline}
.sec-rule{align-self:baseline}
.band--split .sec-head{align-items:flex-start}
.sched__live{align-items:center}
.aboutx__pic img{aspect-ratio:5/7; object-position:50% 18%}
@media (max-width:900px){
  #about .aboutx__pic{width:min(100%,340px)}
}
.prop--flip{scale:-1 1}
.sec-head .sec-rule{translate:0 3px}
html.theme-fade, html.theme-fade *, html.theme-fade *::before, html.theme-fade *::after{
  transition:background-color .55s var(--out), color .55s var(--out), fill .55s var(--out),
             box-shadow .55s var(--out), border-color .55s var(--out) !important;
}
::view-transition-old(root),::view-transition-new(root){animation-duration:.6s; animation-timing-function:cubic-bezier(.4,0,.2,1)}
:root[data-theme="dark"] body::after{opacity:.22}
:root[data-theme="dark"] .bubbles{opacity:.38}
:root[data-theme="dark"] .nav::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--surface) 92%, #000) 0%,
    color-mix(in srgb,var(--surface) 70%, #000) 54%, transparent 100%);
}
:root[data-theme="dark"] .ghosts__row--a span{
  -webkit-text-stroke-color:color-mix(in srgb,var(--accent-1) 55%,transparent);
}
:root[data-theme="dark"] .ghosts__row--b span{color:color-mix(in srgb,#fff 28%,transparent); filter:none}
:root[data-theme="dark"] .band__num{-webkit-text-stroke-color:color-mix(in srgb,var(--deco-1) 70%,transparent); opacity:.5}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .partner,:root[data-theme="dark"] .lore__body{
  box-shadow:0 20px 44px -18px rgba(0,0,0,.6), 0 5px 12px -6px rgba(0,0,0,.4),
             inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent);
}
:root[data-theme="dark"] .prop{opacity:calc(var(--po,.3) * .55); filter:saturate(.7) blur(2.5px)}
:root[data-theme="dark"] .contact-card{
  background:radial-gradient(120% 140% at 50% -20%,
    color-mix(in srgb,var(--deco-3) 60%, var(--paper)) 0%,
    color-mix(in srgb,var(--deco-1) 55%, var(--paper)) 60%,
    color-mix(in srgb,var(--deco-1) 70%, var(--paper)) 100%);
}
:root[data-theme="dark"] .band.band--amai::before{filter:brightness(.82) saturate(.92)}
:root[data-theme="dark"] .band--amai .crew__body{background:color-mix(in srgb,#fff 90%, var(--amai-blush))}
:root[data-theme="dark"] img{outline:1px solid rgba(255,255,255,.06); outline-offset:-1px}
:root[data-theme="dark"] .hero__logo,:root[data-theme="dark"] .hero__portrait,
:root[data-theme="dark"] .nav__brand img,:root[data-theme="dark"] .foot__brand img,
:root[data-theme="dark"] .crew__logo,:root[data-theme="dark"] .lineup__fig img,
:root[data-theme="dark"] .prop{outline:none}
.nav__theme{
  display:inline-grid; place-items:center; width:44px; height:44px; flex:none;
  border:0; border-radius:var(--r-pill); cursor:pointer; color:var(--ink);
  background:var(--paper); box-shadow:var(--clay);
  transition:transform .3s var(--bounce), box-shadow .3s var(--out);
}
.nav__theme:hover,.nav__theme:focus-visible{transform:translateY(-2px) rotate(-8deg); box-shadow:var(--clay-lift)}
.nav__theme svg{grid-area:1/1; width:20px; height:20px; transition:opacity .35s var(--out), transform .5s var(--bounce)}
.nav__theme .ic-moon{opacity:0; transform:rotate(-40deg) scale(.6)}
:root[data-theme="dark"] .nav__theme .ic-sun{opacity:0; transform:rotate(40deg) scale(.6)}
:root[data-theme="dark"] .nav__theme .ic-moon{opacity:1; transform:none}
@media (max-width:1365px){
  .nav__theme{margin-left:auto}
  .nav__burger{margin-left:0}
}
[data-drag]{cursor:grab; touch-action:none; user-select:none; -webkit-user-drag:none}
[data-drag].is-free{animation:none !important; cursor:grabbing; z-index:5}
[data-drag].is-free img{pointer-events:none}
.hero__logo[data-drag].is-free{filter:drop-shadow(0 24px 30px color-mix(in srgb,var(--ink) 34%,transparent))}
@view-transition{navigation:auto}
.vids{list-style:none; margin:0; padding:0}
.vid{
  display:flex; flex-direction:column; height:100%; text-decoration:none; color:var(--ink);
  background:var(--paper); border-radius:var(--r); overflow:hidden; box-shadow:var(--clay);
  transition:transform .4s var(--bounce), box-shadow .4s var(--out);
}
.vid:hover,.vid:focus-visible{transform:translateY(-6px); box-shadow:var(--clay-lift)}
.vid__thumb{position:relative; aspect-ratio:16/9; overflow:hidden; background:color-mix(in srgb,var(--deco-4) 40%, var(--paper))}
.vid__thumb img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s var(--out)}
.vid:hover .vid__thumb img{transform:scale(1.05)}
.vid__play{
  position:absolute; left:50%; top:50%; translate:-50% -50%;
  width:54px; height:54px; border-radius:50%; display:grid; place-items:center;
  background:color-mix(in srgb,var(--paper) 88%, transparent); color:var(--accent-1);
  box-shadow:var(--clay); transition:transform .35s var(--bounce);
}
.vid:hover .vid__play{transform:scale(1.1)}
.vid__play svg{width:22px; height:22px; margin-left:3px; fill:currentColor}
.vid__body{padding:var(--s3) var(--s4) var(--s4); display:grid; gap:6px}
.vid__title{
  font-family:var(--display-font); font-weight:var(--w-display); font-size:16px; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  text-wrap:pretty;
}
.vid__meta{font-size:12.5px; color:var(--ink-soft); font-variant-numeric:tabular-nums}
.vids__more{display:flex; justify-content:center; margin-top:var(--s5)}
.band.band--amai::before{
  background:
    var(--amai-bg, linear-gradient(transparent,transparent)) center/cover no-repeat,
    url("amai-bricks.svg") center top / 154px 116px repeat;
}
.lineup{
  --fh:clamp(240px,27vw,430px);
  grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; align-items:end;
  padding:var(--s5) 0 var(--s3);
}
.lineup__item{position:relative; justify-items:center; gap:0}
.lineup__fig img{height:var(--fh)}
.lineup__item--me{order:2; z-index:3}
.lineup__item--me .lineup__fig img{height:calc(var(--fh) * 1.04)}
.lineup__item:not(.lineup__item--me):nth-of-type(2){order:1; z-index:2; translate:10% -5%}
.lineup__item:not(.lineup__item--me):nth-of-type(2) .lineup__fig img{height:calc(var(--fh) * 1.13); rotate:-3deg}
.lineup__item:not(.lineup__item--me):nth-of-type(3){order:3; z-index:1; translate:-10% -2%}
.lineup__item:not(.lineup__item--me):nth-of-type(3) .lineup__fig img{rotate:3deg}
.lineup__tag{position:absolute; z-index:4; white-space:nowrap}
.lineup__item--me .lineup__tag{left:50%; bottom:-8px; translate:-50% 0; rotate:-2deg}
.lineup__item:nth-of-type(2) .lineup__tag{left:-4%; bottom:22%; rotate:-6deg}
.lineup__item:nth-of-type(3) .lineup__tag{right:-4%; bottom:30%; rotate:5deg}
.lineup__credit{margin-top:var(--s4)}
@media (max-width:699px){
  .lineup{--fh:clamp(170px,40vw,250px); padding-top:var(--s4)}
  .lineup__item:not(.lineup__item--me):nth-of-type(2){translate:6% -4%}
  .lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-6% -2%}
  .lineup__item:nth-of-type(2) .lineup__tag{left:0; bottom:14%}
  .lineup__item:nth-of-type(3) .lineup__tag{right:0; bottom:18%}
}
.partner .btn--sm{
  min-height:34px; padding:5px 16px; font-size:13.5px; letter-spacing:.01em;
  border-radius:var(--r-pill);
}
.partner .btn--sm::after{content:""; position:absolute; inset:-6px -4px; border-radius:inherit}
.partner__code{
  min-height:34px; padding:5px 14px; font-size:12.5px; letter-spacing:.12em;
  -webkit-user-select:all; user-select:all; cursor:copy; gap:7px;
}
.partner__code::after{content:"⎘"; font-size:14px; opacity:.6}
.partner__code:focus-visible{outline:3px solid var(--accent-2); outline-offset:3px}
.card.partner .btn--ghost{margin-top:var(--s2)}
.gal a,.refs a{
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--deco-3) 52%, #fff) 0%,
    color-mix(in srgb,var(--deco-4) 30%, #fff) 55%,
    #fff 100%);
}
#schedule .sec-head{row-gap:var(--s3)}
#schedule .sec-head .sched__mascot{
  margin:var(--s4) 0 0; width:clamp(110px,10vw,150px); rotate:-4deg; align-self:flex-start;
}
.sched{gap:var(--s6); grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.sched__live{margin-bottom:var(--s4)}
.days{max-width:580px; gap:10px; margin:0 0 var(--s5)}
.days li{aspect-ratio:3/4; font-size:15px; padding:10px 2px; border-radius:16px; gap:4px}
.days li[data-on]::after{width:6px; height:6px}
.sched__where a{min-height:40px}
@media (max-width:980px){
  .sched{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1099px){
  #schedule .sec-head .sched__mascot{display:none}
}
body::after{display:none}
.nav{padding:10px var(--band-x)}
.nav__cta{min-height:36px; padding:7px 16px; font-size:13px}
.nav__theme{width:38px; height:38px}
.nav__theme svg{width:18px; height:18px}
@media (min-width:1366px){
  .nav__links{gap:4px}
  .nav__links a{min-height:32px; padding:4px 11px; font-size:13px}
  .nav__links a[aria-current="true"]::after{bottom:1px; height:2px}
}
.lineup__fig img{max-width:none}
.lineup__item{min-width:0}
.lineup{overflow:visible}
@media (min-width:1366px) and (max-width:1599px){
  .nav__cta{display:none}
  .nav__links{gap:2px}
  .nav__links a{padding-inline:8px; font-size:12.5px}
}
.lineup__item--me .lineup__fig img{height:var(--fh)}
.lineup__item:not(.lineup__item--me):nth-of-type(2) .lineup__fig img{height:calc(var(--fh) * 1.16)}
.lineup__item:not(.lineup__item--me):nth-of-type(3) .lineup__fig img{height:calc(var(--fh) * 1.1)}
.lineup__item:not(.lineup__item--me):nth-of-type(2){translate:12% -3%}
.card.partner{padding-top:clamp(22px,2.6vw,32px)}
.partner__act{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px;
  margin-top:auto; padding-top:var(--s3);
}
.partner__blurb{margin-bottom:0}
.partner__code,.partner__visit{
  --h:38px;
  position:relative; display:inline-flex; align-items:center; height:var(--h);
  border-radius:var(--r-pill); text-decoration:none; white-space:nowrap;
  font-family:var(--display-font); font-weight:var(--w-display); font-size:13.5px;
  letter-spacing:.02em; color:var(--ink); cursor:pointer;
  transition:transform .3s var(--bounce), box-shadow .3s var(--out), background-color .25s var(--out);
}
.partner__code::after,.partner__visit::after{content:""; position:absolute; inset:-4px 0; border-radius:inherit}
.partner__code{
  min-height:0; padding:0 14px 0 0; gap:0; letter-spacing:.1em; text-transform:uppercase; font-size:12.5px;
  background:var(--paper);
  box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent-1) 28%, transparent), 0 8px 16px -12px color-mix(in srgb,var(--ink) 60%, transparent);
  -webkit-user-select:all; user-select:all;
}
.partner__code::before{
  content:"code"; display:inline-grid; place-items:center; align-self:stretch;
  padding:0 11px; margin-right:11px; border-radius:var(--r-pill) 0 0 var(--r-pill);
  background:var(--accent-1); color:#fff; font-size:10.5px; letter-spacing:.16em;
  -webkit-user-select:none; user-select:none;
}
.partner__code::after{
  content:"⎘"; position:static; inset:auto; margin-left:9px; font-size:14px; opacity:.55;
  -webkit-user-select:none; user-select:none;
}
.partner__code:hover,.partner__code:focus-visible{transform:translateY(-2px); background:color-mix(in srgb,var(--deco-2) 40%, var(--paper))}
.partner__code:active{transform:translateY(0) scale(.98)}
.partner__visit{
  padding:0 16px 0 18px; gap:7px;
  background:color-mix(in srgb,var(--deco-1) 72%, var(--paper));
  box-shadow:0 8px 16px -12px color-mix(in srgb,var(--ink) 70%, transparent);
}
.partner__visit svg{width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s var(--bounce)}
.partner__visit:hover,.partner__visit:focus-visible{transform:translateY(-2px); background:color-mix(in srgb,var(--deco-3) 62%, var(--paper))}
.partner__visit:hover svg{transform:translate(2px,-2px)}
.partner__visit:active{transform:translateY(0) scale(.98)}
.partner__visit::after{content:""; position:absolute; inset:-4px 0; border-radius:inherit}
.partner .btn--ghost,.partner .partner__code + .btn--ghost{display:none}
.band.band--amai::before{background:url("amai-bricks.svg") center top / 154px 116px repeat}
.wall{list-style:none; margin:0; padding:0; position:absolute; inset:0; z-index:1; pointer-events:none}
.wall__st{
  position:absolute; width:var(--w,96px); pointer-events:auto; rotate:var(--r,0deg);
  filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--amai-plum) 22%, transparent));
}
.wall__st img{width:100%; height:auto; display:block}
.wall__st[data-i="0"]{--w:clamp(72px,7vw,110px); --r:-14deg; left:44%; top:2%}
.wall__st[data-i="1"]{--w:clamp(90px,8.5vw,132px); --r:6deg; right:2%; top:4%}
.wall__st[data-i="2"]{--w:clamp(60px,5.5vw,84px); --r:-8deg; right:24%; top:3%}
.wall__st[data-i="3"]{--w:clamp(44px,4vw,60px); --r:22deg; left:46%; bottom:14%}
.wall__st[data-i="4"]{--w:clamp(70px,6.5vw,100px); --r:-6deg; left:2%; bottom:8%}
.wall__st[data-i="5"]{--w:clamp(50px,4.6vw,70px); --r:-18deg; right:5%; bottom:30%}
.wall__st[data-i="6"]{--w:clamp(50px,4.6vw,70px); --r:10deg; left:20%; bottom:4%}
.wall__st[data-i="7"]{--w:clamp(34px,3.2vw,48px); --r:8deg; right:40%; bottom:6%}
.lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-26% -2%}
.lineup__item:not(.lineup__item--me):nth-of-type(2){translate:14% 0}
.lineup__item:not(.lineup__item--me):nth-of-type(2) .lineup__fig img{height:var(--fh)}
.lineup__item:not(.lineup__item--me):nth-of-type(3) .lineup__fig img{height:calc(var(--fh) * 1.06)}
.lineup__item:nth-of-type(3) .lineup__tag{right:12%}
@media (max-width:699px){
  .wall__st{--w:48px}
  .wall__st[data-i="3"],.wall__st[data-i="5"],.wall__st[data-i="7"]{display:none}
  .lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-14% -2%}
}
#schedule{overflow:visible; z-index:4}
.sched__play{position:relative; width:100%; display:grid; justify-items:center; margin-top:var(--s4)}
#schedule .sec-head .sched__mascot{
  margin:0; width:clamp(170px,17vw,250px); rotate:-3deg; align-self:auto;
  pointer-events:auto; cursor:grab;
}
.doodle{
  position:absolute; display:grid; justify-items:center; gap:2px; width:92px;
  color:var(--accent-1); pointer-events:none; user-select:none;
}
.doodle svg{width:92px; height:54px}
.doodle i{font-family:var(--display-font); font-style:normal; font-size:14px; letter-spacing:.04em; rotate:-6deg; white-space:nowrap}
.doodle--sched{right:-8px; top:-10px}
.doodle--hero{left:-6%; top:12%}
@media (max-width:1099px){
  .doodle--hero{display:none}
}
@media (max-width:1099px){
  #schedule .sec-head .sched__play{display:none}
}
@media (pointer:coarse){
  .doodle i::after{content:""}
}
.emotes{list-style:none; margin:0; padding:0; position:absolute; inset:0; z-index:1; pointer-events:none}
.emote{
  position:absolute; width:var(--w,84px); pointer-events:auto; rotate:var(--r,0deg);
  filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--ink) 24%, transparent));
  transition:transform .3s var(--bounce);
}
.emote img{width:100%; height:auto; display:block; border-radius:18px}
.emote[data-i="0"]{--w:clamp(64px,6.2vw,92px); --r:-8deg; right:1%; top:-6%}
.emote[data-i="1"]{--w:clamp(60px,5.8vw,86px); --r:7deg; right:23%; top:-2%}
.emote[data-i="2"]{--w:clamp(58px,5.4vw,80px); --r:-5deg; right:0; top:46%}
.emote[data-i="3"]{--w:clamp(60px,5.8vw,86px); --r:9deg; right:24%; bottom:2%}
.emote[data-i="4"]{--w:clamp(56px,5.2vw,78px); --r:-11deg; left:30%; bottom:-2%}
.emote[data-i="5"]{--w:clamp(56px,5.2vw,78px); --r:6deg; right:4%; bottom:-6%}
@media (max-width:980px){
  .emote[data-i="1"],.emote[data-i="3"],.emote[data-i="4"]{display:none}
  .emote{--w:56px}
}
.lb > div{
  padding:10px; border-radius:calc(var(--r) + 10px);
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--deco-3) 52%, #fff) 0%,
    color-mix(in srgb,var(--deco-4) 30%, #fff) 55%, #fff 100%);
  box-shadow:var(--clay-lift);
}
.lb img{box-shadow:none; max-height:74vh}
.lb__cap{color:var(--ink)}
.lb__cap a{color:var(--ink)}
.rail{
  -webkit-mask:none; mask:none;
  transform:rotate(-1.2deg) scaleX(1.04); box-shadow:var(--clay);
  padding:clamp(14px,1.5vw,20px) 0; margin-block:calc(var(--S1) + 6px);
  background:color-mix(in srgb,var(--deco-1) 40%, var(--paper));
}
@media (max-width:809px){
  .rail{transform:none}
}
.ghosts__row span{word-spacing:.45em; letter-spacing:.04em; padding-right:.45em}
.ghosts__row--a span{
  color:transparent; opacity:.55;
  -webkit-text-stroke:clamp(2px,.22vw,3.5px) color-mix(in srgb,var(--accent-1) 42%,transparent);
}
.ghosts__row--b span{color:color-mix(in srgb,#fff 86%,transparent); opacity:.72; -webkit-text-stroke:0;
  filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--deco-4) 60%,transparent))}
.ghosts__row i{display:none}
h1{
  font-family:"Mochiy Pop One", var(--display-font); font-weight:400;
  font-size:clamp(32px,5.4vw,92px); line-height:1.02; letter-spacing:.005em;
  text-shadow:3px 3px 0 color-mix(in srgb,var(--deco-1) 75%, var(--paper));
}
.hero__stage{position:relative; transform-style:preserve-3d; will-change:transform}
.hero__portrait{cursor:grab}
.hero__portrait.is-free{animation:none}
.goodies{list-style:none; margin:0; padding:0; position:absolute; inset:0; z-index:3; pointer-events:none}
.goodie{
  position:absolute; width:var(--w,72px); pointer-events:auto; rotate:var(--r,0deg);
  filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--ink) 22%, transparent));
}
.goodie img{width:100%; height:auto; display:block}
@media (prefers-reduced-motion:no-preference){
  .goodie{animation:floatUpDown 3.6s ease-in-out infinite alternate; animation-delay:calc(var(--i) * -.7s)}
}
.goodie[data-i="0"]{--w:clamp(44px,4.6vw,72px); --r:-12deg; left:46%; top:17%}
.goodie[data-i="1"]{--w:clamp(58px,6vw,92px); --r:8deg; right:5%; top:16%}
.goodie[data-i="2"]{--w:clamp(40px,4vw,60px); --r:-6deg; left:40%; bottom:20%}
.goodie[data-i="3"]{--w:clamp(56px,5.6vw,86px); --r:-7deg; right:3%; bottom:12%}
.goodie[data-i="4"]{--w:clamp(36px,3.6vw,56px); --r:10deg; left:48%; top:52%}
.goodie[data-i="5"]{--w:clamp(38px,3.8vw,56px); --r:-14deg; right:28%; bottom:26%}
@media (max-width:1099px){
  .goodie[data-i="0"],.goodie[data-i="2"],.goodie[data-i="4"]{display:none}
}
@media (max-width:809px){
  .goodies{display:none}
}
.totop{aspect-ratio:900/1148; width:clamp(58px,8vw,78px)}
.totop__arrow{right:-4px; bottom:2px}
:root[data-theme="dark"] body::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--deco-3) 30%, var(--surface)) 0%,
    color-mix(in srgb,var(--deco-4) 28%, var(--surface)) 26%,
    var(--surface) 58%,
    color-mix(in srgb,var(--deco-1) 34%, var(--surface)) 100%);
}
:root[data-theme="dark"] .page-surface{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--deco-2) 60%, var(--surface)) 0%, var(--surface) 9%,
    color-mix(in srgb,var(--deco-3) 22%, var(--surface)) 24%, var(--surface) 38%,
    color-mix(in srgb,var(--deco-1) 26%, var(--surface)) 52%,
    color-mix(in srgb,var(--deco-4) 26%, var(--surface)) 66%, var(--surface) 80%,
    color-mix(in srgb,var(--deco-3) 30%, var(--surface)) 100%);
}
:root[data-theme="dark"] .band--field::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--field,var(--deco-3)) 62%, var(--surface)) 0%,
    color-mix(in srgb,var(--field,var(--deco-3)) 30%, var(--surface)) 62%, var(--surface) 100%);
}
:root[data-theme="dark"] h1{text-shadow:3px 3px 0 color-mix(in srgb,var(--accent-1) 45%, transparent)}
:root[data-theme="dark"] .btn{background:color-mix(in srgb,var(--accent-1) 55%, var(--paper)); color:#fff}
:root[data-theme="dark"] .btn--ghost{background:var(--paper); color:var(--ink)}
:root[data-theme="dark"] .btn::before{background:color-mix(in srgb,var(--accent-2) 55%, var(--paper))}
:root[data-theme="dark"] .partner__visit{background:color-mix(in srgb,var(--accent-1) 42%, var(--paper))}
:root[data-theme="dark"] .partner__visit:hover{background:color-mix(in srgb,var(--accent-2) 46%, var(--paper))}
:root[data-theme="dark"] .seam{--seam-ink:color-mix(in srgb,var(--accent-2) 70%, #fff); --seam-to:color-mix(in srgb,var(--accent-3) 60%, transparent)}
:root[data-theme="dark"] .seam__flow{opacity:.5}
:root[data-theme="dark"] .sec-rule{opacity:.7}
:root[data-theme="dark"] .days li{background:color-mix(in srgb,var(--paper) 80%, #fff); color:var(--ink-soft)}
:root[data-theme="dark"] .days li[data-on]{
  background:linear-gradient(170deg, color-mix(in srgb,var(--accent-2) 60%, var(--paper)), color-mix(in srgb,var(--accent-3) 45%, var(--paper)));
  color:#fff; box-shadow:0 0 22px color-mix(in srgb,var(--accent-2) 30%, transparent), 0 12px 20px -14px #000;
}
:root[data-theme="dark"] .gal a,:root[data-theme="dark"] .refs a,:root[data-theme="dark"] .lb > div{
  background:linear-gradient(160deg, color-mix(in srgb,var(--deco-3) 70%, var(--paper)) 0%,
    color-mix(in srgb,var(--deco-4) 60%, var(--paper)) 55%, var(--paper) 100%);
}
:root[data-theme="dark"] .vid__thumb{background:var(--surface-2)}
:root[data-theme="dark"] .nav__theme,:root[data-theme="dark"] .nav__cta,:root[data-theme="dark"] .more,
:root[data-theme="dark"] .totop__arrow{box-shadow:0 10px 24px -12px #000, 0 0 0 1px color-mix(in srgb,#fff 8%, transparent)}
:root[data-theme="dark"] .doodle{color:var(--accent-2)}
:root[data-theme="dark"] .ghosts__row--b span{color:color-mix(in srgb,#fff 14%,transparent); filter:none}
:root[data-theme="dark"] .band.band--amai{
  --amai-plum:#f1e9ff; --amai-blush:#5a2a56; --amai-sky:#223a66;
  --amai-eggie:#6a2d60; --amai-cy:#3f3570; --amai-mifu:#25406f;
}
:root[data-theme="dark"] .band.band--amai::before{
  filter:none;
  background:
    radial-gradient(120% 90% at 50% 40%, transparent 40%, rgba(5,2,18,.78) 100%),
    linear-gradient(180deg, rgba(10,6,28,.55), rgba(10,6,28,.25) 40%, rgba(10,6,28,.72)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>") repeat,
    var(--amai-room, linear-gradient(#1a1030,#1a1030)) center/cover no-repeat;
  background-blend-mode:normal, multiply, overlay, normal;
}
:root[data-theme="dark"] .band--amai .crew__body{
  background:color-mix(in srgb,#1b1238 86%, var(--amai-blush)); color:var(--amai-plum);
  box-shadow:0 30px 60px -24px #000, 0 0 0 1px color-mix(in srgb,#fff 8%, transparent);
}
:root[data-theme="dark"] .band--amai .crew__blurb{color:color-mix(in srgb,var(--amai-plum) 78%, transparent)}
:root[data-theme="dark"] .lineup__tag{background:#241a4a; color:var(--amai-plum); box-shadow:0 0 0 2px #4b3f78, 0 10px 20px -12px #000}
:root[data-theme="dark"] .lineup__item--me .lineup__tag{background:var(--amai-eggie)}
:root[data-theme="dark"] .lineup__item:nth-child(2) .lineup__tag{background:var(--amai-mifu)}
:root[data-theme="dark"] .lineup__item:nth-child(3) .lineup__tag{background:var(--amai-cy)}
:root[data-theme="dark"] .lineup__fig img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.6)) saturate(.92)}
:root[data-theme="dark"] .wall__st{filter:drop-shadow(0 10px 14px rgba(0,0,0,.6)) saturate(.85) brightness(.92)}
:root[data-theme="dark"] .lineup__credit{color:color-mix(in srgb,var(--amai-plum) 70%, transparent)}
.amai__room-credit{display:none}
:root[data-theme="dark"] .amai__room-credit{display:block; margin-top:2px}
.emote[data-i="0"]{right:-1%; top:-9%}
.emote[data-i="1"]{right:27%; top:-10%}
.emote[data-i="2"]{right:-2%; top:44%}
.emote[data-i="3"]{right:28%; bottom:-6%}
.partner__code,.partner__visit{
  --h:40px; height:var(--h);
  font-family:var(--display-font); font-weight:var(--w-display); font-size:13.5px; letter-spacing:.02em;
  background:var(--paper); color:var(--ink); box-shadow:var(--clay);
  transition:transform .3s var(--bounce), box-shadow .3s var(--out), background-color .25s var(--out);
}
.partner__visit{padding:0 clamp(22px,2vw,28px) 0 clamp(24px,2.1vw,30px); gap:9px}
.partner__visit:hover,.partner__visit:focus-visible{transform:translateY(-2px) rotate(-1.5deg); box-shadow:var(--clay-lift); background:var(--paper)}
.partner__code{padding:0 18px 0 0; letter-spacing:.12em}
.partner__code::before{padding:0 12px; margin-right:12px; font-size:10.5px}
.partner__code::after{
  content:""; position:static; width:15px; height:15px; margin-left:11px; opacity:.75;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='8' y='8' width='13' height='13' rx='2.5'/><path d='M4.5 16A2 2 0 0 1 3 14V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 1.5'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='8' y='8' width='13' height='13' rx='2.5'/><path d='M4.5 16A2 2 0 0 1 3 14V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 1.5'/></svg>") center/contain no-repeat;
}
.partner__code:hover,.partner__code:focus-visible{transform:translateY(-2px) rotate(-1.5deg); box-shadow:var(--clay-lift); background:var(--paper)}
.partner__code:hover::after{opacity:1}
.partner__act{gap:12px 14px}
.wall__st{animation:none}
.wall__st[data-i="0"]{--w:clamp(150px,19vw,290px); --r:4deg; right:-1%; top:-3%; left:auto; bottom:auto}
.wall__st[data-i="1"]{--w:clamp(150px,18vw,270px); --r:-5deg; right:0; bottom:-2%; left:auto; top:auto}
.wall__st[data-i="2"]{--w:clamp(60px,6vw,92px); --r:-10deg; left:44%; top:3%; right:auto; bottom:auto}
.wall__st[data-i="3"]{--w:clamp(54px,5.4vw,82px); --r:12deg; left:50%; bottom:10%; right:auto; top:auto}
.wall__st[data-i="4"]{--w:clamp(40px,4vw,62px); --r:-18deg; left:4%; bottom:6%; right:auto; top:auto}
.wall__st[data-i="5"]{display:none}
@media (prefers-reduced-motion:no-preference){
  .wall__st[data-i="0"] img{animation:neon 3.6s ease-in-out infinite}
  .wall__st[data-i="1"]{animation:floatUpDown 4.2s ease-in-out infinite alternate}
  .wall__st[data-i="2"],.wall__st[data-i="3"],.wall__st[data-i="4"]{animation:floatUpDown 3.4s ease-in-out infinite alternate}
  .wall__st[data-i="3"]{animation-delay:-1.2s}
  .wall__st[data-i="4"]{animation-delay:-2.1s}
}
@keyframes neon{
  0%,100%{filter:drop-shadow(0 0 6px rgba(120,190,255,.9)) drop-shadow(0 0 18px rgba(120,190,255,.55))}
  48%{filter:drop-shadow(0 0 4px rgba(120,190,255,.7)) drop-shadow(0 0 12px rgba(120,190,255,.35))}
  52%{filter:drop-shadow(0 0 9px rgba(120,190,255,1)) drop-shadow(0 0 26px rgba(120,190,255,.7))}
}
@media (max-width:699px){
  .wall__st[data-i="0"]{--w:110px; top:-2%}
  .wall__st[data-i="1"]{--w:110px}
  .wall__st[data-i="2"],.wall__st[data-i="3"],.wall__st[data-i="4"]{display:none}
}
.lineup{grid-template-columns:repeat(3,minmax(0,1fr)); padding-top:var(--s6)}
.lineup__item--me{order:2; z-index:3; translate:0 6%}
.lineup__item:not(.lineup__item--me):nth-of-type(2){order:1; z-index:2; translate:26% -14%}
.lineup__item:not(.lineup__item--me):nth-of-type(2) .lineup__fig img{rotate:-7deg; height:calc(var(--fh) * .96)}
.lineup__item:not(.lineup__item--me):nth-of-type(3){order:3; z-index:1; translate:-34% -14%}
.lineup__item:not(.lineup__item--me):nth-of-type(3) .lineup__fig img{rotate:7deg; height:calc(var(--fh) * 1.02)}
.lineup__item--me .lineup__tag{left:50%; bottom:-6px; translate:-50% 0; rotate:-2deg}
.lineup__item:nth-of-type(2) .lineup__tag{left:-6%; bottom:36%; rotate:-8deg}
.lineup__item:nth-of-type(3) .lineup__tag{right:2%; bottom:40%; rotate:7deg}
@media (max-width:699px){
  .lineup__item:not(.lineup__item--me):nth-of-type(2){translate:18% -10%}
  .lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-22% -10%}
}
.emote{transition:none}
.emote[data-i="0"]{--w:clamp(64px,6.4vw,96px); --r:-8deg; right:0; top:-8%; left:auto; bottom:auto}
.emote[data-i="1"]{--w:clamp(58px,5.8vw,86px); --r:7deg; right:26%; top:-10%; left:auto; bottom:auto}
.emote[data-i="2"]{--w:clamp(56px,5.4vw,82px); --r:-5deg; right:-2%; top:38%; left:auto; bottom:auto}
.emote[data-i="3"]{--w:clamp(58px,5.8vw,86px); --r:9deg; right:27%; bottom:-6%; left:auto; top:auto}
.emote[data-i="4"]{--w:clamp(54px,5.2vw,78px); --r:-11deg; left:28%; bottom:-4%; right:auto; top:auto}
.emote[data-i="5"]{--w:clamp(54px,5.2vw,78px); --r:6deg; right:2%; bottom:-8%; left:auto; top:auto}
.emote[data-i="6"]{--w:clamp(52px,5vw,76px); --r:-6deg; left:42%; top:-6%; right:auto; bottom:auto}
.emote[data-i="7"]{--w:clamp(50px,4.8vw,72px); --r:10deg; right:13%; top:14%; left:auto; bottom:auto}
.emote[data-i="8"]{--w:clamp(50px,4.8vw,72px); --r:-9deg; left:46%; bottom:14%; right:auto; top:auto}
.emote[data-i="9"]{--w:clamp(48px,4.6vw,70px); --r:8deg; right:12%; bottom:30%; left:auto; top:auto}
@media (max-width:980px){
  .emote[data-i="6"],.emote[data-i="7"],.emote[data-i="8"],.emote[data-i="9"]{display:none}
}
.goodies{display:none}
.hero__stage{cursor:grab; touch-action:none}
.hero__stage:active{cursor:grabbing}
.hero__stage::before{content:""; position:absolute; inset:-6% -10%; border-radius:50%}
.hero__portrait{cursor:inherit}
.doodle--hero{
  left:-9%; top:50%; width:170px; gap:4px; justify-items:start;
}
.doodle--hero svg{width:170px; height:74px}
.doodle--hero i{font-family:"Mochiy Pop One", var(--display-font); font-size:clamp(18px,1.7vw,24px); letter-spacing:.02em; rotate:-8deg; margin-left:6px}
@media (max-width:1250px){
  .doodle--hero{left:-4%; width:140px}
  .doodle--hero svg{width:140px}
}
.emote[data-i="2"]{right:30%; top:26%; left:auto; bottom:auto}
.emote[data-i="7"]{left:56%; top:3%; right:auto; bottom:auto}
.emote[data-i="9"]{left:62%; bottom:-9%; right:auto; top:auto}
.wall{z-index:4}
.wall__st[data-i="0"]{--w:clamp(140px,17vw,260px); top:-7%; right:-1%}
.partner__visit{--h:42px; padding:0 30px 0 32px; font-size:14px}
.partner__code{--h:42px}
[data-drag].is-free{animation:none; animation-play-state:paused !important}
.wall__st,.wall__st[data-i="1"],.wall__st[data-i="2"],.wall__st[data-i="3"],.wall__st[data-i="4"]{animation:none !important}
@media (prefers-reduced-motion:no-preference){
  .wall__st[data-i="1"] img,.wall__st[data-i="2"] img,.wall__st[data-i="3"] img,.wall__st[data-i="4"] img{animation:floatUpDown 3.6s ease-in-out infinite alternate}
  .wall__st[data-i="3"] img{animation-delay:-1.2s}
  .wall__st[data-i="4"] img{animation-delay:-2.1s}
  .sched__mascot,.foot__mascot{animation:floatY 3.6s ease-in-out infinite alternate}
}
@keyframes floatY{ from{transform:translateY(0)} to{transform:translateY(-9px)} }
.emote[data-i="6"]{left:41%; top:-8%; right:auto; bottom:auto}
.emote[data-i="7"]{left:53%; top:4%; right:auto; bottom:auto}
.emote[data-i="2"]{left:63%; top:-9%; right:auto; bottom:auto}
.emote[data-i="1"]{right:26%; top:-11%; left:auto; bottom:auto}
#partnerList a.partner__visit{padding-inline:32px 30px; justify-content:center}
.emote[data-i="2"]{left:57%}
.emote[data-i="1"]{right:19%}
.band__num--tl{left:clamp(8px,1.6vw,30px); top:calc(var(--seam-h) + 16px); right:auto; bottom:auto}
#group .sec-head{padding-top:clamp(70px,8.6vw,136px)}
.wall__st[data-i="0"]{--w:clamp(190px,23vw,340px); --r:5deg; right:-3%; top:calc(-1 * clamp(90px,8vw,124px)); left:auto; bottom:auto}
.wall__st[data-i="1"]{--w:clamp(46px,4.6vw,70px); --r:-12deg; left:42%; top:9%; right:auto; bottom:auto; display:block}
.wall__st[data-i="2"]{--w:clamp(34px,3.4vw,52px); --r:14deg; left:56%; top:14%; right:auto; bottom:auto; display:block}
.wall__st[data-i="3"]{--w:clamp(40px,4vw,60px); --r:-6deg; left:70%; top:16%; right:auto; bottom:auto; display:block}
.wall__st[data-i="4"]{--w:clamp(44px,4.4vw,66px); --r:10deg; left:1%; bottom:1%; right:auto; top:auto; display:block}
.wall__st[data-i="5"]{--w:clamp(30px,3vw,46px); --r:-20deg; left:14%; bottom:-3%; right:auto; top:auto; display:block}
.wall__st[data-i="6"]{--w:clamp(42px,4.2vw,64px); --r:8deg; left:49%; bottom:12%; right:auto; top:auto; display:block}
.wall__st[data-i="7"]{--w:clamp(32px,3.2vw,48px); --r:-14deg; right:7%; bottom:-6%; left:auto; top:auto; display:block}
.wall__st[data-i="8"]{--w:clamp(36px,3.6vw,54px); --r:18deg; right:0; top:44%; left:auto; bottom:auto; display:block}
.wall__st[data-i="9"]{--w:clamp(28px,2.8vw,42px); --r:-8deg; left:45%; top:50%; right:auto; bottom:auto; display:block}
.wall__st[data-i="10"]{--w:clamp(54px,5.4vw,82px); --r:-10deg; left:30%; top:-2%; right:auto; bottom:auto; display:block}
@media (prefers-reduced-motion:no-preference){
  .wall__st:not([data-i="0"]) img{animation:floatUpDown 3.4s ease-in-out infinite alternate}
  .wall__st[data-i="2"] img,.wall__st[data-i="5"] img,.wall__st[data-i="8"] img{animation-delay:-1.1s}
  .wall__st[data-i="3"] img,.wall__st[data-i="6"] img,.wall__st[data-i="9"] img{animation-delay:-2.2s}
}
@media (max-width:699px){
  .wall__st[data-i="0"]{--w:140px; top:-70px}
  .wall__st[data-i="2"],.wall__st[data-i="3"],.wall__st[data-i="5"],.wall__st[data-i="7"],.wall__st[data-i="8"],.wall__st[data-i="9"]{display:none}
  #group .sec-head{padding-top:60px}
}
@keyframes jiggle{
  0%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-7px) rotate(2deg)} 100%{transform:translateY(0) rotate(-2deg)}
}
@media (prefers-reduced-motion:no-preference){
  .emote img{animation:jiggle 2.6s ease-in-out infinite; animation-delay:calc(var(--i, 0) * -.45s)}
}
.emote img{transition:transform .3s var(--bounce)}
.emote:hover img{animation-play-state:paused}
.emote[data-i="0"]{left:36%; top:-9%; right:auto; bottom:auto}
.emote[data-i="1"]{left:51%; top:-10%; right:auto; bottom:auto}
.emote[data-i="2"]{left:66%; top:-8%; right:auto; bottom:auto}
.emote[data-i="3"]{left:38%; bottom:-6%; right:auto; top:auto}
.emote[data-i="4"]{left:56%; bottom:-8%; right:auto; top:auto}
.emote[data-i="5"]{right:1%; bottom:-10%; left:auto; top:auto}
.emote[data-i="6"]{left:47%; bottom:12%; right:auto; top:auto}
.emote[data-i="7"]{right:14%; bottom:-6%; left:auto; top:auto}
.emote[data-i="8"],.emote[data-i="9"]{display:none}
@media (max-width:980px){
  .emote[data-i="6"],.emote[data-i="7"]{display:none}
}
.emotes--amai .emote[data-i="0"]{--w:clamp(60px,6vw,88px); --r:-7deg; left:47%; top:-6%; right:auto; bottom:auto; display:block}
.emotes--amai .emote[data-i="1"]{--w:clamp(56px,5.6vw,82px); --r:6deg; left:60%; top:-7%; right:auto; bottom:auto; display:block}
.emotes--amai .emote[data-i="2"]{--w:clamp(56px,5.6vw,82px); --r:-5deg; left:73%; top:-5%; right:auto; bottom:auto; display:block}
.emotes--amai .emote[data-i="3"]{--w:clamp(58px,5.8vw,86px); --r:8deg; left:2%; bottom:-6%; right:auto; top:auto; display:block}
.emotes--amai .emote[data-i="4"]{--w:clamp(54px,5.4vw,80px); --r:-9deg; left:42%; bottom:-7%; right:auto; top:auto; display:block}
.emotes--amai .emote[data-i="5"]{--w:clamp(54px,5.4vw,78px); --r:5deg; left:44%; top:44%; right:auto; bottom:auto; display:block}
.emotes--amai .emote[data-i="6"]{--w:clamp(58px,5.8vw,86px); --r:-6deg; right:1%; bottom:-7%; left:auto; top:auto; display:block}
.emotes--amai .emote[data-i="7"]{--w:clamp(54px,5.4vw,80px); --r:9deg; right:14%; bottom:1%; left:auto; top:auto; display:block}
.emotes--amai .emote[data-i="8"]{--w:clamp(50px,5vw,74px); --r:-8deg; right:2%; top:40%; left:auto; bottom:auto; display:block}
@media (max-width:980px){
  .emotes--amai .emote[data-i="5"],.emotes--amai .emote[data-i="8"],.emotes--amai .emote[data-i="2"]{display:none}
}
.emotes--amai{z-index:4}
.doodle--hero{left:-19%; top:49%}
@media (max-width:1250px){
  .doodle--hero{left:-12%}
}
.lineup__tag{z-index:6}
.wall__st[data-i="5"]{left:36%; bottom:2%}
.emotes--amai .emote[data-i="8"]{right:1%; top:30%}
.emote[data-i="5"]{bottom:-14%}
.emote[data-i="7"]{bottom:-15%}
.emotes--amai .emote[data-i="3"]{left:31%; bottom:-10%}
.wall__st[data-i="5"]{left:44%; bottom:-2%}
.lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-42% -14%}
.lineup__item:not(.lineup__item--me):nth-of-type(3) .lineup__fig img{rotate:12deg}
.lineup__item:nth-of-type(3) .lineup__tag{right:8%}
#group{overflow:visible; z-index:6}
.wall__st[data-i="0"]{
  --w:clamp(300px,34vw,520px); --r:0deg;
  right:calc(-1 * var(--band-x)); top:calc(-1 * var(--band-y) - 70px); left:auto; bottom:auto;
  z-index:7; filter:none;
}
.wall__st[data-i="0"]::before{
  content:""; position:absolute; inset:-14% -18%; z-index:-1; pointer-events:none; border-radius:50%;
  background:radial-gradient(closest-side, rgba(120,200,255,.55), rgba(120,200,255,.18) 55%, transparent 75%);
  filter:blur(22px);
}
.wall__st[data-i="0"] img{
  filter:drop-shadow(0 0 6px rgba(140,210,255,.95)) drop-shadow(0 0 18px rgba(120,190,255,.7)) drop-shadow(0 0 42px rgba(90,160,255,.45));
}
@media (prefers-reduced-motion:no-preference){
  .wall__st[data-i="0"] img{animation:neonPulse 3.2s ease-in-out infinite, neonFlicker 9s linear infinite}
  .wall__st[data-i="0"]::before{animation:haloPulse 3.2s ease-in-out infinite}
}
@keyframes neonPulse{
  0%,100%{filter:drop-shadow(0 0 6px rgba(140,210,255,.95)) drop-shadow(0 0 18px rgba(120,190,255,.7)) drop-shadow(0 0 42px rgba(90,160,255,.45))}
  50%{filter:drop-shadow(0 0 4px rgba(140,210,255,.8)) drop-shadow(0 0 12px rgba(120,190,255,.5)) drop-shadow(0 0 28px rgba(90,160,255,.3))}
}
@keyframes neonFlicker{
  0%,61.4%{opacity:1} 61.8%{opacity:.45} 62.2%{opacity:1} 62.8%{opacity:.6} 63.2%{opacity:1}
  84%{opacity:1} 84.2%{opacity:.3} 84.5%{opacity:1} 85%{opacity:.75} 85.4%{opacity:1} 100%{opacity:1}
}
@keyframes haloPulse{ 0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.6; transform:scale(.94)} }
:root[data-theme="dark"] .wall__st[data-i="0"]::before{
  background:radial-gradient(closest-side, rgba(120,200,255,.75), rgba(120,200,255,.28) 55%, transparent 75%);
}
.wall__st[data-i="1"]{--w:clamp(150px,17vw,250px); --r:-6deg; right:1%; bottom:-6%; left:auto; top:auto; display:block}
@media (prefers-reduced-motion:no-preference){
  .wall__st[data-i="1"] img{animation:floatUpDown 4.2s ease-in-out infinite alternate}
}
.wall__st[data-i="2"]{--w:clamp(44px,4.4vw,66px); --r:-10deg; left:53%; top:9%; right:auto; bottom:auto; display:block}
.wall__st[data-i="3"]{--w:clamp(40px,4vw,60px); --r:12deg; left:67%; top:10%; right:auto; bottom:auto; display:block}
.wall__st[data-i="4"]{--w:clamp(42px,4.2vw,64px); --r:-6deg; left:44%; top:60%; right:auto; bottom:auto; display:block}
.wall__st[data-i="5"]{--w:clamp(46px,4.6vw,68px); --r:14deg; right:1%; top:52%; left:auto; bottom:auto; display:block}
.wall__st[data-i="6"]{--w:clamp(44px,4.4vw,66px); --r:-16deg; left:31%; bottom:-4%; right:auto; top:auto; display:block}
.wall__st[data-i="7"],.wall__st[data-i="8"],.wall__st[data-i="9"],.wall__st[data-i="10"]{display:none}
.emotes--amai .emote[data-i="0"]{left:46%; top:-7%}
.emotes--amai .emote[data-i="1"]{left:60%; top:-8%}
.emotes--amai .emote[data-i="2"]{left:74%; top:-6%}
.emotes--amai .emote[data-i="3"]{left:3%; bottom:-8%}
.emotes--amai .emote[data-i="4"]{left:43%; bottom:-7%}
.emotes--amai .emote[data-i="5"]{left:44%; top:40%}
.emotes--amai .emote[data-i="6"]{left:58%; bottom:-9%; right:auto}
.emotes--amai .emote[data-i="7"]{right:19%; bottom:-7%}
.emotes--amai .emote[data-i="8"]{right:1%; top:30%}
@media (max-width:699px){
  .wall__st[data-i="0"]{--w:62vw; top:calc(-1 * var(--band-y) - 30px)}
  .wall__st[data-i="1"]{--w:120px}
  .wall__st[data-i="3"],.wall__st[data-i="4"],.wall__st[data-i="5"]{display:none}
}
body::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--deco-3) 62%, var(--surface)) 0%,
    color-mix(in srgb,var(--deco-4) 46%, var(--surface)) 26%,
    var(--surface) 58%,
    color-mix(in srgb,var(--deco-2) 80%, var(--surface)) 100%);
}
.page-surface{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--deco-2) 70%, var(--surface)) 0%, var(--surface) 9%,
    color-mix(in srgb,var(--deco-3) 30%, var(--surface)) 24%, var(--surface) 38%,
    color-mix(in srgb,var(--deco-1) 36%, var(--surface)) 52%,
    color-mix(in srgb,var(--deco-4) 36%, var(--surface)) 66%, var(--surface) 80%,
    color-mix(in srgb,var(--deco-3) 42%, var(--surface)) 100%);
}
.band--field::before,.band--field:has(> .seam--foot)::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--field,var(--deco-3)) 74%, var(--surface)) 0%,
    color-mix(in srgb,var(--field,var(--deco-3)) 38%, var(--surface)) 62%,
    color-mix(in srgb,var(--field,var(--deco-3)) 14%, var(--surface)) 100%);
}
.band.band--amai::before{background:url("amai-bricks.svg") center top / 154px 116px repeat}
.seam{--seam-ink:color-mix(in srgb, var(--accent-3) 70%, var(--accent-2)); --seam-to:color-mix(in srgb, var(--accent-2) 55%, var(--deco-3))}
.seam__flow{opacity:.82}
.sec-rule{opacity:.8}
.blob{opacity:.92}
.btn{background:color-mix(in srgb,var(--deco-1) 94%, #fff)}
.btn::before{background:color-mix(in srgb,var(--deco-3) 96%, #fff)}
.rail{background:color-mix(in srgb,var(--deco-1) 56%, var(--paper))}
.days li[data-on]{background:linear-gradient(170deg, var(--deco-3), color-mix(in srgb,var(--deco-4) 88%,#fff))}
.hero__badge__chip{background:linear-gradient(135deg, var(--accent-1), color-mix(in srgb,var(--accent-1) 70%, var(--deco-1)))}
.gal a,.refs a{background:linear-gradient(160deg, color-mix(in srgb,var(--deco-3) 70%, #fff) 0%, color-mix(in srgb,var(--deco-4) 46%, #fff) 55%, #fff 100%)}
.crew__body{background:linear-gradient(165deg, var(--deco-2), color-mix(in srgb,var(--deco-1) 70%,#fff))}
.band--amai .crew__body{background:color-mix(in srgb,#fff 80%, var(--amai-blush))}
.foot::before{background:linear-gradient(180deg, color-mix(in srgb,var(--deco-2) 86%, var(--surface)), color-mix(in srgb,var(--deco-1) 44%, var(--surface)))}
.contact-card{
  background:radial-gradient(120% 140% at 50% -20%, color-mix(in srgb,var(--deco-3) 86%, #fff) 0%, color-mix(in srgb,var(--deco-1) 92%, #fff) 60%, var(--deco-1) 100%);
}
.partner__code::before{background:var(--accent-1)}
.label,.crew__kicker,.hero__badge__days::before{color:var(--accent-1)}
:root[data-theme="dark"] .band--field::before,:root[data-theme="dark"] .band--field:has(> .seam--foot)::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--field,var(--deco-3)) 80%, var(--surface)) 0%,
    color-mix(in srgb,var(--field,var(--deco-3)) 44%, var(--surface)) 62%,
    color-mix(in srgb,var(--field,var(--deco-3)) 16%, var(--surface)) 100%);
}
:root[data-theme="dark"] body::before{
  background:linear-gradient(180deg, color-mix(in srgb,var(--deco-3) 48%, var(--surface)) 0%,
    color-mix(in srgb,var(--deco-4) 42%, var(--surface)) 26%, var(--surface) 58%, color-mix(in srgb,var(--deco-1) 48%, var(--surface)) 100%);
}
:root[data-theme="dark"] .page-surface{
  background:linear-gradient(180deg, color-mix(in srgb,var(--deco-2) 80%, var(--surface)) 0%, var(--surface) 9%,
    color-mix(in srgb,var(--deco-3) 34%, var(--surface)) 24%, var(--surface) 38%,
    color-mix(in srgb,var(--deco-1) 40%, var(--surface)) 52%, color-mix(in srgb,var(--deco-4) 40%, var(--surface)) 66%,
    var(--surface) 80%, color-mix(in srgb,var(--deco-3) 44%, var(--surface)) 100%);
}
:root[data-theme="dark"] .seam{--seam-ink:color-mix(in srgb,var(--accent-2) 85%, #fff); --seam-to:var(--accent-3)}
:root[data-theme="dark"] .seam__flow{opacity:.62}
:root[data-theme="dark"] .btn{background:color-mix(in srgb,var(--accent-1) 72%, var(--paper)); color:#fff; box-shadow:var(--clay), 0 0 24px color-mix(in srgb,var(--accent-1) 35%, transparent)}
:root[data-theme="dark"] .btn::before{background:color-mix(in srgb,var(--accent-2) 70%, var(--paper))}
:root[data-theme="dark"] .partner__visit{background:color-mix(in srgb,var(--accent-1) 58%, var(--paper))}
:root[data-theme="dark"] .days li[data-on]{
  background:linear-gradient(170deg, var(--accent-2), color-mix(in srgb,var(--accent-3) 70%, var(--paper)));
  color:#0a1a2e; box-shadow:0 0 26px color-mix(in srgb,var(--accent-2) 45%, transparent), 0 12px 20px -14px #000;
}
:root[data-theme="dark"] .days li[data-on]::after{background:#0a1a2e}
:root[data-theme="dark"] .hero__badge__chip{box-shadow:0 0 22px color-mix(in srgb,var(--accent-1) 55%, transparent)}
:root[data-theme="dark"] .hero__badge{background:color-mix(in srgb,var(--accent-2) 22%, var(--paper))}
:root[data-theme="dark"] .rail{background:color-mix(in srgb,var(--deco-1) 70%, var(--paper))}
:root[data-theme="dark"] .rail__item--solid{color:var(--accent-2)}
:root[data-theme="dark"] .blob{opacity:.9; filter:blur(.5px) saturate(1.3)}
:root[data-theme="dark"] .gal a,:root[data-theme="dark"] .refs a,:root[data-theme="dark"] .lb > div{
  background:linear-gradient(160deg, color-mix(in srgb,var(--deco-3) 85%, var(--paper)) 0%, color-mix(in srgb,var(--deco-4) 80%, var(--paper)) 55%, var(--paper) 100%);
}
:root[data-theme="dark"] .nav__links a[aria-current="true"]{color:var(--accent-2)}
:root[data-theme="dark"] .nav__links a[aria-current="true"]::after{background:var(--accent-2)}
:root[data-theme="dark"] .vid:hover{box-shadow:var(--clay-lift), 0 0 30px color-mix(in srgb,var(--accent-2) 25%, transparent)}
:root[data-theme="dark"] .contact-card{
  background:radial-gradient(120% 140% at 50% -20%, color-mix(in srgb,var(--deco-3) 80%, var(--paper)) 0%, color-mix(in srgb,var(--deco-1) 75%, var(--paper)) 60%, color-mix(in srgb,var(--deco-1) 90%, var(--paper)) 100%);
}
:root[data-theme="dark"] .foot::before{background:linear-gradient(180deg, color-mix(in srgb,var(--deco-2) 90%, var(--surface)), color-mix(in srgb,var(--deco-1) 55%, var(--surface)))}
:root[data-theme="dark"] .socials a{background:color-mix(in srgb,var(--deco-2) 70%, var(--paper))}
:root[data-theme="dark"] .socials li[data-kind="merch"] a,:root[data-theme="dark"] .socials li[data-kind="community"] a{background:color-mix(in srgb,var(--deco-4) 55%, var(--paper))}
:root[data-theme="dark"] .socials svg{color:var(--accent-1)}
.wall__st[data-i="0"]::before{display:none}
.emotes--amai .emote[data-i="0"]{left:38%}
.emotes--amai .emote[data-i="1"]{left:50%}
.emotes--amai .emote[data-i="2"]{left:62%}
.emotes--amai .emote[data-i="8"]{top:38%}
.wall__st[data-i="3"]{left:64%}
.emotes--amai .emote[data-i="3"]{left:29%; bottom:-9%}
.wall__st[data-i="6"]{left:38%; bottom:-5%}
.emotes--amai .emote[data-i="4"]{left:46%}
.emotes--amai .emote[data-i="8"]{top:33%; right:0}
@media (max-width:699px){
  .wall__st[data-i="0"]{--w:52vw; top:calc(-1 * var(--band-y) - 24px); right:-4%}
  #group .sec-head{padding-top:104px}
  .wall__st[data-i="1"]{--w:96px; bottom:-4%; right:2%}
  .wall__st[data-i="2"]{left:8%; top:4%}
  .emotes--amai .emote[data-i="1"],.emotes--amai .emote[data-i="2"],.emotes--amai .emote[data-i="7"],.emotes--amai .emote[data-i="8"]{display:none}
  .emotes--amai .emote[data-i="0"]{left:4%; top:-4%}
  .emotes--amai .emote[data-i="3"]{left:2%; bottom:-6%}
  .emotes--amai .emote[data-i="4"]{left:26%; bottom:-7%}
  .emotes--amai .emote[data-i="6"]{left:50%; bottom:-6%; right:auto}
  
}
.wall__st[data-i="2"],.wall__st[data-i="3"],.wall__st[data-i="4"],.wall__st[data-i="5"],.wall__st[data-i="6"]{display:none !important}
.emotes--amai .emote{--w:clamp(60px,6vw,88px)}
.emotes--amai .emote[data-i="0"]{left:40%; top:-6%; right:auto; bottom:auto; --r:-7deg}
.emotes--amai .emote[data-i="1"]{left:52%; top:-8%; right:auto; bottom:auto; --r:6deg}
.emotes--amai .emote[data-i="2"]{left:64%; top:-6%; right:auto; bottom:auto; --r:-5deg}
.emotes--amai .emote[data-i="3"]{left:30%; bottom:-8%; right:auto; top:auto; --r:8deg}
.emotes--amai .emote[data-i="4"]{left:50%; bottom:-9%; right:auto; top:auto; --r:-8deg}
.emotes--amai .emote[data-i="5"]{left:70%; bottom:-8%; right:auto; top:auto; --r:6deg}
.emotes--amai .emote[data-i="6"],.emotes--amai .emote[data-i="7"],.emotes--amai .emote[data-i="8"]{display:none !important}
@media (max-width:699px){
  .emotes--amai .emote[data-i="0"]{left:4%; top:-4%}
  .emotes--amai .emote[data-i="1"]{left:30%; top:-5%; display:block !important}
  .emotes--amai .emote[data-i="2"]{display:none !important}
  .emotes--amai .emote[data-i="3"]{left:2%; bottom:-6%}
  .emotes--amai .emote[data-i="4"]{left:30%; bottom:-7%}
  .emotes--amai .emote[data-i="5"]{left:56%; bottom:-6%}
}
.lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-56% -14%}
.lineup__item:not(.lineup__item--me):nth-of-type(3) .lineup__fig img{rotate:7deg}
.lineup__item:nth-of-type(3) .lineup__tag{right:16%}
.wall__st[data-i="0"]{--w:clamp(250px,27vw,420px); right:calc(-1 * var(--band-x) - 2.5%); top:calc(-1 * var(--band-y) - 48px)}
@media (max-width:699px){
  .wall__st[data-i="0"]{--w:48vw; right:-6%}
}
.lineup__item:nth-of-type(3) .lineup__tag{right:-6%; bottom:50%; rotate:6deg}
@media (max-width:699px){
  .lineup__item:nth-of-type(3) .lineup__tag{right:-2%; bottom:54%}
}
:root[data-theme="dark"] .band.band--amai.band--field::before,
:root[data-theme="dark"] .band.band--amai.band--field:has(> .seam--foot)::before{
  filter:none;
  background:
    radial-gradient(120% 90% at 50% 40%, transparent 40%, rgba(5,2,18,.78) 100%),
    linear-gradient(180deg, rgba(10,6,28,.55), rgba(10,6,28,.25) 40%, rgba(10,6,28,.72)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>") repeat,
    var(--amai-room, linear-gradient(#1a1030,#1a1030)) center/cover no-repeat;
  background-blend-mode:normal, multiply, overlay, normal;
}
.sec-rule{
  opacity:.55;
  -webkit-mask:
    url("wave-seam.png") left center / calc(var(--seam-h) * 36.78) 100% repeat-x,
    linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent),
    linear-gradient(180deg, transparent 0, #000 12%, #000 90%, transparent 100%);
  -webkit-mask-composite:source-in, source-in;
          mask:
    url("wave-seam.png") left center / calc(var(--seam-h) * 36.78) 100% repeat-x,
    linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent),
    linear-gradient(180deg, transparent 0, #000 12%, #000 90%, transparent 100%);
          mask-composite:intersect;
}
:root[data-theme="dark"] .sec-rule{opacity:.7}
.lineup__item:nth-of-type(3) .lineup__tag{right:-7%; bottom:31%; rotate:7deg}
@media (max-width:699px){
  .lineup__item:nth-of-type(3) .lineup__tag{right:-3%; bottom:33%}
}
.emotes--amai .emote[data-i="0"]{left:31%}
.emotes--amai .emote[data-i="1"]{left:49.5%}
.emotes--amai .emote[data-i="2"]{left:68%}
.emote[data-i="3"]{left:37%; bottom:-7%}
.emote[data-i="6"]{left:50%; bottom:11%}
.emote[data-i="4"]{left:63%; bottom:-8%}
.lineup__tag,a.lineup__tag{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:40px; min-height:0; padding:0 18px; line-height:1; white-space:nowrap;
  box-sizing:border-box; text-decoration:none;
}
.lineup__tag em{line-height:1; display:inline}
@media (max-width:699px){
  .lineup__tag,a.lineup__tag{height:36px; padding:0 12px; font-size:13px}
}
.doodle--hero{justify-items:center; width:170px}
.doodle--hero i{margin-left:0; rotate:-6deg}
@media (max-width:480px){
  .hero__badge{flex-wrap:wrap; row-gap:4px; padding:6px 14px 6px 6px}
  .hero__badge__days{white-space:normal; line-height:1.3}
}
@media (max-width:480px){
  .hero__badge__days{margin-left:0; padding-left:8px}
  .hero__badge__days::before{display:none}
}
.socials a,.socials li[data-kind="merch"] a,.socials li[data-kind="community"] a{background:color-mix(in srgb,var(--deco-2) 64%, var(--paper))}
.socials a:hover,.socials a:focus-visible{background:color-mix(in srgb,var(--deco-1) 78%, var(--paper))}
:root[data-theme="dark"] .socials a,:root[data-theme="dark"] .socials li[data-kind="merch"] a,:root[data-theme="dark"] .socials li[data-kind="community"] a{background:color-mix(in srgb,var(--deco-1) 55%, var(--paper))}
:root[data-theme="dark"] .socials a:hover,:root[data-theme="dark"] .socials a:focus-visible{background:color-mix(in srgb,var(--accent-1) 45%, var(--paper))}
.emote[data-i="1"]{top:-3%}
.emote[data-i="5"]{right:-4%}
.emotes--amai .emote[data-i="0"],.emotes--amai .emote[data-i="1"],.emotes--amai .emote[data-i="2"]{top:9%}
@media (max-width:699px){
  .emotes--amai .emote[data-i="0"],.emotes--amai .emote[data-i="1"]{top:12%}
}
.gal figcaption a,.refs figcaption a{padding-block:0; display:inline; color:inherit}
.seam{
  --seam-ink:color-mix(in srgb, var(--deco-3) 72%, var(--accent-2));
  --seam-to:color-mix(in srgb, var(--deco-3) 55%, #fff);
}
.seam__flow{opacity:.66}
:root[data-theme="dark"] .seam{--seam-ink:color-mix(in srgb, var(--accent-2) 70%, #fff); --seam-to:color-mix(in srgb, var(--deco-3) 80%, #fff)}
:root[data-theme="dark"] .seam__flow{opacity:.5}
.gal figcaption a,.refs figcaption a,.aboutx__pic figcaption a,.art figcaption a,.lb__cap a{
  text-decoration:none; font:inherit; color:inherit; padding:0; display:inline;
}
.gal figcaption a:hover,.lb__cap a:hover{text-decoration:underline; text-underline-offset:2px}
.emotes--amai .emote[data-i="0"]{left:40%}
.emotes--amai .emote[data-i="1"]{left:54%}
.emotes--amai .emote[data-i="2"]{left:68%}
.band--field::before{
  -webkit-mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000 0,#000 72%,transparent 100%) 0 calc(var(--edge-a) * 2 - 3px) / 100% calc(100% - var(--edge-a) * 2 + 3px) no-repeat;
          mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000 0,#000 72%,transparent 100%) 0 calc(var(--edge-a) * 2 - 3px) / 100% calc(100% - var(--edge-a) * 2 + 3px) no-repeat;
}
.band--field:has(> .seam--foot)::before{
  -webkit-mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--edge-a) * 2 - 3px) / 100% calc(100% - var(--edge-a) * 4 + 6px) no-repeat,
    url("edge-bottom.svg") 0 100% / var(--edge-p) calc(var(--edge-a) * 2) repeat-x;
          mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--edge-a) * 2 - 3px) / 100% calc(100% - var(--edge-a) * 4 + 6px) no-repeat,
    url("edge-bottom.svg") 0 100% / var(--edge-p) calc(var(--edge-a) * 2) repeat-x;
}
.foot::before{
  -webkit-mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--edge-a) * 2 - 3px) / 100% calc(100% - var(--edge-a) * 2 + 3px) no-repeat;
          mask:
    url("edge-top.svg") 0 0 / var(--edge-p) calc(var(--edge-a) * 2) repeat-x,
    linear-gradient(#000,#000) 0 calc(var(--edge-a) * 2 - 3px) / 100% calc(100% - var(--edge-a) * 2 + 3px) no-repeat;
}
.emotes--amai .emote[data-i="0"],.emotes--amai .emote[data-i="1"],.emotes--amai .emote[data-i="2"]{top:5.5%}
.emotes--amai .emote[data-i="0"]{left:39%}
.emotes--amai .emote[data-i="1"]{left:52%}
.emotes--amai .emote[data-i="2"]{left:65%}
.seam__flow{background:var(--seam-ink)}
.hero .blob{display:none}
.hero__sea{
  position:absolute; inset:-12% -8% -6%; z-index:-1; pointer-events:none;

  opacity:.42;
  -webkit-mask:
    linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 30%, #000 56%, #000 100%),
    linear-gradient(180deg, #000 0%, #000 78%, transparent 100%);
  -webkit-mask-composite:source-in;
          mask:
    linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 30%, #000 56%, #000 100%),
    linear-gradient(180deg, #000 0%, #000 78%, transparent 100%);
          mask-composite:intersect;
  will-change:transform;
}
@media (prefers-reduced-motion:no-preference){
  .hero__sea{animation:seadrift 48s linear infinite}
}
@keyframes seadrift{ from{background-position:0 0} to{background-position:clamp(380px,34vw,560px) 0} }
:root[data-theme="dark"] .hero__sea{opacity:.26; filter:saturate(1.2) brightness(.85)}
@media (max-width:809px){
  .hero__sea{opacity:.3; -webkit-mask:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%); mask:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)}
}
.hero__sea{
  background-size:clamp(640px,56vw,920px) clamp(400px,35vw,580px);
  opacity:.34;
}
@keyframes seadrift{ from{background-position:0 0} to{background-position:clamp(640px,56vw,920px) 0} }
:root[data-theme="dark"] .hero__sea{opacity:.22}
.gal figcaption a,.refs figcaption a,.lb__cap a,#creditList a,.aboutx__pic figcaption a,.art figcaption a{
  box-shadow:none !important; background:none !important; border:0 !important;
  padding:0 !important; min-height:0 !important; min-width:0 !important;
  display:inline !important; text-decoration:none !important; color:inherit !important;
  font:inherit !important; outline-offset:2px;
}
.gal figcaption a:hover,.lb__cap a:hover,#creditList a:hover{text-decoration:underline !important; text-underline-offset:3px}
#creditList p{line-height:1.35}
:root[data-theme="dark"] .emote img{
  filter:drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 14px color-mix(in srgb,var(--accent-2) 70%,transparent)) drop-shadow(0 10px 18px rgba(0,0,0,.55));
}
:root[data-theme="dark"] .emotes--amai .emote img{
  filter:drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 14px color-mix(in srgb,var(--accent-1) 70%,transparent)) drop-shadow(0 10px 18px rgba(0,0,0,.55));
}
:root[data-theme="dark"] .emote:hover img{
  filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 22px color-mix(in srgb,var(--accent-2) 90%,transparent)) drop-shadow(0 10px 18px rgba(0,0,0,.55));
}
.band--field::before{top:0}
.band--field:has(> .seam--foot)::before{top:0; bottom:0}
.foot::before{top:0}
.emotes--amai .emote[data-i="0"],.emotes--amai .emote[data-i="1"],.emotes--amai .emote[data-i="2"]{
  top:calc(-1 * var(--band-y) + var(--seam-h) + 14px);
}
:root{ --sea-base:#9BEAF3; --sea-rim:#D3F8FB; --sea-foam:#FFFFFF; }
:root[data-theme="dark"]{ --sea-base:#1C7FA8; --sea-rim:#3FB6D6; --sea-foam:#A9F2FF; }
.hero__sea{inset:-4% -2% 0}
.emotes--amai .emote[data-i="0"],.emotes--amai .emote[data-i="1"],.emotes--amai .emote[data-i="2"]{
  top:calc(-1 * var(--band-y) + var(--seam-h) + 52px);
}
.emotes--amai .emote[data-i="0"]{left:30%}
.emotes--amai .emote[data-i="1"]{left:50%}
.emotes--amai .emote[data-i="2"]{left:70%}
@media (max-width:699px){
  .emotes--amai .emote[data-i="0"]{left:2%}
  .emotes--amai .emote[data-i="1"]{left:30%}
}
.hero__sea::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(60% 70% at 82% 0%, rgba(255,244,214,.55), rgba(255,244,214,0) 70%);
  mix-blend-mode:screen;
}
:root[data-theme="dark"] .hero__sea::after{background:radial-gradient(60% 70% at 82% 0%, rgba(140,220,255,.35), rgba(140,220,255,0) 70%)}
.ghosts__row i{display:inline-block; font-style:normal; font-size:.3em; vertical-align:.95em; margin:0 .35em;
  -webkit-text-stroke:0; opacity:.85}
.ghosts__row--a span{
  -webkit-text-stroke:clamp(2px,.22vw,3.5px) color-mix(in srgb,var(--accent-1) 62%, var(--deco-1));
  opacity:.62;
}
.ghosts__row--a i{color:color-mix(in srgb,var(--accent-1) 70%, var(--deco-1))}
.ghosts__row--b i{color:color-mix(in srgb,var(--deco-3) 80%, #fff); opacity:.9}
:root[data-theme="dark"] .ghosts__row--a span{-webkit-text-stroke-color:color-mix(in srgb,var(--accent-1) 80%, transparent); opacity:.6}
:root[data-theme="dark"] .ghosts__row--a i{color:var(--accent-1)}
:root[data-theme="dark"] .ghosts__row--b i{color:color-mix(in srgb,var(--accent-2) 60%, transparent)}
.hero__sea::after{display:none}
:root{ --sea-base:#86E6F2; --sea-rim:#C6F7FB; }
.lineup{--fh:clamp(280px,31.5vw,500px)}
@media (max-width:699px){
  .lineup{--fh:clamp(185px,44vw,270px)}
}
.ghosts__row i{font-size:.72em; vertical-align:.12em; margin:0 .3em}
.lineup__item:nth-of-type(3) .lineup__tag{right:-18%; bottom:31%}
@media (max-width:699px){
  .lineup__item:nth-of-type(3) .lineup__tag{right:-6%}
}
.hero__portrait{
  filter:drop-shadow(0 0 10px rgba(255,255,255,.85)) drop-shadow(0 0 34px color-mix(in srgb,var(--deco-3) 55%, transparent)) drop-shadow(0 18px 40px color-mix(in srgb,var(--deco-4) 35%, transparent));
}
:root[data-theme="dark"] .hero__portrait{
  filter:drop-shadow(0 0 8px rgba(220,250,255,.7)) drop-shadow(0 0 40px color-mix(in srgb,var(--accent-2) 45%, transparent));
}
:root{ --sea-base:#7FD9F0; --sea-rim:#A9E8F7; --sea-foam:#D4F5FC; }
:root[data-theme="dark"]{ --sea-base:#14608F; --sea-rim:#2386B5; --sea-foam:#3FB1DA; }
.band--amai .crew__body{text-align:center; display:flex; flex-direction:column; align-items:center}
.band--amai .crew__logo{margin-inline:auto}
.band--amai .crew__blurb{margin-inline:auto}
.lb > div{background:none !important; box-shadow:none !important; padding:0 !important;
  display:grid; justify-items:center; gap:var(--s3)}
.lb img{
  --frame:clamp(10px,1.4vw,18px);
  padding:var(--frame); box-sizing:border-box;
  max-width:min(94vw,1100px); max-height:76vh;
  border-radius:calc(var(--r) + var(--frame));
  background:linear-gradient(160deg,
    color-mix(in srgb,var(--deco-3) 70%, #fff) 0%,
    color-mix(in srgb,var(--deco-4) 46%, #fff) 55%, #fff 100%);
  box-shadow:var(--clay-lift);
}
:root[data-theme="dark"] .lb img{
  background:linear-gradient(160deg, color-mix(in srgb,var(--deco-3) 85%, var(--paper)) 0%,
    color-mix(in srgb,var(--deco-4) 80%, var(--paper)) 55%, var(--paper) 100%);
}
.lb__cap{margin:0}
@media (prefers-reduced-motion:no-preference){
  .lb:not([hidden]){animation:lbFade .28s var(--out) both}
  .lb:not([hidden]) img{animation:lbPop .5s var(--bounce) .06s both, lbFrame .42s var(--out) .38s both}
  .lb:not([hidden]) .lb__cap{animation:lbCap .35s var(--out) .55s both}
  .lb:not([hidden]) .lb__close{animation:lbCap .3s var(--out) .2s both}
}
@keyframes lbFade{ from{background-color:transparent; backdrop-filter:blur(0)} }
@keyframes lbPop{ from{opacity:0; transform:translateY(18px) scale(.9)} to{opacity:1; transform:none} }
@keyframes lbFrame{
  from{padding:0; background-size:100% 100%; box-shadow:0 0 0 rgba(0,0,0,0)}
  to  {padding:var(--frame)}
}
@keyframes lbCap{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }
.hero__sea{
  animation:none !important;
  background:url("seigaiha.svg") 0 0 / clamp(72px,6.4vw,96px) auto repeat;
  opacity:.5;
  -webkit-mask:
    linear-gradient(90deg, transparent 0%, rgba(0,0,0,.25) 28%, #000 55%, #000 100%),
    linear-gradient(180deg, #000 0%, #000 72%, transparent 100%);
  -webkit-mask-composite:source-in;
          mask:
    linear-gradient(90deg, transparent 0%, rgba(0,0,0,.25) 28%, #000 55%, #000 100%),
    linear-gradient(180deg, #000 0%, #000 72%, transparent 100%);
          mask-composite:intersect;
}
:root[data-theme="dark"] .hero__sea{background-image:url("seigaiha-dark.svg"); opacity:.42; filter:none}
@media (max-width:809px){
  .hero__sea{opacity:.35; -webkit-mask:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%); mask:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%)}
}
.hero__sea{background-size:clamp(176px,16vw,256px) auto}
@media (max-width:809px){
  .hero__sea{background-size:150px auto}
}
.hero__sea{
  opacity:.34;
  -webkit-mask:
    linear-gradient(90deg, transparent 0%, rgba(0,0,0,.2) 30%, #000 56%, #000 78%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 20%, #000 58%, transparent 92%);
  -webkit-mask-composite:source-in;
          mask:
    linear-gradient(90deg, transparent 0%, rgba(0,0,0,.2) 30%, #000 56%, #000 78%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 20%, #000 58%, transparent 92%);
          mask-composite:intersect;
}
:root[data-theme="dark"] .hero__sea{opacity:.3}
@media (max-width:809px){
  .hero__sea{opacity:.24;
    -webkit-mask:linear-gradient(180deg,transparent 0%,#000 18%,#000 55%,transparent 88%);
            mask:linear-gradient(180deg,transparent 0%,#000 18%,#000 55%,transparent 88%)}
}
.ghosts__row--a span{-webkit-text-stroke-color:#5CC3DD; opacity:.7}
.ghosts__row--a i{color:#5CC3DD}
:root[data-theme="dark"] .ghosts__row--a span{-webkit-text-stroke-color:#3FB6D6; opacity:.55}
:root[data-theme="dark"] .ghosts__row--a i{color:#3FB6D6}
.lineup__item:not(.lineup__item--me):nth-of-type(2){translate:17% -14%}
.lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-45% -14%}
.lineup__item:nth-of-type(3) .lineup__tag{right:-28%}
@media (max-width:699px){
  .lineup__item:not(.lineup__item--me):nth-of-type(2){translate:12% -10%}
  .lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-48% -14%}
  .lineup__item:nth-of-type(3) .lineup__tag{right:-10%}
}
:root:not([data-theme="dark"]) .page-surface{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--deco-2) 85%, var(--surface)) 0%, var(--surface) 9%,
    color-mix(in srgb,var(--deco-3) 46%, #fff) 24%, var(--surface-2) 37%,
    color-mix(in srgb,var(--deco-1) 44%, #fff) 49%, var(--surface) 57%,
    color-mix(in srgb,var(--deco-4) 52%, #fff) 66%, var(--surface-2) 80%,
    color-mix(in srgb,var(--deco-3) 54%, #fff) 100%);
}
:root:not([data-theme="dark"]) body::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--deco-3) 70%, #fff) 0%,
    color-mix(in srgb,var(--deco-4) 56%, #fff) 26%,
    var(--surface-2) 58%,
    color-mix(in srgb,var(--deco-2) 85%, #fff) 100%);
}
:root:not([data-theme="dark"]) .band--field:not(.band--amai)::before,
:root:not([data-theme="dark"]) .band--field:not(.band--amai):has(> .seam--foot)::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--field,var(--deco-3)) 84%, #fff) 0%,
    color-mix(in srgb,var(--field,var(--deco-3)) 50%, #fff) 62%,
    color-mix(in srgb,var(--field,var(--deco-3)) 26%, #fff) 100%);
}
.bubbles{opacity:1}
:root[data-theme="dark"] .bubbles{opacity:.8}
:root[data-theme="dark"] body::before{
  background:
    radial-gradient(60% 40% at 85% 8%, rgba(255,79,210,.22), transparent 70%),
    radial-gradient(55% 45% at 8% 35%, rgba(34,242,255,.16), transparent 70%),
    linear-gradient(180deg, #120a3a 0%, #0b0726 40%, #0a0f2e 70%, #1a0838 100%);
}
:root[data-theme="dark"] .page-surface{
  background:linear-gradient(180deg,
    #1a0838 0%, #0b0726 9%, #071a33 24%, #0b0726 38%,
    #1e0a40 52%, #0a1238 66%, #0b0726 80%, #061c33 100%);
}
:root[data-theme="dark"] .band--field:not(.band--amai)::before,
:root[data-theme="dark"] .band--field:not(.band--amai):has(> .seam--foot)::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--field,var(--deco-3)) 34%, #0b0726) 0%,
    color-mix(in srgb,var(--field,var(--deco-3)) 16%, #0b0726) 62%,
    color-mix(in srgb,var(--field,var(--deco-3)) 8%, #0b0726) 100%);
}
:root[data-theme="dark"] :is(.card,.partner,.crew__body,.lore__body,.vid,.hero__panel,.contact-card,.links){
  background:linear-gradient(160deg, #22145a 0%, var(--paper) 55%, #150d3a 100%);
  box-shadow:0 0 0 1.5px color-mix(in srgb,var(--neon-cyan) 55%, transparent),
             0 0 18px -2px color-mix(in srgb,var(--neon-cyan) 45%, transparent),
             0 0 46px -8px color-mix(in srgb,var(--neon-pink) 40%, transparent);
}
:root[data-theme="dark"] :is(.partner,.vid):nth-child(even){
  box-shadow:0 0 0 1.5px color-mix(in srgb,var(--neon-pink) 60%, transparent),
             0 0 18px -2px color-mix(in srgb,var(--neon-pink) 45%, transparent),
             0 0 46px -8px color-mix(in srgb,var(--neon-violet) 45%, transparent);
}
:root[data-theme="dark"] :is(h1,h2,.sec-head h2){
  text-shadow:0 0 6px color-mix(in srgb,var(--neon-cyan) 70%, transparent),
              0 0 22px color-mix(in srgb,var(--neon-pink) 55%, transparent);
}
:root[data-theme="dark"] :is(.btn,.socials a,.partner__visit,.sched__where a){
  box-shadow:0 0 0 1.5px var(--neon-pink), 0 0 16px -2px color-mix(in srgb,var(--neon-pink) 70%, transparent);
}
:root[data-theme="dark"] :is(.btn,.socials a,.partner__visit,.sched__where a):is(:hover,:focus-visible){
  box-shadow:0 0 0 2px var(--neon-cyan), 0 0 24px 0 color-mix(in srgb,var(--neon-cyan) 75%, transparent);
}
:root[data-theme="dark"] .nav::before{background:linear-gradient(180deg, rgba(11,7,38,.94), rgba(11,7,38,.72))}
:root[data-theme="dark"] .nav__links a[aria-current],:root[data-theme="dark"] .nav__links a:hover{
  color:var(--neon-cyan); text-shadow:0 0 10px color-mix(in srgb,var(--neon-cyan) 80%, transparent)}
:root[data-theme="dark"] .hero__sea{opacity:.36; filter:saturate(1.6) hue-rotate(-8deg)}
:root[data-theme="dark"] body::before{
  background:
    radial-gradient(60% 40% at 85% 8%, rgba(79,235,214,.14), transparent 70%),
    radial-gradient(55% 45% at 8% 35%, rgba(111,227,255,.10), transparent 70%),
    linear-gradient(180deg, #072030 0%, #061624 40%, #071a2c 70%, #062026 100%);
}
:root[data-theme="dark"] .page-surface{
  background:linear-gradient(180deg,
    #072a33 0%, #061624 9%, #05202a 24%, #061624 38%,
    #08262f 52%, #071a33 66%, #061624 80%, #052329 100%);
}
:root[data-theme="dark"] :is(.card,.partner,.crew__body,.lore__body,.vid,.hero__panel,.contact-card,.links),
:root[data-theme="dark"] :is(.partner,.vid):nth-child(even){
  background:linear-gradient(160deg, #123049 0%, var(--paper) 55%, #0a1d2e 100%);
  box-shadow:0 0 0 1.5px color-mix(in srgb,var(--neon-teal) 52%, transparent),
             0 0 14px -3px color-mix(in srgb,var(--neon-teal) 38%, transparent),
             0 0 36px -10px color-mix(in srgb,var(--neon-aqua) 30%, transparent);
}
:root[data-theme="dark"] :is(h1,h2,.sec-head h2){
  text-shadow:0 0 5px color-mix(in srgb,var(--neon-teal) 55%, transparent),
              0 0 18px color-mix(in srgb,var(--neon-teal) 30%, transparent);
}
:root[data-theme="dark"] :is(.btn,.socials a,.socials li[data-kind] a,.partner__visit,.sched__where a,.nav__cta){
  background:color-mix(in srgb,var(--neon-teal) 16%, #0b2234) !important; color:var(--ink) !important;
  box-shadow:0 0 0 1.5px color-mix(in srgb,var(--neon-teal) 80%, transparent),
             0 0 12px -2px color-mix(in srgb,var(--neon-teal) 55%, transparent);
}
:root[data-theme="dark"] :is(.btn,.socials a,.socials li[data-kind] a,.partner__visit,.sched__where a,.nav__cta):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--neon-teal) 28%, #0b2234) !important;
  box-shadow:0 0 0 2px var(--neon-teal), 0 0 20px 0 color-mix(in srgb,var(--neon-teal) 60%, transparent);
}
:root[data-theme="dark"] :is(.btn,.socials a,.partner__visit,.sched__where a) svg{color:var(--neon-teal)}
:root[data-theme="dark"] .partner__code{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--neon-teal) 70%, transparent)}
:root[data-theme="dark"] .nav::before{background:linear-gradient(180deg, rgba(6,22,36,.94), rgba(6,22,36,.72))}
:root[data-theme="dark"] .nav__links a[aria-current],:root[data-theme="dark"] .nav__links a:hover{
  color:var(--neon-teal); text-shadow:0 0 8px color-mix(in srgb,var(--neon-teal) 65%, transparent)}
:root[data-theme="dark"] img{outline:none}
:root[data-theme="dark"] :is(.art,.gal,.refs,.vid__thumb,.aboutx__pic) img{outline:1px solid rgba(255,255,255,.06); outline-offset:-1px}
:root[data-theme="dark"] body::before{
  background:
    radial-gradient(55% 38% at 85% 6%, rgba(43,255,223,.20), transparent 70%),
    radial-gradient(50% 42% at 6% 34%, rgba(34,230,255,.15), transparent 70%),
    linear-gradient(180deg, #03141e 0%, #020d16 40%, #02101c 70%, #021619 100%);
}
:root[data-theme="dark"] .page-surface{
  background:linear-gradient(180deg,
    #03202a 0%, #020d16 9%, #021a22 24%, #020d16 38%,
    #032026 52%, #031426 66%, #020d16 80%, #021c22 100%);
}
:root[data-theme="dark"] .band--field:not(.band--amai)::before,
:root[data-theme="dark"] .band--field:not(.band--amai):has(> .seam--foot)::before{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--field,var(--deco-3)) 30%, #020d16) 0%,
    color-mix(in srgb,var(--field,var(--deco-3)) 13%, #020d16) 62%,
    color-mix(in srgb,var(--field,var(--deco-3)) 6%, #020d16) 100%);
}
:root[data-theme="dark"] :is(.card,.partner,.crew__body,.lore__body,.vid,.hero__panel,.contact-card,.links),
:root[data-theme="dark"] :is(.partner,.vid):nth-child(even){
  background:linear-gradient(160deg, #0f2a3a 0%, var(--paper) 55%, #06141f 100%);
  box-shadow:0 0 0 2px var(--neon-teal),
             0 0 10px 0 color-mix(in srgb,var(--neon-teal) 65%, transparent),
             0 0 34px -4px color-mix(in srgb,var(--neon-aqua) 45%, transparent),
             inset 0 0 22px -10px color-mix(in srgb,var(--neon-teal) 55%, transparent);
}
:root[data-theme="dark"] :is(h1,h2,.sec-head h2){
  text-shadow:0 0 4px color-mix(in srgb,var(--neon-teal) 80%, transparent),
              0 0 14px color-mix(in srgb,var(--neon-teal) 55%, transparent),
              0 0 32px color-mix(in srgb,var(--neon-aqua) 35%, transparent);
}
:root[data-theme="dark"] :is(.btn,.socials a,.socials li[data-kind] a,.partner__visit,.sched__where a,.nav__cta){
  background:color-mix(in srgb,var(--neon-teal) 14%, #04161f) !important; color:#effffc !important;
  box-shadow:0 0 0 2px var(--neon-teal), 0 0 14px -1px color-mix(in srgb,var(--neon-teal) 75%, transparent),
             inset 0 0 12px -4px color-mix(in srgb,var(--neon-teal) 60%, transparent);
  text-shadow:0 0 8px color-mix(in srgb,var(--neon-teal) 70%, transparent);
}
:root[data-theme="dark"] :is(.btn,.socials a,.socials li[data-kind] a,.partner__visit,.sched__where a,.nav__cta):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--neon-teal) 26%, #04161f) !important;
  box-shadow:0 0 0 2px #b8fff3, 0 0 22px 2px color-mix(in srgb,var(--neon-teal) 80%, transparent);
}
:root[data-theme="dark"] .nav::before{background:linear-gradient(180deg, rgba(2,13,22,.95), rgba(2,13,22,.74))}
:root[data-theme="dark"] .hero__sea{opacity:.42; filter:saturate(1.9) brightness(1.05)}
:root[data-theme="dark"] .ghosts__row--a span{-webkit-text-stroke-color:var(--neon-teal); opacity:.5;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--neon-teal) 70%, transparent))}
:root[data-theme="dark"]{--neon-pink:#ff4fc8; --neon-blue:#3d8bff}
:root[data-theme="dark"] .deck > li:nth-child(3n+2) > :is(.partner,.vid){
  box-shadow:0 0 0 2px var(--neon-pink), 0 0 10px 0 color-mix(in srgb,var(--neon-pink) 60%, transparent),
             0 0 34px -4px color-mix(in srgb,var(--neon-pink) 40%, transparent),
             inset 0 0 22px -10px color-mix(in srgb,var(--neon-pink) 50%, transparent);
}
:root[data-theme="dark"] .deck > li:nth-child(3n) > :is(.partner,.vid){
  box-shadow:0 0 0 2px var(--neon-blue), 0 0 10px 0 color-mix(in srgb,var(--neon-blue) 65%, transparent),
             0 0 34px -4px color-mix(in srgb,var(--neon-blue) 45%, transparent),
             inset 0 0 22px -10px color-mix(in srgb,var(--neon-blue) 55%, transparent);
}
:root[data-theme="dark"] .partner__code::before{background:var(--neon-pink); color:#1a0216;
  box-shadow:0 0 12px color-mix(in srgb,var(--neon-pink) 70%, transparent)}
:root[data-theme="dark"] .partner__code{box-shadow:0 0 0 2px var(--neon-pink), 0 0 12px -2px color-mix(in srgb,var(--neon-pink) 70%, transparent)}
:root[data-theme="dark"] :is(.btn,.socials a,.socials li[data-kind] a,.partner__visit,.sched__where a,.nav__cta):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--neon-pink) 24%, #04161f) !important;
  box-shadow:0 0 0 2px var(--neon-pink), 0 0 22px 2px color-mix(in srgb,var(--neon-pink) 70%, transparent);
  text-shadow:0 0 8px color-mix(in srgb,var(--neon-pink) 80%, transparent);
}
:root[data-theme="dark"] .more{background:color-mix(in srgb,var(--neon-blue) 16%, #04161f); color:#effffc;
  box-shadow:0 0 0 2px var(--neon-blue), 0 0 16px -2px color-mix(in srgb,var(--neon-blue) 75%, transparent)}
:root[data-theme="dark"] .band__num{-webkit-text-stroke-color:var(--neon-blue); color:transparent; opacity:.55;
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--neon-blue) 70%, transparent))}
:root[data-theme="dark"] :is(h1,h2,.sec-head h2){
  text-shadow:0 0 4px color-mix(in srgb,var(--neon-teal) 80%, transparent),
              0 0 14px color-mix(in srgb,var(--neon-teal) 50%, transparent),
              0 0 34px color-mix(in srgb,var(--neon-pink) 30%, transparent);
}
:root[data-theme="dark"] body::before{
  background:
    radial-gradient(48% 34% at 88% 6%, rgba(255,79,200,.22), transparent 70%),
    radial-gradient(46% 38% at 6% 30%, rgba(61,139,255,.20), transparent 70%),
    radial-gradient(40% 30% at 50% 60%, rgba(43,255,223,.10), transparent 70%),
    linear-gradient(180deg, #03141e 0%, #020d16 40%, #02101c 70%, #021619 100%);
}
:root[data-theme="dark"] .nav::after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; pointer-events:none;
  background:linear-gradient(90deg, var(--neon-teal), var(--neon-pink) 50%, var(--neon-blue));
  box-shadow:0 0 10px color-mix(in srgb,var(--neon-pink) 60%, transparent); opacity:.85}
:root[data-theme="dark"] .nav__links a:nth-child(3n+2):is(:hover,[aria-current]){color:var(--neon-pink); text-shadow:0 0 8px color-mix(in srgb,var(--neon-pink) 70%, transparent)}
:root[data-theme="dark"] .nav__links a:nth-child(3n):is(:hover,[aria-current]){color:#8fb8ff; text-shadow:0 0 8px color-mix(in srgb,var(--neon-blue) 80%, transparent)}
:root[data-theme="dark"] .hero .hero__inner p.label{color:var(--neon-pink) !important; text-shadow:0 0 8px color-mix(in srgb,var(--neon-pink) 60%, transparent)}
:root[data-theme="dark"] .hero h1{
  text-shadow:0 0 4px color-mix(in srgb,var(--neon-teal) 70%, transparent),
              0 0 18px color-mix(in srgb,var(--neon-pink) 45%, transparent),
              0 0 40px color-mix(in srgb,var(--neon-blue) 35%, transparent)}
:root[data-theme="dark"] .hero__actions .btn:not(.btn--ghost){
  background:color-mix(in srgb,var(--neon-pink) 20%, #04161f) !important;
  box-shadow:0 0 0 2px var(--neon-pink), 0 0 16px -1px color-mix(in srgb,var(--neon-pink) 75%, transparent), inset 0 0 12px -4px color-mix(in srgb,var(--neon-pink) 60%, transparent);
  text-shadow:0 0 8px color-mix(in srgb,var(--neon-pink) 70%, transparent)}
:root[data-theme="dark"] .hero .hero__actions a.btn.btn--ghost{
  background:color-mix(in srgb,var(--neon-blue) 20%, #04161f) !important;
  box-shadow:0 0 0 2px var(--neon-blue), 0 0 16px -1px color-mix(in srgb,var(--neon-blue) 80%, transparent), inset 0 0 12px -4px color-mix(in srgb,var(--neon-blue) 60%, transparent);
  text-shadow:0 0 8px color-mix(in srgb,var(--neon-blue) 80%, transparent)}
:root[data-theme="dark"] .hero__actions .btn:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--neon-teal) 24%, #04161f) !important;
  box-shadow:0 0 0 2px var(--neon-teal), 0 0 22px 2px color-mix(in srgb,var(--neon-teal) 75%, transparent)}
:root[data-theme="dark"] .doodle--hero{color:var(--neon-pink); filter:drop-shadow(0 0 6px color-mix(in srgb,var(--neon-pink) 70%, transparent))}
:root[data-theme="dark"] .hero__badge{box-shadow:0 0 0 2px var(--neon-blue), 0 0 16px -2px color-mix(in srgb,var(--neon-blue) 75%, transparent)}
:root[data-theme="dark"] .hero__badge__chip{background:var(--neon-pink) !important; color:#1a0216 !important; box-shadow:0 0 12px color-mix(in srgb,var(--neon-pink) 75%, transparent)}
:root[data-theme="dark"] .ghosts__row--b span{-webkit-text-stroke:1.5px color-mix(in srgb,var(--neon-pink) 60%, transparent); color:transparent; opacity:.35}
:root[data-theme="dark"] .ghosts__row i{color:var(--neon-blue)}
:root[data-theme="dark"] .rail{
  background:linear-gradient(90deg, color-mix(in srgb,var(--neon-teal) 22%, #04161f), color-mix(in srgb,var(--neon-blue) 26%, #04161f) 50%, color-mix(in srgb,var(--neon-pink) 24%, #04161f)) !important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--neon-teal) 70%, transparent), 0 0 24px -4px color-mix(in srgb,var(--neon-pink) 60%, transparent)}
:root[data-theme="dark"] .rail__item{color:#effffc; text-shadow:0 0 8px color-mix(in srgb,var(--neon-teal) 70%, transparent)}
:root[data-theme="dark"] .rail__item--solid{color:var(--neon-pink); text-shadow:0 0 10px color-mix(in srgb,var(--neon-pink) 80%, transparent)}
:root[data-theme="dark"] .rail__group .rail__dot:nth-of-type(3n+1){background:var(--neon-teal); box-shadow:0 0 8px var(--neon-teal)}
:root[data-theme="dark"] .rail__group .rail__dot:nth-of-type(3n+2){background:var(--neon-pink); box-shadow:0 0 8px var(--neon-pink)}
:root[data-theme="dark"] .rail__group .rail__dot:nth-of-type(3n){background:var(--neon-blue); box-shadow:0 0 8px var(--neon-blue)}
:root[data-theme="dark"] .socials li:nth-child(3n+2) a{
  background:color-mix(in srgb,var(--neon-pink) 18%, #04161f) !important;
  box-shadow:0 0 0 2px var(--neon-pink), 0 0 14px -1px color-mix(in srgb,var(--neon-pink) 70%, transparent), inset 0 0 12px -4px color-mix(in srgb,var(--neon-pink) 55%, transparent);
  text-shadow:0 0 8px color-mix(in srgb,var(--neon-pink) 70%, transparent)}
:root[data-theme="dark"] .socials li:nth-child(3n) a{
  background:color-mix(in srgb,var(--neon-blue) 20%, #04161f) !important;
  box-shadow:0 0 0 2px var(--neon-blue), 0 0 14px -1px color-mix(in srgb,var(--neon-blue) 75%, transparent), inset 0 0 12px -4px color-mix(in srgb,var(--neon-blue) 55%, transparent);
  text-shadow:0 0 8px color-mix(in srgb,var(--neon-blue) 80%, transparent)}
:root[data-theme="dark"] .socials li:nth-child(3n+1) a svg{color:var(--neon-teal)}
:root[data-theme="dark"] .socials li:nth-child(3n+2) a svg{color:var(--neon-pink)}
:root[data-theme="dark"] .socials li:nth-child(3n) a svg{color:#8fb8ff}
:root[data-theme="dark"] :is(#lore,#videos,#gallery) h2{
  text-shadow:0 0 4px color-mix(in srgb,var(--neon-pink) 80%, transparent), 0 0 16px color-mix(in srgb,var(--neon-pink) 50%, transparent), 0 0 34px color-mix(in srgb,var(--neon-blue) 30%, transparent)}
:root[data-theme="dark"] :is(#refs,#partners,#contact) h2{
  text-shadow:0 0 4px color-mix(in srgb,var(--neon-blue) 85%, transparent), 0 0 16px color-mix(in srgb,var(--neon-blue) 55%, transparent), 0 0 34px color-mix(in srgb,var(--neon-pink) 30%, transparent)}
:root[data-theme="dark"] #about .aboutx__social .card{
  box-shadow:0 0 0 2px var(--neon-pink), 0 0 10px 0 color-mix(in srgb,var(--neon-pink) 60%, transparent), 0 0 34px -4px color-mix(in srgb,var(--neon-blue) 40%, transparent), inset 0 0 22px -10px color-mix(in srgb,var(--neon-pink) 50%, transparent)}
:root[data-theme="dark"] .hero .ghosts .ghosts__row--b span{
  color:transparent !important; opacity:.5 !important;
  -webkit-text-stroke:clamp(2px,.22vw,3.5px) var(--neon-pink) !important;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--neon-pink) 75%, transparent)) !important}
:root[data-theme="dark"] .hero .ghosts .ghosts__row--b i{color:var(--neon-pink) !important;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--neon-pink) 75%, transparent))}
:root[data-theme="dark"] #partnerList > li:nth-child(odd) > .partner{
  box-shadow:0 0 0 2px var(--neon-teal), 0 0 10px 0 color-mix(in srgb,var(--neon-teal) 65%, transparent),
             0 0 34px -4px color-mix(in srgb,var(--neon-aqua) 45%, transparent),
             inset 0 0 22px -10px color-mix(in srgb,var(--neon-teal) 55%, transparent)}
:root[data-theme="dark"] #partnerList > li:nth-child(even) > .partner{
  box-shadow:0 0 0 2px var(--neon-pink), 0 0 10px 0 color-mix(in srgb,var(--neon-pink) 60%, transparent),
             0 0 34px -4px color-mix(in srgb,var(--neon-pink) 40%, transparent),
             inset 0 0 22px -10px color-mix(in srgb,var(--neon-pink) 50%, transparent)}
:root[data-theme="dark"] .nav::before{
  inset:0 0 -36px;
  background:linear-gradient(180deg, rgba(1,6,11,.97) 0%, rgba(2,9,15,.9) 46%, rgba(2,10,17,.55) 70%, rgba(2,10,17,0) 100%);
}
:root[data-theme="dark"] .nav::after{
  box-shadow:0 0 10px color-mix(in srgb,var(--neon-pink) 55%, transparent),
             0 8px 18px -4px color-mix(in srgb,var(--neon-teal) 22%, transparent),
             0 14px 26px -8px color-mix(in srgb,var(--neon-pink) 18%, transparent);
}
:root[data-theme="dark"] .nav::before{-webkit-mask:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%); mask:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%)}
:root:not([data-theme="dark"]) #contact .contact-card{
  background:linear-gradient(160deg, #d4f8ff 0%, #ecf9ff 34%, #ffe6f6 70%, #ffd3ef 100%) !important;
  box-shadow:0 0 0 3px #fff, 0 18px 40px -18px color-mix(in srgb,var(--accent-1) 45%, transparent);
}
:root[data-theme="dark"] #creditList > li:nth-child(odd) > .card{
  box-shadow:0 0 0 2px var(--neon-teal), 0 0 10px 0 color-mix(in srgb,var(--neon-teal) 65%, transparent),
             0 0 30px -4px color-mix(in srgb,var(--neon-aqua) 40%, transparent),
             inset 0 0 20px -10px color-mix(in srgb,var(--neon-teal) 55%, transparent)}
:root[data-theme="dark"] #creditList > li:nth-child(even) > .card{
  box-shadow:0 0 0 2px var(--neon-blue), 0 0 10px 0 color-mix(in srgb,var(--neon-blue) 65%, transparent),
             0 0 30px -4px color-mix(in srgb,var(--neon-blue) 45%, transparent),
             inset 0 0 20px -10px color-mix(in srgb,var(--neon-blue) 55%, transparent)}

#galList{container-type:inline-size; display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:calc((100cqw - 3 * var(--s4)) / 4); grid-auto-flow:row dense; gap:var(--s4)}
#galList > li > figure,#galList > li > figure > a{height:100%}
#galList img{height:100%; aspect-ratio:auto; object-fit:cover}
#galList .gal__tile--wide{grid-column:span 2}
#galList .gal__tile--tall{grid-row:span 2}
#galList .gal__tile--big{grid-column:span 2; grid-row:span 2}
#galList .gal__tile:nth-child(4n+1){rotate:-.6deg}
#galList .gal__tile:nth-child(4n+3){rotate:.5deg}
@media (max-width:699px){
  #galList{grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:calc((100cqw - var(--s3)) / 2); gap:var(--s3)}
}
#galList .gal__tile--fillw{grid-column:span 2}
#galList .gal__tile--fillh{grid-row:span 2}
.hero__logo{width:min(100%,450px)}
@media (max-width:809px){.hero__logo{width:min(92%,380px)}}
#galList{grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:calc((100cqw - 5 * var(--s3)) / 6); gap:var(--s3)}
@media (max-width:1099px){#galList{grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:calc((100cqw - 3 * var(--s3)) / 4)}}
@media (max-width:699px){#galList{grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:calc((100cqw - var(--s3)) / 2)}}
.kit{margin-top:var(--S2); padding-bottom:clamp(64px,7vw,100px); display:grid; gap:var(--s5)}
.kit__head{display:grid; gap:var(--s2); max-width:var(--measure-read)}
.kit__head .label{margin:0}
.kit__title{margin:0; font-family:var(--display-font); font-weight:var(--w-display); font-size:clamp(26px,3vw,40px); line-height:var(--lh-sub); letter-spacing:var(--track-display); text-wrap:balance}
.kit__intro{margin:0; font-size:16px; line-height:var(--lh-lead); color:var(--ink); text-wrap:pretty}
.kit__asof{margin:0; font-size:13.5px; color:var(--ink-soft)}
.kit .card{border-radius:var(--r); padding:var(--s5)}
.kit__stats{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s5)}
.kit__stats > li{display:flex; min-width:0}
.kit__stat{flex:1 1 auto; display:flex; flex-direction:column; gap:var(--s1); min-width:0}
.kit__num{font-family:var(--display-font); font-weight:var(--w-display); font-size:clamp(40px,4.4vw,62px); line-height:.95; letter-spacing:.01em; color:var(--accent-1); font-variant-numeric:tabular-nums}
.kit__stats > li:nth-child(4n+2) .kit__num{color:var(--accent-2)}
.kit__stats > li:nth-child(4n+3) .kit__num{color:var(--accent-3)}
.kit__lbl{margin-top:var(--s1); font-family:var(--display-font); font-weight:var(--w-label); font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; line-height:1.45; color:var(--ink)}
.kit__note{margin-top:auto; padding-top:var(--s1); font-size:13.5px; line-height:1.45; color:var(--ink-soft)}
.kit__grid{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--s5); align-items:stretch}
.kit__panel{grid-column:span 6; display:flex; flex-direction:column; gap:var(--s4); margin:0; min-width:0}
.kit__panel--formats{grid-column:span 7}
.kit__panel--engaged{grid-column:span 5}
.kit__panel--engaged .kit__engaged{flex:1 1 auto; align-content:space-evenly; row-gap:var(--s4)}
.kit__panel--audience,.kit__panel--why,.kit__panel--offers{grid-column:1 / -1}
.kit__h{margin:0; font-family:var(--display-font); font-weight:var(--w-display); font-size:19px; line-height:1.3; color:var(--ink)}
.kit__small{margin:auto 0 0; font-size:12.5px; line-height:1.5; color:var(--ink-soft)}
.kit__table{width:100%; border-collapse:separate; border-spacing:0; font-variant-numeric:tabular-nums}
.kit__table th,.kit__table td{padding:12px 12px; text-align:right; white-space:nowrap; vertical-align:baseline}
.kit__table thead th{padding-top:0; font-family:var(--display-font); font-weight:var(--w-label); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft)}
.kit__table thead th:first-child,.kit__table th[scope="row"]{text-align:left}
.kit__table th[scope="row"]{font-family:var(--display-font); font-weight:var(--w-display); font-size:15px; color:var(--ink)}
.kit__table tbody tr:nth-child(odd) > *{background:color-mix(in srgb,var(--deco-2) 34%,transparent)}
.kit__table tbody tr > :first-child{border-radius:var(--r-small) 0 0 var(--r-small)}
.kit__table tbody tr > :last-child{border-radius:0 var(--r-small) var(--r-small) 0}
.kit__table td{font-family:var(--display-font); font-weight:var(--w-display); font-size:18px; color:var(--ink)}
.kit__table td:nth-child(2){color:var(--accent-1)}
.kit__table td:nth-child(4){font-family:var(--body-font); font-weight:var(--w-body); font-size:14px; color:var(--ink-soft)}
.kit__engaged{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:max-content minmax(0,1fr); gap:var(--s3) var(--s4); align-items:baseline}
.kit__engaged li{display:contents}
.kit__engaged b{font-family:var(--display-font); font-weight:var(--w-display); font-size:clamp(26px,2.2vw,32px); line-height:1; color:var(--accent-2); white-space:nowrap; font-variant-numeric:tabular-nums}
.kit__engaged span{font-size:15px; line-height:1.45; color:var(--ink-soft)}
.kit__chips{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px}
.kit__chips li{display:inline-flex; align-items:center; min-height:36px; padding:0 16px; border-radius:var(--r-pill); font-family:var(--display-font); font-weight:var(--w-display); font-size:13.5px; color:var(--ink); background:color-mix(in srgb,var(--deco-2) 46%,var(--paper))}
.kit__split{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr); gap:var(--s5) var(--S1)}
.kit__split .kit__chips{max-width:340px}
.kit__split > div{min-width:0}
.kit__sub{margin:0 0 var(--s2); font-family:var(--display-font); font-weight:var(--w-label); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent-1)}
.kit__bars{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:9em minmax(40px,1fr) 4ch; gap:10px 12px; align-items:center}
.kit__bars li{display:contents}
.kit__bars li > span:first-child{font-size:14px; color:var(--ink); white-space:nowrap}
.kit__bar{display:block; height:10px; border-radius:var(--r-pill); overflow:hidden; background:color-mix(in srgb,var(--ink) 8%,transparent)}
.kit__bar i{display:block; height:100%; width:var(--w); border-radius:inherit; background:linear-gradient(90deg,var(--deco-3),var(--deco-1)); transform-origin:left center; transition:transform 1s var(--out) .25s}
.kit__bars b{font-family:var(--display-font); font-weight:var(--w-display); font-size:14px; text-align:right; color:var(--ink); font-variant-numeric:tabular-nums}
html:not(.no-js) .kit__panel[data-appear]:not(.is-in) .kit__bar i{transform:scaleX(0)}
.kit__list{list-style:none; margin:0; padding:0; display:grid; gap:var(--s3)}
.kit__list li{position:relative; display:grid; gap:2px; align-content:start; padding-left:26px}
.kit__list li::before{content:"\2726"; position:absolute; left:0; top:.15em; font-size:13px; color:var(--accent-1)}
.kit__list b{font-family:var(--display-font); font-weight:var(--w-display); font-size:15.5px; line-height:1.35; color:var(--ink)}
.kit__list span{font-size:14.5px; line-height:1.5; color:var(--ink-soft); text-wrap:pretty}
.kit__list--cols{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr)); gap:var(--s4) var(--s5)}
.kit__foot{display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:var(--s4) var(--s5)}
.kit__followers{display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2) var(--s3)}
.kit__followers .kit__sub{margin:0; color:var(--ink-soft)}
.kit__followers ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px}
.kit__followers li{display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 14px; border-radius:var(--r-pill); font-size:13px; color:var(--ink-soft); background:color-mix(in srgb,var(--paper) 72%,transparent)}
.kit__followers b{font-family:var(--display-font); font-weight:var(--w-display); color:var(--ink); font-variant-numeric:tabular-nums}
.kit__cta{display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:var(--s3) var(--s4)}
.kit__cta p{margin:0; max-width:46ch; font-size:15px; line-height:1.45; color:var(--ink); text-align:right; text-wrap:balance}
.kit__cta .btn{flex:0 0 auto; white-space:nowrap}
.kit__method{margin:0; max-width:var(--measure-read); font-size:12.5px; line-height:1.55; color:var(--ink-soft)}
@media (max-width:1100px){
  .kit__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kit__panel,.kit__panel--formats,.kit__panel--engaged{grid-column:1 / -1}
  .kit__split{grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s5)}
  .kit__split > div:first-child:nth-last-child(3){grid-column:1 / -1}
  .kit__split .kit__chips{max-width:none}
  .kit__panel--engaged .kit__engaged{align-content:start}
}
@media (max-width:700px){
  .kit{margin-top:var(--S1); gap:var(--s4)}
  .kit__stats,.kit__grid{gap:var(--s3)}
  .kit .card{padding:var(--s4)}
  .kit__num{font-size:clamp(34px,10vw,44px)}
  .kit__lbl{font-size:11.5px; letter-spacing:.08em}
  .kit__note{font-size:12.5px}
  .kit__split{grid-template-columns:minmax(0,1fr); gap:var(--s4)}
  .kit__table thead{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
  .kit__table,.kit__table tbody{display:block}
  .kit__table tbody{display:grid; gap:8px}
  .kit__table tr{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px 10px; padding:12px 14px; border-radius:var(--r-small)}
  .kit__table tbody tr:nth-child(odd){background:color-mix(in srgb,var(--deco-2) 34%,transparent)}
  .kit__table tbody tr > *{background:none !important; border-radius:0 !important; padding:0; text-align:left; white-space:normal}
  .kit__table th[scope="row"]{grid-column:1 / -1; margin-bottom:4px}
  .kit__table td{font-size:16px}
  .kit__table td::before{content:attr(data-k); display:block; font-family:var(--display-font); font-weight:var(--w-label); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft)}
  .kit__foot{grid-template-columns:minmax(0,1fr)}
  .kit__cta{justify-content:flex-start; flex-wrap:wrap}
  .kit__cta p{text-align:left}
}
:root[data-theme="dark"] .kit__stats > li > .kit__stat,
:root[data-theme="dark"] .kit__grid > .kit__panel--formats,
:root[data-theme="dark"] .kit__grid > .kit__panel--audience{
  box-shadow:0 0 0 2px var(--neon-teal), 0 0 10px 0 color-mix(in srgb,var(--neon-teal) 65%, transparent),
             0 0 34px -4px color-mix(in srgb,var(--neon-aqua) 45%, transparent),
             inset 0 0 22px -10px color-mix(in srgb,var(--neon-teal) 55%, transparent)}
:root[data-theme="dark"] .kit__stats > li:nth-child(even) > .kit__stat,
:root[data-theme="dark"] .kit__grid > .kit__panel--engaged,
:root[data-theme="dark"] .kit__grid > .kit__panel--why{
  box-shadow:0 0 0 2px var(--neon-pink), 0 0 10px 0 color-mix(in srgb,var(--neon-pink) 60%, transparent),
             0 0 34px -4px color-mix(in srgb,var(--neon-pink) 40%, transparent),
             inset 0 0 22px -10px color-mix(in srgb,var(--neon-pink) 50%, transparent)}
:root[data-theme="dark"] .kit__grid > .kit__panel--offers{
  box-shadow:0 0 0 2px var(--neon-blue), 0 0 10px 0 color-mix(in srgb,var(--neon-blue) 65%, transparent),
             0 0 34px -4px color-mix(in srgb,var(--neon-blue) 45%, transparent),
             inset 0 0 22px -10px color-mix(in srgb,var(--neon-blue) 55%, transparent)}
:root[data-theme="dark"] .kit__num{color:var(--neon-teal); text-shadow:0 0 6px color-mix(in srgb,var(--neon-teal) 70%, transparent), 0 0 20px color-mix(in srgb,var(--neon-teal) 40%, transparent)}
:root[data-theme="dark"] .kit__stats > li:nth-child(even) .kit__num{color:var(--neon-pink); text-shadow:0 0 6px color-mix(in srgb,var(--neon-pink) 70%, transparent), 0 0 20px color-mix(in srgb,var(--neon-pink) 40%, transparent)}
:root[data-theme="dark"] .kit__table tbody tr:nth-child(odd) > *{background:color-mix(in srgb,var(--neon-teal) 9%, transparent)}
:root[data-theme="dark"] .kit__table td:nth-child(2){color:var(--neon-teal)}
:root[data-theme="dark"] .kit__engaged b{color:var(--neon-pink); text-shadow:0 0 8px color-mix(in srgb,var(--neon-pink) 55%, transparent)}
:root[data-theme="dark"] .kit__chips li{background:color-mix(in srgb,var(--neon-teal) 14%, #04161f); color:#effffc;
  box-shadow:0 0 0 1.5px color-mix(in srgb,var(--neon-teal) 75%, transparent), 0 0 10px -2px color-mix(in srgb,var(--neon-teal) 60%, transparent)}
:root[data-theme="dark"] .kit__sub{color:var(--neon-pink)}
:root[data-theme="dark"] .kit__followers .kit__sub{color:var(--ink-soft)}
:root[data-theme="dark"] .kit__bar{background:color-mix(in srgb,#fff 9%, transparent)}
:root[data-theme="dark"] .kit__bar i{background:linear-gradient(90deg,var(--neon-teal),var(--neon-pink)); box-shadow:0 0 10px color-mix(in srgb,var(--neon-teal) 55%, transparent)}
:root[data-theme="dark"] .kit__list li::before{color:var(--neon-pink); text-shadow:0 0 8px color-mix(in srgb,var(--neon-pink) 70%, transparent)}
:root[data-theme="dark"] .kit__panel--offers .kit__list li::before{color:var(--neon-blue); text-shadow:0 0 8px color-mix(in srgb,var(--neon-blue) 70%, transparent)}
:root[data-theme="dark"] .kit__followers li{background:color-mix(in srgb,#fff 6%, transparent); box-shadow:0 0 0 1px color-mix(in srgb,var(--neon-blue) 50%, transparent)}
@media (max-width:700px){
  :root[data-theme="dark"] .kit__table tbody tr:nth-child(odd){background:color-mix(in srgb,var(--neon-teal) 9%, transparent)}
}
@media (prefers-reduced-motion:reduce){.kit__bar i{transition:none}}
.hero__logo{margin-left:calc(min(100%,450px) * -.04)}
#creditList .card{position:relative}
#creditList .card a::before{content:""; position:absolute; inset:0; border-radius:inherit}
#creditList .label{font-size:12px}
@media (max-width:1365px){
  .nav__brand{order:1; margin-right:auto; min-height:44px}
  .nav__theme{order:2; margin-left:0; width:44px; height:44px}
  .nav__burger{order:3; margin-left:0; width:44px; height:44px; border-radius:var(--r-pill); display:grid; place-items:center}
  .nav__links{order:4}
  .nav__cta{order:5}
}
@media (max-width:809px){
  .nav{gap:var(--s2)}
  .nav__brand img{height:36px}
  .hero__logo{width:min(92%,380px); margin-left:calc(min(92%,380px) * -.04); margin-bottom:var(--s4)}
  .hero__inner > .label{margin-bottom:var(--s2)}
  .hero__inner h1{margin-bottom:var(--s3)}
  .hero__actions{display:grid; grid-template-columns:minmax(0,1fr); gap:var(--s2); margin-top:var(--s4)}
  .hero__actions .btn{width:100%; justify-content:center; padding-inline:var(--s3)}
  .hero__badge{margin-top:var(--s3)}
  .totop{width:46px; right:max(12px, env(safe-area-inset-right)); bottom:max(12px, env(safe-area-inset-bottom))}
  .totop__arrow{width:24px; height:24px; right:-4px; bottom:0}
  .totop__arrow svg{width:13px; height:13px}
}
@media (max-width:900px){
  #about .aboutx__pic{position:relative; top:auto; margin:var(--s5) auto var(--s5); width:min(100%,340px)}
}
@media (max-width:560px){
  .facts li{margin-bottom:12px}
  .facts b{display:block; margin-bottom:2px}
}
@media (max-width:480px){
  .hero__actions .btn{min-height:48px}
}
@media (max-width:809px){
  .band__num,.band__num--tl,.band__num--tr,.band__num--bl{left:auto; right:clamp(8px,1.6vw,30px); top:calc(var(--seam-h) + 16px); bottom:auto}
  .socials a{white-space:nowrap; padding-inline:14px}
}
@media (max-width:699px){
  .lineup{--fh:clamp(200px,54vw,280px)}
  .lineup__item:not(.lineup__item--me):nth-of-type(2){translate:14% -10%}
  .lineup__item:not(.lineup__item--me):nth-of-type(3){translate:-26% -14%}
  .lineup__item:nth-of-type(3) .lineup__tag{right:-4%}
}
@media (max-width:699px){
  .lineup__item:not(.lineup__item--me):nth-of-type(3){z-index:4; translate:-16% -14%}
  .lineup__item:nth-of-type(3) .lineup__tag{right:-2%}
}
:root[data-theme="dark"] .page-surface{
  background:linear-gradient(180deg, #073246 0%, #041a30 9%, #06304a 24%, #0d1048 38%, #2a0c52 52%, #0c1650 66%, #04223a 80%, #063a4c 100%);
}
:root[data-theme="dark"] .band--field:not(.band--amai)::before,
:root[data-theme="dark"] .band--field:not(.band--amai):has(> .seam--foot)::before{
  background:linear-gradient(180deg, color-mix(in srgb,var(--field,var(--deco-3)) 44%, #041a30) 0%, color-mix(in srgb,var(--field,var(--deco-3)) 22%, #071640) 62%, color-mix(in srgb,var(--field,var(--deco-3)) 10%, #0d1048) 100%);
}
:root[data-theme="dark"] :is(.card,.partner,.lore__body,.vid,.hero__panel,.contact-card,.links),
:root[data-theme="dark"] :is(.partner,.vid):nth-child(even){
  background:linear-gradient(160deg, #0f3550 0%, #0a2238 55%, #160d3e 100%);
}
:root[data-theme="dark"] .rail{
  background:linear-gradient(90deg, color-mix(in srgb,var(--neon-teal) 34%, #04161f), color-mix(in srgb,var(--neon-blue) 38%, #04161f) 50%, color-mix(in srgb,var(--neon-pink) 36%, #04161f)) !important;
}
:root[data-theme="dark"] .band__num{opacity:.75}
:root[data-theme="dark"] .sched__badge{color:#04161f}
:root:not([data-theme="dark"]) .hero .hero__inner p.label{color:#c01f6e !important}
.clamp-wrap{display:flex; justify-content:center}
.clamp-more[hidden]{display:none}
@media (max-width:700px){
  :root{--band-y:56px; --m-gap:12px}
  main{counter-reset:sec}
  main > section{counter-increment:sec}
  .band__num{display:none}
  .sec-head{margin-bottom:28px; row-gap:6px}
  .sec-head::before{content:counter(sec, decimal-leading-zero); flex:0 0 100%; font-family:var(--display-font); font-weight:var(--w-label); font-size:12px; letter-spacing:.22em; color:color-mix(in srgb,var(--accent-1) 82%,var(--ink))}
  .band--split .sec-head,.band--feature .sec-head,#about .sec-head{margin-bottom:28px}

  .hero{padding-block:84px 40px}
  .hero__aside{order:2; margin-top:var(--s5)}
  .hero__inner{order:1; display:flex; flex-direction:column; align-items:center; text-align:center}
  .hero__logo{width:min(82%,330px); margin:0 0 var(--s4) -2%}
  .hero__inner > .label{margin:0 0 10px}
  .hero__inner h1{font-size:clamp(34px,10.4vw,44px); line-height:1.02; margin:0 0 var(--s3); text-wrap:balance}
  .hero__inner .lead{max-width:32ch; margin:0 auto; text-wrap:pretty}
  .hero__actions{width:100%; max-width:360px; margin:var(--s4) auto 0}
  .hero__badge{margin:var(--s3) auto 0; justify-content:center}
  .hero__portrait{width:min(78%,320px)}
  .doodle--hero{display:none}
  .hero__stage{margin-inline:auto}

  .refs,.vids,#partnerList{
    display:flex !important; flex-wrap:nowrap; grid-template-columns:none !important;
    overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory;
    gap:var(--m-gap); margin-inline:calc(var(--band-x) * -1); padding:6px var(--band-x) 22px;
    scroll-padding-inline:var(--band-x); scrollbar-width:none;
  }
  .refs::-webkit-scrollbar,.vids::-webkit-scrollbar,#partnerList::-webkit-scrollbar{display:none}
  .refs > li,.vids > li,#partnerList > li{flex:0 0 84%; min-width:0; scroll-snap-align:start; margin:0}
  #partnerList > li[hidden]{display:flex !important}
  #partnerList + .more-wrap{display:none}
  .vids__more{margin-top:var(--s2)}

  #about .aboutx__pic{width:min(66%,260px); margin:0 auto var(--s4)}
  .aboutx__copy .facts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; margin-bottom:var(--s4)}
  .aboutx__copy .facts li{display:block; margin:0}
  .aboutx__copy .facts b{display:block; margin:0 0 2px; white-space:normal}
  .aboutx{gap:var(--m-gap)}
  .socials{gap:8px}

  [data-clamp]{max-height:24em; overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent); mask-image:linear-gradient(180deg,#000 72%,transparent)}
  [data-clamp].is-open{max-height:none; -webkit-mask-image:none; mask-image:none}
  .clamp-more{margin-top:var(--s3)}

  #creditList{display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
  #creditList > li[hidden]{display:flex !important}
  #creditList + .more-wrap{display:none}
  #creditList .card{padding:14px 16px !important; border-radius:16px}
  #creditList .label{font-size:11.5px; letter-spacing:.1em; line-height:1.35}
  #creditList p{font-size:14.5px; margin-top:6px !important}

  .kit{gap:var(--m-gap); margin-top:var(--S1)}
  .kit .card{padding:20px}
  .kit__stats,.kit__grid{gap:var(--m-gap)}
  .kit__list--cols{gap:14px}
  .kit__engaged{gap:12px 14px}
  .kit__panel{gap:var(--s3)}

  .foot__grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s5) var(--s4)}
  .foot__grid > div:first-child{grid-column:1 / -1; display:flex; flex-direction:column; align-items:center; text-align:center}
  .foot__grid > div:nth-child(2),.foot__grid > div:nth-child(3){columns:auto; column-count:1}
  .foot__grid > div p{margin:0 0 8px !important}
  .foot__mascot{display:none}
  .foot__bottom{text-align:center; justify-content:center}
}
@media (max-width:700px){
  [data-appear="left"]{transform:translateX(-24px)}
  [data-appear="right"]{transform:translateX(24px)}
  [data-appear="up"]{transform:translateY(32px)}
  [data-appear].is-in{transform:none}
  .sec-rule{display:none}
  .rail{margin-block:28px}
  #schedule .sec-head{margin-bottom:20px}
  .kit{padding-bottom:0}
  .kit__lbl{text-transform:none; letter-spacing:.01em; font-size:13px; line-height:1.35}
  .aboutx__social .socials a,.aboutx__social .socials a span{white-space:nowrap}
  .aboutx__social .socials a{font-size:14.5px; padding-inline:12px}

  .lore .band__in{display:flex; flex-direction:column}
  .lore .sec-head{order:1}
  .lore .band__in > .label{order:2; margin-bottom:var(--s3)}
  .lore .art{order:3; width:min(78%,290px); margin:0 auto var(--s5)}
  .lore .lore__body{order:4}
  .lore .clamp-wrap{order:5}

  #creditList{display:block !important; padding:6px; border-radius:var(--r); background:var(--paper); box-shadow:var(--clay)}
  #creditList > li{display:block !important; border-radius:14px}
  #creditList > li:nth-child(odd){background:color-mix(in srgb,var(--deco-2) 32%,transparent)}
  #creditList .card{display:grid; grid-template-columns:minmax(0,46%) minmax(0,1fr); gap:12px; align-items:baseline; padding:12px 14px !important; background:none !important; box-shadow:none !important; border-radius:0; transform:none}
  #creditList .label{margin:0; font-size:11.5px}
  #creditList p{margin:0 !important; font-size:14.5px}

  .foot__brand img{width:min(64%,240px); height:auto; margin-inline:auto}
  .foot__tag{max-width:30ch; margin-inline:auto}
  .foot__grid > div:nth-child(2) a,.foot__grid > div:nth-child(3) a{font-size:15px}
}
@media (max-width:700px){
  :root[data-theme="dark"] #creditList{background:linear-gradient(160deg,#0f3550 0%,#0a2238 55%,#160d3e 100%);
    box-shadow:0 0 0 2px var(--neon-teal), 0 0 10px 0 color-mix(in srgb,var(--neon-teal) 65%, transparent), 0 0 34px -4px color-mix(in srgb,var(--neon-aqua) 45%, transparent)}
  :root[data-theme="dark"] #creditList > li:nth-child(odd){background:color-mix(in srgb,var(--neon-teal) 9%,transparent)}
}
@media (max-width:700px){
  .lore .sec-head,.lore .band__in > .label{margin-inline-start:0; max-width:100%}
  #aboutBody[data-clamp]{max-height:17em}
  #creditList > li[hidden]{display:none !important}
  #creditList + .more-wrap{display:flex}
  .foot__grid > div:nth-child(2){display:none}
  .foot__grid > div:nth-child(3){grid-column:1 / -1; text-align:center; columns:2; column-gap:var(--s4)}
  .foot__grid > div:nth-child(3) .label{column-span:all; margin-bottom:var(--s2)}

  .kit__panel--why,.kit__panel--offers{background:none !important; box-shadow:none !important; padding:0 !important; border-radius:0}
  .kit__panel--why .kit__list,.kit__panel--offers .kit__list{
    display:flex; flex-wrap:nowrap; gap:var(--m-gap); overflow-x:auto; overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory; scrollbar-width:none;
    margin-inline:calc(var(--band-x) * -1); padding:6px var(--band-x) 22px; scroll-padding-inline:var(--band-x);
  }
  .kit__panel--why .kit__list::-webkit-scrollbar,.kit__panel--offers .kit__list::-webkit-scrollbar{display:none}
  .kit__panel--why .kit__list li,.kit__panel--offers .kit__list li{
    flex:0 0 76%; scroll-snap-align:start; align-content:start;
    padding:18px 18px 20px 42px; border-radius:var(--r); background:var(--paper); box-shadow:var(--clay);
  }
  .kit__panel--why .kit__list li::before,.kit__panel--offers .kit__list li::before{left:18px; top:20px}
}
@media (max-width:700px){
  :root[data-theme="dark"] .kit__grid > .kit__panel--why,:root[data-theme="dark"] .kit__grid > .kit__panel--offers{box-shadow:none !important}
  :root[data-theme="dark"] .kit__panel--why .kit__list li,:root[data-theme="dark"] .kit__panel--offers .kit__list li{
    background:linear-gradient(160deg,#0f3550 0%,#0a2238 55%,#160d3e 100%);
    box-shadow:0 0 0 2px var(--neon-pink), 0 0 10px 0 color-mix(in srgb,var(--neon-pink) 55%, transparent), inset 0 0 18px -10px color-mix(in srgb,var(--neon-pink) 50%, transparent)}
  :root[data-theme="dark"] .kit__panel--offers .kit__list li{
    box-shadow:0 0 0 2px var(--neon-blue), 0 0 10px 0 color-mix(in srgb,var(--neon-blue) 60%, transparent), inset 0 0 18px -10px color-mix(in srgb,var(--neon-blue) 55%, transparent)}
}
@media (max-width:700px){
  .band--feature.band--right.lore .sec-head,.band--feature.band--right.lore .band__in > .label{margin-inline-start:0}
  #creditList > li[data-appear]{transform:none}
  #contact .art{margin:0 auto var(--s6)}
}
@media (max-width:700px){
  #contact .art{position:relative}
}
@media (max-width:700px){
  .ghosts,.emotes,.emotes--amai{display:none}
  .rail{transform:none; padding:14px var(--band-x); margin-block:24px}
  .rail__track{animation:none !important; transform:none !important; translate:none !important; width:auto; display:block}
  .rail__group + .rail__group{display:none}
  .rail__group{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 12px; width:auto; animation:none; padding:0}
  .rail__item{font-size:14px; white-space:nowrap}
  [data-drag],[data-drag] *{cursor:auto}
  .hero__stage,.lineup__fig,.wall__st,.sched__mascot,.foot__mascot{touch-action:auto}
}
@media (max-width:700px){
  .wall__st[data-i="0"]{--w:34vw; top:calc(var(--seam-h) - 8px); right:-2%}
  .wall__st[data-i="1"]{display:none}
}
@media (max-width:700px){
  .lineup__tag,a.lineup__tag{height:26px; min-height:0; padding:0 10px; font-size:11.5px; gap:5px}
  .lineup__tag b{font-size:12.5px}
  .lineup__tag em{font-size:10.5px}
  a.lineup__tag::after{content:""; position:absolute; inset:-9px -6px}
}