/* An illustrated live-house identity. Reading pages keep their own theme. */
body.nijika[data-section="atelier"] {
  --bg:#151619; --surface:#202126; --ink:#f4f0df; --text:#d4d0c5;
  --muted:#a7a59d; --line:#3c3b38; --yellow:#ffd34d;
  background:#151619; color:var(--ink); color-scheme:dark;
}
body[data-section="atelier"] .site-header { max-width:1600px; width:100%; margin:auto; height:76px; }
body[data-section="atelier"] .header-home,body[data-section="atelier"] #theme-toggle { display:none; }
body[data-section="atelier"] .site-footer { max-width:1600px; width:100%; margin:auto; }
.backstage { max-width:1450px; margin:auto; padding:0 38px 8px; }
.backstage-topline { display:flex; justify-content:space-between; gap:20px; align-items:center; border-top:1px solid #565145; padding:14px 0; font:9px var(--sans); letter-spacing:.13em; color:#a9a69a; }
.backstage-topline i,.backstage-latest i { display:inline-block; width:6px; height:6px; background:#ffd34d; border-radius:50%; margin-right:9px; box-shadow:0 0 12px #ffd34d55; }
.gig-scene { height:clamp(510px,40vw,590px); position:relative; isolation:isolate; margin:0 -10px; }
.gig-grid { position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at var(--spot-x,53%) var(--spot-y,47%),#af894224,transparent 52%); }
.gig-grid:before { content:''; position:absolute; inset:24px 0 40px; opacity:.22; background-image:linear-gradient(#aaa18c16 1px,transparent 1px),linear-gradient(90deg,#aaa18c16 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(90deg,transparent,#000,transparent); }
.gig-grid:after { content:'+'; position:absolute; top:5px; right:0; font:22px monospace; color:#706a55; }
.gig-heading { position:absolute; z-index:3; top:44px; left:10px; }
.gig-kicker { display:block; font:11px var(--chinese); letter-spacing:.16em; color:#bdb8a9; margin-bottom:22px; }
.gig-heading h1 { font:600 clamp(88px,9vw,136px)/.82 var(--condensed); letter-spacing:-.035em; color:#f3efdc; margin:0; }
.gig-heading h1>span { display:block; position:relative; }
.gig-heading h1 i { display:inline-block; font:60px/1 var(--sans); color:#ffd34d; vertical-align:top; margin:7px 0 0 8px; }

.gig-portrait { position:absolute; inset:0 21% 29px 30%; pointer-events:none; z-index:2; overflow:hidden; }
.gig-sun { position:absolute; top:13%; left:7%; width:82%; aspect-ratio:1; border-radius:50%; background:#f6cb47; box-shadow:0 0 90px #e5b23013; transform:rotate(-17deg); }
.gig-sun:before { content:''; position:absolute; inset:9px; border:1px solid #302c2780; border-radius:50%; }
.gig-sun:after { content:''; position:absolute; inset:0; background:radial-gradient(#3d2c1344 .8px,transparent 1px); background-size:4px 4px; border-radius:50%; mask-image:linear-gradient(35deg,#000,transparent 75%); }
.gig-sun>span { position:absolute; top:22px; left:26%; font:9px var(--sans); color:#5c451b; letter-spacing:.25em; }
.gig-name { position:absolute; left:2%; bottom:6%; font:600 clamp(100px,14vw,210px)/1 var(--condensed); color:#e4bd4826; letter-spacing:-.02em; }
.gig-portrait>img { position:absolute; height:145%; width:100%; max-width:none; object-fit:contain; object-position:50% top; top:1%; left:0; z-index:2; filter:drop-shadow(13px 13px 0 #10111350); transform:translate(var(--portrait-x,0px),var(--portrait-y,0px)) rotate(-3deg); }
.gig-character-label { position:absolute; bottom:48px; right:7%; z-index:3; display:flex; flex-direction:column; gap:6px; padding:12px 18px; background:#a63839; color:#fff1d8; transform:rotate(-7deg); box-shadow:4px 4px 0 #1116; }
.gig-character-label b { font:500 17px var(--chinese); letter-spacing:.14em; }.gig-character-label span { font:8px var(--sans); letter-spacing:.1em; }
.gig-spark { position:absolute; z-index:3; color:#ffd34d; text-shadow:3px 4px #141518; }.gig-spark-one { top:8%; right:4%; font-size:65px; transform:rotate(18deg); }.gig-spark-two { left:3%; bottom:20%; font-size:37px; transform:rotate(-14deg); }
.admission-ticket { position:absolute; z-index:4; width:35%; max-width:430px; left:10px; bottom:85px; display:flex; background:#ffd34d; color:#25241c; transform:rotate(-4deg); filter:drop-shadow(6px 9px 0 #0606064a); border-radius:3px; }
.ticket-main { flex:1; padding:18px 22px 17px; min-width:0; }.ticket-eyebrow { font:9px var(--sans); letter-spacing:.1em; }.ticket-main>strong { display:flex; justify-content:space-between; align-items:center; font:600 clamp(24px,2.3vw,34px)/1.5 var(--chinese); margin:12px 0 17px; letter-spacing:-.05em; }.ticket-main>strong>span { font:36px var(--sans); }.ticket-meta { display:flex; justify-content:space-between; gap:8px; border-top:1px solid #51422366; padding-top:9px; font:8px var(--sans); }.ticket-meta b { font-weight:500; }
.ticket-stub { position:relative; width:66px; border-left:1px dashed #75612c; padding:14px 10px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; }.ticket-stub:before,.ticket-stub:after { content:''; position:absolute; left:-8px; width:15px; height:15px; background:#17181a; border-radius:50%; }.ticket-stub:before { top:-8px; }.ticket-stub:after { bottom:-8px; }.ticket-stub>span { font:6px var(--sans); letter-spacing:.07em; white-space:nowrap; }.ticket-stub>b { font:600 37px/.9 var(--condensed); }.barcode { display:block; width:43px; height:36px; background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 7px,currentColor 7px 8px,transparent 8px 11px); }
.admission-ticket:hover,.admission-ticket:focus-visible { transform:rotate(-1deg) translateY(-7px); background:#ffdf73; }
.gig-contact-sheet { position:absolute; right:17px; top:34px; width:23%; z-index:4; }
.contact-tape { position:absolute; z-index:3; top:-7px; left:15%; padding:6px 16px; background:#b34846eb; color:#f6dfc3; transform:rotate(-7deg); font:8px var(--sans); letter-spacing:.15em; clip-path:polygon(2% 0,99% 3%,97% 100%,0 98%); }
.contact-photo { padding:9px 11px 13px; margin:0; background:#dfdccb; color:#282827; transform:rotate(7deg); box-shadow:3px 6px 15px #0006; }
.film-edge { display:block; color:#656359; font:8px monospace; letter-spacing:9px; white-space:nowrap; overflow:hidden; margin-bottom:6px; }.contact-photo img { aspect-ratio:1.45; width:100%; height:auto; object-fit:cover; object-position:35% center; }.contact-photo figcaption { display:flex; flex-direction:column; padding:10px 0 0; gap:8px; }.contact-photo figcaption>span:first-child { font:7px var(--sans); letter-spacing:.1em; }.contact-photo figcaption>span:last-child { display:flex; justify-content:space-between; font:13px var(--chinese); letter-spacing:.12em; }.contact-photo figcaption i { font:20px/.8 var(--sans); color:#a43b3c; }
.contact-note { position:relative; display:block; background:#bbbccf; color:#292b37; margin:27px 12px 0 18px; padding:16px 20px 23px; transform:rotate(-5deg); box-shadow:3px 5px 10px #0005; background-image:repeating-linear-gradient(transparent 0 25px,#74788b26 25px 26px); }.contact-note:before { content:''; position:absolute; height:10px; width:55px; background:#ebddb990; left:34%; top:-4px; transform:rotate(4deg); }.contact-note>span:first-child { display:flex; justify-content:space-between; font:8px var(--sans); letter-spacing:.08em; }.contact-note>strong { display:block; font:600 clamp(43px,4vw,60px)/1 var(--condensed); margin:13px 0 9px; letter-spacing:-.02em; }.contact-note>strong>span { color:#9d3738; }.contact-note>span:last-of-type { font:9px var(--chinese); }.note-underline { display:block; position:absolute; width:75px; height:5px; border-top:2px solid #a23c3d; border-radius:50%; bottom:42px; right:16%; transform:rotate(-7deg); }.contact-note:hover,.contact-note:focus-visible { transform:rotate(-1deg) translateY(-4px); }
.gig-side-label { position:absolute; right:-15px; top:35%; writing-mode:vertical-rl; font:8px var(--sans); letter-spacing:.2em; color:#8d897e; }
.gig-marquee { position:absolute; bottom:4px; left:-9px; right:-9px; height:32px; display:flex; align-items:center; background:#ffd34d; color:#22231f; overflow:hidden; transform:rotate(-1.5deg); z-index:6; border-block:1px solid #25251f; box-shadow:0 5px 0 #080909; }.gig-marquee>span { white-space:nowrap; font:600 17px var(--condensed); word-spacing:8px; letter-spacing:.08em; }.gig-marquee i { font-size:21px; margin:0 22px; vertical-align:middle; }
.object-shelf { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding:37px 0 21px; }
.shelf-object { position:relative; display:flex; align-items:center; gap:20px; padding:9px 15px 9px 9px; min-height:114px; border-bottom:1px solid #514b3c; }
.shelf-object:after { content:''; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#ffd34d; transition:width .3s; }.shelf-object:hover:after,.shelf-object:focus-visible:after { width:100%; }
.shelf-art { width:87px; height:85px; flex-shrink:0; position:relative; transition:transform .35s; }.shelf-object:hover .shelf-art,.shelf-object:focus-visible .shelf-art { transform:translateY(-7px) rotate(-3deg); }
.shelf-label { flex:1; min-width:0; }.shelf-label small { font:8px var(--sans); color:#aaa69b; letter-spacing:.1em; }.shelf-label strong { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:9px; font:500 22px var(--chinese); color:#ede9da; }.shelf-label i { font:22px var(--sans); color:#b8ab7b; }
.mini-record { position:absolute; width:73px; height:73px; border-radius:50%; right:0; top:6px; background:repeating-radial-gradient(#191b1e 0 2px,#454644 3px,#191b1e 4px); border:1px solid #65645d; }.mini-record:after { content:''; position:absolute; inset:27px; background:#bd5550; border-radius:50%; border:6px solid #bd5550; box-shadow:inset 0 0 0 2px #252626; }.mini-sleeve { position:absolute; top:5px; left:-3px; width:60px; height:73px; padding:12px 8px; background:#d8c798; color:#222828; font:600 35px/.85 var(--condensed); transform:rotate(-9deg); box-shadow:4px 2px 8px #0006; }.mini-sleeve>span { display:block; font:7px var(--sans); margin-top:11px; letter-spacing:.13em; }
.mini-blueprint { position:absolute; inset:6px 4px; background-color:#9ba4b4; background-image:linear-gradient(#2233441f 1px,transparent 1px),linear-gradient(90deg,#2233441f 1px,transparent 1px); background-size:9px 9px; transform:rotate(7deg); box-shadow:4px 4px 0 #08080980; color:#252e3d; }.mini-blueprint i { position:absolute; width:44px; height:44px; border:1px solid #343e50; border-radius:50%; top:14px; left:13px; }.mini-blueprint b { font:italic 23px Georgia,serif; position:absolute; top:25px; left:23px; font-weight:400; }
.mini-polaroid { display:block; background:#dfdac8; padding:5px 5px 16px; transform:rotate(-7deg); width:86px; margin-top:6px; box-shadow:5px 5px 0 #08080980; }.mini-polaroid img { width:100%; height:56px; object-fit:cover; }
.mini-pass { position:absolute; inset:1px 10px; border:1px solid #777268; border-radius:4px; background:#b54b49; color:#f0ddba; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(8deg); box-shadow:4px 4px 0 #08080980; }.mini-pass i { position:absolute; top:-13px; width:9px; height:22px; background:#aaa390; border:2px solid #353736; }.mini-pass b { font:600 34px/.9 var(--sans); letter-spacing:-3px; margin-top:8px; }.mini-pass small { font:6px var(--sans); letter-spacing:.1em; margin-top:8px; }
.backstage-latest { display:flex; gap:20px; align-items:center; font:9px var(--sans); color:#a7a297; padding:3px 0 14px; }.backstage-latest>span:first-child { letter-spacing:.12em; }.backstage-latest strong { font:11px var(--chinese); font-weight:400; color:#d5d0c2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.backstage-latest>span:last-child { margin-left:auto; flex-shrink:0; }.backstage-latest:hover strong { color:#ffd34d; }

/* The guide is a collection of five designed sleeves, each a native link. */
.nijika #menu-dialog.setlist-dialog { --yellow:#ffd34d; color-scheme:dark; position:fixed; inset:0; margin:0; width:100%; max-width:none; height:100dvh; max-height:none; border:0; border-radius:0; padding:28px 5% 24px; background:#17181b; color:#f2ecdb; overflow:auto; }
.setlist-top { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #555044; padding-bottom:20px; }.setlist-top>a { font:600 30px var(--sans); letter-spacing:-2px; }.setlist-top>a>span { color:#ffd34d; }.setlist-top small { font:9px var(--sans); letter-spacing:.15em; vertical-align:middle; margin-left:24px; color:#b6b0a1; }.setlist-top>span { font:10px var(--chinese); letter-spacing:.14em; color:#aaa496; }.setlist-top .close-button { position:static; width:42px; height:42px; border:1px solid #655e50; border-radius:50%; color:#f3e9ce; font-size:27px; line-height:1; }
.setlist-heading { max-width:1400px; margin:36px auto 42px; display:flex; justify-content:space-between; align-items:flex-end; gap:20px; }.setlist-heading>div>span { font:9px var(--sans); letter-spacing:.17em; color:#aca595; }.setlist-heading h2 { font:600 clamp(65px,7vw,110px)/.94 var(--condensed); letter-spacing:-.025em; margin-top:10px; }.setlist-heading h2>span { font:55px var(--sans); display:inline-block; color:#ffd34d; margin-left:22px; vertical-align:top; }.setlist-heading p { font:11px/2 var(--chinese); color:#ccc3af; padding-bottom:4px; }.setlist-heading p>span { font:8px var(--sans); color:#928c80; letter-spacing:.12em; }
.setlist-cards { max-width:1400px; margin:0 auto; padding:14px 4px 40px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:17px; align-items:start; }
.setlist-card { --card-ink:#2b2925; position:relative; display:flex; flex-direction:column; color:var(--card-ink); background:#e7c352; border:1px solid #0002; padding:16px 16px 13px; height:clamp(365px,31vw,450px); box-shadow:6px 12px 25px #0005; transform:translateY(var(--offset,0px)) rotate(var(--angle,-3deg)); transition:transform .3s,box-shadow .3s; }
.setlist-card:hover,.setlist-card:focus-visible { transform:translateY(calc(var(--offset,0px) - 16px)) rotate(0deg); box-shadow:3px 24px 40px #0008; z-index:2; }.setlist-card:focus-visible { outline:3px solid #fff3ce; outline-offset:6px; }.setlist-card.active:after { content:'● YOU ARE HERE'; position:absolute; right:13px; bottom:-20px; color:#ffd34d; font:7px var(--sans); letter-spacing:.1em; }
.setlist-card-top { display:flex; justify-content:space-between; align-items:center; font:8px var(--sans); letter-spacing:.07em; border-bottom:1px solid currentColor; padding-bottom:12px; }.setlist-card-top>i { font:22px/1 var(--sans); }.setlist-art { flex:1; min-height:0; position:relative; margin:10px -16px 0; overflow:hidden; }.setlist-caption { position:relative; z-index:2; display:flex; flex-direction:column; gap:9px; padding:17px 0 18px; }.setlist-caption>strong { font:600 30px/1 var(--chinese); letter-spacing:-.04em; }.setlist-caption>span { font:9px var(--chinese); opacity:.8; }.setlist-card-foot { display:flex; justify-content:space-between; align-items:center; border-top:1px solid currentColor; padding-top:10px; font:6px var(--sans); letter-spacing:.07em; }.setlist-card-foot .barcode { width:65px; height:16px; }
.setlist-writing { background:#f4ce50; }.setlist-writing .setlist-art>img { position:absolute; height:235%; width:100%; max-width:none; object-fit:contain; object-position:top; top:5%; left:16%; filter:drop-shadow(5px 3px 0 #473e4329); }.setlist-type { position:absolute; font:600 clamp(45px,5vw,72px)/.85 var(--condensed); left:15px; top:10px; letter-spacing:-.03em; color:#886a2480; }
.setlist-projects { --offset:24px; --angle:2deg; background:#b74745; --card-ink:#f8e9c6; }.setlist-disc { position:absolute; width:110%; aspect-ratio:1; border-radius:50%; background:repeating-radial-gradient(#222428 0 2px,#3c3b3c 3px,#202125 4px); border:7px solid #29292a; top:7%; left:20%; box-shadow:-10px 10px 20px #33181860; display:grid; place-items:center; }.setlist-disc>i { width:35%; aspect-ratio:1; display:grid; place-items:center; background:#dbb66a; color:#282724; border-radius:50%; font:600 32px var(--sans); letter-spacing:-3px; border:1px solid #8b6e39; }.setlist-disc-label { position:absolute; top:14px; left:16px; font:600 15px/1.2 var(--condensed); letter-spacing:.1em; }
.setlist-research { --offset:3px; --angle:-2deg; background-color:#a6adbf; background-image:linear-gradient(#484f6c17 1px,transparent 1px),linear-gradient(90deg,#484f6c17 1px,transparent 1px); background-size:13px 13px; --card-ink:#2c3345; }.setlist-diagram { position:absolute; width:135px; height:135px; top:8%; left:calc(50% - 67px); border:1px solid #404860; border-radius:50%; transform:rotate(25deg); }.setlist-diagram:before,.setlist-diagram:after { content:''; position:absolute; inset:25% -20%; border:1px solid #404860; border-radius:50%; }.setlist-diagram:after { transform:rotate(90deg); }.setlist-diagram>i { position:absolute; width:9px; height:9px; background:#404860; border-radius:50%; top:-5px; left:50%; }.setlist-diagram>i:nth-child(2) { top:50%; left:-5px; }.setlist-diagram>i:nth-child(3) { top:50%; left:calc(100% - 5px); }.setlist-diagram>i:nth-child(4) { top:calc(100% - 5px); }.setlist-diagram>b { position:absolute; inset:0; display:grid; place-items:center; font:italic 70px Georgia,serif; transform:rotate(-25deg); }.setlist-research-label { position:absolute; bottom:4px; left:18px; font:600 15px/1.05 var(--condensed); letter-spacing:.08em; }
.setlist-life { --offset:27px; --angle:3deg; background:#d7d0b9; }.setlist-photo { position:absolute; inset:20px 15px 10px; padding:9px 9px 0; background:#f3eddc; transform:rotate(-9deg); box-shadow:5px 7px 10px #4f42303b; }.setlist-photo>img { width:100%; height:74%; object-fit:cover; object-position:60%; }.setlist-photo>span { display:block; font:italic 13px Georgia,serif; margin-top:12px; }.setlist-photo-star { position:absolute; right:3px; top:0; font:55px var(--sans); color:#a43939; }
.setlist-about { --offset:7px; --angle:-3deg; background:#272b2b; --card-ink:#e7d9bb; border-color:#747065; }.setlist-pass { position:absolute; inset:20px 24px 2px; display:flex; flex-direction:column; align-items:center; padding:17px 10px 13px; border:1px solid #d1c7a6; background:#cabe9c; color:#36332b; border-radius:7px; transform:rotate(7deg); box-shadow:3px 5px 9px #0005; }.pass-slot { width:30px; height:5px; background:#272b2b; border-radius:3px; margin-bottom:15px; }.setlist-pass>small { font:7px var(--sans); letter-spacing:.2em; }.setlist-pass>b { font:600 clamp(40px,5vw,75px)/1.2 var(--sans); letter-spacing:-7px; }.setlist-pass>span:not(.pass-slot) { font:8px var(--sans); letter-spacing:.11em; }.setlist-pass>.barcode { height:20px; width:80%; margin-top:auto; }
.setlist-bottom { max-width:1400px; margin:25px auto 0; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #555044; padding-top:22px; font:11px var(--chinese); }.setlist-bottom>span { color:#aaa08a; font:8px var(--sans); letter-spacing:.18em; }

@media(min-width:1600px) {
  .backstage { padding-inline:0; }.gig-scene { height:600px; }.gig-heading { top:53px; }.gig-heading h1 { font-size:145px; }.gig-contact-sheet { width:24%; }.admission-ticket { bottom:87px; }.gig-portrait>img { height:151%; }.object-shelf { padding-top:38px; }.shelf-art { width:102px; }.shelf-label strong { font-size:25px; }
}
@media(max-width:1100px) {
  .backstage { padding-inline:28px; }.gig-scene { height:490px; }.gig-heading h1 { font-size:93px; }.gig-heading h1 i { font-size:42px; }.gig-heading { top:42px; }.gig-kicker { font-size:9px; }.gig-portrait { left:28%; right:20%; }.gig-portrait>img { height:133%; top:6%; }.gig-sun { top:20%; width:90%; left:0; }.gig-character-label { right:2%; bottom:50px; padding:10px 13px; }.gig-character-label b { font-size:14px; }.gig-contact-sheet { top:46px; width:24%; }.contact-note { padding:14px; margin:24px 4px 0 10px; }.contact-note>span:last-of-type { font-size:8px; }.contact-photo figcaption>span:last-child { font-size:11px; }.admission-ticket { width:36%; bottom:87px; }.ticket-main { padding:15px; }.ticket-main>strong { font-size:25px; }.ticket-meta { font-size:7px; }.ticket-stub { width:48px; padding-inline:5px; }.ticket-stub>span { font-size:5px; }.ticket-stub .barcode { width:30px; }.object-shelf { gap:15px; }.shelf-object { gap:13px; padding-inline:0; }.shelf-art { width:65px; transform:scale(.85); transform-origin:left center; margin-right:-8px; }.shelf-label strong { font-size:20px; }.shelf-label small { font-size:7px; }
  .setlist-cards { gap:12px; }.setlist-card { padding:12px; height:370px; }.setlist-art { margin-inline:-12px; }.setlist-card-top { font-size:7px; }.setlist-caption>strong { font-size:26px; }.setlist-caption>span { font-size:8px; }.setlist-diagram { width:100px; height:100px; left:calc(50% - 50px); top:15%; }.setlist-diagram>b { font-size:50px; }.setlist-pass { inset:25px 14px 5px; }.setlist-photo { inset:25px 10px 20px; }.setlist-photo>span { font-size:11px; }.setlist-heading p { font-size:10px; }.setlist-card-foot { font-size:5px; }
}
@media(max-width:760px) {
  body[data-section="atelier"] .site-header { height:66px; padding-inline:6%; }.backstage { padding:0 6% 5px; }.backstage-topline { font-size:7px; gap:8px; padding:12px 0; }.backstage-topline>span:nth-child(2) { display:none; }.gig-scene { height:640px; margin-inline:0; }.gig-heading { top:29px; left:0; }.gig-kicker { font-size:9px; margin-bottom:19px; }.gig-heading h1 { font-size:clamp(83px,17vw,120px); }.gig-heading h1 i { font-size:37px; margin-left:5px; }.gig-portrait { inset:140px -8% 72px 14%; }.gig-sun { top:12%; left:12%; width:77%; }.gig-sun>span { font-size:7px; }.gig-portrait>img { top:0; height:146%; width:100%; left:5%; }.gig-character-label { bottom:47px; right:6%; padding:9px 11px; }.gig-character-label b { font-size:14px; }.gig-character-label span { font-size:6px; }.gig-spark-one { font-size:47px; top:6%; right:1%; }.gig-spark-two { font-size:30px; left:9%; bottom:28%; }.gig-name { font-size:125px; left:7%; bottom:18%; }.gig-contact-sheet { top:13px; right:0; width:29%; }.contact-photo { transform:rotate(7deg); padding:5px 6px 8px; }.contact-tape { font-size:5px; top:1px; left:5%; padding:4px 6px; }.film-edge { font-size:5px; letter-spacing:5px; margin-block:5px; }.contact-photo img { aspect-ratio:.85; object-position:39%; }.contact-photo figcaption { padding-top:7px; gap:5px; }.contact-photo figcaption>span:first-child { font-size:5px; }.contact-photo figcaption>span:last-child { font-size:9px; letter-spacing:0; }.contact-photo figcaption i { font-size:13px; }.contact-note { position:absolute; top:395px; right:200%; width:119px; margin:0; padding:10px 12px 14px; transform:rotate(-7deg); }.contact-note>span:first-child { font-size:6px; }.contact-note>strong { font-size:38px; margin:10px 0 7px; }.contact-note>span:last-of-type { font-size:6px; }.note-underline { width:52px; bottom:29px; right:19%; }.admission-ticket { bottom:57px; left:0; width:72%; max-width:330px; transform:rotate(-3deg); }.ticket-main { padding:13px 16px; }.ticket-eyebrow { font-size:7px; }.ticket-main>strong { font-size:26px; margin:7px 0 9px; }.ticket-main>strong>span { font-size:25px; }.ticket-meta { font-size:6px; padding-top:7px; }.ticket-stub { width:49px; }.ticket-stub>b { font-size:30px; }.ticket-stub .barcode { height:28px; }.gig-marquee { bottom:7px; height:28px; left:-4%; right:-4%; transform:rotate(-2deg); }.gig-marquee>span { font-size:14px; }.gig-marquee i { margin-inline:14px; font-size:16px; }.gig-side-label { right:-12px; top:39%; font-size:6px; }.object-shelf { grid-template-columns:1fr 1fr; padding-top:19px; gap:7px 22px; }.shelf-object { min-height:102px; gap:12px; }.shelf-art { width:72px; transform:scale(.85); margin-right:-7px; }.shelf-label strong { font-size:20px; }.shelf-label small { font-size:6px; letter-spacing:.05em; }.shelf-label i { font-size:18px; }.backstage-latest { padding:10px 0 7px; flex-wrap:wrap; gap:10px; }.backstage-latest>span:first-child { font-size:7px; }.backstage-latest>strong { font-size:10px; max-width:60%; }.backstage-latest>span:last-child { display:none; }
  .nijika #menu-dialog.setlist-dialog { padding:18px 6% 24px; }.setlist-top { padding-bottom:14px; gap:10px; }.setlist-top small { margin-left:12px; font-size:7px; }.setlist-top>span { display:none; }.setlist-top .close-button { width:38px; height:38px; }.setlist-heading { margin:27px 0 24px; }.setlist-heading h2 { font-size:61px; white-space:nowrap; }.setlist-heading h2>span { font-size:35px; margin-left:11px; }.setlist-heading>div>span { font-size:7px; }.setlist-heading p { display:none; }.setlist-cards { grid-template-columns:1fr; gap:17px; padding:7px 2px 10px; }.setlist-card { --offset:0px; --angle:-1deg; display:grid; grid-template-columns:43% 57%; grid-template-rows:35px 1fr 25px; height:180px; padding:11px 16px; }.setlist-card:nth-child(even) { --angle:1deg; }.setlist-card-top { grid-column:1/3; grid-row:1; padding-bottom:6px; font-size:8px; }.setlist-art { grid-column:2; grid-row:2/4; margin:0 -16px -11px 0; }.setlist-caption { grid-column:1; grid-row:2; padding:16px 0 12px; gap:10px; }.setlist-caption>strong { font-size:31px; }.setlist-caption>span { font-size:9px; }.setlist-card-foot { grid-column:1; grid-row:3; font-size:5px; padding-top:7px; margin-right:15px; }.setlist-card-foot .barcode { width:45px; height:10px; }.setlist-writing .setlist-art>img { top:-3%; height:285%; left:7%; }.setlist-type { font-size:48px; top:15px; left:5px; }.setlist-disc { width:155px; top:6px; left:20%; }.setlist-disc-label { font-size:11px; left:6px; top:15px; }.setlist-diagram { width:85px; height:85px; top:20px; left:40%; }.setlist-research-label { bottom:16px; left:8px; font-size:11px; }.setlist-photo { width:125px; height:135px; inset:10px auto auto 19%; padding:6px; }.setlist-photo>img { height:85px; }.setlist-photo>span { font-size:10px; margin-top:7px; }.setlist-photo-star { right:5px; top:4px; font-size:45px; }.setlist-pass { width:100px; height:143px; inset:8px auto auto 29%; padding:12px 7px 8px; }.setlist-pass .pass-slot { margin-bottom:7px; }.setlist-pass>small { font-size:6px; }.setlist-pass>b { font-size:48px; letter-spacing:-4px; }.setlist-pass>span:not(.pass-slot) { font-size:6px; }.setlist-pass>.barcode { height:16px; }.setlist-card:hover,.setlist-card:focus-visible { transform:translateY(-3px) rotate(0deg); }.setlist-card.active:after { bottom:7px; right:9px; color:var(--card-ink); font-size:6px; background:inherit; padding:3px; }.setlist-bottom { margin-top:20px; padding-top:17px; font-size:10px; }.setlist-bottom>span { display:none; }
}
@media(max-width:360px) {
  .gig-heading h1 { font-size:77px; }.gig-heading h1 i { font-size:29px; }.gig-portrait { inset-inline:7% -12%; }.admission-ticket { width:83%; }.gig-contact-sheet { width:27%; }.contact-note { right:220%; }.shelf-art { width:58px; transform:scale(.7); margin-right:-10px; }.shelf-label strong { font-size:18px; }.setlist-heading h2 { font-size:53px; }
}
@media(prefers-reduced-motion:no-preference) {
  body:not(.motion-off) .gig-heading,body:not(.motion-off) .admission-ticket,body:not(.motion-off) .gig-contact-sheet { animation:backstage-in .65s ease-out both; }
  body:not(.motion-off) .admission-ticket { animation-delay:.12s; }body:not(.motion-off) .gig-contact-sheet { animation-delay:.18s; }
  body:not(.motion-off) .setlist-dialog[open] .setlist-card { animation:sleeve-in .45s ease-out both; animation-delay:calc(var(--card-order,0) * 45ms); }.setlist-card:nth-child(2) { --card-order:1; }.setlist-card:nth-child(3) { --card-order:2; }.setlist-card:nth-child(4) { --card-order:3; }.setlist-card:nth-child(5) { --card-order:4; }
  @keyframes backstage-in { from { opacity:0; translate:0 14px; } to { opacity:1; translate:0 0; } }
  @keyframes sleeve-in { from { opacity:0; translate:0 28px; } to { opacity:1; translate:0 0; } }
}
.motion-off .backstage a,.motion-off .shelf-art,.motion-off .setlist-card { transition:none; }
.motion-off .gig-portrait>img { transform:rotate(-3deg); }
@media(prefers-reduced-motion:reduce) { .backstage a,.shelf-art,.setlist-card { transition:none; }.gig-portrait>img { transform:rotate(-3deg); } }

/* Short desktop windows keep the primary destinations above the fold. */
@media(min-width:761px) and (max-width:1000px) {
  .gig-character-label { right:20%; bottom:36px; }
  .object-shelf { grid-template-columns:1fr 1fr; gap:10px 30px; padding-top:27px; }
  .shelf-object { gap:22px; padding-inline:10px; }
  .shelf-art { width:87px; transform:none; margin-right:0; }
  .shelf-label small { font-size:9px; }.shelf-label strong { font-size:23px; }
  .setlist-cards { grid-template-columns:repeat(6,minmax(0,1fr)); gap:28px 20px; max-width:780px; }
  .setlist-card { grid-column:span 2; --offset:0px; height:335px; }
  .setlist-card:nth-child(4) { grid-column:2 / span 2; }.setlist-card:nth-child(5) { grid-column:4 / span 2; }
  .setlist-heading { margin-top:26px; }.setlist-heading h2 { font-size:74px; }.setlist-heading p { display:none; }
  .setlist-top { position:sticky; top:-28px; padding-top:28px; margin-top:-28px; background:#17181b; z-index:5; }
}
@media(min-width:761px) and (max-height:850px) {
  .gig-scene { height:420px; }
  .gig-heading { top:24px; }.gig-kicker { margin-bottom:16px; }
  .gig-heading h1 { font-size:88px; }.gig-heading h1 i { font-size:40px; }
  
  .gig-portrait { right:25%; left:31%; }.gig-portrait>img { height:152%; }
  .gig-sun { width:84%; top:11%; }.gig-character-label { bottom:33px; }
  .gig-contact-sheet { width:22%; top:15px; }.contact-photo img { aspect-ratio:1.9; }
  .contact-photo figcaption { flex-direction:row; justify-content:space-between; align-items:center; }
  .contact-photo figcaption>span:last-child { font-size:10px; }.contact-photo figcaption i { display:none; }
  .contact-note { margin-top:18px; padding:12px 16px 15px; }.contact-note>strong { font-size:43px; margin-block:8px; }
  .admission-ticket { bottom:58px; }.ticket-main { padding:13px 18px; }
  .ticket-main>strong { font-size:27px; margin:7px 0 12px; }.ticket-eyebrow { font-size:8px; }
  .object-shelf { padding-top:22px; padding-bottom:12px; }.shelf-object { min-height:93px; }
  .backstage-latest { padding-bottom:3px; }
  .setlist-heading { margin:23px auto 25px; }.setlist-heading h2 { font-size:76px; }
  .setlist-cards { padding-bottom:28px; }.setlist-card { height:340px; }
  .setlist-bottom { margin-top:12px; padding-top:17px; }
}
@media(min-width:761px) and (min-height:851px) and (max-height:1000px) {
  .gig-scene { height:510px; }.gig-heading h1 { font-size:112px; }
  .admission-ticket { bottom:56px; }.gig-heading { top:34px; }
  .gig-portrait>img { height:149%; }.object-shelf { padding-top:28px; }
  .contact-photo img { aspect-ratio:1.85; }.contact-note { margin-top:20px; }
}
@media(max-width:760px) {
  .gig-contact-sheet { display:contents; }
  .setlist-top { position:sticky; top:-18px; padding-top:18px; margin-top:-18px; background:#17181b; z-index:5; }
  .contact-photo { position:absolute; right:0; top:13px; width:29%; z-index:4; }
  .contact-tape { top:13px; right:1%; left:auto; z-index:5; }
  .contact-note { top:auto; bottom:67px; right:-2px; width:25%; padding:12px 8px 15px; z-index:5; }
  .contact-note>span:first-child { font-size:5px; letter-spacing:0; }
  .contact-note>strong { font-size:34px; margin:12px 0; }
  .contact-note>span:last-of-type { font-size:5px; line-height:1.8; display:block; }
  .note-underline { width:40px; bottom:33px; right:16%; }
  .gig-character-label { bottom:147px; right:5%; }
  .admission-ticket { width:70%; }
}