@font-face{font-family:'Ultra';src:url('/assets/ultra-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Podkova';src:url('/assets/podkova-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}

:root{
  --night:#0B1A1B; --night-2:#112624; --night-3:#18322F;
  --cream:#F4ECDD; --cream-2:#D7CDBB; --cream-3:#A9A291;
  --orange:#EF8747; --orange-lit:#F59D63;
  --room:#8A3820; --room-deep:#5E2614;
  --paper:#F4ECDD; --ink:#22170F; --ink-2:#5A463A;
  --sticker:#F2C230;
  --line:rgba(244,236,221,.18); --line-ink:rgba(34,23,15,.22);
  --display:'Ultra','Rockwell Extra Bold','Rockwell',Georgia,serif;
  --slab:'Podkova','Rockwell','Roboto Slab',Georgia,serif;
  --gut:clamp(1rem,4.5vw,3.5rem);
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--night-3) var(--night)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--night);color:var(--cream);font:400 1.0625rem/1.6 var(--slab);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;caret-color:var(--orange)}
::selection{background:var(--orange);color:var(--ink)}
img{max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--cream);outline-offset:3px;border-radius:3px}
.jcard :focus-visible,.list :focus-visible{outline-color:var(--ink)}
.sr{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:var(--gut);top:-4rem;z-index:20;background:var(--cream);color:var(--ink);padding:.7rem 1rem;border-radius:4px;font-weight:700}
.skip:focus{top:.6rem}
.wrap{max-width:72rem;margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{margin:0;font-weight:800;line-height:1.1;text-wrap:balance}
.sec-h{font-size:clamp(2rem,5.4vw,3.4rem);letter-spacing:-.01em;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.sub-h{font-size:1.15rem;font-weight:700;margin:2.2rem 0 .7rem;color:var(--cream-2)}

.keys{display:flex;flex-wrap:wrap;gap:.65rem;margin:0}
.key{display:inline-flex;align-items:center;gap:.55rem;min-height:48px;padding:.7rem 1.15rem;border-radius:6px;
  font:700 1rem/1.1 var(--slab);text-decoration:none;cursor:pointer;border:1.5px solid transparent;
  box-shadow:0 2px 6px rgba(0,0,0,.28);transition:transform .12s var(--ease),box-shadow .12s var(--ease),background .15s}
.key:hover{text-decoration:none}
.key:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,0)}
.key .ico{width:20px;height:20px;flex:0 0 auto}
.key-cream{background:var(--cream);color:var(--ink)}
.key-cream:hover{background:#fff}
.key-line{border-color:rgba(244,236,221,.7);color:var(--cream);background:rgba(11,26,27,.35)}
.key-line:hover{border-color:var(--cream);background:rgba(11,26,27,.6)}
.key-go{background:var(--orange);color:var(--ink)}
.key-go:hover{background:var(--orange-lit)}
.key-ink{border-color:var(--ink);color:var(--ink);background:transparent;box-shadow:none}
.key-ink:hover{background:rgba(34,23,15,.06)}

.yard{position:relative;background:var(--night);isolation:isolate}
.bar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:max(.4rem,env(safe-area-inset-top)) var(--gut) .4rem;background:linear-gradient(rgba(8,18,18,.86),rgba(8,18,18,0))}
.bar-mark{display:flex;align-items:center;min-height:44px}
.bar-mark img{display:block;height:17px;width:auto}
.bar-links{display:flex}
.bar-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .65rem;font-weight:700;font-size:.98rem;text-decoration:none;
  text-shadow:0 1px 3px rgba(0,0,0,.7)}
.bar-links a:hover{text-decoration:underline}
.stage{position:relative;aspect-ratio:2513/2590;overflow:hidden}
.stage picture,.stage img{position:absolute;inset:0;width:100%;height:100%;display:block}
.stage img{object-fit:cover}
.stage::after{content:'';position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(rgba(11,26,27,0),var(--night));pointer-events:none}
.pins{list-style:none;margin:0;padding:0;position:absolute;inset:0;z-index:2}
.pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-15px,-50%)}
.leader,.spot{display:none}
.pin a{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;color:var(--cream)}
.pin .dot{position:relative;flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:rgba(11,26,27,.72);border:2px solid var(--cream);font:700 .85rem/1 var(--slab);
  box-shadow:0 0 0 0 rgba(244,236,221,.0);transition:box-shadow .25s var(--ease),background .2s}
