@font-face{font-family:'For King';src:url(assets/fonts/forkingbrush.woff2) format('woff2');
  font-weight:400;font-display:swap}

@font-face{font-family:Archivo;src:url(assets/fonts/archivo-400_800-latin.woff2) format('woff2');
  font-weight:100 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;src:url(assets/fonts/archivo-400_800-latin-ext.woff2) format('woff2');
  font-weight:100 900;font-display:swap;
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --void:#0b0806;
  --void-2:#141010;
  --paper:#ece7de;
  --dust:#867f77;
  --hair:rgba(242,238,230,.09);

  

  --ink-hi:#f2eee6;     
  --ink:#cfc7bd;        
  --ink-mid:#a9a199;    
  --ink-lo:#8a827a;     

  

  --acc:#e3a8a5;
  --acc-lift:#e6a7a4;
  --acc-ink:#e3a8a5;
  --acc-glow:rgba(227,168,165,.30);

   
  --glass-sat:.07;
  --glass-contrast:1;
  --glass-bright:.44;

  

  --accent:#8d8a86;
  --room:#3a3a42;
  --room-soft:rgba(120,120,132,.16);

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  

  --ease-zoom:cubic-bezier(.16,.84,.24,1);
  --zoom-ms:760ms;

  

  --step--1:clamp(13px,.9vw,14px);
  --step-0:clamp(15px,1.12vw,17px);
  --step-1:clamp(17px,1.5vw,20px);
  

  --display:clamp(30px,4.4vw,62px);
}

*{box-sizing:border-box}


[hidden]{display:none!important}
html,body{margin:0;padding:0}
html{background:var(--void)}
body{
  min-height:100svh;
  background:var(--void);
  color:var(--paper);
  font:400 var(--step-0)/1.55 Archivo,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  overscroll-behavior-y:none;
}
body.is-open{overflow:hidden}



body.is-open main > section,
body.is-open main > footer,
body.is-in.is-open .hero{opacity:0!important;pointer-events:none;transition:opacity .3s var(--ease)}
body.is-open .scene::after{opacity:0}


body.is-open .scene__chips{opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--paper);color:var(--void);
  padding:14px 20px;min-height:44px;display:inline-flex;align-items:center;
  font:500 14px Archivo,sans-serif}
.skip:focus{left:12px;top:12px}



.grain{
  position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
}






.scene__edge{
  position:absolute;inset:0;z-index:7;pointer-events:none;
  background:
    linear-gradient(to right, var(--void), rgba(11,8,6,0) 3%),
    linear-gradient(to left,  var(--void), rgba(11,8,6,0) 3%),
    linear-gradient(to bottom, var(--void), rgba(11,8,6,0) 2.5%),
    linear-gradient(to top,    var(--void), rgba(11,8,6,0) 2.5%);
}



.dust{
  position:fixed;inset:0;z-index:3;pointer-events:none;
  opacity:0;transition:opacity 2.6s var(--ease) 1.2s;
}
body.is-in .dust{opacity:1}
body.is-open .dust{opacity:.3}

.dustplane{
  position:absolute;inset:-12% 0 -12% 0;
  animation:drift var(--t,58s) linear var(--delay,0s) infinite;
}
.mote{
  position:absolute;border-radius:50%;
  width:var(--d,2px);height:var(--d,2px);
  

  

  

  background:#e8dcc6;
  opacity:var(--a,.3);
}
@keyframes drift{
  from{transform:translate3d(0,-14%,0)}
  to  {transform:translate3d(0,114%,0)}
}

 



.sweep{
  position:absolute;z-index:6;inset:-14% -45%;
  pointer-events:none;opacity:0;
  

  background:linear-gradient(102deg,transparent 44%,rgba(255,246,229,.26) 49.5%,
             rgba(255,252,242,.44) 51%,transparent 57%);
  filter:blur(13px);
  mix-blend-mode:screen;
  transform:translate3d(-58%,0,0);
}
.sweep.is-running{animation:sweep 1750ms cubic-bezier(.32,.05,.24,1) forwards}


@keyframes sweep{
  0%  {opacity:0;transform:translate3d(-58%,0,0)}
  18% {opacity:.45}
  46% {opacity:.72}
  74% {opacity:.34}
  100%{opacity:0;transform:translate3d(58%,0,0)}
}

 
















main{position:relative;z-index:3;pointer-events:none}
main section.record,main section.tour,main .foot,main .open{pointer-events:auto}
section{padding:clamp(64px,10vh,120px) clamp(20px,6vw,80px)}



.hero,.today{pointer-events:none}


.hero__body,.today__inner{pointer-events:none}
.hero__body > *,.today__inner > *{pointer-events:auto}

.eyebrow{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  margin:0 0 18px;font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.14em;text-transform:uppercase;color:var(--dust);
}
.eyebrow__sep{opacity:.5}



.hero{
  min-height:100svh;
  display:flex;align-items:center;
  padding:clamp(28px,6vh,72px) clamp(22px,4vw,64px)
          clamp(28px,6vh,72px) clamp(22px,4vw,64px);
  opacity:0;transform:translateY(14px);
  transition:opacity 1s var(--ease-out) 1.1s,transform 1s var(--ease-out) 1.1s;
}
body.is-in .hero{opacity:1;transform:none}


.hero__body{
  position:relative;
  

  display:grid;gap:clamp(11px,1.5vh,17px);justify-items:start;
  

  grid-template-columns:minmax(0,1fr);
  width:100%;
}


.hero__body > *{max-width:100%;min-width:0}



.hero__body{justify-items:center;text-align:center}
.hero__body > *{margin-inline:auto}



.hero__rule,
.hero__note,
.presave__note,
.camp__fine,
.caught{text-align:left}









@media (min-width:761px){
  

  .hero__body{
    width:min(calc(var(--rail,42vw) - clamp(22px,4vw,64px) - 20px),30rem);
  }
}


