:root{color-scheme:dark;--ink:#ddd9c9;--quiet:#a7a99e;--paper:#c6c1ae;--line:#5d5f57;--gold:#cab68d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;color:var(--ink);font:15px/1.65 Georgia,serif;background:#0b0e0e radial-gradient(ellipse at 25% 7%,#29322c 0,transparent 45%)}button{font:inherit}a{color:inherit}a:hover{color:#f5dbab}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #eedbac;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:12px;padding:9px;background:#eee;color:#111;z-index:20}.skip-link:focus{top:12px}.archive-shell{max-width:1180px;margin:0 auto;border-left:1px solid #7b796546;border-right:1px solid #7b796546;min-height:100vh;background:linear-gradient(90deg,#050707b5,transparent 14%,transparent 85%,#050707b5),repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 5px);box-shadow:0 0 80px #000a;padding:0 clamp(18px,5vw,64px)}.archive-header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:3px double #77796b;font:11px/1.4 'Courier New',monospace;letter-spacing:.1em}.archive-header a{text-decoration:none}.header-clock{color:#9b9f91}.archive-intro{padding:70px 0 50px;position:relative}.archive-intro:after{content:'✶';position:absolute;right:2%;top:30px;font-size:80px;color:#a2a88b20}.eyebrow,.intro-bottom,.section-heading,.index-label{font:10px/1.5 'Courier New',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--quiet)}.eyebrow{margin:0 0 18px}.archive-intro h1{font:normal clamp(58px,9vw,125px)/.95 Georgia,serif;letter-spacing:-.075em;margin:0;color:#e6e4d7;text-shadow:2px 3px #514d4c}.archive-intro h1 em{color:#aeaaa0;font-weight:normal}.lede{max-width:630px;font-size:17px;line-height:1.75;color:#c4c4b7;margin:32px 0}.intro-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px dotted #757769;padding-top:13px}.archive-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#64675c;border:3px double #88897a;padding:1px;margin:0 0 70px;font:12px/1.4 'Courier New',monospace}.archive-index>*{background:#141717;padding:13px 12px}.archive-index .index-label{display:flex;align-items:center;background:#33372e;color:#e4d8bc}.archive-index a{text-decoration:none}.archive-index a:hover,.archive-index a:focus-visible{background:#3b4137}.archive-section{border-top:1px solid #848779;padding:20px 0 78px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:12px;color:#b5ad90}.section-heading a{text-decoration:none}.archive-section h2{font:normal clamp(30px,4vw,50px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:25px 0 12px}.section-deck{max-width:630px;color:#b9bbb0;margin:0 0 30px}.directory-layout,.bus-layout,.band-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.directory-panel{padding:15px;background:linear-gradient(125deg,#696b62,#444740 46%,#343833);border:5px ridge #878879;box-shadow:6px 9px 0 #0008,inset 0 0 24px #0008;color:#e8e6d6}.directory-top,.directory-footer,.terminal-caption,.bus-board-top,.board-foot,.ticket-label,.sheet-top,.sheet-sign,.cassette-head,.notebook-counter,.notebook-bottom{font:10px/1.5 'Courier New',monospace;letter-spacing:.11em}.directory-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #aeb19b;padding-bottom:10px}.buzzer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.buzzer-grid button{min-height:52px;padding:6px 8px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;border:2px inset #a5a89c;background:#c5c4b7;color:#232622;font:12px 'Courier New',monospace}.buzzer-grid button:hover,.buzzer-grid button[aria-pressed=true]{background:#e3d9b6}.buzzer-grid button span{font-weight:bold}.buzzer-grid button strong{font-weight:normal;flex:1}.buzzer-grid button i{width:12px;height:12px;border-radius:50%;background:#888d81;border:2px inset #dee0d5;box-shadow:inset 0 0 4px #000}.buzzer-grid button[aria-pressed=true] i{background:#d6a55c;box-shadow:0 0 8px #e5aa54}.directory-footer{border-top:1px solid #8d9084;padding-top:8px}.directory-message{border:1px solid #74776a;background:#101412;padding:25px;min-height:255px;box-shadow:inset 0 0 40px #0008}.terminal-caption{color:#bda97d}.message-title{font:normal 24px Georgia,serif;margin:20px 0 10px}.directory-message>p:nth-of-type(2){max-width:35ch;min-height:86px;color:#bec3b7}.small-link,.crosslink a{font:11px 'Courier New',monospace;text-decoration:underline;text-underline-offset:3px;color:#d7c79f}.bus-board{background:#222824;border:4px solid #85877a;padding:18px;box-shadow:5px 6px #0007}.bus-board-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;color:#e3d7b4}.bus-board table{width:100%;border-collapse:collapse;font:13px/1.5 'Courier New',monospace}.bus-board caption{text-align:left;color:#b9bdb0;padding-bottom:13px;font:italic 14px Georgia,serif}.bus-board th{text-align:left;font-size:10px;color:#a7ad9c;border-bottom:2px solid #777d70}.bus-board td,.bus-board th{padding:9px 5px}.bus-board tbody tr{border-bottom:1px dotted #697063}.bus-board .last-departure{color:#f0dca9;background:#89754b22}.board-foot{color:#a4a89e;margin:14px 0 0;font-size:9px}.ticket-desk{background:#beb9a6;color:#292924;padding:21px 22px;transform:rotate(1deg);box-shadow:6px 8px #0008;align-self:center;position:relative;min-height:240px}.ticket-desk:before,.ticket-desk:after{content:'';position:absolute;width:13px;height:25px;border-radius:50%;background:#0b0e0e;top:47%;left:-7px}.ticket-desk:after{left:auto;right:-7px}.ticket-label{display:block;border-bottom:2px dotted #55564e;padding-bottom:12px}.ticket-desk p{font-size:16px}.ticket-desk button,.band-controls button{padding:8px 12px;cursor:pointer;border:2px outset #77776e;background:#414741;color:#f5ead0;font:12px 'Courier New',monospace}.ticket-desk button:hover,.band-controls button:hover{background:#596454}.ticket-reverse{border-top:1px solid #737267;margin-top:15px;padding-top:8px}.ticket-reverse p{font:italic 18px/1.5 Georgia,serif}.ticket-reverse small{font:10px 'Courier New',monospace}.photo-sleeves{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-sleeve{background:#c4c2b5;color:#22241f;padding:10px 10px 12px;box-shadow:4px 7px #0008;min-width:0;align-self:start}.photo-sleeve:nth-child(1){transform:rotate(-2deg)}.photo-sleeve:nth-child(2){transform:rotate(1.5deg)}.photo-sleeve:nth-child(3){transform:rotate(-1deg)}.photo-sleeve:nth-child(4){transform:rotate(2deg)}.photo-sleeve summary{cursor:pointer;list-style:none}.photo-sleeve summary::-webkit-details-marker{display:none}.photo-sleeve summary img{display:block;width:100%;height:160px;object-fit:cover;filter:grayscale(.85) sepia(.12) contrast(1.08);border:1px solid #65675c}.photo-sleeve summary span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:9px;font:10px 'Courier New',monospace}.photo-sleeve summary b{font-weight:normal;text-decoration:underline}.photo-back{border-top:1px dotted #64655d;padding:10px 3px 0;margin-top:10px}.photo-back time{font:10px 'Courier New',monospace}.photo-back p{font:italic 14px/1.5 Georgia,serif;margin:9px 0}.crosslink{margin:30px 0 0;font-size:13px;color:#b4b7a9}.notice-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:17px;background:repeating-linear-gradient(35deg,#403a30,#403a30 4px,#443d32 4px,#443d32 8px);padding:24px;border:9px ridge #534c3d;box-shadow:inset 0 0 50px #0006}.notice{position:relative;color:#282925;padding:18px 15px 22px;min-height:165px;box-shadow:4px 5px #0005;transform:rotate(-1deg)}.notice:nth-child(2){transform:rotate(1.5deg)}.notice:nth-child(3){transform:rotate(-2deg)}.notice:nth-child(4){transform:rotate(2deg)}.notice:nth-child(5){transform:rotate(-1deg)}.notice:before{content:'';position:absolute;top:6px;left:50%;width:10px;height:10px;border-radius:50%;background:#a15b4a;border:1px solid #633b36;box-shadow:1px 2px #0006}.notice.pale{background:#d9d1b5}.notice.peach{background:#d4bba4}.notice.blue{background:#b9c7c1}.notice.cream{background:#d9caba}.notice.grey{background:#b9b9ab}.notice summary{cursor:pointer;list-style:none;margin-top:8px}.notice summary::-webkit-details-marker{display:none}.notice summary span{display:block;font:17px/1.2 Georgia,serif;letter-spacing:.02em}.notice summary small{display:block;margin-top:13px;font:10px 'Courier New',monospace}.notice>p{font-size:13px;line-height:1.5;border-top:1px dotted #787469;padding-top:10px}.notice-sign{font:italic 12px Georgia,serif}.music-sheet{background:#cecbb7;color:#22251f;padding:20px 24px;min-height:275px;transform:rotate(-1deg);box-shadow:5px 7px #0008}.sheet-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #717569;padding-bottom:10px}.staves{height:105px;margin:21px 0 17px;background:repeating-linear-gradient(to bottom,transparent 0 13px,#677064 13px 14px,transparent 14px 19px);display:flex;align-items:center;justify-content:center;color:#252923;font-size:30px;letter-spacing:.4em}.music-sheet p{font:italic 16px Georgia,serif}.sheet-sign{display:block;text-align:right}.band-controls{padding:22px;border:1px solid #6e7067;background:linear-gradient(140deg,#30332e,#171a18);box-shadow:inset 0 0 20px #0008}.cassette-head{color:#d7c295}.band-controls>p:not(#rehearsal-status){max-width:32ch;color:#b7b9ab}.band-controls button{margin:10px 0}.band-controls #rehearsal-status{font:10px 'Courier New',monospace;color:#b8bdab;min-height:22px}.notebook{background:#bab9a6;color:#282c27;border:1px solid #d2d0bd;box-shadow:8px 9px #0008;padding:18px 24px;max-width:850px;position:relative}.notebook:before{content:'';position:absolute;left:29px;top:0;bottom:0;border-left:2px solid #9d776b66}.notebook-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-left:25px;border-bottom:1px solid #72786c;padding-bottom:12px}.notebook-tabs button{cursor:pointer;padding:6px 10px;background:#a5a897;border:1px solid #707668;color:#222822;font:11px 'Courier New',monospace}.notebook-tabs button[aria-pressed=true]{background:#e2d8b7}.notebook-page{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:32px 10px 35px 48px;min-height:240px;position:relative}.notebook-counter{position:absolute;top:10px;left:48px;color:#5f675a}.specimen-drawing{font:125px/1 Georgia,serif;color:#5b6c62;text-align:center;align-self:center;text-shadow:2px 2px #eef0d866}.notebook-page h3{font:normal 28px Georgia,serif;margin:20px 0 9px}.notebook-page p{line-height:1.6;margin:8px 0}.notebook-page #specimen-margin{font:italic 15px Georgia,serif;color:#4e574d;margin-top:23px}.notebook-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #767b70;padding:10px 0 0 25px}.archive-outro{border:3px double #777b6c;padding:25px 28px;margin:0 0 70px;background:#171c18}.archive-outro span{font:10px 'Courier New',monospace;letter-spacing:.13em;color:#c8b98d}.archive-outro p{font:italic 23px Georgia,serif;max-width:30ch}.archive-outro a{font:12px 'Courier New',monospace;margin-right:18px}footer{border-top:1px solid #6f7466;padding:23px 0 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font:10px 'Courier New',monospace;color:#9fa398}footer a{text-decoration:none}@media(max-width:760px){.archive-shell{padding:0 18px}.archive-index{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-layout,.bus-layout,.band-layout{grid-template-columns:1fr}.photo-sleeves{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-board{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-intro{padding-top:46px}}@media(max-width:520px){.header-clock{display:none}.archive-header{font-size:10px}.archive-index{grid-template-columns:1fr}.archive-index>*{padding:11px}.archive-section{padding-bottom:55px}.photo-sleeves,.notice-board{grid-template-columns:1fr}.photo-sleeve summary img{height:190px}.notice{min-height:125px}.notebook{padding:15px}.notebook-page{grid-template-columns:1fr;padding:32px 5px 20px 27px;gap:0}.notebook-counter{left:27px}.specimen-drawing{font-size:90px}.notebook-bottom{display:block;padding-left:25px}.notebook-bottom span{display:block}.lede{font-size:15px}.bus-board{padding:9px}.bus-board td,.bus-board th{padding:8px 3px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.archive-index button{border:0;color:#decba2;cursor:pointer;text-align:left;font:inherit}.archive-index button:hover,.archive-index button:focus-visible{background:#3b4137}.archive-changelog{max-width:610px;border:1px dotted #6c7168;margin:20px 0 0;padding:9px 12px;background:#151916;color:#c6c7b8}.archive-changelog summary{cursor:pointer;font:10px 'Courier New',monospace;letter-spacing:.1em;color:#dec99c}.archive-changelog p{font:12px/1.8 'Courier New',monospace;margin:12px 0 0}

/* The archive is a box of objects, not a flat list of panels. */
body{background:#0e1110 radial-gradient(ellipse at 50% -10%,#252c27 0,transparent 56%)}
.archive-shell{position:relative;isolation:isolate;background:linear-gradient(90deg,#101513,#0b0f0e 11%,#0b0f0e 89%,#101513)}
.archive-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:clamp(22px,4vw,60px);align-items:center;padding:54px 0 74px}
.archive-intro:after{display:none}
.archive-hero-copy{position:relative;z-index:2}
.archive-intro h1{font-size:clamp(68px,8vw,120px)}
.archive-hero-art{position:relative;height:395px;min-width:0;background:radial-gradient(ellipse at 48% 55%,#997e5a2e,transparent 67%)}
.hero-photo{position:absolute;background:#c7c2ae;border:1px solid #e4ddc6;padding:9px 9px 30px;box-shadow:0 12px 25px #000c,0 2px 2px #000a}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.5) sepia(.17) contrast(1.18) brightness(.85)}
.hero-photo-back{left:1%;top:8px;width:56%;height:276px;transform:rotate(-9deg)}
.hero-photo-back img{object-position:center 34%}
.hero-photo-front{left:23%;top:54px;width:62%;height:295px;transform:rotate(6deg);z-index:2}
.hero-photo-front span{position:absolute;bottom:5px;left:10px;color:#45463d;font:9px 'Courier New',monospace;letter-spacing:.1em}
.hero-photo-front:before,.hero-photo-back:before{content:'';position:absolute;z-index:3;left:35%;top:-16px;width:74px;height:30px;transform:rotate(-5deg);background:#a7a0859c;border-left:1px solid #e6debd66;border-right:1px solid #e6debd66;box-shadow:0 1px 4px #0004}
.hero-photo-back:before{left:14%;transform:rotate(13deg)}
.hero-ticket{position:absolute;right:-2%;bottom:0;z-index:3;width:53%;padding:11px 17px 13px;transform:rotate(-7deg);background:#cdbf9e;color:#252820;box-shadow:5px 8px 15px #000b;border:1px dashed #7f7764;font-family:'Courier New',monospace}
.hero-ticket:before,.hero-ticket:after{content:'';position:absolute;top:47%;width:13px;height:20px;border-radius:50%;background:#111514}.hero-ticket:before{left:-8px}.hero-ticket:after{right:-8px}
.hero-ticket small,.hero-ticket span{display:block;font-size:10px;letter-spacing:.15em}.hero-ticket strong{display:block;font-size:35px;line-height:1.1;letter-spacing:.09em;margin:5px 0;border-bottom:1px dotted #5f604d}
.hero-stamp{position:absolute;z-index:4;right:-2%;top:22px;transform:rotate(17deg);border:3px double #a38c6d;color:#d0b996;padding:4px 11px;font:13px/1.1 'Courier New',monospace;text-align:center;letter-spacing:.13em;text-shadow:1px 1px #000}
.archive-index{position:relative;box-shadow:6px 8px 0 #0009,0 0 0 1px #1c221d;transform:rotate(-.25deg)}
.archive-index:before{content:'FILE INDEX / OPEN DRAWER';position:absolute;top:-23px;left:16px;padding:3px 10px 1px;background:#777a65;color:#171b16;font:9px 'Courier New',monospace;letter-spacing:.11em;clip-path:polygon(0 0,85% 0,100% 100%,0 100%)}
.archive-section{position:relative;padding:27px 0 83px 18px;border-top:0;border-left:1px solid #777b684f;margin-bottom:24px;background:linear-gradient(100deg,#3942391c,transparent 48%)}
.archive-section:before{position:absolute;right:2%;top:0;color:#d9cba10e;font:normal clamp(95px,18vw,210px)/1 Georgia,serif;pointer-events:none;z-index:0}
.archive-section>*{position:relative;z-index:1}
.directory-section:before{content:'01'}.timetable-section:before{content:'02'}.photos-section:before{content:'03'}.notices-section:before{content:'04'}.band-section:before{content:'05'}.tide-section:before{content:'06'}
.archive-section .section-heading{border-top:3px double #7b806e;padding-top:10px}
.archive-section h2{text-shadow:2px 2px #060808,0 0 28px #ddbc9b26}
.directory-panel{transform:rotate(-.7deg);box-shadow:8px 11px 0 #000a,inset 0 0 24px #0008}
.directory-message{position:relative;align-self:center;transform:rotate(.7deg);min-height:240px;box-shadow:8px 10px #0009,inset 0 0 40px #0008}
.directory-message:before{content:'';position:absolute;right:10px;bottom:10px;width:66px;height:90px;background:repeating-linear-gradient(90deg,#6e776c1b 0 16px,transparent 16px 23px);opacity:.45;pointer-events:none}
.bus-board{transform:rotate(-.6deg);background:linear-gradient(120deg,#262d26,#151a16);box-shadow:7px 9px #0009}
.ticket-desk{transform:rotate(3deg);box-shadow:9px 13px #0009}
.photos-section{background:#101512;padding-right:18px}
.photo-sleeve{position:relative;box-shadow:7px 10px 0 #0009,0 0 0 1px #69695d}
.photo-sleeve:before{content:'';position:absolute;top:-13px;left:38%;width:50px;height:25px;background:#a7a187b3;z-index:2;transform:rotate(-7deg);border-left:1px solid #e3dcb866;border-right:1px solid #e3dcb866}
.photo-sleeve:nth-child(even):before{left:14%;transform:rotate(10deg)}
.photo-sleeve[open]{z-index:3;transform:rotate(0deg) translateY(-7px);box-shadow:10px 16px 0 #000b}
.notice-board{position:relative;transform:rotate(.4deg);box-shadow:inset 0 0 60px #0008,10px 14px 0 #0008;background:#443d31}
.notice:after{content:'';position:absolute;right:10px;bottom:8px;width:22px;height:10px;border-bottom:1px solid #5e5b4d66;transform:rotate(-13deg)}
.band-section{background:#101512;padding-right:18px}
.music-sheet{position:relative;box-shadow:9px 12px #000a,0 0 0 1px #ded9bd}
.music-sheet:before{content:'';position:absolute;left:7px;top:27px;bottom:25px;width:8px;background:radial-gradient(circle,#51574a 3px,transparent 4px) center top/8px 44px repeat-y}
.music-sheet:after{content:'';position:absolute;top:-13px;right:16%;width:77px;height:24px;transform:rotate(9deg);background:#aaa184aa}
.band-controls{transform:rotate(.8deg);box-shadow:7px 9px #0008,inset 0 0 20px #0008}
.notebook{transform:rotate(-.6deg);box-shadow:12px 14px #000b,0 0 0 1px #646a5d;background-image:linear-gradient(90deg,#b0ae9b 0 40px,transparent 40px),repeating-linear-gradient(#c8c6b4 0 29px,#a7ac9c 30px,#c8c6b4 31px)}
.notebook:after{content:'';position:absolute;right:22px;bottom:21px;width:90px;height:100px;border-radius:50% 0 50% 0;background:radial-gradient(ellipse,#61785b3d,transparent 68%);transform:rotate(-27deg);pointer-events:none}
.archive-outro{position:relative;box-shadow:7px 9px #0009;background:linear-gradient(120deg,#1d241e,#101411)}
.archive-outro:before{content:'?';position:absolute;right:35px;top:20px;font:80px Georgia,serif;color:#b4ad7725}
@media(max-width:850px){.archive-intro{grid-template-columns:1fr;padding-bottom:50px}.archive-hero-art{width:min(420px,95%);height:365px;margin:5px auto 0}.archive-section{padding-left:12px}}
@media(max-width:520px){.archive-hero-art{width:min(305px,100%);height:285px}.hero-photo-back{height:205px}.hero-photo-front{height:217px;top:43px}.hero-photo-front span{font-size:7px}.hero-ticket{padding:7px 10px;width:52%;bottom:-2px}.hero-ticket strong{font-size:23px}.hero-ticket small,.hero-ticket span{font-size:8px}.hero-stamp{font-size:9px;right:1%}.archive-intro h1{font-size:64px}.archive-section:before{font-size:100px}.archive-section{padding-left:9px;padding-right:5px}.photos-section,.band-section{padding-right:9px}.archive-index{transform:none}.directory-panel,.directory-message,.bus-board,.ticket-desk,.notice-board,.music-sheet,.band-controls,.notebook{transform:none}}
@media(prefers-reduced-motion:reduce){.photo-sleeve[open]{transform:none}}