.pin .tag{position:relative;display:grid;padding:.32rem .6rem .36rem;border-radius:4px;background:rgba(9,20,20,.86);line-height:1.15}
.pin .tag::before{content:'';position:absolute;right:100%;top:50%;width:12px;height:2px;background:var(--cream);opacity:.85}
.pin b{font-size:.95rem;font-weight:700;white-space:nowrap}
.pin small{font-size:.74rem;color:var(--cream-2);white-space:nowrap}
.pin a:hover .dot,.pin a:focus-visible .dot{background:var(--cream);color:var(--ink);box-shadow:0 0 0 7px rgba(244,236,221,.5)}
.pin a:hover .tag::before,.pin a:focus-visible .tag::before{opacity:1;height:2.5px}
.pin a:focus-visible{outline:none}
.pin a:focus-visible .tag{outline:2px solid var(--cream);outline-offset:2px}
.yard-copy{position:relative;z-index:3;padding:0 var(--gut) clamp(2.2rem,6vw,3rem);margin-top:-6%}
.yard-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.2rem 2.2rem;margin-top:.9rem}
.place{margin:.45rem 0 0;font-weight:700;font-size:.98rem;color:var(--cream-2);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.hero-list{margin:.5rem 0 0;font-size:.98rem}
.hero-list a{display:inline-flex;align-items:center;min-height:44px;color:var(--cream-2)}
.hero-list a:hover{color:var(--cream)}
.mark{margin:0;line-height:0}
.mark img{display:block;width:100%;height:auto}
.tagline{margin:0;font-size:clamp(.95rem,4.1vw,1.4rem);line-height:1.35;color:var(--cream)}
.tagline span{display:block;text-wrap:balance}
.kn{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;border:1.5px solid currentColor;font-size:.78rem;font-weight:800}
.key-cream .kn{border-color:var(--ink)}
@media (max-width:759px){
  .pin{transform:translate(-50%,-50%)}
  .pin a{justify-content:center;min-width:44px}
  .pin .tag{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .keys .key{flex:1 1 auto;justify-content:center}
}
@media (min-width:760px){.kn,.phone-only{display:none}}
.js .pin{animation:pin-in .55s var(--ease) both;animation-delay:calc(var(--n) * 160ms + 350ms)}
@keyframes pin-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}

@media (min-width:760px){
  .yard{height:100svh;min-height:640px;max-height:1180px;container-type:size;overflow:hidden}
    .yard{--sw:max(100cqw, calc(100cqh * .9703));--sh:calc(var(--sw) * 1.0306);
    --top:clamp(calc(100cqh - var(--sh)), calc(50cqh - var(--sh) * .60), 0px)}
  .stage{position:absolute;aspect-ratio:auto;width:var(--sw);height:var(--sh);
    left:clamp(calc(100cqw - var(--sw)), calc(50cqw - var(--sw) * .5), 0px);top:var(--top)}
  .stage::after{display:none}
  .yard::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(to top,rgba(11,26,27,.96) 0%,rgba(11,26,27,.82) 22%,rgba(11,26,27,0) 48%)}
  .yard-copy{position:absolute;left:0;right:0;top:min(calc(var(--top) + var(--sh) * .745), calc(100cqh - 14.5rem));margin:0;padding:0 var(--gut)}
  .mark img{width:min(64rem,66cqw)}
  .tagline{font-size:clamp(1.02rem,1.45cqw,1.4rem)}
    .pin{position:absolute;inset:0;left:0;top:0;transform:none;pointer-events:none}
  .leader{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .leader line{stroke:var(--cream);stroke-width:1.5;stroke-opacity:.7;transition:stroke-opacity .2s,stroke-width .2s}
  .spot{display:block;position:absolute;left:var(--x);top:var(--y);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
    background:var(--cream);box-shadow:0 0 0 4px rgba(11,26,27,.55);transition:box-shadow .25s var(--ease)}
  .pin a{position:absolute;left:var(--lx);top:var(--ly);transform:translateY(-50%);pointer-events:auto;gap:0}
  .pin a .dot{display:none}
  .pin .tag{padding:.4rem .7rem .45rem;border:1px solid rgba(244,236,221,.35)}
  .pin .tag::before{display:none}
  .pin:has(a:hover) .leader line,.pin:has(a:focus-visible) .leader line{stroke-opacity:1;stroke-width:2.5}
  .pin:has(a:hover) .spot,.pin:has(a:focus-visible) .spot{box-shadow:0 0 0 7px rgba(244,236,221,.45)}
  .pin a:hover .tag{border-color:var(--cream)}
  .pin b{font-size:1.05rem}
  .pin small{font-size:.8rem}
}

.room{background:var(--room);background-image:radial-gradient(120% 90% at 20% 0%,#9A4126 0%,var(--room) 55%,var(--room-deep) 100%);
  padding:clamp(3.5rem,9vw,7rem) 0}
.room .sec-h{color:var(--cream)}
.jcard{display:grid;grid-template-columns:minmax(0,1fr);background:var(--paper);color:var(--ink);border-radius:3px;
  box-shadow:0 26px 50px -18px rgba(40,10,0,.7),0 3px 8px rgba(40,10,0,.35)}
.jc-front{margin:0;align-self:start;display:flex;flex-direction:column}
.jc-front picture{line-height:0}
.jc-front figcaption{display:grid;gap:.15rem;padding:.9rem 1.1rem 1rem;line-height:1.35}
.jc-line{font-size:1.02rem;color:var(--ink-2)}
.jc-meta{font-size:.92rem;color:var(--ink-2);font-variant-numeric:tabular-nums}
.jc-front img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:3px 3px 0 0}
.jc-spine{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.1rem;
  border-top:1px dashed var(--line-ink);border-bottom:1px dashed var(--line-ink);font:400 .95rem/1 var(--display);letter-spacing:.01em}
.jc-flap{padding:clamp(1.3rem,4vw,2.3rem)}
.jc-title{font:400 clamp(2rem,6vw,2.9rem)/1 var(--display);letter-spacing:.005em}

.sides{display:grid;gap:1.4rem;margin:1.6rem 0 1.7rem}
.side h4{margin:0 0 .2rem;font-size:.95rem;font-weight:800;letter-spacing:.01em;padding-bottom:.4rem;border-bottom:2px solid var(--ink)}
.side ol{list-style:none;margin:0;padding:0}
.side li{border-bottom:1px solid var(--line-ink)}
.side li > a{display:grid;grid-template-columns:2.1rem minmax(0,1fr) auto;align-items:center;gap:.4rem;min-height:44px;
  text-decoration:none;color:var(--ink)}
.side li > a:hover .t{text-decoration:underline}
.side .n{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.9rem}
.side .t{font-weight:600}
.side .d{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.9rem}
.kutx{display:inline-block;width:.62rem;height:.62rem;border-radius:50%;background:var(--sticker);margin-left:.35rem;vertical-align:.05em;
  box-shadow:0 0 0 1px rgba(34,23,15,.35)}
.jc-flap{position:relative}
.sticker{position:absolute;right:-.9rem;top:-1.3rem;width:7.8rem;height:7.8rem;border-radius:50%;z-index:2;
  display:grid;place-content:center;gap:.08rem;text-align:center;background:var(--sticker);color:var(--ink);text-decoration:none;
  transform:rotate(9deg);box-shadow:0 3px 6px rgba(40,10,0,.3);font:700 .8rem/1.1 var(--slab);transition:transform .2s var(--ease)}
.sticker:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--cream)}
.sticker b{font:400 1.12rem/1 var(--display);letter-spacing:.02em}
.sticker .st-t{font-weight:800;font-size:.9rem}
.sticker small{font-weight:600;font-size:.8rem}
.sticker:hover{transform:rotate(4deg) scale(1.04)}
@media (max-width:979px){
  .sticker{top:.9rem;right:.8rem;width:7.2rem;height:7.2rem}
  .jc-title{padding-right:6.8rem}
}
@media (min-width:600px){.sides{grid-template-columns:1fr 1fr;gap:1.6rem}}
@media (min-width:980px){
  .jcard{grid-template-columns:minmax(0,1fr) 3.3rem minmax(0,1.3fr)}
  .jc-front{align-self:stretch;justify-content:space-between;padding:clamp(1rem,2vw,1.6rem) 0 0 clamp(1rem,2vw,1.6rem)}
  .jc-front img{border-radius:2px;box-shadow:0 1px 3px rgba(34,23,15,.25)}
  .jc-front figcaption{padding:1rem 0 clamp(1.3rem,3vw,2.3rem)}
  .jc-spine{writing-mode:vertical-rl;transform:rotate(180deg);flex-direction:row;padding:1.3rem 0;justify-content:space-between;
    border:0;border-left:1px dashed var(--line-ink);border-right:1px dashed var(--line-ink);font-size:1.02rem}
}