.hero::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(120% 78% at 108% 42%,
      color-mix(in srgb, var(--room, #3a3a42) 34%, transparent),
      transparent 62%),
    radial-gradient(90% 60% at 96% 88%,
      color-mix(in srgb, var(--accent, #8d8a86) 16%, transparent),
      transparent 58%);
  opacity:0;transition:opacity 2.6s var(--ease) .8s, background 2.4s var(--ease);
}
body.is-in .hero::before{opacity:1}







.hero__h1{margin:0;display:block;pointer-events:none}
.hero__lockup{display:block;width:min(100%,86vw,440px);height:auto;
  

  aspect-ratio:1800 / 816;
  

  pointer-events:none;
}


.hero__date{margin:0;font-size:var(--step-1);color:var(--paper)}
.hero__date strong{font-weight:600}



.sound{
  display:inline-flex;align-items:center;gap:9px;
  margin:0;padding:8px 13px 8px 11px;
  background:none;border:1px solid var(--hair);
  color:var(--dust);cursor:pointer;
  font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.11em;text-transform:uppercase;
  transition:color .3s var(--ease),border-color .3s var(--ease);;
  

  min-height:44px;
}
.sound:hover{color:var(--paper);border-color:var(--paper)}
.sound[aria-pressed="true"]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 46%,transparent)}
.sound__bars{display:flex;align-items:flex-end;gap:2px;height:12px}
.sound__bars i{
  width:2px;height:3px;background:currentColor;display:block;
  transform-origin:50% 100%;
}
.sound[aria-pressed="true"] .sound__bars i{animation:eq 1.1s ease-in-out infinite}
.sound[aria-pressed="true"] .sound__bars i:nth-child(2){animation-delay:.16s}
.sound[aria-pressed="true"] .sound__bars i:nth-child(3){animation-delay:.33s}
.sound[aria-pressed="true"] .sound__bars i:nth-child(4){animation-delay:.08s}
@keyframes eq{
  0%,100%{transform:scaleY(1)}
  50%    {transform:scaleY(3.4)}
}



.hero__lock{
  display:flex;align-items:center;gap:9px;margin:0;
  font:500 var(--step--1)/1.35 Archivo,sans-serif;
  letter-spacing:.06em;color:var(--ink-mid);
}
.hero__lock-i{flex:none;display:grid;place-items:center;width:15px;height:15px}
.hero__lock-i svg{width:15px;height:15px;fill:currentColor}

.hero__note{margin:0;font-size:var(--step--1);color:var(--dust);max-width:32ch;line-height:1.5}


 




.scene{
  position:fixed;z-index:1;
  

  top:0;left:0;width:100vw;height:100svh;
  pointer-events:none;overflow:hidden;
}
.scene__stage{
  

  

    position:absolute;top:0;left:0;
  transform-origin:0 0;
  will-change:transform;
  

  transition:transform var(--zoom-ms) var(--ease-zoom),opacity .95s var(--ease);
  opacity:0;
}
body.is-in .scene__stage{opacity:1}

 
.scene__plate{
  position:absolute;inset:0;
  background:image-set(url(assets/plate.webp) type('image/webp'), url(assets/plate.jpg) type('image/jpeg')) center/100% 100% no-repeat;
  

  filter:saturate(var(--glass-sat)) contrast(var(--glass-contrast)) brightness(var(--glass-bright));
  transition:filter 3.4s var(--ease);
}
.scene.is-released .scene__plate{filter:none}
.scene__panes{position:absolute;inset:0}





.scene::after{
  content:'';position:absolute;inset:0;z-index:8;pointer-events:none;
  background:
    linear-gradient(to top,rgba(11,8,6,.92) 0%,rgba(11,8,6,.34) 26%,transparent 52%),
    linear-gradient(to right,rgba(11,8,6,.86) 0%,rgba(11,8,6,.22) 26%,transparent 46%);
}

.scene__band{
  position:absolute;inset:0;z-index:5;
  background:url(assets/band.webp) center/100% 100% no-repeat;
  filter:saturate(calc(.04 + .096 * var(--lit,0))) brightness(calc(.26 + .074 * var(--lit,0)));
  pointer-events:none;
  

  -webkit-mask-image:url(assets/brush-wipe.png);mask-image:url(assets/brush-wipe.png);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:0 0;mask-position:0 0;
  transition:-webkit-mask-position 1.3s var(--ease) .4s,
             mask-position 1.3s var(--ease) .4s,
             filter 2.4s var(--ease);
}
body.is-in .scene__band{-webkit-mask-position:100% 0;mask-position:100% 0}


body.is-settled .scene__band{
  -webkit-mask-image:none;mask-image:none;
  transition:filter 2.4s var(--ease);
}



.scene.is-released .scene__band{filter:none}








.scene__rimwrap{
  position:absolute;inset:0;z-index:6;pointer-events:none;
  -webkit-mask-image:linear-gradient(var(--rim-angle,300deg),
    #000 0%,#000 26%,rgba(0,0,0,.6) 50%,transparent 78%);
          mask-image:linear-gradient(var(--rim-angle,300deg),
    #000 0%,#000 26%,rgba(0,0,0,.6) 50%,transparent 78%);
  transition:-webkit-mask-image 1.8s var(--ease),mask-image 1.8s var(--ease);
}
.scene__rim{
  position:absolute;inset:0;pointer-events:none;
  

  background:var(--rim-grad,var(--accent));
  

  -webkit-mask-image:image-set(url(assets/band-rim.webp) type('image/webp'), url(assets/band-rim.png) type('image/png'));
  mask-image:image-set(url(assets/band-rim.webp) type('image/webp'), url(assets/band-rim.png) type('image/png'));
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  mix-blend-mode:screen;
  opacity:calc(.80 + .02 * var(--lit,0));
  transition:opacity 2.4s var(--ease),background 1.6s var(--ease);
}
.scene.is-released .scene__rim{opacity:0}

 



button,.pane,.open__arrow,.open__close{
  font:inherit;text-align:inherit;color:inherit;
}

.pane{
  position:absolute;pointer-events:auto;
  border:0;padding:0;margin:0;background:none;
  cursor:default;
  -webkit-tap-highlight-color:transparent;
}
.pane.is-lit{cursor:pointer}




.pane__glass{
  position:absolute;
  width:calc(100% / var(--w));
  height:calc(100% / var(--h));
  left:calc(var(--x) / var(--w) * -100%);
  top:calc(var(--y) / var(--h) * -100%);
  background:image-set(url(assets/plate.webp) type('image/webp'), url(assets/plate.jpg) type('image/jpeg')) center/100% 100% no-repeat;
  

  -webkit-mask-image:var(--mask);
          mask-image:var(--mask);
  -webkit-mask-size:100% 100%;
          mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  opacity:0;
  transition:opacity 1.5s var(--ease);
  transition-delay:var(--in,0ms);
}


.pane__paint{
  position:absolute;inset:0;overflow:visible;
  -webkit-mask-image:url(assets/brush-wipe.png);mask-image:url(assets/brush-wipe.png);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  

  -webkit-mask-position:0 0;mask-position:0 0;
  transition:-webkit-mask-position 1.5s var(--ease),mask-position 1.5s var(--ease);
  transition-delay:var(--in,0ms);
  pointer-events:none;
}
.pane.is-lit .pane__paint{-webkit-mask-position:100% 0;mask-position:100% 0}















.pane__bloom{
  

  position:absolute;inset:-6%;
  

  

  background:radial-gradient(closest-side ellipse at 50% 50%,
    var(--hue) 0%, color-mix(in srgb, var(--hue) 52%, transparent) 36%, transparent 74%);
  mix-blend-mode:screen;
  opacity:0;transition:opacity 1.6s var(--ease);
  transition-delay:var(--in,0ms);
  pointer-events:none;
}


body.is-settled .pane__bloom,


.pane.is-lit .pane__bloom{opacity:.34}
.pane.is-lit.is-probe .pane__bloom{opacity:.8}






.pane.is-lit .pane__glass{
  opacity:1;
  filter:saturate(1.34) brightness(1.2);
}



body.is-settled .pane__glass,
body.is-settled .pane__bloom,
body.is-settled .pane__paint{
  transition-delay:0ms;
  transition-duration:.34s;
}







@keyframes panebreathe{
  0%,100%{opacity:0}
  50%    {opacity:.30}
}
.pane__pulse{
  position:absolute;inset:0;
  background:#fff8ec;
  

  opacity:0;pointer-events:none;
}



.pane.is-behind .pane__pulse{opacity:0}
.scene.is-released .pane.is-behind .pane__glass{
  filter:saturate(1.34) brightness(1.2);
}


.pane.is-behind .pane__paint{
  transition:-webkit-mask-position 2.6s var(--ease),mask-position 2.6s var(--ease);
  transition-delay:var(--in,0ms);
}
.pane.is-behind .pane__bloom{
  transition:opacity 2.8s var(--ease);
  transition-delay:var(--in,0ms);
}

 
.scene.is-released .scene__band{
  transform:translateY(-0.6%) scale(1.006);
  transition:transform 3.2s var(--ease-out) .5s,filter 2.8s var(--ease);
}
.scene.is-released .scene__stage{
  transition:transform var(--zoom-ms) var(--ease-zoom),opacity .95s var(--ease),filter 3s var(--ease);
}



.pane:not(.is-lit) .pane__pulse{
  background:var(--void);
  opacity:.68;
}


.pane.is-lit.is-today .pane__pulse{will-change:opacity}
.pane.is-lit.is-today .pane__pulse{
  animation:panebreathe 4.6s ease-in-out 2.4s infinite;
}
.pane.is-lit .pane__glass{
  opacity:1;
  filter:saturate(1.34) brightness(1.2);
}



.pane.is-lit.is-today .pane__bloom{opacity:.66}






.pane.is-lit:not(.is-today) .pane__glass{filter:saturate(1.22) brightness(.74)}
.pane.is-lit:not(.is-today) .pane__bloom{opacity:.24}


:where(button,a,[tabindex]):focus-visible{
  outline:2px solid var(--paper);outline-offset:3px;border-radius:2px;
}
.pane:focus-visible{outline-offset:-3px}



@media (hover:hover) and (pointer:fine){
  

  

  

  

  .pane.is-lit.is-probe .pane__paint{filter:brightness(1.05) saturate(1.06)}
  .pane.is-lit .pane__paint{transition:filter .45s var(--ease),
    -webkit-mask-position 1.5s var(--ease),mask-position 1.5s var(--ease)}
}
.open__close:focus-visible{outline-offset:-2px}

 
 


.scene.is-zoomed .pane:not(.is-focus) .pane__paint{filter:brightness(.30) saturate(.5)}
.scene.is-zoomed .pane:not(.is-focus) .pane__bloom{opacity:0}
.scene.is-zoomed .pane.is-focus .pane__bloom{opacity:.8}
.scene.is-zoomed .scene__plate{filter:saturate(.05) brightness(.22)}







.hero__release{
  margin:clamp(11px,2vh,22px) 0 0;
  font:500 clamp(15px,1.25vw,19px)/1.3 Archivo,sans-serif;
  letter-spacing:.19em;text-transform:uppercase;color:var(--paper);
}


.hero__release b{font-weight:600;color:var(--ink)}

.countdown{
  margin:10px 0 0;display:flex;align-items:baseline;gap:clamp(14px,1.6vw,24px);
  font-variant-numeric:tabular-nums;color:var(--paper);
}
.countdown span{display:flex;align-items:baseline;gap:7px}
.countdown b{
  font:400 clamp(30px,3.6vw,50px)/.9 'For King',Archivo,sans-serif;
  font-weight:400;letter-spacing:-.01em;
}
.countdown i{
  font:500 var(--step--1)/1 Archivo,sans-serif;font-style:normal;
  letter-spacing:.16em;text-transform:uppercase;color:var(--dust);
}

.hero__rule{
  margin:clamp(12px,1.8vh,22px) 0 0;max-width:30rem;
  font-size:var(--step-1);line-height:1.5;color:#cfc7bd;
}



.hero__offer{
  margin:clamp(12px,1.8vh,22px) 0 0; max-width:30rem;
  font-size:var(--step-1); line-height:1.5; color:#cfc7bd;
}
.hero__offer b{font-weight:600; color:var(--ink)}





.camp__other{margin:6px 0 0}
.camp__other[open]{
  border:1px solid rgba(236,231,222,.14);
  border-radius:3px;
  background:rgba(236,231,222,.028);
  padding:2px clamp(12px,3vw,18px) clamp(12px,2vh,16px);
  margin-bottom:clamp(14px,2.4vh,22px);
}
.camp__other > summary{
  cursor:pointer; list-style:none; width:max-content;
  min-height:44px; display:inline-flex; align-items:center;
  font-size:13px; color:var(--dust);
  border-bottom:1px solid rgba(236,231,222,.22);
}
.camp__other > summary::-webkit-details-marker{display:none}
.camp__other > summary:hover{color:var(--paper)}
.camp__other > summary:focus-visible{outline:2px solid var(--paper); outline-offset:3px}


.camp__other[open] > summary{
  margin-bottom:12px; border-bottom-color:transparent; color:var(--paper);
}
 
.camp__other .presave{margin:0 0 14px}
.camp__other .presave__label{font-size:11px}

.reveal{
  display:grid;justify-items:start;gap:6px;
  padding:clamp(14px,2vh,20px) 0 clamp(4px,1vh,10px);
  border-top:1px solid var(--hair);
  width:100%;
}
.reveal__eyebrow{
  margin:0 0 4px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  font:500 var(--step--1)/1 Archivo,sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-lo);
}
.reveal__eyebrow .sep{color:var(--dust);opacity:.5}
.reveal__label{
  margin:0;font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.15em;text-transform:uppercase;color:var(--dust);
}
.reveal__title{
  margin:0;font-family:'For King',Archivo,sans-serif;font-weight:400;
  

  font-size:clamp(26px,3.2vw,42px);line-height:.94;letter-spacing:-.005em;
  text-wrap:balance;color:var(--paper);
  

  min-height:calc(2 * .94em);
}
.reveal__feat{margin:2px 0 0;font-size:var(--step-0);color:var(--dust)}

 



.record,.tour{
  position:relative;background:none;
}



.hero + .record{padding-top:clamp(16px,2vh,28px)}



.record:last-of-type{padding-bottom:clamp(28px,4vh,48px)}
.record::before,.tour::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to right,
    rgba(11,8,6,.96) 0%, rgba(11,8,6,.93) 42%, rgba(11,8,6,.55) 72%, rgba(11,8,6,.2) 100%);
}



