:root{color-scheme:light;--paper:#eeeade;--ink:#23251e;--red:#a72d21;--line:#c4c1b4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Georgia,serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--red)}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:30}header{padding:20px 4vw;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;border-bottom:1px solid var(--ink);font:11px/1.5 'IBM Plex Mono',monospace}header a{text-decoration:none}main{max-width:1250px;margin:auto;padding:0 4vw}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;padding:70px 0}.eyebrow,.section-note,.sleeve small,.sleeve>span{font:11px/1.6 'IBM Plex Mono',monospace;letter-spacing:1px}h1{font:clamp(58px,7vw,104px)/.92 'Instrument Serif',Georgia,serif;letter-spacing:-3px;margin:23px 0 30px}h1 em{color:var(--red)}.hero p{max-width:540px}.standfirst{font-size:21px;line-height:1.5}.record{aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#282923 0 1px,#171915 2px 4px);display:grid;place-items:center;box-shadow:8px 18px 0 #29291f18;transform:rotate(-10deg)}.label{border-radius:50%;width:44%;aspect-ratio:1;background:#bc392b;color:#fff4d8;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;line-height:1.05;gap:12px}.label small,.label span{font:clamp(7px,.8vw,11px) 'IBM Plex Mono',monospace}.label b{font:clamp(20px,3.2vw,43px)/.93 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px}.button{display:inline-block;background:var(--ink);color:#fff7e3;padding:13px 18px;margin:12px 0;font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:1px;text-decoration:none}.button:hover{background:var(--red);color:white}.chapters{display:flex;gap:0;flex-wrap:wrap;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:10px 0}.chapters a{flex:1 0 auto;padding:10px 12px;font:11px 'IBM Plex Mono',monospace;text-decoration:none}.section-note{display:flex;gap:40px;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.section-note p{flex-shrink:0}.section-note span{max-width:480px;color:#626356}.timeline article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);gap:8%;padding:65px 0;border-bottom:1px solid var(--line);align-items:center;scroll-margin-top:20px}.sleeve{aspect-ratio:1;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:7px 9px 0 #29291f12;isolation:isolate}.sleeve strong{font:clamp(38px,5vw,66px)/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:-2px;z-index:1}.sleeve small,.sleeve>span{z-index:1}.notes h2{font:clamp(34px,4vw,50px)/1.07 'Instrument Serif',Georgia,serif;margin:10px 0 22px}.notes p{margin:14px 0}.notes .eyebrow{color:var(--red)}.source{font:12px/1.8 'IBM Plex Mono',monospace;color:#626356}.soul{background:#e1ac3c;color:#20251e}.target{position:absolute;right:-18%;bottom:-10%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#b53e30 0 20%,#f8efcf 20% 40%,#1e3742 40% 60%,transparent 60%);opacity:.8;z-index:0}.soul strong{transform:rotate(-7deg)}.monkees{background:#242621;color:#faf4df}.bars{height:58px;background:repeating-linear-gradient(90deg,#f5efdb 0 10px,transparent 10px 18px);transform:skewY(-8deg);margin:10px -30px}.mods{background:#c2442e;color:#fff6df}.mods .target{bottom:6%;right:-27%;opacity:1;width:100%}.mix{background:#442b4f;color:#fbd69c}.tape{font:70px/1.3 Georgia,serif;white-space:nowrap;color:#d9a165}.house{background:#1c3e39;color:#c6eed1}.house-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 29px,#bcdeb31f 30px),repeating-linear-gradient(90deg,transparent 0 29px,#bcdeb31f 30px);z-index:-1}.heat{background:#f4e622;color:#ab251e}.heat-number{font:clamp(40px,6vw,85px)/1 Impact,sans-serif;transform:rotate(-9deg);align-self:flex-end;color:#26231e}.stream{background:#151b1b;color:#b6ed60}.meter{font:clamp(23px,3vw,42px)/1.2 monospace;white-space:nowrap}.trance{background:#1d263d;color:#e6e7ff}.trance-orbit{position:absolute;width:120%;height:80%;border:2px solid #9fafff;transform:rotate(-35deg);bottom:-7%;left:-10%;border-radius:50%;box-shadow:0 0 0 20px #6677d62b,0 0 0 40px #6677d61a;z-index:-1}footer{padding:55px 0 100px;max-width:760px}footer h2{font:40px 'Instrument Serif',Georgia,serif}footer p{font-size:14px}@media(max-width:700px){header{padding:15px 5vw}header span{display:none}main{padding:0 6vw}.hero{padding:40px 0;grid-template-columns:1fr;gap:35px}.hero .record{width:65%;max-width:290px;justify-self:center}.label b{font-size:28px}.label small,.label span{font-size:8px}.label{gap:8px}h1{letter-spacing:-2px}.standfirst{font-size:19px}.section-note{display:block;padding:15px 0}.section-note p{margin-bottom:8px}.timeline article{grid-template-columns:1fr;gap:30px;padding:36px 0}.sleeve{width:100%;max-width:390px;justify-self:center;padding:25px}.sleeve strong{font-size:54px}.tape{font-size:70px}.meter{font-size:32px}.heat-number{font-size:76px}.chapters a{flex-basis:25%;padding:12px 5px;font-size:10px}.notes h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.sleeve.actual-sleeve{display:block;margin:0;padding:0;background:#131d1d;overflow:hidden;aspect-ratio:auto}.actual-sleeve img{display:block;width:100%;height:auto;object-fit:contain}.actual-sleeve figcaption{padding:12px 16px;font:11px/1.5 Arial,sans-serif;color:#e1e9e2}