.live{padding:clamp(3.5rem,9vw,7rem) 0;background:var(--night)}
.tapes{display:grid;gap:1.2rem}
@media (min-width:900px){.tapes{grid-template-columns:1.55fr 1fr;align-items:start}}
.tape{margin:0}
.play{position:relative;display:block;width:100%;padding:0;border:0;border-radius:6px;overflow:hidden;cursor:pointer;background:#000;color:var(--cream);
  aspect-ratio:16/9;font:inherit;text-align:left}
.play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .2s,transform .4s var(--ease)}
.play:hover img{opacity:1;transform:scale(1.02)}
.play::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,14,14,.94) 0%,rgba(6,14,14,.62) 38%,rgba(6,14,14,0) 72%)}
.play .cap{position:absolute;left:1rem;right:1rem;bottom:.9rem;z-index:1;display:grid;gap:.2rem}
.play .cap b{font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:800;line-height:1.15}
.play .cap span{font-size:.9rem;color:var(--cream-2)}
.play .btn-play{position:absolute;left:1rem;top:1rem;z-index:1;display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .95rem;border-radius:6px;
  background:var(--cream);color:var(--ink);font-weight:800;font-size:.95rem;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.play .btn-play svg{width:16px;height:16px;fill:currentColor}
.tape iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:6px;background:#000}
.tape figcaption{margin-top:.55rem;font-size:.88rem;color:var(--cream-3)}
.tape figcaption a{color:var(--cream-2);display:inline-block;padding:.7rem 0;margin:-.7rem 0}
.dates-wrap{margin-top:clamp(2.6rem,6vw,4rem);display:grid;gap:2rem}
@media (min-width:900px){.dates-wrap{grid-template-columns:1fr 1.4fr;gap:3rem}}
.dates{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.dates li{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.2rem 1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.dates time{font-variant-numeric:tabular-nums;color:var(--cream-2);font-size:.95rem}
.dates .ev{font-weight:600}
.dates .at{display:block;font-weight:400;font-size:.92rem;color:var(--cream-3)}
.dates .tix{grid-column:2;justify-self:start;margin-top:.3rem}
.empty-dates{font-size:1.15rem;margin:0 0 .4rem}
.empty-dates + p{color:var(--cream-2);margin:0}
[data-when-empty] a,.kv a,.ek-sec p a{display:inline-block;padding:.7rem 0;margin:-.7rem 0}
@media (max-width:420px){.dates li{grid-template-columns:1fr}}

.list{background:var(--paper);color:var(--ink);padding:clamp(2.8rem,7vw,4.8rem) 0}
.signup{max-width:40rem}
.s-head{font-size:clamp(1.7rem,4.4vw,2.5rem);font-weight:800}
.s-sub{margin:.45rem 0 1.2rem;color:var(--ink-2);font-size:1.02rem}
.s-row{display:flex;flex-wrap:wrap;gap:.6rem}
.s-row input{flex:1 1 15rem;min-width:0;min-height:50px;padding:.7rem .9rem;border-radius:6px;border:1.5px solid var(--ink);background:#FBF7EF;color:var(--ink);
  font:400 16px/1.2 var(--slab)}
.s-row input::placeholder{color:#7C6A5C}
.s-row input:focus{outline:2px solid var(--ink);outline-offset:2px}
.s-row input[aria-invalid="true"]{border-color:#A3311C}
.s-note{min-height:1.4em;margin:.6rem 0 0;font-size:.95rem;font-weight:600}
.s-note.err{color:#A3311C}
.signup.done .s-row{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.card .signup .s-row input,.lk .signup .s-row input{background:var(--night);border-color:rgba(244,236,221,.55);color:var(--cream)}
.lk .signup .s-row input::placeholder{color:var(--cream-3)}
.lk .signup .s-row input:focus{outline-color:var(--cream)}
.lk .s-sub,.card .s-sub{color:var(--cream-2)}
.lk .s-note.err,.card .s-note.err{color:#F3A48A}
.card .signup .s-row input::placeholder{color:var(--cream-3)}
.card .signup .s-row input:focus{outline-color:var(--cream)}

.contact-sec{padding:clamp(3.5rem,9vw,6.5rem) 0 clamp(2.5rem,6vw,4rem)}
.contacts{display:grid;gap:1.6rem}
@media (min-width:760px){.contacts{grid-template-columns:1fr 1fr;gap:2.4rem}}
.contact{border-top:2px solid var(--cream);padding-top:1rem}
.contact .role{margin:0;font-weight:700;font-size:.95rem;color:var(--cream-2)}
.contact .who{margin:.15rem 0 .6rem;font-size:1.05rem}
.contact .mail{display:inline-block;padding:.72rem 0;font:700 clamp(1.25rem,3.4vw,1.75rem)/1.2 var(--slab);overflow-wrap:anywhere;
  text-decoration:underline;text-decoration-color:rgba(244,236,221,.45);text-decoration-thickness:2px;text-underline-offset:.22em}
.contact .mail:hover{text-decoration-color:currentColor}

.contact .btns{margin-top:.8rem}
.btn-copy{min-height:44px;padding:.5rem .9rem;border-radius:6px;border:1.5px solid rgba(244,236,221,.55);background:transparent;color:var(--cream);
  font:600 .92rem/1 var(--slab);cursor:pointer}
.btn-copy:hover{border-color:var(--cream)}
.copied{min-height:1.2em;margin:.4rem 0 0;font-size:.88rem;color:var(--cream-2)}
.follow{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:clamp(2rem,5vw,3rem)}
.chip{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.45rem .9rem;border-radius:999px;border:1.5px solid var(--line);
  text-decoration:none;font-weight:600;font-size:.95rem}
.chip:hover{border-color:var(--cream)}
.chip .ico{width:18px;height:18px}
.ico{display:block}
.foot{border-top:1px solid var(--line);padding:1.6rem 0 calc(1.6rem + env(safe-area-inset-bottom))}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.6rem}
.foot img{display:block;height:18px;width:auto}
.foot p{margin:0;font-size:.92rem;color:var(--cream-2)}
.foot a{color:var(--cream);display:inline-block;padding:.75rem .35rem}

.links-page{background:var(--night)}
.lk{max-width:30rem;margin:0 auto;padding:max(1.4rem,env(safe-area-inset-top)) 1rem calc(2rem + env(safe-area-inset-bottom))}
.lk-head{position:relative;text-align:center;padding:.6rem 0 1.4rem}
.avatar{display:block;width:76px;height:76px;border-radius:50%;object-fit:cover;margin:0 auto .9rem;border:2px solid var(--cream)}
.lk-logo{margin:0 auto;line-height:0;width:min(17rem,82%)}
.lk-logo img{display:block;width:100%;height:auto}
.lk .tag{margin:.75rem 0 0;font-size:.98rem;line-height:1.4;color:var(--cream-2)}
.lk .tag span{display:block}
.share{position:absolute;right:0;top:0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line);
  background:transparent;color:var(--cream);cursor:pointer}
.share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.share:hover{border-color:var(--cream)}
.share-note{min-height:1.2em;margin:.4rem 0 0;font-size:.85rem;color:var(--cream-2)}
.stack{display:grid;gap:1.1rem}
.stack-h{font-size:.95rem;font-weight:700;color:var(--cream-2);margin:0 0 .55rem}
.pads{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.pad{display:flex;align-items:center;gap:.6rem;min-height:56px;padding:.7rem .85rem;border-radius:8px;background:var(--night-2);
  border:1px solid var(--line);text-decoration:none;font-weight:700;font-size:1rem}
.pad .ico{width:22px;height:22px;flex:0 0 auto}
.pad:hover{border-color:var(--cream);background:var(--night-3)}
.pads > .pad:first-child:not(:only-child){grid-column:1 / -1;background:var(--cream);color:var(--ink);border-color:var(--cream)}
.pads > .pad:first-child:not(:only-child):hover{background:#fff}
.pads.one{grid-template-columns:1fr;margin-top:.55rem}
.video-sec .tape figcaption{display:none}
.card .s-head{font-size:1.25rem}
.card .s-row .key{flex:1 1 100%;justify-content:center}
.card{background:var(--night-2);border:1px solid var(--line);border-radius:10px;padding:1rem}
.release-card{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:.9rem;align-items:center}
.release-card .art{display:block;width:100%;height:auto;border-radius:4px}
.release-card .k{margin:0;font-size:.85rem;color:var(--cream-2)}
.release-card .m{font-size:1.5rem;font-weight:800;margin:.1rem 0 0}
.release-card .chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.45rem}
.video-card .play{aspect-ratio:16/9}
.video-card .k{margin:.7rem 0 0;font-size:.85rem;color:var(--cream-2)}
.socials{display:flex;justify-content:center;gap:.7rem}
.socials a{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line);color:var(--cream)}
.socials a:hover{border-color:var(--cream)}
.socials .ico{width:22px;height:22px}
.lk .contacts{gap:1rem;grid-template-columns:1fr}
.lk .contact{border-top-width:1px}
.lk .contact .mail{font-size:1.1rem}
.lk-foot{margin-top:1.6rem;text-align:center;font-size:.92rem;color:var(--cream-2)}
.lk-foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 .4rem;color:var(--cream)}
.js .stack > *{animation:lift .5s var(--ease) both}
.js .stack > *:nth-child(2){animation-delay:.05s}.js .stack > *:nth-child(3){animation-delay:.1s}
.js .stack > *:nth-child(4){animation-delay:.15s}.js .stack > *:nth-child(n+5){animation-delay:.2s}
@keyframes lift{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}

.epk-page{background:var(--paper);color:var(--ink);color-scheme:light}
.epk-page ::selection{background:var(--orange);color:var(--ink)}
.epk-page :focus-visible{outline-color:var(--ink)}
.ek{max-width:74rem;margin:0 auto;padding:clamp(1rem,3vw,2rem) var(--gut) 3rem}
.ek-head{display:grid;gap:1.4rem;align-items:center}
.ek-photo{margin:0;line-height:0}
.ek-photo img{display:block;width:100%;height:auto;border-radius:4px}
.ek-mark{margin:0;line-height:0;max-width:34rem}
.ek-mark img{display:block;width:100%;height:auto}
.ek .tag{margin:.8rem 0 .2rem;font-size:1.15rem;line-height:1.35}
.ek .tag span{display:block;text-wrap:balance}
.ek .tracks-inline{color:var(--ink-2)}
.ek-tape{margin:.4rem 0 1rem}
.ek .tape figcaption{color:var(--ink-2)}
.ek .tape figcaption a{color:var(--ink)}
.ek .list-sec .signup{max-width:none}
.ek .genre{margin:.3rem 0 0;color:var(--ink-2);font-size:.98rem}
.kv{display:grid;gap:.15rem;margin:1.2rem 0 1.3rem;padding:0}
.kv div{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--line-ink)}
.kv dt{font-weight:700}
.kv dd{margin:0;overflow-wrap:anywhere}
.kv a{color:var(--ink)}
.ek-cols{margin-top:clamp(2rem,5vw,3rem);display:grid;gap:2.2rem}
@media (max-width:899px){.ek-cols .s-bio{order:1}.ek-cols .s-set{order:2}.ek-cols .s-live{order:3}.ek-cols .s-num{order:4}.ek-cols .s-mus{order:5}.ek-cols > .screen-only{order:6}}
@media (min-width:900px){.ek-cols{grid-template-columns:1fr 1fr;gap:2.4rem 3.2rem}}
.ek-sec h2{font-size:1.4rem;font-weight:800;padding-bottom:.45rem;border-bottom:2px solid var(--ink);margin-bottom:.8rem}
.ek-sec p{margin:0 0 .8rem}
.ek .one-line{color:var(--ink-2)}
.figs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.2rem;margin:0}
.figs div{display:grid;gap:.15rem}
.figs dt{order:2;font-size:.9rem;color:var(--ink-2);line-height:1.35}
.figs dd{order:1;margin:0;font:800 1.45rem/1.1 var(--slab)}
.asof{font-size:.85rem;color:var(--ink-2)}
.cred{margin-top:1rem;font-weight:700}
.ek .tracks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-ink)}
.ek .tracks li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line-ink)}
.ek .tracks .d{color:var(--ink-2);font-variant-numeric:tabular-nums}
.ek .dates{border-top-color:var(--line-ink)}
.ek .dates li{border-bottom-color:var(--line-ink)}
.ek .dates time{color:var(--ink-2)}
.ek .dates .at{color:var(--ink-2)}
.spec{display:grid;gap:0;margin:0}
.spec div{display:grid;grid-template-columns:6.4rem minmax(0,1fr);gap:.8rem;padding:.5rem 0;border-bottom:1px solid var(--line-ink)}
.spec dt{font-weight:700}
.spec dd{margin:0}
.ek .keys{margin-top:.2rem}
.ek .key-cream{background:var(--ink);color:var(--paper)}
.ek .key-cream:hover{background:#3A2A1E}
.ek .key-line{border-color:var(--ink);color:var(--ink);background:transparent;box-shadow:none}
.ek .key-line:hover{background:rgba(34,23,15,.06)}
.photos{display:flex;flex-wrap:wrap;gap:1rem .8rem;align-items:flex-end}
.photos a{display:grid;gap:.4rem;font-size:.9rem;font-weight:600;text-decoration:none;color:var(--ink);min-height:44px}
.photos img{display:block;height:9.5rem;width:auto;border-radius:3px}
.photos a:hover span{text-decoration:underline}
.ek .contact{border-top-color:var(--ink)}
.ek .contact .role{color:var(--ink-2)}
.ek .contact .mail{text-decoration-color:var(--line-ink);font-size:1.15rem;overflow-wrap:normal;word-break:normal}
.ek .contacts{grid-template-columns:1fr;gap:1.2rem}
.ek-sec .screen-only a{display:inline-block;padding:.7rem 0}
.ek .list-sec .s-sub{color:var(--ink-2)}
.ek .btn-copy{border-color:var(--ink);color:var(--ink)}
.ek .copied{color:var(--ink-2)}
.ek-foot{margin-top:2.6rem;font-size:.9rem;color:var(--ink-2)}
.print-only,.kv .print-only{display:none}
@media (min-width:820px){.ek-head{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.6rem}}
@media (max-width:819px){.ek-id{order:-1}}

@media print{
  @page{size:letter;margin:0}
  html,body{background:var(--paper) !important}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:9.5pt;line-height:1.42}
  .screen-only,.skip{display:none !important}
  .print-only{display:block}
  .kv .print-only{display:grid}
  .ek .tracks{display:none}
  .tracks-inline{margin:.04in 0 0}
  .ek{max-width:none;padding:.32in .38in .3in}
  .ek-head{grid-template-columns:3.35in minmax(0,1fr);gap:.28in;align-items:start}
  .ek-photo img{border-radius:2px}
  .ek-mark{max-width:3.6in}
  .ek .tag{font-size:11.5pt;margin-top:.08in}
  .ek .genre{font-size:9pt}
  .kv{margin:.1in 0 0}
  .kv div{grid-template-columns:.8in minmax(0,1fr);padding:.035in 0;gap:.1in}
  .ek-cols{display:block;column-count:2;column-gap:.32in;margin-top:.2in}
  .ek-sec{break-inside:avoid;margin-bottom:.14in}
  .ek-sec h2{font-size:11pt;padding-bottom:.03in;margin-bottom:.07in;border-bottom-width:1.5px}
  .ek-sec p{margin-bottom:.06in}
  .figs{gap:.06in .14in}
  .figs dd{font-size:17pt}
  .figs dt{font-size:7.8pt}
  .asof{font-size:7.4pt}
  .ek .tracks li,.ek .dates li,.spec div{padding:.025in 0;gap:.12in}
  .ek .dates li{grid-template-columns:.78in minmax(0,1fr)}
  .ek .dates time{font-size:8.2pt}
  .ek-photo img{max-height:3.3in;object-fit:cover}
  .ek .dates .at{display:inline;font-size:7pt}
  .ek .dates .at::before{content:' \00b7  '}
  .spec div{grid-template-columns:.7in minmax(0,1fr)}
  .ek-foot{margin-top:.08in;font-size:8pt}
  a{text-decoration:none}
}

.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:2rem var(--gut)}
.nf .mark img{width:min(26rem,86vw);margin:0 auto}
.nf > div > p:not(.mark){font-size:1.25rem;margin:1.2rem 0 1.4rem}
.nf .keys{justify-content:center}

@media (prefers-reduced-motion:reduce){
  .js .pin,.js .stack > *{animation:none}
  .key,.play img,.sticker,.pin .dot{transition:none}
}