@media (min-width:1000px){
  .record__grid{
    display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    gap:clamp(32px,5vw,86px);align-items:start;
  }
  .record__aside{position:sticky;top:clamp(40px,10vh,110px)}
}
.record__head{display:grid;gap:clamp(20px,3vw,42px);align-items:start;
  margin-bottom:clamp(34px,5vh,56px)}
@media (min-width:900px){.record__head{grid-template-columns:1.1fr 1fr}}
.record__iso{display:block;width:min(84vw,420px);height:auto}
.record__blurb{margin:0;font-size:var(--step-1);line-height:1.6;color:#cfc7bd;max-width:34rem}



.track{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair);max-width:44rem}


.track li{display:block;border-bottom:1px solid var(--hair)}
.track__row{
  display:flex;align-items:center;gap:clamp(14px,2vw,26px);
  width:100%;padding:clamp(13px,1.7vh,19px) 0;
   
  margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;
  -webkit-appearance:none;appearance:none;
}
.track__n{flex:none;width:2.2ch;font:500 var(--step--1)/1 Archivo,sans-serif;
  color:var(--dust);font-variant-numeric:tabular-nums}
.track__t{font-family:'For King',Archivo,sans-serif;font-size:clamp(19px,2.3vw,27px);line-height:1.05}


.track li.is-locked .track__t{font-family:Archivo,sans-serif;font-size:var(--step--1);
  font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dust);letter-spacing:.12em}
.track li.is-today,.track li.is-today .track__n{color:var(--accent)}
 
.track__body{display:block;min-width:0;flex:1 1 auto}
.track__feat{display:block;margin-top:5px;font-size:var(--step--1);color:var(--dust)}



.track__go{
  flex:none;width:26px;height:26px;display:grid;place-items:center;
  color:var(--dust);opacity:0;transition:opacity .2s var(--ease),color .2s var(--ease);
}
.track__go::before{content:'\2192';font-size:15px}
.track li.has-audio .track__go::before{content:'\25B6';font-size:11px}
 
.track li.has-audio .track__go{opacity:.75}


button.track__row:hover .track__go,
button.track__row:focus-visible .track__go{opacity:1;color:var(--accent,var(--paper))}
button.track__row:hover{background:rgba(236,231,222,.035)}
button.track__row{
  cursor:pointer;
  margin-inline:calc(-1 * clamp(8px,1vw,14px));
  padding-inline:clamp(8px,1vw,14px);
  transition:background .2s var(--ease);
}
button.track__row:focus-visible{outline:2px solid var(--accent,var(--paper));outline-offset:-2px}
 
.track li.is-today{box-shadow:inset 2px 0 0 var(--accent)}
.record__aside{display:grid;gap:clamp(18px,2.6vh,28px);justify-items:start}


.record__iso{display:block;width:min(84vw,340px);height:auto;justify-self:center}
.record__blurb{margin:0;font-size:var(--step-0);line-height:1.6;color:#cfc7bd;max-width:32rem}



.record__formats{display:grid;gap:16px;justify-items:start;margin-top:clamp(30px,4vh,48px)}
.record__note{margin:2px 0 0;font-size:var(--step--1);color:var(--dust)}



.record__formats{display:grid;gap:14px;margin-top:clamp(28px,4vh,44px);
  

  justify-items:stretch;width:100%;max-width:44rem}
.record__formats>.dsp,.record__formats>.btnrow{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;width:100%;max-width:none;
}
#preorder{
  border-color:var(--accent,var(--paper));
  color:var(--void);
  background:var(--accent,var(--paper));
}
#preorder:hover{filter:brightness(1.1)}


.record__formats-label{
  margin:0;font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-lo);
}
.record__note{font-size:var(--step-0);line-height:1.55;color:#cfc7bd;max-width:26rem}
.record__formats>.btnrow{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}

 

.tour{display:grid;gap:18px;justify-items:start}
 
.tour__title{margin:0;font-family:'For King',Archivo,sans-serif;font-weight:400;
  font-size:clamp(24px,2.6vw,36px);line-height:1}
.tour__lede{margin:0;font-size:var(--step-1);line-height:1.6;color:#cfc7bd;max-width:32rem}

 



.foot{background:var(--void);border-top:1px solid var(--hair);
  padding:clamp(40px,6vh,72px) clamp(20px,6vw,80px);
  display:grid;gap:20px;justify-items:center;text-align:center}


.foot .foot__note{text-align:left}
.foot__crest{display:block;width:clamp(56px,7vw,84px);height:auto;opacity:.9}
.foot__legal{margin:0;font-size:var(--step--1);color:var(--dust)}




.player{position:relative;margin-top:22px}
.player__frame{
  position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;
  background:var(--void);border:1px solid var(--hair);
}


.player__frame--video{aspect-ratio:16/9;max-height:34svh}

.player__frame img,.player__frame video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
.player__frame--audio{aspect-ratio:auto;height:auto;padding:26px;border:0;background:none}

.player__bar{display:flex;align-items:center;gap:14px;margin-top:14px}
.player__play{
  flex:none;width:52px;height:52px;border-radius:50%;
  border:1px solid var(--accent);background:none;color:var(--paper);
  font-size:15px;cursor:pointer;display:grid;place-items:center;
  transition:background .3s var(--ease),color .3s var(--ease);
}
.player__play:hover,.player__play:focus-visible{background:var(--accent);color:var(--void)}
.player__time{
  font:500 var(--step--1)/1 Archivo,sans-serif;color:var(--dust);
  font-variant-numeric:tabular-nums;flex:none;min-width:8ch;
}



.player__wave{position:relative;flex:1;height:44px;cursor:pointer}
.player__wave canvas{display:block;width:100%;height:100%}
.player__line{position:relative;flex:1;height:3px;background:var(--hair);cursor:pointer}
.player__fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--accent)}

.player__cap{margin:12px 0 0;font-size:var(--step--1);color:var(--dust)}

 



.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:17px 30px;min-height:54px;
  border:1px solid rgba(236,231,222,.5);
  color:var(--paper);text-decoration:none;
  font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);
}
.btn:hover,.btn:focus-visible{background:var(--paper);color:var(--void);border-color:var(--paper)}
 
.btn--solid{background:var(--accent);border-color:var(--accent);color:var(--void)}
.btn--solid:hover,.btn--solid:focus-visible{background:var(--paper);border-color:var(--paper)}



.btn--solid.btn--pending,.btn--pending{
  background:transparent;
  color:#a8a099;           
  border-color:rgba(236,231,222,.30);
  cursor:default;
}

 


.btnrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;width:100%;max-width:44rem}
.hero__body .btnrow{grid-template-columns:minmax(0,1fr);max-width:27rem;gap:10px}


.hero__body .btnrow.is-dupe{display:none}
.hero__body .btnrow:not(:has(> *:not([hidden]))){display:none}
.hero__body .btnrow .btn{width:100%;white-space:normal;text-align:center}
 
.hero__body .btnrow .btn--solid{order:-1}



.presave{
  margin:clamp(15px,2.2vh,21px) 0 0;
  padding:clamp(13px,1.7vh,16px) 0 0;
  border-top:1px solid var(--hair);
  width:100%;max-width:27rem;
}
.presave[hidden]{display:none}
.presave__label{
  margin:0 0 12px;font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-lo);
}


.presave__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.presave__btn{
  width:100%;flex-direction:column;justify-content:center;gap:8px;
  padding:13px 8px;min-height:74px;white-space:normal;text-align:center;
  font-size:var(--step--2,11px);letter-spacing:.09em;line-height:1.2;
}
.presave__btn svg{width:22px;height:22px}
 
@media (max-width:400px){
  .presave__btn{min-height:68px;padding:11px 5px;letter-spacing:.04em}
  .presave__btn svg{width:19px;height:19px}
}
.presave__btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.presave__note{
  margin:11px 0 0;font-size:var(--step--1);line-height:1.5;color:var(--dust);
}
.presave.is-done .presave__label{color:var(--ink-mid)}



.btn--ghost{
  background:none;
  border-color:color-mix(in srgb,var(--paper) 22%,transparent);
  color:var(--dust);
}
.btn--ghost:hover{color:var(--paper);border-color:color-mix(in srgb,var(--paper) 46%,transparent)}



.dsp{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}



.dsp.is-avail{display:block;margin-top:0}
.record__formats>.dsp.is-avail{grid-template-columns:none}
.dsp__avail{
  margin:0 0 12px;font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent,var(--dust));
}
.dsp__marks{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.dsp__mark{
  display:inline-flex;align-items:center;gap:9px;
  font:500 var(--step-0)/1 Archivo,sans-serif;color:#cfc7bd;
}
.dsp__mark svg{width:19px;height:19px;fill:currentColor;flex:none;opacity:.9}
.dsp__btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 20px;min-height:48px;
  border:1px solid var(--hair);color:var(--dust);text-decoration:none;
  font:500 var(--step--1)/1 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  transition:color .3s var(--ease),border-color .3s var(--ease);
}
.dsp__btn:hover,.dsp__btn:focus-visible{color:var(--paper);border-color:var(--paper)}
.dsp__btn svg{width:18px;height:18px;fill:currentColor;flex:none}


.dsp__btn[aria-disabled="true"]{color:#a8a099;border-color:rgba(236,231,222,.24);
  pointer-events:none}

 
.hero__album{
  margin:0;font:500 var(--step-0)/1.4 Archivo,sans-serif;
  letter-spacing:.18em;text-transform:uppercase;color:var(--paper);
}

 
 

.open{
  position:fixed;inset:0;z-index:40;
  

  display:flex;align-items:center;justify-content:flex-start;
  

  pointer-events:none;
}
.open:not([hidden]){pointer-events:auto}


