:root{--cream:#f1ecdf;--ink:#181719;--purple:#a484d0;--green:#c2d394;--paper:#faf6eb;--gap:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a:focus-visible,summary:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #6b32a0;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:10;padding:15px}.preview{background:var(--ink);color:var(--cream);padding:8px 3%;font:9px monospace;letter-spacing:1px;display:flex;justify-content:space-between}header{display:flex;align-items:center;justify-content:space-between;padding:22px 3%;border-bottom:1px solid #18171933;gap:20px}.brand{font-weight:900;font-size:25px;letter-spacing:-1.5px;text-decoration:none}header nav{display:flex;gap:25px;font-size:12px}header nav a{text-decoration:none}main{max-width:1600px;margin:auto;padding:0 3%}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 0 22px;gap:20px}h1{font:italic clamp(25px,3.4vw,48px)/1.1 Georgia,serif;letter-spacing:-1.8px;margin:7px 0}h2{font-family:Impact,'Arial Narrow','Helvetica Neue',sans-serif;font-weight:900;letter-spacing:-1px;line-height:1.02;font-size:clamp(28px,2.8vw,44px);margin:16px 0 20px;overflow-wrap:anywhere}h3{font:italic 39px Georgia;margin:8px 0}.eyebrow,.tiny,.section-label{font:9px/1.6 monospace;letter-spacing:.7px}.eyebrow{margin:0}.handwriting{font:italic 22px/1.25 Georgia,serif;transform:rotate(-4deg);margin:10px 0}.scrapbook{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);align-items:stretch;padding-bottom:25px}.tile{border:1px solid #18171980;border-radius:19px;padding:24px;min-width:0;position:relative;overflow:hidden}.tile p{font-size:13px;line-height:1.6}.section-label{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #18171940;padding-bottom:10px}.pill{border:1px solid;border-radius:20px;padding:2px 8px;font-size:8px;letter-spacing:0;white-space:nowrap}.presave{grid-column:span 2;grid-row:span 2;background:var(--purple);display:flex;flex-direction:column;justify-content:space-between;min-height:420px}.presave-layout{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:center;margin:23px 0}.cover-placeholder{aspect-ratio:1;min-height:180px;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;padding:19px;transform:rotate(-4deg);position:relative;box-shadow:5px 6px 0 #18171925;overflow:visible}.cover-small{font:8px monospace;letter-spacing:1px}.cover-symbol{font:75px/.8 Georgia;color:var(--green);align-self:center}.cover-caption{font:italic 25px/1 Georgia}.tape{position:absolute;top:-12px;left:30%;width:44%;height:22px;background:#e9e4b7a1;transform:rotate(6deg);border:1px solid #e9e4b740}.presave-copy h2{font-size:clamp(29px,3vw,46px)}.presave-copy .handwriting{font-size:16px}.presave-button{background:var(--ink);color:var(--cream);padding:15px 12px;border:1px solid var(--ink);border-radius:9px;width:100%;text-align:left;font-size:12px;opacity:1}.presave-button:disabled{cursor:default}.presave-note{border-top:1px solid #18171940;padding-top:15px;font:11px monospace;text-decoration:none}.portrait{grid-row:span 2;margin:0;padding:0;min-height:420px;background:var(--ink);color:var(--cream)}.portrait img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:52% center}.portrait:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000b)}figcaption{position:absolute;bottom:23px;left:20px;right:15px;z-index:1;display:flex;flex-direction:column;gap:8px}figcaption span{font:italic 16px Georgia}figcaption strong{font-size:25px;letter-spacing:-1px}.portrait-sticker{position:absolute;right:12px;top:20px;border-radius:50%;background:var(--green);color:var(--ink);padding:15px;font:italic 18px/1.1 Georgia;transform:rotate(12deg)}.welcome{background:var(--green);padding:22px;display:flex;flex-direction:column;justify-content:center}.welcome h2{font:italic 30px/.95 Georgia;letter-spacing:-1.5px;margin:12px 0}.welcome p{margin:8px 0}.welcome .handwriting{align-self:end;margin-top:0}.pin{position:absolute;top:10px;right:16px;width:9px;height:9px;background:var(--ink);border-radius:50%;box-shadow:2px 2px 0 #0003}.entries{background:repeating-linear-gradient(var(--paper) 0 26px,#75668322 26px 27px);grid-column:4;grid-row:span 2}.entries .section-label{background:var(--paper)}.serif{font:italic 29px/1.1 Georgia!important;letter-spacing:-1px}details{border-top:1px solid #18171950;padding:12px 0;font-size:12px}summary{cursor:pointer;font-size:12px;line-height:1.6;min-height:24px}summary span{float:right}.entries h2{margin-bottom:12px}.entries .tiny{font-size:8px;background:var(--paper)}.music{grid-column:span 2;grid-row:span 2;background:var(--ink);color:var(--cream)}.music .section-label{border-color:#ffffff40}.music h2{margin:13px 0 18px}.release{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.release img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.release audio{width:100%;max-width:100%;height:35px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.platforms a{font-size:10px;line-height:1.4}.minute{grid-row:span 2;background:var(--purple)}.minute h2{font-size:32px}.minute>p{font-size:12px}.video{background:var(--ink);color:var(--cream);padding:19px;border-radius:9px;min-height:205px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.video strong{font:38px/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px}.video>span:last-child{font:8px monospace}.play{color:var(--green);font-size:24px}.minute iframe{max-width:100%;height:280px}.infinity{background:var(--green);grid-column:4}.infinity h2{font-size:28px;margin:14px 0}.infinity-mark{font:85px/.7 Georgia;text-align:center}.infinity>p{font-size:12px}.app{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--paper);min-height:110px;text-decoration:none}.app-icon{font-size:40px;line-height:1}.app>span:last-child{font:11px monospace}.app-0{grid-column:3}.app-1{grid-column:4;background:var(--ink);color:var(--cream)}.catalog{grid-column:span 2;background:var(--paper)}.records a{display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px solid #18171940;text-decoration:none;font:10px monospace}.records strong{flex:1;font:25px Georgia}.text-link{font-size:12px}.shows{grid-column:span 2;background:var(--purple)}.show-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.show-photos img{width:100%;height:150px;object-fit:cover;border-radius:5px}.merch{background:var(--green)}.community{background:var(--paper)}.socials{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;margin:20px 0}.list{grid-column:span 2;background:var(--ink);color:var(--cream)}.list .section-label{border-color:#ffffff40}.list form>label{font-size:11px}.email-row{display:flex;gap:8px;margin:10px 0 17px}.email-row input{min-width:0;flex:1;width:100%;background:var(--cream);color:var(--ink);border:0;border-radius:6px;padding:13px;font-size:16px}.email-row button,.button{background:var(--green);color:var(--ink);border:1px solid var(--ink);padding:13px 15px;border-radius:6px;cursor:pointer;font-size:11px;text-decoration:none;display:inline-block}.button{background:var(--ink);color:var(--cream)}.consent{display:flex;align-items:start;gap:10px;font-size:10px!important;line-height:1.7}.consent input{flex-shrink:0}.honeypot{position:absolute;left:-5000px}.booking{grid-column:1/-1;background:var(--purple);display:flex;align-items:center;justify-content:space-between;gap:25px}.booking h2{margin:10px 0;font-size:38px}.booking a{font-size:16px;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;padding:22px 3% 35px;gap:20px}footer span,footer>a:last-child{font:9px monospace}a:hover{text-decoration-thickness:2px}.app:hover{outline:2px solid var(--ink);outline-offset:-4px}.tile:target{box-shadow:0 0 0 2px var(--ink)}
@media(min-width:1400px){.tile{padding:28px}.presave{min-height:470px}.portrait{min-height:470px}.video{min-height:240px}}
@media(max-width:1050px){.scrapbook{grid-template-columns:repeat(2,minmax(0,1fr))}.presave{grid-column:span 2;grid-row:auto;min-height:350px}.presave-layout{grid-template-columns:.8fr 1fr;max-width:650px;margin:25px auto;width:100%}.portrait{grid-column:1;grid-row:span 2;min-height:480px}.welcome{grid-column:2}.entries{grid-column:2;grid-row:auto}.music{grid-column:span 2;grid-row:auto}.release{grid-template-columns:.7fr 1fr}.minute{grid-column:1;grid-row:span 2}.infinity{grid-column:2}.app-0{grid-column:2}.app-1{grid-column:2}.catalog,.shows,.list{grid-column:span 2}.community,.merch{grid-column:auto}.page-heading>.handwriting{font-size:17px}.booking h2{font-size:30px}.platforms{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){:root{--gap:9px}header{padding:18px 4%;flex-wrap:wrap;gap:15px}.brand{font-size:23px}header nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}main{padding:0 3%}.page-heading{padding:22px 2% 20px;display:block}.page-heading h1{font-size:30px}.page-heading>.handwriting{font-size:16px;text-align:right;margin:13px 5px 0}.preview{font-size:8px}.preview span{display:none}.tile{padding:18px;border-radius:16px}.presave{min-height:0}.presave .section-label{flex-wrap:wrap;gap:7px}.presave-layout{gap:17px;margin:22px 0 16px;grid-template-columns:.85fr 1fr}.cover-placeholder{padding:14px;min-height:165px}.cover-caption{font-size:21px}.cover-symbol{font-size:53px}.cover-small{font-size:7px}.presave-copy h2{font-size:29px;margin:12px 0}.presave-copy p{font-size:11px}.presave-copy .handwriting{font-size:14px}.presave-copy .tiny{font-size:7px}.presave-button{font-size:10px;padding:13px 8px}.presave-note{font-size:10px;line-height:1.6}.portrait{min-height:430px}.portrait img{object-position:51% center}.portrait-sticker{font-size:14px;right:8px;padding:12px}figcaption{left:14px;bottom:20px}figcaption strong{font-size:22px}figcaption span{font-size:14px}.welcome{padding:18px 14px}.welcome h2{font-size:25px}.welcome p{font-size:11px}.welcome .tiny{font-size:7px}.entries{padding:18px 14px}.entries h2{font-size:29px}.entries .serif{font-size:23px!important}.entries summary{font-size:10px}.entries details p{font-size:12px}.entries .tiny{font-size:7px}.section-label{font-size:8px;letter-spacing:.2px}.music h2{font-size:35px}.release{gap:15px;grid-template-columns:1fr 1.15fr}.release h3{font-size:31px}.release p{font-size:11px}.platforms{gap:13px;font-size:10px}.minute{padding:17px 13px;grid-row:span 2}.minute h2{font-size:27px}.minute>p{font-size:11px}.video{padding:15px;min-height:185px}.video strong{font-size:32px}.infinity{padding:17px 13px}.infinity h2{font-size:25px}.infinity p{font-size:11px}.infinity-mark{font-size:70px}.app{min-height:90px;padding:13px;flex-direction:column;gap:9px}.app-icon{font-size:30px}.app>span:last-child{font-size:10px}.catalog h2,.shows h2,.list h2{font-size:35px}.show-photos img{height:120px}.merch,.community{grid-column:span 2}.merch .serif,.community .serif{font-size:33px!important}.socials{gap:17px}.email-row{flex-direction:column}.email-row button{padding:14px}.booking{display:block}.booking h2{font-size:31px}.booking a{font-size:14px}footer{flex-wrap:wrap}footer span{display:none}}
@media(max-width:350px){.presave-layout{grid-template-columns:1fr}.cover-placeholder{max-width:210px;width:100%;margin:0 auto}.presave-copy h2 br{display:none}.portrait{grid-column:span 2;grid-row:auto;min-height:340px}.welcome,.entries{grid-column:span 2}.release{grid-template-columns:1fr}.minute,.infinity{grid-column:span 2;grid-row:auto}.app-0{grid-column:1}.app-1{grid-column:2}.platforms{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Named puzzle slots keep every row filled without reordering keyboard navigation. */
@media(min-width:1051px){.scrapbook{grid-template-areas:'presave presave portrait welcome' 'presave presave portrait entries' 'music music minute entries' 'music music minute infinity' 'catalog catalog shows shows' 'app0 app1 merch community' 'list list merch community' 'booking booking booking booking'}.presave{grid-area:presave}.portrait{grid-area:portrait}.welcome{grid-area:welcome}.entries{grid-area:entries}.music{grid-area:music}.minute{grid-area:minute}.infinity{grid-area:infinity}.app-0{grid-area:app0}.app-1{grid-area:app1}.catalog{grid-area:catalog}.shows{grid-area:shows}.merch{grid-area:merch}.community{grid-area:community}.list{grid-area:list}.booking{grid-area:booking}}
.single-cover{position:relative;transform:rotate(-4deg);box-shadow:5px 6px 0 #18171925;line-height:0}.single-cover img{width:100%;aspect-ratio:1;object-fit:cover}.presave-button{display:block;text-decoration:none;line-height:1.5}.presave-button:hover{background:var(--green);color:var(--ink)}
/* Simplified masthead and compact new-music widget. */
header{display:block;padding:22px 3% 16px}header .header-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}header h1{font:inherit;letter-spacing:normal;margin:0}header .brand{font-size:27px}#live-clock{font:11px/1.6 monospace;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}header nav{display:flex;flex-wrap:wrap;gap:12px 23px;font-size:11px}main{padding-top:14px}.presave{min-height:0;justify-content:flex-start;grid-row:span 1}.presave .section-label{align-items:center;min-height:25px}.release-pin{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--ink);box-shadow:2px 2px 0 #0003;margin-right:2px}.presave-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:24px;margin:22px 0 0;max-width:none}.single-cover{max-width:220px}.presave-copy h2{margin:0 0 22px;font-size:clamp(28px,3vw,45px)}.presave-copy .presave-button{max-width:250px}.presave{padding-bottom:24px}
@media(min-width:1051px){.scrapbook{grid-template-areas:'presave presave portrait welcome' 'music music portrait entries' 'music music minute entries' 'catalog catalog minute infinity' 'catalog catalog shows shows' 'app0 app1 merch community' 'list list merch community' 'booking booking booking booking'}.presave{grid-area:presave}}
@media(max-width:1050px){.presave-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);max-width:640px;margin:22px auto 0}.single-cover{max-width:240px;width:100%}.presave{min-height:0}.presave-copy h2{font-size:39px}}
@media(max-width:580px){header{padding:18px 4% 14px}header .header-top{gap:10px;margin-bottom:16px;align-items:start}header .brand{font-size:22px}#live-clock{font-size:9px;white-space:normal;max-width:155px}header nav{justify-content:flex-start;gap:12px 17px;font-size:10px}.presave{padding:18px}.presave-layout{gap:20px;margin-top:20px;grid-template-columns:1fr 1fr}.presave-copy h2{font-size:clamp(25px,5.5vw,33px);margin-bottom:18px}.presave-copy .presave-button{font-size:10px;padding:12px 8px}.single-cover{max-width:none}.presave .section-label{flex-wrap:nowrap}main{padding-top:10px}}
@media(max-width:350px){.presave-layout{grid-template-columns:1fr 1fr;gap:15px}.presave-copy h2{font-size:23px}header .brand{font-size:20px}#live-clock{max-width:130px;font-size:8px}}
/* Milky purple ink and an irregular pen strike for the jump links. */
header nav a{position:relative;isolation:isolate;padding:5px 2px;text-decoration:none;transition:color .12s ease}
header nav a::after{content:'';position:absolute;inset:19% -5px 15%;pointer-events:none;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 30' preserveAspectRatio='none'%3E%3Cpath d='M3 17 C23 6 53 25 83 12 S119 21 137 9 M4 23 C36 13 61 7 94 19 S124 12 136 16 M7 9 C38 23 73 14 105 8 L132 22' fill='none' stroke='%23b9a0d8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");opacity:0;transform:scaleX(.92);transition:opacity .12s ease,transform .12s ease}
header nav a:hover,header nav a:focus-visible{color:#b9a0d8;text-decoration:none}
header nav a:hover::after,header nav a:focus-visible::after{opacity:1;transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){header nav a,header nav a::after{transition:none}}
/* Keep jump links in one horizontally scrollable row. */
header nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;white-space:nowrap;max-width:100%;padding:6px 5px 9px;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:#b9a0d8 transparent;-webkit-overflow-scrolling:touch}
header nav a{flex:0 0 auto;white-space:nowrap}
header nav a:hover,header nav a:focus-visible{color:var(--ink)}
header nav::-webkit-scrollbar{height:3px}
header nav::-webkit-scrollbar-thumb{background:#b9a0d8;border-radius:4px}
header nav::-webkit-scrollbar-track{background:transparent}
/* Warm gridded paper with subtle fiber grain. */
body{background-color:#cdbb9e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.13'/%3E%3C/svg%3E"),linear-gradient(#5e493d20 1px,transparent 1px),linear-gradient(90deg,#5e493d20 1px,transparent 1px);background-size:180px 180px,24px 24px,24px 24px}
header{background:#cdbb9eb3}
/* A metal pin, dark molded head, and cast shadow anchor the photograph. */
.photo-thumbtack{position:absolute;z-index:3;top:16px;right:21px;width:37px;height:44px;transform:rotate(-22deg);filter:drop-shadow(5px 8px 3px #0008);pointer-events:none}
.photo-thumbtack::before{content:'';position:absolute;left:17px;top:26px;width:3px;height:16px;background:linear-gradient(90deg,#333,#d5d1cb 48%,#65615b);clip-path:polygon(0 0,100% 0,65% 100%,38% 100%);transform:rotate(-12deg);transform-origin:top}
.photo-thumbtack::after{content:'';position:absolute;left:4px;top:14px;width:29px;height:17px;border-radius:50%;background:radial-gradient(ellipse at 38% 23%,#646464 0,#262626 24%,#080808 62%,#202020 85%,#050505);box-shadow:inset 0 1px 1px #aaa7,inset 0 -3px 2px #000,0 2px 1px #0008}
.photo-thumbtack>span{position:absolute;z-index:1;left:11px;top:5px;width:15px;height:19px;border-radius:40% 40% 35% 35%;background:linear-gradient(95deg,#080808 5%,#414141 28%,#171717 52%,#020202 90%);box-shadow:inset 1px 0 1px #7774}
.photo-thumbtack>span::before{content:'';position:absolute;left:-4px;top:-4px;width:23px;height:12px;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#737373 0,#313131 22%,#111 58%,#030303 88%);box-shadow:inset 0 1px 1px #a0a0a080,0 2px 1px #000}
/* Instant-film portrait: warm paper, square image window, generous caption border. */
.portrait{background:#eee7d6;border:1px solid #b3a58e;border-radius:2px;padding:14px 14px 65px;display:flex;flex-direction:column;min-height:0;box-shadow:2px 5px 8px #382b2738,inset 0 0 15px #ad94701c;overflow:visible;align-self:start;transform:rotate(-1.4deg);margin:5px 2px 7px}
.portrait img{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 30%;border:1px solid #51493a50;filter:saturate(.87) contrast(.97);flex:none}
.portrait::after{display:none}
.portrait figcaption{position:static;color:#24201d;display:flex;flex-direction:column;gap:5px;margin-top:18px;transform:rotate(-1deg)}
.portrait figcaption span{font:11px/1.4 monospace;letter-spacing:.1px}
.portrait figcaption strong{font:italic 25px/1.2 Georgia,serif;letter-spacing:-1px}
.portrait{padding-bottom:24px}
.photo-thumbtack{top:-11px;right:22%;transform:rotate(-12deg)}
@media(max-width:580px){.portrait{padding:9px 9px 20px;min-height:0}.portrait img{height:auto;aspect-ratio:1;object-position:50% 28%}.portrait figcaption{margin-top:15px;gap:7px}.portrait figcaption span{font-size:8px}.portrait figcaption strong{font-size:22px}}
.portrait{align-self:stretch;display:grid;grid-template-rows:minmax(200px,1fr) auto;gap:0}.portrait img{height:100%;min-height:0;aspect-ratio:auto}.portrait figcaption{align-self:end}
/* Photographic cutout replaces the drawn tack. */
.photo-thumbtack{width:47px;height:53px;top:-17px;right:22%;background:url('assets/black-thumbtack-photo.png') center/contain no-repeat;filter:drop-shadow(3px 5px 2px #0006);transform:rotate(-15deg)}
.photo-thumbtack::before,.photo-thumbtack::after,.photo-thumbtack>span{display:none}
.photo-thumbtack{left:50%;right:auto;transform:translateX(-50%) rotate(-15deg)}
.portrait figcaption{transform:none;margin-top:12px;min-height:55px;display:flex;align-items:center;justify-content:center}
.portrait figcaption .signature-mark{display:block;width:95%;height:auto;aspect-ratio:4/1;background:url('assets/nani-signature.png') center/contain no-repeat}
@media(max-width:580px){.portrait figcaption{margin-top:10px;min-height:45px}.portrait figcaption .signature-mark{width:100%}}
.portrait figcaption .signature-mark{aspect-ratio:3/1}
.release-reminder{display:inline-flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}
.release-date-alert{display:inline-flex;align-items:center;gap:6px;background:#e7dcef;color:#21152d;border:1px solid #49305d66;border-radius:5px;padding:5px 8px;font:9px/1.2 monospace;letter-spacing:.35px;box-shadow:1px 2px 0 #33203c25;white-space:nowrap}
.release-date-alert>span{display:inline-grid;place-items:center;border:1px solid currentColor;width:12px;height:12px;border-radius:50%;font:bold 9px/1 monospace}
@media(max-width:400px){.release-reminder{gap:8px}.release-date-alert{font-size:8px;padding:5px 6px;gap:4px}}
/* Torn masking tape, a red marker X, and the producer's own autograph. */
.producer-tape{display:flex;align-items:center;gap:8px;position:relative;isolation:isolate;margin:-5px -3px 21px;padding:10px 12px;min-height:51px;transform:rotate(-2deg);color:#181719;max-width:310px}
.producer-tape::before{content:'';position:absolute;inset:0;z-index:-1;background-color:#dfd3aa;background-image:repeating-linear-gradient(7deg,#b5a16a14 0 1px,transparent 1px 4px),linear-gradient(90deg,#eadfb5,#e2d4a9 45%,#eee2bc);clip-path:polygon(1% 0,99% 2%,98% 12%,100% 24%,98.5% 39%,100% 51%,98% 64%,100% 79%,98% 100%,0 97%,1.5% 83%,0 71%,1% 57%,0 42%,1.5% 28%,0 13%);box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #9c855055;opacity:.95}
.producer-prefix{font:11px/1.2 monospace;white-space:nowrap;flex-shrink:0}
.producer-x{width:22px;height:28px;flex-shrink:0;overflow:visible;transform:rotate(7deg)}
.producer-x path{fill:none;stroke:#b82429;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.producer-autograph{display:block;flex:1;min-width:0;max-width:155px;aspect-ratio:2.3/1;background:url('assets/producer-autograph.png') center/contain no-repeat}
.presave-copy h2{margin-bottom:16px}
@media(max-width:580px){.producer-tape{padding:8px 7px;gap:5px;margin-bottom:17px;min-height:43px}.producer-prefix{font-size:9px}.producer-x{width:15px;height:23px}.producer-autograph{max-width:120px}.presave-copy h2{margin-bottom:13px}}
/* Compact producer credit keeps the song title dominant. */
.producer-tape{width:fit-content;max-width:185px;min-height:0;gap:5px;padding:5px 8px;margin:-3px 0 16px}
.producer-prefix{font-size:9px}
.producer-x{width:13px;height:18px}
.producer-autograph{flex:0 1 83px;width:83px;max-width:83px;height:34px;aspect-ratio:auto}
@media(max-width:580px){.producer-tape{max-width:150px;padding:4px 6px;gap:4px;margin:0 0 14px}.producer-prefix{font-size:8px}.producer-x{width:11px;height:16px}.producer-autograph{flex-basis:65px;width:65px;max-width:65px;height:28px}}
/* The tape lifts to uncover a destination, with tap/keyboard support. */
.producer-peel{position:relative;width:fit-content;border:0;padding:0;margin:-3px 0 16px;isolation:isolate}
.producer-peel>summary.producer-tape{margin:0;list-style:none;cursor:pointer;overflow:visible;transform:rotate(-2deg);transform-origin:left center;transition:transform .35s ease,filter .35s ease;min-height:44px}
.producer-peel>summary::-webkit-details-marker{display:none}
.producer-tape-face{display:flex;align-items:center;gap:5px;transition:opacity .25s ease}
.producer-peel>summary::before{transition:opacity .3s ease}
.peel-corner{position:absolute;right:0;bottom:1px;width:10px;height:10px;background:linear-gradient(135deg,#a99463 0 46%,#f8edcd 53%);clip-path:polygon(100% 0,100% 100%,0 100%);transition:width .3s ease,height .3s ease;pointer-events:none}
.producer-peel>summary:hover{filter:drop-shadow(2px 4px 2px #33221440);transform:rotate(-4deg) translateY(-2px)}
.producer-peel>summary:hover .peel-corner{width:19px;height:19px}
.producer-under-tape{padding:7px 4px 0;font:10px/1.5 monospace}
.producer-under-tape a{display:inline-block;color:var(--ink);text-decoration:underline;padding:5px 0}
.producer-link-pending small{font-size:8px;opacity:.7}
.producer-peel[open]>summary{transform:rotate(-9deg) translateY(-4px);filter:drop-shadow(2px 5px 2px #33221440)}
.producer-peel[open]>summary .peel-corner{width:24px;height:24px}
.producer-peel[open]>summary::before{opacity:.78}
@media(max-width:580px){.producer-peel{margin:0 0 14px}.producer-tape-face{gap:4px}}
@media(prefers-reduced-motion:reduce){.producer-peel>summary,.producer-peel>summary::before,.producer-tape-face,.peel-corner{transition:none}}
.producer-autograph{background-image:url('assets/producer-autograph-v2.png')}

.producer-autograph{background:none;object-fit:contain;display:block}
/* Raised vinyl music-service stickers with rounded, inflated edges. */
.streaming-hub{display:block;padding:22px 18px;background:var(--green)}
.streaming-hub h2{font:900 clamp(27px,2.5vw,38px)/.98 Impact,'Arial Narrow',sans-serif;letter-spacing:-.6px;margin:0 0 20px}
.streaming-stickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 9px}
.stream-sticker{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;transform:rotate(-7deg);transition:transform .18s ease;--sticker-color:#191919}
.stream-sticker:nth-child(even){transform:rotate(7deg)}
.sticker-surface{width:clamp(42px,4vw,62px);aspect-ratio:1;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#fff 5%,#faf8f0 45%,#d5d0c6);border:3px solid #fffdf5;border-radius:29%;box-shadow:inset 2px 3px 3px #fff,inset -3px -4px 4px #7775,2px 5px 1px #3a30242b,3px 7px 7px #3a302426}
.sticker-surface::after{content:'';position:absolute;inset:3px;border-radius:23%;background:linear-gradient(140deg,#ffffff65,transparent 43%,#ffffff15 70%,#0000000c);pointer-events:none}
.sticker-surface svg{width:65%;height:65%;fill:var(--sticker-color);filter:drop-shadow(0 1px 0 #fff9)}
.spotify{--sticker-color:#158a42}.apple-music{--sticker-color:#ed3452}.youtube-music{--sticker-color:#e52727}.amazon-music{--sticker-color:#147b91}.tidal{--sticker-color:#111}.soundcloud{--sticker-color:#ed651d}
.service-label{font:8px/1.2 monospace;text-align:center;transform:rotate(7deg);letter-spacing:-.1px}.stream-sticker:nth-child(even) .service-label{transform:rotate(-7deg)}
.stream-sticker:hover,.stream-sticker:focus-visible{transform:translateY(-4px) rotate(0)}
@media(max-width:1050px){.sticker-surface{width:54px}.streaming-hub h2{font-size:33px}}
@media(max-width:580px){.streaming-hub{padding:20px 12px}.streaming-hub h2{font-size:27px;margin-bottom:19px}.streaming-stickers{gap:16px 5px}.sticker-surface{width:clamp(34px,9.5vw,48px);border-width:2px}.service-label{font-size:7px;line-height:1.3;max-width:49px}}
@media(prefers-reduced-motion:reduce){.stream-sticker{transition:none}}
/* Flat, imperfect magazine scraps replace inflated sticker tiles. */
.streaming-hub h2.section-label{font:9px/1.6 monospace;letter-spacing:.7px;margin:0 0 22px;padding:0 0 10px;border-bottom:1px solid #18171940;display:block}
.sticker-surface{border:0;border-radius:0;background:#f3f0e5;box-shadow:none;width:clamp(46px,4.5vw,66px);clip-path:polygon(3% 3%,18% 1%,32% 4%,49% 0,64% 3%,80% 1%,97% 4%,95% 19%,100% 34%,97% 51%,99% 68%,96% 83%,98% 98%,81% 96%,66% 100%,48% 97%,32% 99%,18% 96%,1% 98%,4% 80%,0 65%,3% 48%,1% 33%,4% 18%)}
.sticker-surface::after{display:none}
.sticker-surface svg{filter:none;width:68%;height:68%}
.stream-sticker:nth-child(2) .sticker-surface{background:#eed8d3;clip-path:polygon(2% 2%,99% 0,95% 25%,99% 51%,96% 76%,98% 97%,69% 100%,42% 97%,0 99%,3% 72%,0 48%,3% 24%)}
.stream-sticker:nth-child(3) .sticker-surface{background:#f8f3e7}
.stream-sticker:nth-child(4) .sticker-surface{background:#cce0dc}
.stream-sticker:nth-child(5) .sticker-surface{background:#dedbd2}
.stream-sticker:nth-child(6) .sticker-surface{background:#eddbbd}
.stream-sticker{transition:transform .15s ease}.stream-sticker:hover,.stream-sticker:focus-visible{transform:rotate(0)}
@media(max-width:1050px){.sticker-surface{width:55px}}
@media(max-width:580px){.streaming-hub h2.section-label{font-size:8px;letter-spacing:.2px;margin-bottom:19px}.sticker-surface{width:clamp(35px,9.8vw,49px)}}

.entries h2.section-label{font:9px/1.6 monospace;letter-spacing:.7px;margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid #18171940;background:var(--paper);display:block}
@media(max-width:580px){.entries h2.section-label{font-size:8px;letter-spacing:.2px}}
/* Keep the portrait independent of expanding neighboring biography entries. */
.portrait{align-self:start;grid-template-rows:auto auto;height:auto;min-height:0}
.portrait img{height:auto;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
@media(max-width:580px){.portrait img{height:auto;aspect-ratio:4/5}}
/* Social pins sit on the gridded paper beneath the fixed portrait. */
.portrait-group{grid-row:span 2;min-width:0;align-self:start}
.portrait-group>.portrait{width:calc(100% - 4px);margin-bottom:0}
.social-pins{display:flex;justify-content:space-evenly;align-items:start;gap:9px;padding:19px 2px 8px}
.social-pin{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;font:8px/1.3 monospace;min-width:0;flex:1}
.social-pin-head{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 33% 20%,#5d5c59,#222 39%,#080808 78%);border:1px solid #060606;color:#eee8da;font:22px/1 Arial,sans-serif;box-shadow:inset 0 1px 2px #ffffff70,1px 3px 0 #070707,3px 6px 5px #34291f55;position:relative;transition:transform .15s ease}
.social-pin-head::after{content:'';position:absolute;left:17px;top:38px;width:2px;height:7px;background:linear-gradient(90deg,#333,#ccc,#666);transform:rotate(-20deg);z-index:-1}
.social-pin:nth-child(1){transform:rotate(-6deg)}.social-pin:nth-child(3){transform:rotate(5deg)}
.social-pin:hover .social-pin-head,.social-pin:focus-visible .social-pin-head{transform:translateY(-3px)}
@media(min-width:1051px){.portrait-group{grid-area:portrait}.scrapbook{grid-template-areas:'presave presave portrait welcome' 'music music portrait entries' 'music music minute entries' 'catalog catalog minute infinity' 'catalog catalog shows shows' 'list list merch community' 'booking booking booking booking'}}
@media(max-width:1050px){.portrait-group{grid-column:1;grid-row:span 2}.catalog{grid-column:span 2}}
@media(max-width:580px){.social-pins{gap:5px;padding-top:17px}.social-pin{font-size:7px}.social-pin-head{width:32px;height:32px;font-size:19px}.social-pin-head::after{left:14px;top:32px}}
@media(max-width:350px){.portrait-group{grid-column:span 2;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.social-pin-head{transition:none}}
/* Die-cut logo pins: shadows follow the brand silhouette, without round backs. */
.social-pin-head{width:39px;height:39px;background:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 1px 0 #ffffff7a) drop-shadow(1px 2px 0 #050505) drop-shadow(2px 4px 2px #34291f65)}
.social-pin-head::after{display:none}
.social-pin-head svg{width:100%;height:100%;fill:#181719;overflow:visible}
.social-pin:nth-child(2) .social-pin-head{width:46px}
@media(max-width:580px){.social-pin-head{width:33px;height:33px}.social-pin:nth-child(2) .social-pin-head{width:40px}}
/* Black anodized nano with a playable preview and tactile click wheel. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nano-section{background:#1b1b1c}.nano-section .section-label{color:var(--cream)}.nano-stage{display:flex;justify-content:center;padding:24px 0 9px}
.nano{width:220px;max-width:100%;border-radius:21px;padding:22px 19px 15px;background:linear-gradient(100deg,#555 0,#161616 3%,#080808 49%,#252525 96%,#646464 100%);border:1px solid #656565;box-shadow:inset 0 2px 2px #ffffff60,inset 0 -2px 3px #000,5px 12px 18px #0008;color:#ddd}
.nano-screen{background:linear-gradient(135deg,#f5f5ed,#d4d9da);color:#15171b;border:4px solid #050505;border-radius:5px;box-shadow:0 0 0 1px #555;min-height:162px;padding:0 8px 8px;font-family:Arial,sans-serif;overflow:hidden}
.nano-status{display:flex;justify-content:space-between;border-bottom:1px solid #92999d;margin:0 -8px 10px;padding:5px 8px;background:linear-gradient(#eef1f1,#b6bdc0);font:bold 10px Arial}.nano-status>span:last-child{color:#365a35}.nano-track{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center}.nano-track img{width:56px;height:56px;object-fit:cover;box-shadow:1px 2px 2px #0004}.nano-track>div{display:flex;flex-direction:column;gap:5px;min-width:0}.nano-track strong{font-size:12px}.nano-track span{font-size:9px}.nano-screen input[type=range]{accent-color:#465e82;cursor:pointer;height:12px;min-width:0;padding:0}.nano-screen #nano-seek{width:100%;margin:11px 0 0}.nano-times{display:flex;justify-content:space-between;font:9px monospace}.nano-volume{display:flex;align-items:center;gap:6px;margin-top:8px}.nano-volume label{font-size:8px}.nano-volume input{width:100%;flex:1}.nano-wheel{margin:24px auto 15px;position:relative;width:152px;height:152px;border-radius:50%;background:radial-gradient(circle,#181818 42%,#282828 43%,#202020 70%);box-shadow:inset 0 1px 2px #ffffff25,0 1px 1px #5556}.nano-wheel button{position:absolute;background:none;border:0;border-radius:7px;padding:0;color:#aaa;cursor:pointer;font:11px Arial;min-height:30px;min-width:32px}.nano-wheel button:hover{color:white;background:#ffffff0c}.wheel-menu{top:7px;left:50%;transform:translateX(-50%);font-size:9px!important;letter-spacing:1px}.wheel-back{left:5px;top:60px}.wheel-forward{right:5px;top:60px}.wheel-play{bottom:6px;left:50%;transform:translateX(-50%)}.nano-wheel .wheel-select{width:58px;height:58px;min-height:58px;left:47px;top:47px;border-radius:50%;background:linear-gradient(130deg,#353535,#101010);box-shadow:inset 0 1px 2px #fff3,0 1px 3px #000}.nano-wheel .wheel-select:active{background:#141414;box-shadow:inset 0 1px 3px #000}.nano-brand{display:block;text-align:center;font:7px Arial;letter-spacing:2px;color:#808080}.nano-note{text-align:center;font:9px/1.5 monospace!important;letter-spacing:.5px;color:#cbc5d6;margin:12px 0 0!important}#nano-menu p{font-size:11px;margin:0 0 9px}#nano-menu button,#nano-menu a{display:flex;align-items:center;justify-content:space-between;width:100%;font:11px/1.4 Arial;padding:7px;color:#111;background:#ccd5dd;border:0;border-radius:0;text-decoration:none;cursor:pointer}#nano-menu button{background:linear-gradient(#547bab,#2c4c77);color:#fff}#nano-menu[hidden],#nano-now[hidden]{display:none}
@media(max-width:580px){.nano-stage{padding-top:22px}.nano{width:210px}.nano-section{padding-bottom:22px}}

/* The device rests directly on the paper, without a surrounding panel. */
.nano-section{background:transparent;border:0;border-radius:0;padding:0;align-self:start;min-width:0;overflow:visible;box-shadow:none}
.nano-section:target{box-shadow:none;outline:none}
.nano-section .nano-stage{padding:12px 0;margin:0}
@media(max-width:580px){.nano-section{padding:0}.nano-section .nano-stage{padding:10px 0}}
/* A compact mini becomes the streaming hub: six clickable apps on its screen. */
.mini-section .nano{width:250px;border-radius:24px;padding:24px 19px 19px;background:linear-gradient(90deg,#5e5e5e 0,#292929 3%,#171717 16%,#222 75%,#363636 96%,#707070 100%)}
.mini-section .nano-screen{min-height:208px;padding:0 9px 10px;border-radius:3px;background:linear-gradient(135deg,#e9ebd9,#c3c9b7)}
.mini-apps-header{font:bold 11px/1.4 Arial;text-align:center;margin:0 -9px 12px;padding:8px 3px 6px;border-bottom:1px solid #788374;background:linear-gradient(#e4e8db,#b8c1ad)}
.mini-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 6px;padding:0 1px 5px}
.mini-app-grid .stream-sticker,.mini-app-grid .stream-sticker:nth-child(even){transform:none;gap:5px;min-width:0;text-decoration:none}
.mini-app-grid .sticker-surface{width:42px;height:42px;clip-path:none;border-radius:8px;background:#f7f6ed;border:1px solid #87927d88;box-shadow:0 1px 2px #0003}
.mini-app-grid .sticker-surface svg{width:70%;height:70%}
.mini-app-grid .service-label,.mini-app-grid .stream-sticker:nth-child(even) .service-label{transform:none;font:7px/1.3 Arial;color:#151915;max-width:none}
.mini-app-grid .stream-sticker:hover .sticker-surface,.mini-app-grid .stream-sticker:focus-visible .sticker-surface{outline:2px solid #476c38;outline-offset:1px}
.mini-section .nano-wheel{width:165px;height:165px;margin-top:25px;background:radial-gradient(circle,#303030 42%,#373737 43%,#222 73%)}
.mini-section .nano-wheel .wheel-select{left:53px;top:53px}.mini-section .wheel-back,.mini-section .wheel-forward{top:66px}
#mini-apps[hidden],#mini-player[hidden]{display:none}
@media(min-width:1051px){.scrapbook{grid-template-areas:'presave presave portrait music' 'entries entries portrait music' 'minute minute infinity infinity' 'catalog catalog shows shows' 'list list merch community' 'booking booking booking booking'}}
@media(max-width:1050px){.portrait-group{grid-column:1;grid-row:span 2}.mini-section{grid-column:2;grid-row:auto}.entries{grid-column:2;grid-row:auto}}
@media(max-width:580px){.mini-section .nano{width:100%;padding:16px 10px 12px;border-radius:18px}.mini-section .nano-screen{padding:0 5px 7px;min-height:166px;border-width:3px}.mini-apps-header{font-size:9px;margin:0 -5px 10px;padding:6px 2px}.mini-app-grid{gap:11px 4px}.mini-app-grid .sticker-surface{width:clamp(25px,7vw,38px);height:clamp(25px,7vw,38px);border-radius:5px}.mini-app-grid .service-label{font-size:6px}.mini-section .nano-wheel{width:125px;height:125px;max-width:100%;margin:18px auto 12px}.mini-section .nano-wheel .wheel-select{width:46px;height:46px;min-height:46px;left:calc(50% - 23px);top:calc(50% - 23px)}.mini-section .wheel-back,.mini-section .wheel-forward{top:47px;font-size:8px}.mini-section .wheel-menu{top:4px}.mini-section .wheel-play{bottom:2px}.mini-section .nano-track{grid-template-columns:35px 1fr}.mini-section .nano-track img{width:35px;height:35px}.mini-section .nano-track strong{font-size:10px}.mini-section .nano-track span{font-size:8px}}
@media(max-width:350px){.mini-section,.entries{grid-column:span 2}.mini-section .nano{max-width:230px}.mini-section .nano-screen{min-height:190px}.mini-app-grid .sticker-surface{width:40px;height:40px}}
/* Third-generation nano proportions keep the streaming player compact. */
.mini-section .nano{width:270px;max-width:100%;padding:16px 15px 11px;border-radius:18px}
.mini-section .nano-screen{min-height:167px;padding:0 9px 7px;border-width:4px}
.mini-apps-header{padding:5px 3px;margin-bottom:9px;font-size:10px}
.mini-app-grid{gap:9px 9px;padding-bottom:1px}
.mini-app-grid .sticker-surface{width:38px;height:38px;border-radius:6px}
.mini-app-grid .service-label{font-size:7px}
.mini-section .nano-wheel{width:117px;height:117px;margin:13px auto 8px}
.mini-section .nano-wheel .wheel-select{width:43px;height:43px;min-height:43px;min-width:43px;left:37px;top:37px}
.mini-section .wheel-back,.mini-section .wheel-forward{top:43px;font-size:9px;min-width:26px}
.mini-section .wheel-back{left:1px}.mini-section .wheel-forward{right:1px}
.mini-section .wheel-menu{top:1px;font-size:8px!important}
.mini-section .wheel-play{bottom:0;font-size:10px}
.mini-section .nano-brand{font-size:6px;letter-spacing:1.8px}
@media(max-width:580px){.mini-section .nano{width:100%;padding:12px 9px 9px;border-radius:14px}.mini-section .nano-screen{min-height:142px;padding:0 5px 6px;border-width:3px}.mini-apps-header{font-size:8px;margin:0 -5px 8px;padding:5px 1px}.mini-app-grid{gap:9px 4px}.mini-app-grid .sticker-surface{width:clamp(26px,7.5vw,37px);height:clamp(26px,7.5vw,37px)}.mini-app-grid .service-label{font-size:6px}.mini-section .nano-wheel{width:97px;height:97px;margin:10px auto 7px}.mini-section .nano-wheel .wheel-select{width:35px;height:35px;min-width:35px;min-height:35px;left:31px;top:31px}.mini-section .wheel-back,.mini-section .wheel-forward{top:34px;font-size:7px;min-width:22px;min-height:28px}.mini-section .wheel-menu{font-size:7px!important;min-height:24px}.mini-section .wheel-play{font-size:8px;min-height:24px}}
@media(max-width:350px){.mini-section .nano{max-width:250px}.mini-section .nano-screen{min-height:157px}.mini-app-grid .sticker-surface{width:36px;height:36px}}
.nano-preview-home{width:100%;display:flex;align-items:center;gap:6px;padding:4px 5px;margin:0 0 8px;background:linear-gradient(#557bab,#294d7d);color:white;border:0;border-radius:2px;cursor:pointer;text-align:left;font:9px/1.2 Arial}.nano-preview-home img{width:21px;height:21px;object-fit:cover}.nano-preview-home>span:first-of-type{flex:1}.mini-section .nano-screen{min-height:202px}.mini-section .nano-track{display:flex;flex-direction:column;gap:5px}.mini-section .nano-track>img{width:91px;height:91px;object-fit:cover;align-self:center}.mini-section .nano-track .track-marquee{width:100%;overflow:hidden;display:block;white-space:nowrap;position:relative;height:16px}.track-marquee>span{display:inline-block;font:bold 10px/16px Arial!important;animation:track-scroll 12s linear infinite;padding-left:100%;will-change:transform}.track-marquee:hover>span{animation-play-state:paused}.mini-section #nano-seek{margin-top:3px}.mini-section .nano-volume{margin-top:5px}.mini-section .mini-app-grid{gap:8px 7px}.mini-section .mini-apps-header{margin-bottom:6px}
@keyframes track-scroll{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(-100%)}}
@media(max-width:580px){.mini-section .nano-screen{min-height:180px}.nano-preview-home{font-size:7px;gap:4px;padding:3px}.nano-preview-home img{width:17px;height:17px}.mini-section .nano-track>img{width:76px;height:76px}.track-marquee>span{font-size:8px!important}.mini-section .nano-volume label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.track-marquee>span{animation:none;padding-left:0}.mini-section .nano-track .track-marquee{white-space:normal;height:auto;min-height:16px}.track-marquee>span{line-height:1.3!important}}

.nano-shortcut{display:block;width:fit-content;margin-top:12px;color:var(--ink);font:10px/1.5 monospace;text-decoration:underline;text-underline-offset:4px}
@media(max-width:580px){.nano-shortcut{font-size:9px;margin-top:10px}}
.nano-shortcut{width:100%;max-width:250px;text-align:center}
/* One continuous notebook ruling; avoid doubled lines and opaque text patches. */
.entries{background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#817c7152 27px,#817c7152 28px);background-position:0 18px;background-size:100% 28px}
.entries h2.section-label{background:transparent;border-bottom:0;margin-bottom:18px}
.entries details{border-top:0;padding:14px 0}
.entries .tiny{background:transparent}

@media(min-width:1051px){.scrapbook{grid-template-areas:'presave presave portrait music' 'entries entries portrait music' 'minute minute infinity infinity' 'shows shows merch community' 'list list merch community' 'booking booking booking booking'}}
/* Pack independent-height pieces without forcing both columns into shared rows. */
.scrapbook.packed-grid{grid-template-areas:none;grid-auto-rows:4px;grid-auto-flow:row dense;align-items:start}
.scrapbook.packed-grid>*{grid-area:auto;grid-column:span 1;grid-row:span var(--packed-rows,1);align-self:start;min-width:0}
.scrapbook.packed-grid>.presave,.scrapbook.packed-grid>.shows,.scrapbook.packed-grid>.list{grid-column:span 2}
.scrapbook.packed-grid>.booking{grid-column:1/-1}
@media(min-width:1051px){.scrapbook.packed-grid>.minute{grid-column:span 2}}
@media(max-width:580px){.scrapbook.packed-grid>.merch,.scrapbook.packed-grid>.community{grid-column:span 2}}
@media(max-width:350px){.scrapbook.packed-grid>*{grid-column:1/-1}}

.minute h2.section-label{font:9px/1.6 monospace;letter-spacing:.7px;margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid #18171940;display:block}
.vlog-player{position:relative;aspect-ratio:16/9;width:100%;background:#111;border-radius:6px;overflow:hidden}
.vlog-player iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;max-width:100%}
.vlog-fallback{display:inline-block;font:9px/1.5 monospace;margin-top:14px}
@media(max-width:580px){.minute h2.section-label{font-size:8px;letter-spacing:.2px}}
/* Matching bold condensed headers for the biography and visual diary. */
.entries h2.section-label,.minute h2.section-label{font-family:Impact,'Arial Narrow','Helvetica Neue',sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(24px,2.2vw,34px);line-height:1.1;letter-spacing:-.5px;background:transparent;margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid #18171940;display:block;overflow-wrap:normal}
@media(max-width:580px){.entries h2.section-label,.minute h2.section-label{font-size:clamp(20px,4.9vw,28px);line-height:1.1;letter-spacing:-.4px;margin-bottom:18px;padding-bottom:12px}}
/* Small offering shelf packed directly underneath the visual diary. */
.offering-altar{background:#d6c1b2;padding:20px;align-self:start}
.altar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.offering-altar h2{font:900 22px/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:-.3px;margin:0}
.altar-spark{font:24px Georgia;color:#30212e}.offering-altar p{font:italic 14px/1.3 Georgia;margin:10px 0 14px}
.offering-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.offering-options a,.offering-options button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border:1px solid #181719;border-radius:6px;background:#eee7d6;color:#181719;text-decoration:none;font:10px/1.4 monospace;box-shadow:1px 2px 0 #18171930;transition:transform .15s ease,box-shadow .15s ease}
.offering-options>:disabled{opacity:.65;cursor:default}.offering-options>:first-child>span:first-child{font:bold italic 16px Arial;color:#204a92}.offering-options>:last-child>span:first-child{font:bold 18px Arial;color:#267547}.offering-options a:hover{transform:translateY(-2px);box-shadow:2px 4px 0 #18171930}.offering-note{display:block;font:8px/1.5 monospace;margin-top:10px}
.scrapbook.packed-grid>.offering-altar{grid-column:span 1}
@media(min-width:1051px){.scrapbook.packed-grid>.offering-altar{grid-column:span 2}}
@media(max-width:580px){.offering-altar{padding:17px 13px}.offering-altar h2{font-size:20px}.offering-options{gap:6px}.offering-options a,.offering-options button{font-size:9px;padding:10px 6px;gap:4px}}
@media(max-width:350px){.scrapbook.packed-grid>.offering-altar{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.offering-options a{transition:none}}
.scrapbook.packed-grid>.offering-altar{grid-column:1/span 1}
@media(min-width:1051px){.scrapbook.packed-grid>.offering-altar{grid-column:1/span 2}}
@media(max-width:350px){.scrapbook.packed-grid>.offering-altar{grid-column:1/-1}}
/* Match The Long View's lower edge to the adjacent offering altar. */
.scrapbook.packed-grid>.infinity{min-height:var(--long-view-min-height,0px)}
.mixtape-section h2{font-size:clamp(29px,2.8vw,42px);margin:18px 0 12px;letter-spacing:-.7px}
.mixtape-section .mixtape-intro{font:13px/1.6 Arial;margin-bottom:20px}
.mixtape-access{border:1px solid #18171960;padding:13px;border-radius:6px;background:#eff0d140;margin-bottom:23px}
.mixtape-access-label{display:block;font:8px/1.4 monospace;letter-spacing:1px;margin-bottom:9px}
.mixtape-listen{display:block;width:100%;padding:12px 9px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--cream);font:10px/1.4 monospace;text-align:left;text-decoration:none}
.mixtape-listen:disabled{opacity:.55;cursor:default}.mixtape-pending{display:block;font:8px/1.5 monospace;margin-top:8px}
.performance-heading{display:flex;flex-direction:column;gap:7px;margin:0 0 15px}.performance-heading h3{font:900 26px/1 Impact,'Arial Narrow',sans-serif;margin:0}.performance-heading>span{font:8px monospace;letter-spacing:1px}
.performance-track{padding:0;border-top:1px solid #18171950;border-bottom:1px solid #18171950}.performance-track summary{display:flex;align-items:center;gap:10px;padding:14px 0;list-style:none}.performance-track summary::-webkit-details-marker{display:none}.track-number{font:9px monospace;opacity:.7}.track-name{flex:1;font:bold 12px/1.4 Arial}.track-action{font:9px monospace;white-space:nowrap}.performance-content{padding-bottom:15px}.performance-video{position:relative;aspect-ratio:9/16;width:100%;max-height:400px;max-width:225px;margin:auto;background:#111;border-radius:4px;overflow:hidden}.performance-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.performance-content>a{display:inline-block;font:9px monospace;margin-top:12px}
@media(max-width:580px){.mixtape-section h2{font-size:29px}.mixtape-access{padding:10px}.mixtape-listen{font-size:9px}.track-name{font-size:11px}.performance-track summary{gap:7px}.track-action{font-size:8px}}

.performance-video.landscape{aspect-ratio:16/9;max-width:none;max-height:none}

/* Keep the mixtape and performance controls compact within the puzzle. */
.scrapbook.packed-grid>.mixtape-section{padding:18px 20px}
.mixtape-section h2{margin:12px 0 8px}
.mixtape-section .mixtape-intro{margin:0 0 12px;line-height:1.4}
.mixtape-section .mixtape-access{padding:10px;margin-bottom:14px}
.mixtape-section .mixtape-access-label{margin-bottom:6px}
.mixtape-section .mixtape-listen{padding:10px 9px}
.mixtape-section .performance-heading{gap:5px;margin-bottom:10px}
.mixtape-section .performance-heading h3{font-size:24px}
.mixtape-section .performance-track summary{padding:11px 0}

.mixtape-section h2{margin-top:10px;margin-bottom:6px}
.mixtape-section .mixtape-intro{margin-bottom:8px}
.mixtape-section .mixtape-access{margin-bottom:10px;padding:8px 10px}
.scrapbook.packed-grid>.mixtape-section{padding-top:15px;padding-bottom:15px}

/* Merch fills the former community space as a shallow, wide piece. */
.scrapbook.packed-grid>.merch{grid-column:span 2;padding:20px 24px}
.merch h2{margin:10px 0;font-size:32px}
.merch .serif{font-size:30px!important;line-height:1.05;margin:12px 0}
.merch .serif br{display:none}
.merch .serif br:after{content:' '}
.merch>p:not(.serif){margin:10px 0 14px;font-size:12px}
@media(max-width:350px){.scrapbook.packed-grid>.merch{grid-column:1/-1}}

.date-display{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.holiday-sticker{display:inline-flex;width:32px;height:34px;flex:0 0 32px;transform:rotate(-9deg);filter:drop-shadow(1px 2px 1px #30261e50)}
.holiday-sticker svg{width:100%;height:100%;overflow:visible}
@media(max-width:580px){.date-display{gap:5px}.holiday-sticker{width:26px;height:28px;flex-basis:26px}}

/* A draggable pen replaces the navigation's native horizontal scrollbar. */
header nav{scrollbar-width:none;padding-bottom:4px}
header nav::-webkit-scrollbar{display:none}
.nav-pen-scroll{height:28px;padding:0 5px}
.nav-pen-scroll[hidden]{display:none}
#nav-pen{display:block;appearance:none;-webkit-appearance:none;width:100%;height:28px;background:transparent;margin:0;cursor:grab;touch-action:pan-y}
#nav-pen:active{cursor:grabbing}
#nav-pen::-webkit-slider-runnable-track{height:2px;background:#51435625;border-radius:2px}
#nav-pen::-moz-range-track{height:2px;background:#51435625;border-radius:2px}
#nav-pen::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:112px;height:26px;margin-top:-12px;border:0;border-radius:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22112%22%20height%3D%2226%22%20viewBox%3D%220%200%20112%2026%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23e0d1ef%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23b59bce%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23806291%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28112%200%29%20scale%28-1%201%29%22%3E%3Cg%20transform%3D%22rotate%28-2%2056%2013%29%22%3E%3Cpath%20d%3D%22M5%209h82v10H5q-4-5%200-10%22%20fill%3D%22url%28%23p%29%22%20stroke%3D%22%23514356%22%2F%3E%3Cpath%20d%3D%22M87%209%20104%2014%2087%2019Z%22%20fill%3D%22%23d9d4cb%22%20stroke%3D%22%23514356%22%2F%3E%3Cpath%20d%3D%22m104%2014%205%201-5%201Z%22%20fill%3D%22%23171719%22%2F%3E%3Cpath%20d%3D%22M7%209h23v10H7Z%22%20fill%3D%22%2326232b%22%2F%3E%3Cpath%20d%3D%22M10%207h22q4%200%204%204v2%22%20fill%3D%22none%22%20stroke%3D%22%23b7b4be%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M38%2011h42%22%20stroke%3D%22%23f1e5fc%22%20stroke-width%3D%221%22%20opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");filter:drop-shadow(0 2px 1px #30261e50)}
#nav-pen::-moz-range-thumb{width:112px;height:26px;border:0;border-radius:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22112%22%20height%3D%2226%22%20viewBox%3D%220%200%20112%2026%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23e0d1ef%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23b59bce%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23806291%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate%28112%200%29%20scale%28-1%201%29%22%3E%3Cg%20transform%3D%22rotate%28-2%2056%2013%29%22%3E%3Cpath%20d%3D%22M5%209h82v10H5q-4-5%200-10%22%20fill%3D%22url%28%23p%29%22%20stroke%3D%22%23514356%22%2F%3E%3Cpath%20d%3D%22M87%209%20104%2014%2087%2019Z%22%20fill%3D%22%23d9d4cb%22%20stroke%3D%22%23514356%22%2F%3E%3Cpath%20d%3D%22m104%2014%205%201-5%201Z%22%20fill%3D%22%23171719%22%2F%3E%3Cpath%20d%3D%22M7%209h23v10H7Z%22%20fill%3D%22%2326232b%22%2F%3E%3Cpath%20d%3D%22M10%207h22q4%200%204%204v2%22%20fill%3D%22none%22%20stroke%3D%22%23b7b4be%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M38%2011h42%22%20stroke%3D%22%23f1e5fc%22%20stroke-width%3D%221%22%20opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");filter:drop-shadow(0 2px 1px #30261e50)}

.nav-pen-scroll{position:relative;--pen-progress:0;--pen-width:112px}
.nav-pen-scroll::before{content:'';position:absolute;pointer-events:none;left:5px;top:13px;height:3px;width:calc((100% - 10px - var(--pen-width)) * var(--pen-progress) + 8px);background:#b9a0d8;border-radius:65% 35% 45% 55%;box-shadow:0 1px 0 #b9a0d855}
#nav-pen{position:relative;z-index:1}
#nav-pen::-webkit-slider-runnable-track{background:transparent}
#nav-pen::-moz-range-track{background:transparent}

.list form .mailchimp-disclaimer{font:8px/1.5 Arial,sans-serif;letter-spacing:0;color:#f1ecdfa6;margin:10px 0 0;max-width:420px}

.list form .signup-consent{font:9px/1.5 Arial,sans-serif;color:#f1ecdfbf;margin:0 0 8px;letter-spacing:0}

/* Pixel-sized rows eliminate rounded gaps between puzzle pieces. */
.scrapbook.packed-grid{grid-auto-rows:1px;row-gap:0;column-gap:12px}
.scrapbook.packed-grid>.infinity{min-height:0}
@media(min-width:1051px){.scrapbook.packed-grid>.infinity{grid-column:span 2}}
/* Photos grow within Shows when its neighboring stack is taller. */
.scrapbook.packed-grid>.shows{display:flex;flex-direction:column}
.shows .show-photos{flex:1;min-height:150px}
.shows .show-photos img{height:100%;min-height:150px;max-height:360px}
.shows .show-photos{grid-template-rows:minmax(0,1fr)}
.shows .show-photos img{min-height:0;max-height:none;object-fit:cover}
@media(max-width:1050px){.shows .show-photos{flex:none;height:150px}.shows .show-photos img{height:150px}}
/* On phones the altar and mixtape each form a shallow full-width piece. */
@media(max-width:580px){
.scrapbook.packed-grid>.offering-altar,.scrapbook.packed-grid>.infinity{grid-column:1/-1}
}

/* SVG controls render identically on iOS and desktop, without emoji glyphs. */
.nano-control-icon{display:inline-block;width:17px;height:12px;fill:#fff;vertical-align:middle;pointer-events:none}
.nano-preview-home .nano-control-icon{width:11px;height:10px}
@media(min-width:1051px){.social-pins{padding-top:59px}}

/* Draw link arrows rather than relying on platform emoji fonts. */
.link-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}
/* Replace native disclosure triangles with a consistent drawn chevron. */
.entries summary{list-style:none}
.entries summary::-webkit-details-marker{display:none}
.entries summary::before{content:'';display:inline-block;width:5px;height:5px;margin-right:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);flex-shrink:0}
.entries details[open]>summary::before{transform:rotate(45deg)}