*{box-sizing:border-box}::selection{background:#d3ed39;color:#161715}html{background:#eeede6;color:#191a17}body{margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.page{width:min(1600px,100%);margin:auto;padding:27px 44px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid #24251e}.mark{font-size:27px;font-weight:900;letter-spacing:-2px}.header-note{font-size:11px;line-height:1.3;margin-right:auto;margin-left:28px}.recording{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.2px;font-weight:700}.recording i{width:7px;height:7px;border-radius:50%;background:#667224}.title-row{display:flex;align-items:flex-end;justify-content:space-between;padding:29px 0 25px}h1{margin:0;font-size:clamp(72px,12.3vw,188px);line-height:.77;letter-spacing:-.075em;font-weight:900}h1>span{display:block}.records{margin-top:12px}.registered{display:inline-block;font-size:.42em;margin-left:.25em;vertical-align:top;line-height:1.1;font-weight:400}.edition{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:48px;font-size:10px;line-height:1.4;letter-spacing:1px;padding-bottom:4px}.sleeve{height:clamp(300px,34vw,470px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) 45px;grid-template-rows:minmax(0,1fr);background:#1c1d19;color:#eeede6;position:relative;overflow:clip}.sleeve-copy{display:flex;flex-direction:column;justify-content:space-between;padding:32px 0 29px 30px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.6}.sleeve-copy p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3vw,43px);font-weight:400;line-height:1.11;letter-spacing:-1.2px;margin:25px 0}.side-label{font-size:9px;letter-spacing:1.5px;color:#b6b7ae}.record-stage{min-width:0;min-height:0;position:relative;display:flex;justify-content:center;align-items:center}.vinyl{width:clamp(350px,44vw,640px);aspect-ratio:1;position:relative;border-radius:50%;background:#0c0d0b;box-shadow:0 0 0 1px #393a32,0 22px 70px #0009;flex-shrink:0;animation:spin 36s linear infinite}.grooves{position:absolute;inset:3%;border-radius:50%;background:repeating-radial-gradient(circle,#282923 0px,#161713 1px,#10110e 2px,#30312a 3px,#151610 4px);box-shadow:inset 0 0 30px #000}.sheen{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0deg,#ffffff15 35deg,transparent 65deg,transparent 180deg,#ffffff0f 215deg,transparent 250deg)}.label{position:absolute;inset:32%;border-radius:50%;background:#d4ec47;color:#1b1d10;display:flex;align-items:center;justify-content:center;border:1px solid #d9ef63}.label-number{font-size:clamp(70px,10vw,142px);font-weight:900;letter-spacing:-.1em;padding-right:.08em;line-height:1}.label-top,.label-bottom{position:absolute;font-size:clamp(6px,.65vw,9px);letter-spacing:1px;font-weight:700}.label-top{top:15%}.label-bottom{bottom:14%;font-size:clamp(5px,.55vw,8px);letter-spacing:.6px}.spindle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;background:#161713;border:2px solid #b5c841;border-radius:50%}.cross{position:absolute;font-size:18px;font-weight:300;color:#aeb0a3}.cross-one{left:0;top:22px}.cross-two{right:0;bottom:22px}.sleeve-edge{padding:27px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:2}.sleeve-edge>span{writing-mode:vertical-rl;font-size:9px;letter-spacing:1.5px}.motion{border:0;background:transparent;color:#c6c8bc;padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px}.motion-symbol{font-size:15px}.motion-label{font-size:7px;letter-spacing:.6px}.motion:hover{color:#d4ec47}.motion:focus-visible{outline:1px solid #d4ec47;outline-offset:3px}.paused .vinyl{animation-play-state:paused}footer{padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.disciplines{display:flex;gap:28px;font-size:10px;letter-spacing:1px;font-weight:700}.disciplines span+span:before{content:'·';margin-right:28px}.copyright{font-size:8px;letter-spacing:.65px;color:#55574e}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vinyl{animation:none}.motion{display:none}}@media(min-width:1500px){h1{font-size:188px}}@media(max-width:700px){.page{padding:20px}header{padding-bottom:19px}.header-note{margin-left:0;font-size:9px}.recording{display:none}.mark{font-size:25px}.title-row{padding:29px 0 23px}h1{font-size:14vw;letter-spacing:-.075em}.records{margin-top:10px}.edition{gap:26px;font-size:7px;letter-spacing:.3px}.sleeve{height:440px;grid-template-columns:minmax(0,1fr) 30px;grid-template-rows:120px minmax(0,1fr)}.sleeve-copy{grid-column:1;grid-row:1;padding:23px 0 0 22px;flex-direction:row;align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:.8px}.sleeve-copy p{font-size:24px;margin:0 10px 0 15px;letter-spacing:-.7px}.side-label{display:none}.record-stage{grid-column:1;grid-row:2;align-items:flex-start;padding-top:5px}.vinyl{width:370px;max-width:105%}.label-number{font-size:80px}.label-top{font-size:6px;letter-spacing:.4px}.label-bottom{font-size:5px;letter-spacing:.2px}.sleeve-edge{grid-column:2;grid-row:1 / 3;padding:23px 0 20px}.sleeve-edge>span{font-size:7px;letter-spacing:1px}.cross-one{left:18px;top:0}.cross-two{display:none}footer{align-items:flex-start;flex-direction:column;padding-top:21px;gap:19px}.disciplines{font-size:8px;gap:15px;letter-spacing:.6px}.disciplines span+span:before{margin-right:15px}.copyright{font-size:7px}}