.open::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to right,transparent 0%,rgba(11,8,6,.15) 34%,rgba(11,8,6,.86) 58%,var(--void) 78%);
  opacity:0;transition:opacity .5s var(--ease);
}
.open.is-in::before{opacity:1}
.open__panel{
  pointer-events:auto;position:relative;
  

  --edge:linear-gradient(to bottom,#000 0,#000 calc(100% - 46px),transparent 100%);
  -webkit-mask-image:var(--edge);mask-image:var(--edge);
  width:var(--panel-w,min(46vw,520px));
  margin-left:var(--panel-x,0px);
  max-height:88svh;overflow-y:auto;overscroll-behavior:contain;
  

  padding:0 clamp(20px,5vw,28px)
          calc(clamp(22px,3vh,32px) + env(safe-area-inset-bottom));
  background:none;border:0;
  transform:translateY(18px);opacity:0;
  transition:transform .5s var(--ease-out) .18s,opacity .4s var(--ease) .18s;
}
.open.is-in .open__panel{transform:none;opacity:1}


.open__panel{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--hue,var(--dust)) 42%,transparent) transparent}
.open__panel::-webkit-scrollbar{width:6px}
.open__panel::-webkit-scrollbar-track{background:transparent}
.open__panel::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--hue,var(--dust)) 38%,transparent);
  border-radius:3px;
}
.open__panel:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--hue,var(--dust)) 62%,transparent)}





.open__close{
  

  position:fixed;top:clamp(14px,3vh,30px);right:clamp(14px,3vw,38px);
  z-index:6;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(11,8,6,.42);
  border:1px solid color-mix(in srgb,var(--paper) 22%,transparent);
  color:var(--paper);font-size:24px;line-height:1;cursor:pointer;
  transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);
}


.open__panel:focus{outline:none}
.open__close:hover{
  background:color-mix(in srgb,var(--hue,var(--paper)) 26%,rgba(11,8,6,.6));
  border-color:color-mix(in srgb,var(--paper) 52%,transparent);
  transform:scale(1.06);
}



.open__share{
  display:inline-flex;align-items:center;gap:9px;
  margin:18px 0 0;padding:10px 15px;
  background:none;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--paper) 20%,transparent);
  color:var(--dust);
  font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.13em;text-transform:uppercase;
  transition:color .22s var(--ease),border-color .22s var(--ease);
}
.open__share svg{width:16px;height:16px;flex:none}
.open__share:hover{color:var(--paper);border-color:color-mix(in srgb,var(--paper) 44%,transparent)}
.open__share.is-done{
  color:var(--hue,var(--paper));
  border-color:color-mix(in srgb,var(--hue,var(--paper)) 54%,transparent);
}
 
.open__share.is-done svg{opacity:0;transition:opacity .2s var(--ease)}

.open__day{margin:0 0 10px;font:500 var(--step-0)/1 Archivo,sans-serif;
  letter-spacing:.005em;color:var(--hue,var(--dust))}
.open__title{margin:0;font-family:'For King',Archivo,sans-serif;
  font-size:clamp(30px,5vw,48px);font-weight:400;line-height:.98;letter-spacing:-.005em}
.open__feat{margin:9px 0 0;font-size:var(--step-0);color:var(--dust)}


.open__lyric{
  margin:22px 0 0;padding:0 0 0 16px;
  border-left:2px solid var(--hue,var(--room));
  font-size:clamp(18px,2.4vw,24px);line-height:1.35;
  font-weight:400;font-style:normal;color:var(--paper);
  text-wrap:balance;
}
.open__blurb{margin-top:20px;font-size:var(--step-1);line-height:1.6;color:#d3ccc2}
.open__media{margin-top:20px}
 
.open__media:empty{margin-top:0}


.open__media picture,.player__frame picture{display:block}
.open__media img,.open__media video{width:100%;display:block;border-radius:2px}
.open__media audio{width:100%}



.open__day,.open__title,.open__feat,.open__lyric,.open__blurb,.open__media,.open__nav{
  opacity:0;transform:translateY(12px);
  transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);
}
.open.is-in .open__day  {opacity:1;transform:none;transition-delay:.26s}
.open.is-in .open__title{opacity:1;transform:none;transition-delay:.34s}
.open.is-in .open__feat {opacity:1;transform:none;transition-delay:.40s}
.open.is-in .open__lyric{opacity:1;transform:none;transition-delay:.48s}
.open.is-in .open__blurb{opacity:1;transform:none;transition-delay:.56s}
.open.is-in .open__media{opacity:1;transform:none;transition-delay:.64s}
.open.is-in .open__nav  {opacity:1;transform:none;transition-delay:.72s}



.open__nav{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  position:sticky;bottom:0;z-index:2;
  margin-top:22px;padding:14px 0 4px;
  background:linear-gradient(to top,var(--void) 58%,rgba(11,8,6,0));
}
.open__arrow{
  width:46px;height:46px;flex:none;
  background:none;border:1px solid var(--hair);color:var(--paper);
  font-size:17px;cursor:pointer;
  transition:border-color .3s var(--ease),background .3s var(--ease);
}
.open__arrow:hover:not(:disabled){border-color:var(--paper)}
.open__arrow:disabled{opacity:.28;cursor:default}
.open__hint{font:400 var(--step-0)/1 Archivo,sans-serif;color:var(--dust);text-align:center}



.sheet{margin:20px 0 0;padding:0}
.sheet img{
  display:block;width:100%;
  

  height:auto;max-height:30svh;object-fit:cover;object-position:50% 0;
  border:1px solid var(--hair);
  

  filter:brightness(.9) saturate(.92);
}



.sheet figcaption,
.xtra figcaption{
  margin:7px 0 0; font-size:12px; line-height:1.45; color:var(--dust);
}
.xtra{margin:20px 0 0; padding:0}



.xtra--video video{
  display:block; width:100%; height:auto; max-height:34svh;
  background:#000; border:1px solid var(--hair);
}
.xtra--audio audio{display:block; width:100%}



.xtra--quote blockquote{
  margin:0; padding:0 0 0 14px; border-left:2px solid var(--acc-ink,var(--accent));
  font:400 var(--step-1)/1.45 'For King',Archivo,sans-serif; color:var(--ink-hi,var(--paper));
}

 
.xtra__tx{margin:8px 0 0}
.xtra__tx > summary{
  cursor:pointer; list-style:none; width:max-content;
  min-height:44px; display:inline-flex; align-items:center;
  font-size:13px; color:var(--dust);
  border-bottom:1px solid rgba(236,231,222,.22);
}
.xtra__tx > summary::-webkit-details-marker{display:none}
.xtra__tx > summary:hover{color:var(--paper)}
.xtra__tx p{margin:9px 0 0; font-size:13px; line-height:1.6; color:var(--dust)}

.slot{
  border:1px dashed var(--hair);padding:22px;
  font-size:var(--step-0);line-height:1.6;color:var(--dust);text-align:center;
}
.slot strong{display:block;color:var(--paper);font:500 var(--step-0)/1 Archivo,sans-serif;
  letter-spacing:.005em;margin-bottom:10px}
.locked .btn{margin-top:16px}



