@font-face{font-family:Marker;src:url('/fonts/PermanentMarker-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Typewriter;src:url('/fonts/SpecialElite-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Courier;src:url('/fonts/CourierPrime-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Courier;src:url('/fonts/CourierPrime-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f3f1e9;--ink:#171715;--tape:#d5cdb8;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");--tear:polygon(0 1%,2% 0,4% 1.2%,6% .3%,8% 1%,10% 0,13% 1.1%,16% .2%,19% 1.3%,22% 0,26% .8%,29% 0,32% 1.2%,36% .4%,40% 1%,43% 0,46% 1.3%,50% .2%,54% 1%,57% 0,60% .9%,64% .1%,68% 1%,72% 0,76% 1.2%,80% .3%,84% 1%,88% 0,92% .8%,96% 0,100% 1%,99.7% 22%,100% 43%,99.5% 68%,100% 99%,97% 100%,94% 98.8%,90% 99.7%,86% 99%,82% 100%,78% 98.9%,74% 99.8%,70% 99%,66% 100%,62% 99%,58% 99.8%,54% 98.8%,50% 100%,46% 99%,42% 99.7%,38% 98.8%,34% 100%,30% 99.1%,26% 99.8%,22% 99%,18% 100%,14% 98.8%,10% 99.7%,6% 99%,3% 100%,0 99%,.4% 76%,0 51%,.4% 25%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#d7d6d1;background-image:var(--grain);color:var(--ink);font:14px/1.55 Typewriter,serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-style:wavy}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button{border-radius:0}img{max-width:100%;height:auto;display:block}figure{margin:0}p{margin:0 0 12px}h1,h2,h3,h4{margin:0}h3{font:700 18px/1.2 Courier,monospace}ol{margin:0;padding:0}figcaption,.small,.also{font:13px/1.45 Courier,monospace}figcaption{padding-top:7px}.mono,.origin,.top-nav{font-family:Courier,monospace}.handwritten{font:17px/1.5 Marker,cursive}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:20px;z-index:100;background:var(--paper);padding:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.flyer{margin:12px auto;max-width:1510px;width:calc(100% - 24px);border:1.5px solid var(--ink);box-shadow:2px 3px 7px #0002;background:var(--paper);background-image:var(--grain);position:relative;isolation:isolate}.flyer:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;opacity:.22;background-image:var(--grain);mix-blend-mode:multiply}
.hero{position:relative;padding-top:70px}.top-nav{position:absolute;top:10px;left:22px;right:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px;font-size:14px;font-weight:700;line-height:1.6;text-transform:uppercase;z-index:2}.top-nav a{text-decoration:none}.menu-toggle{position:absolute;right:12px;top:14px;border:0;background:none;width:40px;height:40px;padding:6px;z-index:2}.menu-toggle span{display:block;height:3px;background:var(--ink);margin:5px 0;transform:rotate(-1deg)}.hero-brand{position:relative;text-align:center;padding:0 16px 12px}.clock-logo{position:relative;width:100%;max-width:275px;margin:0 auto}.clock-hands{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.origin{font-size:15px;line-height:1.3;font-weight:700;margin:6px 0 10px;white-space:nowrap}.tagline{position:relative;display:table;font:16px/1.35 Marker,cursive;padding:8px 9px 10px;margin:0 auto;transform:rotate(-1.4deg);background:#dfd8c580;background-image:var(--grain);box-shadow:0 2px 3px #0002;clip-path:polygon(0 3%,98.5% 0,100% 95%,1% 100%);white-space:nowrap}.tagline:before{content:"";position:absolute;inset:0;border-left:6px solid #f6f3e549;border-right:8px solid #fff3}.hero-photo{height:180px;position:relative;clip-path:var(--tear)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:grayscale(1) contrast(1.15)}.toner:after,.photo-button:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain);mix-blend-mode:screen;opacity:.4}
.archive-section{position:relative;margin:0 18px;padding:22px 0 30px;min-width:0}.archive-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ink);clip-path:polygon(0 35%,12% 10%,23% 36%,37% 0,51% 25%,67% 0,82% 30%,100% 5%,100% 60%,86% 85%,73% 60%,61% 100%,42% 70%,28% 100%,15% 80%,0 100%)}#story:before{display:none}.marker{display:table;position:relative;font:36px/1.2 Marker,cursive;font-weight:400;transform:rotate(-2deg);margin:0 0 27px;white-space:nowrap}.marker:after{content:"";position:absolute;left:1px;right:-10px;height:4px;bottom:-8px;background:var(--ink);clip-path:polygon(0 30%,30% 0,70% 25%,98% 0,100% 55%,73% 75%,34% 60%,0 100%);transform:rotate(-1deg)}.section-body{min-width:0}.timeline{list-style:none;margin-left:7px}.timeline li{position:relative;display:grid;grid-template-columns:87px minmax(0,1fr);column-gap:8px;padding:0 0 22px 22px;font-size:12px;line-height:1.55}.timeline li:before{content:"";position:absolute;top:5px;left:0;width:2px;height:100%;background:var(--ink)}.timeline li:last-child:before{height:4px}.timeline li:after{content:"";position:absolute;top:4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--ink)}.timeline time{font:700 13px/1.5 Courier,monospace;white-space:nowrap}.timeline p{margin:0}.timeline li:last-child{padding-bottom:0}
.debut{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px 16px}.debut-info h3{font-size:17px}.debut-info .mono{font-size:12px;line-height:1.35}.jewel{min-width:0}.case-stage{position:relative;aspect-ratio:1;max-width:390px;margin:auto}.case-fallback{width:100%;height:100%;object-fit:contain;padding:4px;border:3px double #888;box-shadow:2px 2px 3px #0003;transform:rotate(-1deg)}#case-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:manipulation;opacity:0}.jewel.ready #case-canvas{opacity:1}.jewel.ready .case-fallback{visibility:hidden}#case-toggle{display:block;background:transparent;border:1px solid var(--ink);padding:7px 10px;margin:12px auto 0;font:13px Courier,monospace;transform:rotate(-1deg)}#case-toggle:hover{background:var(--ink);color:var(--paper)}.track-list{list-style:none;counter-reset:tracks;font:12px/1.45 Courier,monospace;margin:10px 0}.track-list li{counter-increment:tracks;display:grid;grid-template-columns:18px minmax(0,1fr) auto;column-gap:4px}.track-list li:before{content:counter(tracks,decimal-leading-zero)}.track-list li span:last-child{white-space:nowrap}.credits,.missing-audio,.record-scraps{grid-column:1/-1}.credits{margin-top:8px}.missing-audio{font-size:16px;transform:rotate(-1deg);max-width:580px}.record-scraps{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 4px 12px}.record-scraps img{width:100%;filter:grayscale(1) contrast(1.08)}.insert{transform:rotate(-3deg)}.back-cover{transform:rotate(2deg)}.taped{position:relative}.taped:before{content:"";position:absolute;z-index:2;top:-12px;left:34%;width:31%;height:27px;background:#cdc4ac96;background-image:var(--grain);box-shadow:0 1px 1px #0001;transform:rotate(-6deg);clip-path:polygon(2% 0,100% 4%,98% 100%,0 94%);pointer-events:none}.missing-record{margin:35px 0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:20px}.missing-record h3{margin-bottom:12px}.missing-record p{font-size:13px}.missing-record .handwritten{font-size:16px}.empty-case{height:90px;border:4px double #4b4b44;box-shadow:inset 6px 0 #8885;display:grid;place-content:center;font:55px Courier,monospace;transform:rotate(-3deg)}.later-records{display:grid;gap:32px}.small-record{display:grid;grid-template-columns:43% minmax(0,1fr);gap:18px}.small-record .mono{font-size:13px}.record-cover{border:3px double #8c8b82;padding:3px;box-shadow:2px 3px 2px #0002;filter:grayscale(1) contrast(1.12);transform:rotate(-1deg)}.small-record:nth-child(2) .record-cover{transform:rotate(1.5deg)}
.listen-block{padding:18px 12px;margin-bottom:22px;background:#e3e0d55c;background-image:var(--grain);clip-path:var(--tear)}.listen-block h3{font-size:16px;margin-bottom:10px}.listen-block .handwritten{font-size:15px}.audio-tracks{list-style:none}.audio-tracks li{margin:14px 0 18px}.audio-label{font:12px/1.4 Courier,monospace;display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}audio{width:100%;height:36px;display:block;border-radius:0;color-scheme:dark;background:#20201d}audio::-webkit-media-controls-enclosure{border-radius:0;background:#20201d}audio::-webkit-media-controls-panel{background:#20201d}.media-error{font:12px/1.4 Courier,monospace;margin:8px 0}.also{overflow-wrap:anywhere;margin:16px 0 0}
.archive-group+ .archive-group{margin-top:32px}.group-title{font:23px/1.3 Marker,cursive;transform:rotate(-1deg);margin:4px 0 25px}.video-grid,.photo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px 24px;padding:0 6px}.polaroid{position:relative;background:#f9f7ef;background-image:var(--grain);padding:8px 8px 13px;box-shadow:1px 2px 3px #0004;border:1px solid #d3d0c6;transform:rotate(-2deg);min-width:0;align-self:start}.polaroid:nth-child(3n+2){transform:rotate(2deg)}.polaroid:nth-child(3n){transform:rotate(-.8deg)}.polaroid:before{height:23px;top:-12px}.video-frame{position:relative;background:#222;aspect-ratio:16/9}.video-frame video{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.15)}.video-frame.is-playing video{filter:none}.play-facade{position:absolute;inset:0;width:100%;border:0;background:transparent;display:grid;place-items:center}.play-facade:before{content:"";width:44px;height:44px;border:3px solid #f8f6ed;border-radius:48% 52% 50% 47%;background:#1115;transform:rotate(-7deg)}.play-facade:after{content:"";position:absolute;left:calc(50% - 6px);top:calc(50% - 12px);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:19px solid #f8f6ed;transform:rotate(-3deg)}.play-facade[hidden]{display:none}.video-caption strong{display:block;font-size:14px}.video-caption span{display:block;font-size:12px;margin-top:4px}.photo-hint{font-size:15px;margin-bottom:25px}.photo-button{display:block;position:relative;width:100%;border:0;padding:0;background:none;cursor:pointer}.photo-button img{width:100%;height:auto;filter:grayscale(1) contrast(1.15);transition:filter .3s ease}.photo-button[aria-pressed="true"] img{filter:none}.photo-button[aria-pressed="true"]:after{opacity:.12}.photo-button:focus-visible{outline-offset:2px}@media(hover:hover){.photo-button:hover img{filter:none}.photo-button:hover:after{opacity:.12}}
.clipping-grid{display:grid;grid-template-columns:1fr;gap:34px 28px;padding:8px 6px}.clipping{position:relative;padding:24px 20px;background:#e5e1d5;background-image:var(--grain);transform:rotate(-1.4deg);filter:drop-shadow(1px 2px 1px #0002);border-left:2px dotted #a7a598}.clipping:after{content:"";position:absolute;inset:0;pointer-events:none;border:4px solid var(--paper);clip-path:var(--tear)}.clipping:nth-child(even){transform:rotate(1.2deg)}.publication{font:700 21px/1.15 Courier,monospace;padding-bottom:7px;border-bottom:3px double #626159;margin-bottom:8px}.clipping h3{font-size:19px;margin:14px 0 10px}.clipping blockquote{margin:0 0 15px;font-size:14px;line-height:1.55}.clipping .small{font-size:12px}.scan-link{display:block;width:120px;margin:20px auto 0;transform:rotate(-2deg)}.scan-link img{filter:grayscale(1) contrast(1.15)}footer{position:relative;margin:0 18px;padding:25px 0 35px;font:12px/1.5 Courier,monospace;border-top:1px solid #888}footer p{max-width:740px}footer a{display:inline-block;margin-top:8px}dialog{border:2px solid var(--ink);background:var(--paper);background-image:var(--grain);color:var(--ink);width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:65px 36px;z-index:30}dialog::backdrop{background:#0009}dialog .handwritten{font-size:30px;margin-bottom:28px}dialog nav{display:flex;flex-direction:column;gap:18px;font:26px Courier,monospace;text-transform:uppercase}dialog nav a{width:fit-content}dialog .small{margin-top:40px}.menu-close{position:absolute;right:18px;top:12px;background:none;border:0;font:45px Courier,monospace;width:48px;height:48px}body.menu-open{overflow:hidden}
@media(min-width:700px){.flyer{margin:25px auto;width:calc(100% - 50px)}.hero{display:grid;grid-template-columns:35% 65%;padding-top:36px}.hero-brand{display:flex;flex-direction:column;justify-content:center;padding:15px 18px 28px}.clock-logo{max-width:345px}.origin{font-size:16px}.tagline{font-size:clamp(12px,1.4vw,20px)}.hero-photo{height:clamp(330px,31vw,440px)}.top-nav{display:flex;justify-content:center;left:20%;right:5%;top:9px;gap:0;font-size:15px}.top-nav a+a:before{content:"/";padding:0 20px}.menu-toggle{display:none}.archive-section{display:grid;grid-template-columns:24% minmax(0,1fr);gap:12px;margin:0 22px;padding:28px 0 36px}.marker{font-size:clamp(28px,3.2vw,46px);align-self:start;margin:0;justify-self:start}.timeline li{grid-template-columns:100px minmax(0,1fr);font-size:14px;padding-bottom:20px}.timeline time{font-size:15px}.timeline{margin-left:8px}.debut{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:30px}.debut-info h3{font-size:22px}.debut-info .mono{font-size:14px}.track-list{font-size:14px;line-height:1.5}.track-list li{grid-template-columns:24px minmax(0,1fr) auto}.record-scraps{grid-template-columns:1fr 1fr;gap:30px;max-width:660px}.missing-record{grid-template-columns:150px minmax(0,1fr);gap:30px}.empty-case{height:160px;font-size:80px}.later-records{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.small-record{display:block}.small-record .record-cover{margin-bottom:18px}.small-record .track-list{font-size:12px}.small-record .track-list li{grid-template-columns:17px minmax(0,1fr) auto;gap:2px}.video-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 30px}.listen-block{padding:20px 22px}.audio-tracks li{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1.3fr);gap:15px;align-items:center;margin:10px 0}.audio-label{margin:0;font-size:13px}.audio-tracks .media-error{grid-column:1/-1}.clipping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{margin:0 22px;padding-left:calc(24% + 5px)}#story{padding-top:22px}}
@media(min-width:1100px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.debut{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.record-scraps{gap:45px}.small-record .track-list{font-size:13px}.small-record h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Coarser toner flecks sit over the fine paper fibres. Both layers are still. */
.flyer:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:9;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.32' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 18 -12.5'/%3E%3C/filter%3E%3Cpath filter='url(%23f)' d='M0 0h360v360H0z'/%3E%3C/svg%3E")}
@media(max-width:699px){.hero-brand{padding-bottom:8px}.hero-photo{height:170px}.tagline{font-size:15px}}
.flyer:before{opacity:.09}
.clipping-grid{align-items:start}
.clipping{background:transparent;border:0;isolation:isolate}
.clipping:after{z-index:-1;border:0;background:#e5e1d5;background-image:var(--grain);clip-path:var(--tear)}

/* New scraps use the same tape, paper fibres and ink as the archive. */
.story-map{width:100%;max-width:420px;margin:24px 0 6px;transform:rotate(-1deg)}
.story-map img,.press-lead img{width:100%;clip-path:var(--tear);filter:grayscale(1) contrast(1.08)}
.press-lead{grid-column:1/-1;width:100%;max-width:620px;margin:6px auto 14px;transform:rotate(-1deg)}
.lyric-intro{margin-bottom:28px;max-width:620px}
.lyric-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;padding:0 6px;align-items:start}
.lyric-sheet{padding:22px 18px;background:#f9f7ef;background-image:var(--grain);box-shadow:1px 2px 3px #0003;transform:rotate(-.4deg);min-width:0;overflow-anchor:none}
.lyric-sheet:nth-child(even){transform:rotate(.4deg)}
.lyric-sheet:before{height:20px;top:-10px}
.lyric-toggle{display:block;width:100%;padding:0 0 12px;border:0;background:none;text-align:left}
.lyric-title{font:22px/1.35 Marker,cursive;display:block;overflow-wrap:anywhere}
.lyric-confidence{white-space:nowrap}
.lyric-action{display:block;margin-top:6px;text-decoration:underline;text-underline-offset:3px}
.lyric-note,.lyric-where{margin:0 0 12px}
.lyric-note{color:#49483f}
.lyric-stanza{font:14px/1.65 Typewriter,serif;margin:0}
.lyric-stanza+.lyric-stanza{margin-top:1.65em}
.lyric-line{display:block;overflow-wrap:anywhere}
@media(max-width:699px){.hero{padding-top:60px}.top-nav{display:none}.circuit-entry .story-map{margin-left:-109px;width:calc(100% + 109px);max-width:none}}
@media(min-width:700px){.top-nav{left:12%;right:3%}.top-nav a+a:before{padding:0 clamp(6px,1.35vw,20px)}}
@media(min-width:1100px){.circuit-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.story-map{margin:10px 0 6px}.lyric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}