.panelabel{
  

  position:fixed;top:0;left:0;z-index:24;pointer-events:none;
  will-change:transform;
  padding:7px 12px;
  background:rgba(11,8,6,.92);
  border:1px solid color-mix(in srgb, var(--lab-hue,#ece7de) 40%, transparent);
  color:var(--paper);
  font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.04em;white-space:nowrap;
  opacity:0;transition:opacity .22s var(--ease);
}
.panelabel.is-on{opacity:1}



.todaymark{
  position:fixed;top:0;left:0;z-index:23;pointer-events:none;
  display:flex;align-items:center;gap:8px;
  padding:6px 11px 6px 9px;
  background:rgba(11,8,6,.86);
  border:1px solid color-mix(in srgb,var(--hue,#ece7de) 44%,transparent);
  color:var(--hue,var(--paper));
  font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.15em;white-space:nowrap;
  opacity:0;transition:opacity .5s var(--ease) 2.4s;
}


body.is-in .todaymark{opacity:calc(1 - var(--scene-chipfade,0))}
body.has-scenefade.is-in .todaymark{transition:opacity .2s var(--ease) 0s}


body:has(.open:not([hidden])) .todaymark{
  opacity:0;
  

  transition:opacity .28s var(--ease) 0s;
}
 
.todaymark i{
  width:7px;height:7px;border-radius:50%;background:var(--hue,var(--paper));
  animation:tmark 3.4s ease-in-out infinite;
}
@keyframes tmark{0%,100%{opacity:.45}50%{opacity:1}}


.scene.is-probing ~ * .todaymark,body:has(.scene.is-probing) .todaymark{
  opacity:.5;
  transition:opacity .18s var(--ease) 0s;
}
@media (prefers-reduced-motion:reduce){.todaymark i{animation:none;opacity:.9}}
.panelabel b{color:var(--lab-hue,var(--accent));font-weight:500;margin-right:8px}
 
.panelabel.is-locked{border-color:color-mix(in srgb,var(--accent) 46%,transparent)}
.panelabel__lock{
  width:11px;height:11px;fill:currentColor;color:var(--accent);
  margin-right:7px;vertical-align:-1px;
}
.panelabel i{
  display:block;margin-top:5px;font-style:normal;
  color:var(--accent);letter-spacing:.1em;text-transform:uppercase;
  font-size:calc(var(--step--1) - 1px);
}
.panelabel{white-space:normal;max-width:22rem;text-align:left}



body{padding-bottom:74px}
@media (max-width:760px){body{padding-bottom:66px}}



.dock{
  position:fixed;left:0;right:0;bottom:0;z-index:65;
  display:flex;align-items:center;gap:clamp(14px,2vw,26px);
  padding:14px clamp(16px,3vw,34px) calc(14px + env(safe-area-inset-bottom));
  background:rgba(9,7,5,.96);
  border-top:1px solid var(--hair);
  transform:translateY(100%);
  transition:transform .46s var(--ease-out);
}
.dock.is-in{transform:none}
body.has-dock .foot{padding-bottom:112px}

.dock__transport{display:flex;align-items:center;gap:6px;flex:none}

 
.dock__step{
  width:36px;height:36px;display:grid;place-items:center;
  background:none;border:0;color:var(--dust);cursor:pointer;padding:0;
  transition:color .25s var(--ease);
}
.dock__step:hover{color:var(--paper)}
.dock__step svg{width:17px;height:17px;fill:currentColor}



.dock__play{
  width:40px;height:40px;display:grid;place-items:center;
  background:var(--dock-hue,var(--accent));border:0;color:var(--void);
  cursor:pointer;padding:0;
  transition:filter .25s var(--ease);
}
.dock__play:hover{filter:brightness(1.12)}
.dock__play svg{width:19px;height:19px;fill:currentColor}

.dock__meta{flex:1 1 auto;min-width:0;display:grid;gap:9px}
.dock__title{
  margin:0;font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.11em;text-transform:uppercase;color:var(--paper);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
 
.dock__prog{position:relative;height:2px;background:var(--hair);cursor:pointer}
.dock__prog:focus-visible{outline:2px solid var(--paper);outline-offset:6px}
.dock__bar{
  position:absolute;left:0;top:0;bottom:0;width:0;
  background:var(--dock-hue,var(--accent));
}
.dock__time{
  flex:none;font:400 var(--step--1)/1 Archivo,sans-serif;color:var(--dust);
  letter-spacing:.06em;font-variant-numeric:tabular-nums;
}
.dock__close{
  flex:none;width:34px;height:34px;display:grid;place-items:center;
  background:none;border:0;color:var(--dust);cursor:pointer;padding:0;
  transition:color .25s var(--ease);
}
.dock__close:hover{color:var(--paper)}
.dock__close svg{width:16px;height:16px}



.track li.is-playing .track__t{color:var(--dock-hue,var(--accent))}
.track li.has-audio{cursor:pointer}

@media (max-width:600px){
  .dock{gap:12px;padding-left:12px;padding-right:12px}
  .dock__time{display:none}
  .dock__step{width:32px}
}





@media (pointer:coarse){
  .dock__step{width:44px;height:44px}
  .dock__play{width:48px;height:48px}
  .dock__play svg{width:21px;height:21px}
  .dock__close{width:44px;height:44px}
  

  .dock__prog{
    height:2px;
    padding:21px 0;
    background-clip:content-box;
    box-sizing:content-box;
  }
  

  .dock__bar{top:21px;bottom:21px}
   
  .dock{gap:clamp(8px,2vw,18px)}
}




.lightbox{
  position:fixed;inset:0;z-index:70;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(16px,4vh,54px);
  background:rgba(6,4,3,.94);
  opacity:0;transition:opacity .32s var(--ease);
}
.lightbox.is-in{opacity:1}
.lightbox img,.lightbox video{
  

  max-width:calc(100vw - 2 * clamp(16px,4vh,54px));
  max-height:calc(100svh - 2 * clamp(16px,4vh,54px));
  width:auto;height:auto;
  display:block;object-fit:contain;
  box-shadow:0 40px 120px rgba(0,0,0,.7);
}
.lightbox__close{
  position:fixed;top:clamp(14px,3vh,30px);right:clamp(14px,3vw,38px);
  width:46px;height:46px;background:none;border:0;
  color:var(--paper);font-size:28px;line-height:1;cursor:pointer;
}
 
.sheet,.player__frame{cursor:zoom-in}

 






 
@media (max-width:1024px){
  section{padding:clamp(52px,8vh,88px) clamp(20px,5vw,52px)}
  

  .hero__lockup{width:min(100%,70vw,460px)}
  .record__head{grid-template-columns:minmax(0,1fr)}
}



.slot.locked{
  border-color:color-mix(in srgb, var(--accent) 42%, transparent);
  background:color-mix(in srgb, var(--accent) 7%, transparent);
  border-style:solid;
}


.slot.locked{text-align:left;padding:26px 24px}
.slot.locked strong{
  display:block;margin-bottom:10px;
  font:400 clamp(24px,2.4vw,34px)/1 'For King',Archivo,sans-serif;
  letter-spacing:0;color:var(--accent);
}
.slot.locked .btn{width:100%;text-align:center;margin-top:18px}
.slot.locked .btn{margin-top:14px}





.gatepick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:16px}


.gatepick--single{grid-template-columns:1fr}
.gatepick .btn{width:100%;margin-top:0;text-align:center;justify-content:center}


.gatepick .btn{white-space:normal;line-height:1.25;padding-inline:18px}


.gatepick button.btn{appearance:none;-webkit-appearance:none;background:transparent;
  font-family:inherit;cursor:pointer}
.gatepick button.btn.btn--solid{background:var(--accent)}
.gatepick button.btn.btn--solid:hover,
.gatepick button.btn.btn--solid:focus-visible{background:var(--paper)}
.gatepick__note{
  margin:11px 0 0;font-size:var(--step--1);line-height:1.5;color:var(--dust);
}
@media (max-width:420px){.gatepick{grid-template-columns:1fr}}

 


@media (max-width:760px){
  

  

  

  .scene{height:var(--scene-h,47svh)}
}


@media (max-width:760px){
  

  .hero{
    padding-top:calc(var(--glass-bottom,46svh) + clamp(18px,3vh,34px));
    min-height:auto;
    gap:14px;
    padding-bottom:calc(26px + env(safe-area-inset-bottom));
    

    background:linear-gradient(to top,rgba(11,8,6,.97) 0%,rgba(11,8,6,.9) 34%,transparent 46%);
  }
  

  body.is-open .scene{height:100svh}

  .hero__lockup{width:min(100%,64vw,300px)}
  .hero__note{font-size:14px}
  .btnrow{grid-template-columns:1fr;gap:10px}

  .track li{gap:14px;padding:14px 0}
  .track__t{font-size:21px}
  .track__feat{margin-left:0;flex-basis:100%;text-align:left;padding-left:calc(2.2ch + 14px)}
  .record__iso{width:min(78vw,320px)}
  .record__formats{gap:12px}
  .record__formats .btn{width:100%;text-align:center}

  

  .open__panel{width:100%;margin:0;max-height:72svh;border-radius:0}
  .open{align-items:flex-end;justify-content:center}
  .open::before{background:linear-gradient(to top,var(--void) 0%,rgba(11,8,6,.96) 38%,
    rgba(11,8,6,.4) 66%,transparent 100%)}
  .open__title{font-size:clamp(26px,8vw,34px)}

  

  .player__frame--video{aspect-ratio:1/1}
}



@media (max-width:760px) and (max-height:880px){
  .scene{height:var(--scene-h,42svh)}
  .scene::after{background:linear-gradient(to top,rgba(11,8,6,.9) 0%,transparent 42%)}
}





@media (max-height:520px) and (orientation:landscape) and (pointer:coarse){
  .hero{min-height:100svh;gap:10px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .hero__lockup{width:min(100%,34vw,260px)}
  .hero__date,.hero__note{font-size:14px}
  .hero__note{display:none}
  .hero__cta .btn{padding:11px 18px}
  .today{min-height:100svh}
  .today__title{font-size:clamp(26px,5vw,38px)}
  .open__panel{max-height:88svh}
  section{padding:32px clamp(20px,4vw,44px)}
}



@media (pointer:coarse){
  .pane.is-lit.is-today   .btn{padding:15px 24px}
}



@media (forced-colors:active){
  .pane__bloom,.sweep,.grain,
  .scene__rimwrap,.scene__plate,.scene__band{display:none!important}
  .pane{
    border:2px solid CanvasText;
    background:Canvas;
    forced-color-adjust:none;
  }
  .pane .pane__paint{display:none}
  

  .pane.is-lit{background:CanvasText}
  .pane.is-lit.is-today{background:Highlight;border-color:Highlight}
  .open__panel{background:Canvas;border:2px solid CanvasText;padding:20px}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;transition-delay:0ms!important}
  

  .pane.is-lit.is-today .pane__glass{
    animation:none!important;
    filter:saturate(1.56) brightness(1.62)!important;
  }
}



@media (hover:hover) and (pointer:fine){
  

  

  .pane.is-lit:hover .pane__pulse{opacity:.34;transition:opacity .28s var(--ease)}
  

  .pane:not(.is-lit):hover .pane__pulse{opacity:.54;transition:opacity .28s var(--ease)}
  .pane.is-lit.is-today:hover .pane__bloom{opacity:.9}
}




.fx-nodust .dust{display:none!important}
.fx-nopulse .pane__pulse{animation:none!important;opacity:0!important}
.fx-noblend .pane__bloom,.fx-noblend .sweep,
.fx-noblend .scene__rim,.fx-noblend .grain{mix-blend-mode:normal!important}
.fx-noblur *{filter:none!important}
.fx-flat .dust,.fx-flat .grain{display:none!important}
.fx-flat .pane__pulse{animation:none!important;opacity:0!important}
.fx-flat *{mix-blend-mode:normal!important;filter:none!important}




.fxbanner{
  position:fixed;left:0;right:0;top:0;z-index:90;
  padding:9px 16px;
  background:#c94b27;color:#0b0806;
  font:600 12px/1.3 Archivo,system-ui,sans-serif;
  letter-spacing:.09em;text-transform:uppercase;text-align:center;
}
.fxbanner b{font-weight:600;text-decoration:underline}

 
.foot__note{
  margin:16px auto 0;max-width:34rem;
  font-size:var(--step--1);line-height:1.6;color:var(--dust);
}
.foot__links{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  font:500 var(--step--1)/1 Archivo,sans-serif;letter-spacing:.1em;text-transform:uppercase}


.foot__links a{color:var(--dust);text-decoration:none;
  display:inline-flex;align-items:center;min-height:28px;padding:0 2px;
  box-shadow:inset 0 -1px 0 transparent;
  transition:color .2s var(--ease),box-shadow .2s var(--ease)}
.foot__links a:hover{color:var(--paper);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--paper) 46%,transparent)}


@media (pointer:coarse){
  .foot__links{gap:14px}
  .foot__links a{min-height:44px}
}


.foot__links span{color:var(--dust);opacity:.7}


.foot__copy{margin:14px 0 0;font-size:var(--step--2,11px);letter-spacing:.06em;color:var(--dust)}



.dock.is-locked .dock__transport,
.dock.is-locked .dock__prog,
.dock.is-locked .dock__time{display:none}
.dock.is-locked .dock__meta{flex:1 1 auto;min-width:0}
.dock.is-locked .dock__title{
  white-space:normal;color:var(--dust);font-family:Archivo,sans-serif;
  font-size:var(--step-0);letter-spacing:0;
}
.dock__cta{flex:none;white-space:nowrap;padding:12px 20px;min-height:44px}
.dock__cta[hidden]{display:none}
@media (max-width:560px){
  .dock.is-locked .dock__title{font-size:var(--step--1)}
  .dock__cta{padding:11px 14px;font-size:11px}
}





.panelabel.is-on{pointer-events:auto;cursor:pointer}
.panelabel.is-gated{pointer-events:auto}
.panelabel__go{
  display:block;margin:9px 0 0;padding:9px 13px;
  background:var(--lab-hue,var(--paper));color:var(--void);
  font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.13em;text-transform:uppercase;text-decoration:none;text-align:center;
  transition:filter .18s var(--ease),transform .18s var(--ease);
}
.panelabel__go:hover{filter:brightness(1.12);transform:translateY(-1px)}
.panelabel__go:focus-visible{outline:2px solid var(--paper);outline-offset:2px}
.panelabel.is-gated{white-space:normal;max-width:20rem;text-align:left}



.camp{
  display:flex; flex-direction:column; gap:18px;
  width:100%; max-width:44rem;
  padding-top:22px; margin-top:4px;
  border-top:1px solid rgba(236,231,222,.13);
}
.camp[hidden]{display:none}

 
.camp__claim{display:flex; flex-direction:column; gap:9px; align-items:flex-start}
.camp__go{align-self:flex-start; min-height:48px; padding-inline:26px}
.camp__go[disabled]{opacity:.55; pointer-events:none}
.camp__state{
  font-size:var(--step-0); color:var(--dust); margin:0; line-height:1.5;
}



.camp__score{
  display:flex; flex-wrap:wrap; gap:10px; margin:0;
}
.camp__score > div{
  flex:1 1 auto; min-width:96px;
  display:flex; flex-direction:column; gap:2px;
  padding:11px 15px; border-radius:3px;
  background:rgba(236,231,222,.05);
  border:1px solid rgba(236,231,222,.1);
}
.camp__score dt{
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--dust); font-weight:600;
}
.camp__score dd{
  margin:0; font-size:23px; line-height:1.1; color:var(--paper);
  font-variant-numeric:tabular-nums; font-weight:800;
}
.camp__score dd span{font-size:14px; color:var(--dust); font-weight:400}

 
.camp__join{display:flex; flex-direction:column; gap:11px}
.camp__ask{margin:0; font-size:var(--step-0); color:var(--paper); font-weight:600}
.camp__form{margin:0}
.camp__lbl{
  display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--dust); font-weight:600; margin-bottom:6px;
}
.camp__row{display:flex; flex-wrap:wrap; gap:9px}
.camp__in{
  flex:1 1 220px; min-width:0;
  font:inherit; font-size:16px;           
  min-height:48px; padding:11px 14px;
  color:var(--paper); background:rgba(11,8,6,.55);
  border:1px solid rgba(236,231,222,.24); border-radius:3px;
  -webkit-appearance:none; appearance:none;
}
.camp__in::placeholder{color:rgba(236,231,222,.36)}
.camp__in:focus-visible{outline:2px solid var(--paper); outline-offset:2px; border-color:transparent}
.camp__in--code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.18em; text-transform:lowercase}
.camp__sub{flex:0 0 auto; min-height:48px; padding-inline:22px}



.camp__sms{
  display:inline-flex; align-items:center; gap:9px; align-self:flex-start;
  min-height:44px; padding:9px 15px; border-radius:3px;
  font-size:var(--step-0); text-decoration:none; color:var(--paper);
  background:rgba(236,231,222,.06); border:1px solid rgba(236,231,222,.16);
  transition:background .2s var(--ease), border-color .2s var(--ease);
}
.camp__sms:hover{background:rgba(236,231,222,.11); border-color:rgba(236,231,222,.3)}
.camp__sms b{font-weight:700; letter-spacing:.04em}



.camp__cal{
  display:inline-flex; align-items:center; gap:9px; align-self:flex-start;
  min-height:44px; padding:9px 15px; border-radius:3px;
  font-size:var(--step-0); text-decoration:none; color:var(--paper);
  background:rgba(236,231,222,.06); border:1px solid rgba(236,231,222,.16);
  transition:background .2s var(--ease), border-color .2s var(--ease);
}
.camp__cal:hover{background:rgba(236,231,222,.11); border-color:rgba(236,231,222,.3)}
.camp__cal:focus-visible{outline:2px solid var(--paper); outline-offset:2px}



.camp__more{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:0 clamp(14px,3vw,22px);
  margin-top:2px;
}


.camp__more .camp__sms,
.camp__more .camp__cal,
.camp__more .camp__share{
  min-height:44px; padding:0; border:0; border-radius:0; background:none;
  display:inline-flex; align-items:center; gap:7px;
  font:400 13px/1.4 Archivo,system-ui,sans-serif; letter-spacing:.01em;
  color:var(--dust); text-decoration:none; cursor:pointer;
  border-bottom:1px solid transparent;
  transition:color .2s var(--ease), border-color .2s var(--ease);
}
.camp__more .camp__sms:hover,
.camp__more .camp__cal:hover,
.camp__more .camp__share:hover{
  color:var(--paper); border-bottom-color:rgba(236,231,222,.34); background:none;
}
.camp__more .camp__sms:focus-visible,
.camp__more .camp__cal:focus-visible,
.camp__more .camp__share:focus-visible{
  outline:2px solid var(--paper); outline-offset:3px;
}
.camp__more .camp__sms b{font-weight:600; letter-spacing:.04em; color:var(--paper)}
.camp__more .camp__share svg{width:14px; height:14px}


.camp__more .camp__sms > [aria-hidden],
.camp__more .camp__cal > [aria-hidden]{display:none}

.camp__fine{margin:0; font-size:13px; line-height:1.55; color:var(--dust); max-width:46ch}



.camp__opt{
  display:flex; align-items:flex-start; gap:10px;
  margin:12px 0 0; padding:5px 0; min-height:44px;
  font-size:13px; line-height:1.55; color:var(--dust); max-width:46ch;
  cursor:pointer;
}


.camp__opt input{
  flex:0 0 24px; width:24px; height:24px; margin:0; cursor:pointer;
  accent-color:var(--acc-lift,#e6a7a4);
}
.camp__opt span{flex:1 1 auto}
.camp__opt input:focus-visible{outline:2px solid var(--paper); outline-offset:3px}



@media (max-width: 700px) {
  .scene__plate,
  .pane__glass {
    background-image:image-set(url(assets/plate-sm.webp) type('image/webp'),
                               url(assets/plate-sm.jpg) type('image/jpeg'));
  }
}

.hero__body .camp__opt{text-align:left; margin-inline:auto}




.camp__code{display:flex; flex-direction:column; gap:10px}
.camp__code > summary{
  cursor:pointer; list-style:none; width:max-content;
  min-height:44px; display:inline-flex; align-items:center;
  font-size:var(--step-0); color:var(--dust);
  border-bottom:1px solid rgba(236,231,222,.22);
}
.camp__code > summary::-webkit-details-marker{display:none}
.camp__code > summary:hover{color:var(--paper)}
.camp__code > summary:focus-visible{outline:2px solid var(--paper); outline-offset:3px}
.camp__code[open] > summary{color:var(--paper)}

 
.camp__msg{
  margin:0; font-size:var(--step-0); line-height:1.5; color:var(--paper);
  padding:10px 14px; border-radius:3px;
  background:rgba(236,231,222,.06);
  border-left:2px solid var(--dust);
}
.camp__msg.is-good{border-left-color:var(--accent)}
.camp__msg.is-offer{border-left-color:var(--accent)}
.camp__msg[hidden]{display:none}



.camp__makeup{
  display:inline-block; margin-top:8px;
  min-height:44px; padding:9px 15px; border-radius:3px;
  font:inherit; font-size:var(--step--1); color:var(--paper);
  background:transparent; border:1px solid rgba(236,231,222,.34); cursor:pointer;
}
.camp__makeup:hover{background:rgba(236,231,222,.08)}
.camp__makeup:focus-visible{outline:2px solid var(--paper); outline-offset:2px}

.camp__all{
  margin:0; font-size:var(--step--1); color:var(--dust);
  font-variant-numeric:tabular-nums;
}
.camp__all[hidden]{display:none}

@media (max-width:760px){
  .camp{gap:16px; padding-top:18px}
  .camp__go,.camp__sub{width:100%}
  .camp__in{flex:1 1 100%}
  .camp__score > div{min-width:0; flex:1 1 30%; padding:9px 12px}
  .camp__score dd{font-size:20px}
}

 
@media (forced-colors:active){
  .camp__in,.camp__sms,.camp__msg,.camp__makeup,.camp__score > div{
    border:1px solid CanvasText; background:Canvas; color:CanvasText;
  }
}





body.has-dock .hero{padding-bottom:calc(26px + env(safe-area-inset-bottom))}



body.has-dock .open__panel{padding-bottom:calc(24px + var(--dock-h, 74px))}



.open{z-index:66}



.mine{
  display:flex; flex-wrap:wrap; gap:6px;
  list-style:none; margin:0; padding:0;
}
.mine[hidden]{display:none}

.mine__d{
  position:relative; flex:0 0 auto;
  width:38px; height:46px; border-radius:2px;
  display:grid; place-items:center;
  border:1px solid rgba(236,231,222,.14);
  overflow:hidden;
}
.mine__d i{
  position:absolute; inset:0;
  background:var(--h,#867f77);
   
  filter:saturate(.07) brightness(.44);
  transition:filter .5s var(--ease);
}
.mine__d b{
  position:relative; z-index:1;
  font-size:12px; font-weight:700; font-variant-numeric:tabular-nums;
  color:rgba(236,231,222,.5);
  text-shadow:0 1px 2px rgba(11,8,6,.7);
  transition:color .5s var(--ease);
}

 
.mine__d.is-got i{filter:saturate(1.34) brightness(1.12)}
.mine__d.is-got b{color:#0b0806; text-shadow:0 1px 2px rgba(236,231,222,.45)}
.mine__d.is-got{border-color:rgba(236,231,222,.3)}

 
.mine__d.is-today:not(.is-got){
  border-color:var(--h,#ece7de);
  box-shadow:0 0 0 1px var(--h,#ece7de) inset;
}
.mine__d.is-today:not(.is-got) b{color:rgba(236,231,222,.92)}



.mine__d.is-ahead{opacity:.42; border-color:rgba(236,231,222,.08)}

@media (max-width:760px){
  .mine{gap:5px}
  .mine__d{width:calc((100% - 45px) / 10); min-width:26px; height:40px}
  .mine__d b{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  .mine__d i,.mine__d b{transition:none}
}

@media (forced-colors:active){
  .mine__d{border:1px solid CanvasText; background:Canvas}
  .mine__d i{display:none}
  .mine__d b{color:CanvasText}
  .mine__d.is-got{background:Highlight}
  .mine__d.is-got b{color:HighlightText}
}



.act{
  display:flex; flex-direction:column; gap:10px; align-items:flex-start;
  width:100%; max-width:44rem;
}
.act[hidden]{display:none}

.act__go{
  min-height:52px; padding-inline:28px;
  font-size:var(--step-0); letter-spacing:.07em;
}
.act__go[hidden]{display:none}
.act__go[disabled]{opacity:.55; pointer-events:none}

.act__why{
  margin:0; font-size:var(--step-0); line-height:1.5; color:var(--dust);
  max-width:42ch;
}



.presave{opacity:.92}
.presave .btn--solid{background:transparent; color:var(--paper);
  border:1px solid rgba(236,231,222,.28)}
.presave .btn--solid:hover{background:rgba(236,231,222,.08); border-color:rgba(236,231,222,.44)}

@media (max-width:760px){
  .act__go{width:100%; text-align:center; justify-content:center}
}



.track li.is-out .track__t{color:var(--paper)}
.track__out{
  display:inline-block; margin-left:10px; vertical-align:middle;
  font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  padding:3px 7px; border-radius:2px;
  

  color:var(--void); background:var(--own,var(--accent));
}
@media (forced-colors:active){
  .track__out{background:Highlight; color:HighlightText; border:1px solid CanvasText}
}



body.livepage{
  background:var(--void); color:var(--paper);
  min-height:100svh; display:grid; place-items:center;
  padding:clamp(20px,5vw,48px);
}
.live{width:100%; max-width:min(1100px,92vw); display:flex; flex-direction:column; gap:18px}
.live__home{
  font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--dust); text-decoration:none; align-self:flex-start;
  min-height:44px; display:inline-flex; align-items:center;
}
.live__home:hover{color:var(--paper)}
.live__h{
  margin:0; font-family:'For King',Archivo,sans-serif; font-weight:400;
  font-size:clamp(34px,7vw,72px); line-height:1.02; letter-spacing:.01em;
}
.live__when{margin:0; font-size:var(--step-1,20px); color:var(--paper)}
.live__note{margin:0; font-size:var(--step-0); color:var(--dust); max-width:52ch; line-height:1.6}


.live__note a:not(.live__cta){color:var(--paper)}
.live__cta{
  display:inline-flex; align-items:center; min-height:48px; padding:12px 24px;
  border-radius:3px; background:var(--paper); color:var(--void);
  text-decoration:none; font-weight:600; letter-spacing:.05em;
}
.live__cta:hover{opacity:.9}


.live a:focus-visible{outline:2px solid var(--paper); outline-offset:3px}
.live__cta:focus-visible{outline:2px solid var(--void); outline-offset:3px}

 
.live__frame{
  position:relative; width:100%; aspect-ratio:16/9;
  background:#000; border-radius:4px; overflow:hidden;
  border:1px solid rgba(236,231,222,.14);
}
.live__frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0}



.record__pack{
  display:block; width:100%; height:auto; max-width:520px;
  margin:0 0 4px; border-radius:3px;
}
@media (max-width:1000px){ .record__pack{max-width:100%} }






.hero__lockup{width:min(100%,72vw,360px); filter:brightness(.86)}

 
.reveal__title{color:var(--ink-hi)}
.countdown b{color:var(--ink)}
.countdown i{color:var(--ink-lo)}
.hero__rule{font-size:var(--step-0); color:var(--ink-mid)}
.act__why,.reveal__feat{color:var(--ink-mid)}



.act__go{
  min-height:60px; padding:0 32px;
  background:var(--acc-lift); color:var(--void);
  border:0; border-radius:0;
  box-shadow:0 0 0 1px var(--acc), 0 0 34px -4px var(--acc-glow);
  font:600 clamp(16px,1.35vw,19px)/1 Archivo,system-ui,sans-serif;
  letter-spacing:.05em; text-transform:uppercase;
  transition:box-shadow .35s var(--ease), background .9s var(--ease);
}
.act__go:hover,.act__go:focus-visible{
  box-shadow:0 0 0 1px var(--acc), 0 0 52px -2px var(--acc-glow);
}


.act__go:focus-visible{outline:3px solid var(--ink-hi); outline-offset:3px}



.hero__release,.reveal__eyebrow,.reveal__label,.presave__label,.camp__lbl{
  font-size:13px; letter-spacing:.16em; font-weight:500;
}
.hero__release b{
  display:block; margin-top:4px;
  font-size:22px; letter-spacing:.01em; text-transform:none;
}



.hero__body{position:relative}
.hero__body::before{
  content:''; position:absolute; top:0; bottom:0; left:-20px; width:1px;
  background:linear-gradient(to bottom,
    transparent 0, var(--hair) 7%, var(--hair) 93%, transparent 100%);
  pointer-events:none;
}
.act{position:relative}
.act::before{
  content:''; position:absolute; top:0; bottom:0; left:-21px; width:3px;
  background:var(--acc-lift);
  box-shadow:0 0 16px var(--acc-glow);
  pointer-events:none;
}

@media (max-width:760px){
   
  .hero__body::before,.act::before{display:none}
  .hero__lockup{filter:brightness(.9)}
}

 
@media (forced-colors:active){
  .act__go{box-shadow:none; border:2px solid ButtonText}
  .act::before{display:none}
  .hero__lockup{filter:none}
}



.pane.is-lit.is-today{ box-shadow:inset 0 0 0 2px var(--acc-lift), 0 0 26px -6px var(--acc-glow); }
.pane.is-lit.is-today::after{
  content:''; position:absolute; inset:0;
  box-shadow:inset 0 0 0 2px var(--acc-lift);
  opacity:.55; animation:todaypulse 3.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes todaypulse{0%,100%{opacity:.28}50%{opacity:.7}}



@media (pointer:coarse){
  .pane{cursor:default}
  .panelabel{font-size:14px; padding:9px 14px}
}

@media (prefers-reduced-motion:reduce){
  .pane.is-lit.is-today::after{animation:none; opacity:.5}
  .teach{transition:none}
}
@media (forced-colors:active){
  .teach::before{background:Canvas}
  .teach__go{border:2px solid ButtonText}
  .pane.is-lit.is-today{box-shadow:none; outline:3px solid Highlight}
  .pane.is-lit.is-today::after{display:none}
}



.pstate{
  position:absolute; left:8px; bottom:8px; z-index:2;
  padding:4px 8px; border-radius:2px; pointer-events:none;
  

  font:600 11px/1 Archivo,system-ui,sans-serif;
  letter-spacing:.14em; text-transform:uppercase;
  white-space:nowrap;
}
 
.pstate--soon{
  color:var(--ink);
  background:#0b0806;
  border:1px solid rgba(242,238,230,.22);
}
 
.pstate--open{
  color:var(--void);
  background:var(--acc-lift);
  border:1px solid var(--acc-lift);
}


.pane.is-lit.is-open{box-shadow:inset 0 0 0 1px var(--acc-lift)}

@media (max-width:760px){
  

  .pstate{left:5px; bottom:5px; padding:3px 6px; font-size:11px; letter-spacing:.07em}
}


@media (max-width:360px){
  

  .pstate{left:3px; bottom:3px; padding:2px 4px; font-size:10px; letter-spacing:.02em}
}
@media (forced-colors:active){
  .pstate--soon{color:CanvasText; background:Canvas; border:1px solid CanvasText}
  .pstate--open{color:HighlightText; background:Highlight; border:1px solid Highlight}
  .pane.is-lit.is-open{box-shadow:none; outline:2px solid Highlight}
}



.pstate--bonus{
  color:var(--void);
  background:var(--ink);
  border:1px solid var(--ink);
}
.pane.is-shadow[role="button"]{cursor:pointer}
.pane.is-shadow[role="button"]:focus-visible{outline:3px solid var(--ink-hi); outline-offset:-3px}
@media (forced-colors:active){
  .pstate--bonus{color:Canvas; background:CanvasText; border:1px solid CanvasText}
}



.foot__forget{
  margin:14px auto 0;max-width:34rem;
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.foot__forget-b{
  appearance:none;background:none;border:0;cursor:pointer;
  color:var(--dust);font:500 var(--step--1)/1 Archivo,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
  display:inline-flex;align-items:center;min-height:44px;padding:0 6px;
  box-shadow:inset 0 -1px 0 transparent;
  transition:color .2s var(--ease),box-shadow .2s var(--ease);
}
.foot__forget-b:hover{
  color:var(--paper);
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--paper) 46%,transparent);
}


.foot__forget-b.is-armed{
  color:var(--acc-ink);
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--acc-ink) 60%,transparent);
}
.foot__forget-b[disabled]{opacity:.5;cursor:default}
.foot__forget-msg{
  font-size:var(--step--1);line-height:1.5;color:var(--dust);text-align:center;
  max-width:30rem;
}



.countdown{flex-wrap:wrap}
.countdown__to{
  flex:0 0 100%;
  font-style:normal; font-size:var(--step--2,11px); letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink-lo); margin-top:8px;
}



.camp__share{
  display:inline-flex; align-items:center; gap:9px; align-self:flex-start;
  min-height:44px; padding:9px 15px; border-radius:3px;
  font:400 var(--step-0)/1 Archivo,sans-serif; text-align:left;
  color:var(--paper); cursor:pointer;
  background:rgba(236,231,222,.06); border:1px solid rgba(236,231,222,.16);
  transition:background .2s var(--ease), border-color .2s var(--ease);
}
.camp__share svg{width:18px; height:18px; flex:none}
.camp__share:hover{background:rgba(236,231,222,.11); border-color:rgba(236,231,222,.3)}
.camp__share:focus-visible{outline:2px solid var(--paper); outline-offset:2px}


.camp__share.is-done{color:var(--acc-ink); border-color:color-mix(in srgb,var(--acc-ink) 40%,transparent)}





.camp__policy{
  display:inline-flex; align-items:center; min-height:24px;
  margin-left:4px;
  color:var(--ink-lo); text-decoration:underline;
  text-underline-offset:2px; text-decoration-thickness:1px;
}
.camp__policy:hover{color:var(--paper)}
.camp__policy:focus-visible{outline:2px solid var(--paper); outline-offset:2px}



.foot__contact{
  margin:14px auto 0; max-width:34rem;
  font-size:var(--step--1); line-height:1.6; color:var(--dust);
}
.foot__contact a{
  color:var(--ink-mid); text-decoration:underline;
  text-underline-offset:2px; text-decoration-thickness:1px;
  display:inline-flex; align-items:center; min-height:28px;
}
.foot__contact a:hover{color:var(--paper)}
.foot__contact a:focus-visible{outline:2px solid var(--paper); outline-offset:2px}



.live__gate{margin:0 0 18px}
.live__play{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:52px; padding:14px 30px; cursor:pointer; list-style:none;
  background:var(--acc-lift,#e6a7a4); color:var(--void);
  font:600 var(--step-0)/1 Archivo,sans-serif;
  letter-spacing:.08em; text-transform:uppercase; border-radius:3px;
}
.live__play::-webkit-details-marker{display:none}
.live__play:hover{filter:brightness(1.06)}
.live__play:focus-visible{outline:2px solid var(--paper); outline-offset:3px}
.live__gate[open] .live__play{display:none}

 
.player__tx{margin:10px 0 0; font-size:var(--step--1); color:var(--ink-mid)}
.player__tx summary{
  cursor:pointer; min-height:44px; display:inline-flex; align-items:center;
  color:var(--ink-mid); letter-spacing:.06em; text-transform:uppercase;
  font-size:var(--step--2,11px);
}
.player__tx summary:focus-visible{outline:2px solid var(--paper); outline-offset:2px}
.player__tx-body{padding:6px 0 0; line-height:1.6; white-space:pre-wrap}




.scene__chips{
  position:absolute; inset:0; z-index:6; pointer-events:none;
}
.scene__chipcell{position:absolute; pointer-events:none}
.scene__chips .pstate{position:absolute; left:8px; bottom:8px}
@media (max-width:600px){ .scene__chips .pstate{left:5px; bottom:5px} }
@media (max-width:360px){ .scene__chips .pstate{left:3px; bottom:3px} }




.dock__prog{
  padding:11px 0;
  height:2px;
  background-clip:content-box;
  box-sizing:content-box;
}
.player__line{
  padding:11px 0;
  height:3px;
  background-clip:content-box;
  box-sizing:content-box;
  cursor:pointer;
}



.dock__store{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 12px; margin-left:4px; flex:none;
  color:var(--ink-mid); text-decoration:none; white-space:nowrap;
  font:600 var(--step--2,11px)/1 Archivo,system-ui,sans-serif;
  letter-spacing:.1em; text-transform:uppercase;
  border:1px solid rgba(236,231,222,.22); border-radius:3px;
  transition:color .2s var(--ease), border-color .2s var(--ease);
}
.dock__store:hover{color:var(--paper); border-color:rgba(236,231,222,.4)}
.dock__store:focus-visible{outline:2px solid var(--paper); outline-offset:2px}


@media (max-width:600px){
  

  .dock__store{padding:0 9px; letter-spacing:.04em}
  .dock__store-full{display:none}
}



.presave__btn.is-demo{
  cursor:default; opacity:.55;
  filter:grayscale(.35);
}



@media (max-width: 600px) {
  .hero{ padding-top: calc(var(--glass-bottom, 46svh) + clamp(8px, 1.2vh, 12px)); }
  .hero__body{ gap: 8px; }
  .hero__lockup{ max-width: 212px; height: auto; }
  

  .countdown b{ font-size: clamp(24px, 7.2vw, 31px); }
  .countdown{ gap: 11px; }
  

  .hero__release{ margin-top: 0; }
  

  .reveal__eyebrow{ margin-bottom: 0; line-height: 1.25; }
  

  body.is-prelaunch .reveal__eyebrow{ display: none; }
  .countdown b{ font-size: clamp(22px, 6.6vw, 28px); }

  

  .reveal__eyebrow{ font-size: 11px; line-height: 1.2; }
  .reveal{ padding-top: clamp(8px, 1.2vh, 12px); padding-bottom: 4px; }
  .reveal__feat{ font-size: 13px; line-height: 1.3; margin-top: 1px; }
}



@media (max-width: 360px) {
  .reveal__title{ font-size: 22px; }
  .hero__lockup{ max-width: 200px; }
  .hero__body{ gap: 6px; }
  

  .reveal__eyebrow{ font-size: 11px; line-height: 1.2; }
  .countdown b{ font-size: 20px; }
  .countdown i{ font-size: 10px; }
  .hero__release{ font-size: 11px; margin-top: 0; }
}





.hero__body .reveal,
.hero__body .act,
.hero__body .presave,
.hero__body .camp__join{justify-items:center}
.hero__body .act{text-align:center}


.hero__body .camp__join{align-items:stretch}


.hero__body .reveal__eyebrow{justify-content:center}


.hero__body .reveal__eyebrow > *{text-wrap:balance}



.hero__body .countdown,
.hero__body .presave__row,
.hero__body .btnrow,
.hero__body .mine,
.hero__body .camp__more,
.hero__body .camp__row{justify-content:center}
.hero__body .hero__lock{justify-content:center}
 
.hero__body .camp__code{align-items:center}






.hero__body .act__why{align-self:center; text-align:center}
.hero__body .act > .btn{align-self:center}
.hero__body .camp__ask{text-align:center}
.hero__body .camp__fine{text-align:left}



.hero__body .hero__h1{margin-bottom:clamp(12px,2.2vh,26px)}



.camp__lbl{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}



@media (max-width: 600px){ .hero__body .hero__h1{margin-bottom:8px} }
@media (max-width: 360px){ .hero__body .hero__h1{margin-bottom:6px} }



.camp__other .camp__more{flex-direction:column; align-items:stretch; gap:0}
.camp__other .camp__more > .camp__sms,
.camp__other .camp__more > .camp__cal,
.camp__other .camp__more > .camp__share{
  width:100%; justify-content:center;
  border-top:1px solid rgba(236,231,222,.10);
  border-bottom:0;
  padding-block:4px;
}
.camp__other .camp__more > *:first-child{border-top:0}


.camp__other .camp__more > *:hover{text-decoration:underline; text-underline-offset:3px}



@media (max-width:760px){
  .scene{
    filter:blur(calc(var(--scene-blur,0) * 1px))
           brightness(calc(1 - .55 * var(--scene-fade,0)));
  }
  .scene__chips{opacity:calc(1 - var(--scene-chipfade,0))}
  

   
  

   
}


body.is-open .scene{filter:none}



@media (max-width:760px){
  .hero__body > *{order:4}
  .hero__body > .hero__h1,
  .hero__body > .hero__release,
  .hero__body > .countdown,
  .hero__body > .sr-only{order:1}
  .hero__body > .act{order:2}
  .hero__body > .reveal{order:3}
}



@media (max-width:760px) and (max-height:700px){
  .hero__body{ gap: 6px; }
  .hero__lockup{ max-width: 188px; }
  

  .countdown b{ font-size: 26px; }
}



@supports not (color: color-mix(in srgb, white 50%, transparent)) {
  .open__close  { border: 1px solid rgba(236, 231, 222, .22); }
  .open__share  { border: 1px solid rgba(236, 231, 222, .20); }
  .panelabel    { border: 1px solid rgba(236, 231, 222, .40); }
  .todaymark    { border: 1px solid rgba(236, 231, 222, .44); }
  

  .slot.locked  { background: rgba(141, 138, 134, .07); border-color: rgba(141, 138, 134, .42); }
  .open__panel  { scrollbar-color: rgba(236, 231, 222, .42) transparent; }
}



@media (max-width:760px){
  .hero__body:has(> .act[hidden]) > .hero__offer{order:2}
  .hero__body:has(> .act[hidden]) > .camp{order:3}
  .hero__body:has(> .act[hidden]) > .reveal{order:5}
}



@media (max-width:760px){
  .camp{ padding-top:10px; }
  .hero__body:has(> .act[hidden]) > .hero__offer{ margin-top:6px; }
  .hero__body{ gap:6px; }
  .hero__lockup{ max-width:196px; }
  .countdown b{ font-size:27px; }
}



@media (max-width:760px) and (max-height:700px){
  .hero__lockup{ max-width:188px; }
  .countdown b{ font-size:26px; }
}