:root{--paper:#181410;--ink:#e9d9bf;--accent:#c99d5d}body{background:var(--paper);color:var(--ink)}header{height:98px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d1aa7030;position:relative;z-index:5}.wordmark{font-family:Editorial,serif;font-size:45px;letter-spacing:-.055em;font-weight:500;line-height:.8}.wordmark span{font-family:Space,sans-serif;display:block;font-size:6px;letter-spacing:.37em;margin-top:12px;margin-left:3px}.row nav,header nav{gap:35px;font-size:10px;color:#c8b99f}header>.eyebrow{font-size:8px;color:#a68a60}#saved-count{font-size:8px;color:#bf975f;margin-left:8px}.hero{height:145vh}.hero-sticky{height:calc(100vh - 100px);min-height:630px;max-height:1000px;position:sticky;top:0;overflow:hidden}.view3d{position:absolute;inset:0;height:100%;width:100%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#181410d9,transparent 65%),linear-gradient(0deg,#181410aa,transparent 30%);pointer-events:none}.hero-copy{position:absolute;left:8vw;top:10%;pointer-events:none}.hero-copy .eyebrow{font-size:8px;color:#c3a471;letter-spacing:.19em}.hero-copy h1{font-family:Editorial,serif;font-size:clamp(62px,6.1vw,108px);line-height:1;letter-spacing:-.03em;font-weight:400;margin:30px 0}.hero-copy h1 em{color:#caa376;font-weight:400}.hero-copy p{font-size:12px;color:#bdad94;line-height:1.9}.play-cta{pointer-events:auto;display:flex;align-items:center;gap:20px;margin-top:28px;background:none;color:#e8d3b0;font-size:11px}.play-cta>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b18b53;border-radius:50%;font-size:10px}.play-cta:hover>span{background:#bc955e;color:#211a12}.hero-bottom{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;gap:20px;color:#b39b76;pointer-events:none}.hero-bottom .eyebrow,.scroll-note{font-size:7px;letter-spacing:.15em}.room-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 70%,#ffac4b0b,transparent 70%);opacity:0}.player{display:grid;grid-template-columns:1.1fr 1.5fr .9fr;gap:40px;padding:27px 5vw;background:#221c16;border-block:1px solid #b08a4f30;position:relative;z-index:5}.now-playing{display:flex;align-items:center;gap:17px}.now-playing canvas{width:62px;height:62px;flex-shrink:0}.now-playing .eyebrow{font-size:7px;color:#a7906e}.now-playing h2{font-family:Editorial,serif;font-size:23px;margin:8px 0 4px}.now-playing p{font-size:8px;color:#a99577;margin:0}.play-controls{align-self:center}.play-controls .row{gap:14px}.play-circle{width:35px;height:35px;border:1px solid #8c7150;border-radius:50%;background:none;color:#e0c297;font-size:12px;flex-shrink:0}.play-controls span{font-size:8px;color:#baa07a}.play-controls input{flex:1;width:100%;min-width:30px;height:8px}.play-controls>.row:last-child{margin-top:10px;padding-left:49px}.play-controls .eyebrow{font-size:6px}.volume-controls{align-self:center}.volume-controls .row{gap:16px}.volume-controls button{background:none;color:#b8a183;padding:3px 0;font-size:8px;white-space:nowrap}.volume-controls input{width:100%;height:8px;min-width:35px}.volume-controls>.row:last-child{margin-top:12px}.volume-controls canvas{width:100px;height:20px}#score-panel{padding:35px 5vw;background:#292119;gap:50px;align-items:center}#score-panel:not([hidden]){display:grid;grid-template-columns:1fr 2fr}#score-panel h3{font-family:Editorial,serif;font-size:30px;margin:13px 0}#score-panel p{font-size:11px;color:#b29979}#score-panel>.eyebrow{font-size:7px}#score-panel canvas{width:100%}.records{padding:70px 8vw 90px}.section-title{margin-bottom:32px;gap:30px}.section-title>.eyebrow{font-size:8px;color:#b8996e}.section-title p{font-family:Editorial,serif;font-size:25px;margin:0}.section-title>.small{font-size:9px}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.record-card{cursor:pointer;position:relative;padding:0;text-align:left;background:none;color:inherit}.record-art{background:#211b15;padding:28px;position:relative;transition:background .25s}.record-card:hover .record-art,.record-card.active .record-art{background:#33291d}.record-art canvas{width:100%;display:block;box-shadow:10px 15px 25px #0005}.record-number{position:absolute;left:15px;bottom:12px;font-size:7px;color:#b29b76}.record-play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#bfa37a;color:#211b14;font-size:9px}.record-card h3{font-family:Editorial,serif;font-size:28px;margin:20px 0 8px}.record-card p{font-size:9px;color:#ab9576;margin:0}.room-section{padding:80px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:14vw;background:#2b2018;border-block:1px solid #8c704e33}.room-section .eyebrow{font-size:8px;color:#ab8a5e}.room-section h2{font-family:Editorial,serif;font-size:60px;line-height:1.05;margin:26px 0 0;font-weight:400;letter-spacing:-.02em}.room-section h2 em{color:#bf926c}.room-section>div:last-child{align-self:center}.room-section p{font-size:12px;line-height:1.9;color:#baa68a}.room-buttons{display:flex;gap:0;flex-wrap:wrap}.room-buttons button{background:none;border-bottom:1px solid #8e725055;padding:11px 0;margin-right:26px;color:#d4bd9b;font-size:10px}.programme{padding:90px 8vw}.programme h2,.shortlist h2{font-family:Editorial,serif;font-size:44px;margin:22px 0 10px;font-weight:400}.programme .eyebrow,.shortlist .eyebrow{font-size:8px;color:#b69b73}.filters{display:flex;gap:18px;flex-wrap:wrap}.filters button{background:none;padding:8px 0;color:#9b886c;font-size:9px;border-bottom:1px solid transparent}.filters button.active{color:#ead5b1;border-color:#be9f6b}.programme-row{display:grid;grid-template-columns:40px 1.2fr 1fr 160px 32px;align-items:center;gap:20px;border-top:1px solid #9f805733;padding:22px 0}.programme-row>span{font-size:9px;color:#aa8c62}.programme-row h3{font-family:Editorial,serif;font-size:25px;margin:0}.programme-row p{font-size:10px;color:#ac9473;margin:0}.programme-row .category{font-size:9px;color:#d1b98f}.programme-row button{background:none;font-size:21px;color:#bda176;padding:4px}.programme-row button.saved{color:#f2d796}.programme>.small{font-size:9px;margin-top:25px}.shortlist{margin:0 8vw;padding:35px 0 70px;border-top:1px solid #a0825438}.shortlist button{background:none;color:#ad9676;font-size:9px}.shortlist .empty{font-size:12px;color:#7f705a;margin:30px 0}.saved-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #8b71532a;font-size:12px}.closing{text-align:center;padding:95px 7vw;background:#221a14}.closing .eyebrow{font-size:8px;color:#ad8c59}.closing h2{font-family:Editorial,serif;font-size:100px;letter-spacing:-.05em;margin:25px 0 15px;font-weight:400}.closing p{font-size:11px;color:#a58b64}.foot{padding:35px 5vw;align-items:center;color:#9c825e;font-size:8px}.foot .wordmark{font-size:32px;color:#c9b28e}@media(max-width:1000px){.player{gap:20px;grid-template-columns:1fr 1.3fr}.volume-controls{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.volume-controls>.row{width:180px}.volume-controls>.row:last-child{margin:0;width:210px}.hero-copy h1{font-size:8vw}.programme-row{grid-template-columns:30px 1fr 1fr 25px}.programme-row .category{display:none}.room-section{gap:8vw}}@media(max-width:600px){header{height:85px;padding:0 6vw}.wordmark{font-size:36px}header nav{gap:18px;font-size:9px}.hero{height:115vh}.hero-sticky{height:85vh;min-height:620px}.hero-copy{left:7vw;top:45px}.hero-copy .eyebrow{font-size:6px}.hero-copy h1{font-size:13vw;margin:23px 0}.hero-copy p{font-size:10px}.hero-shade{background:linear-gradient(0deg,transparent,#17120f80 55%,#17120f 100%)}.hero-bottom{bottom:20px;left:7vw;right:7vw}.hero-bottom .eyebrow{font-size:6px;max-width:170px;line-height:1.6}.scroll-note{font-size:6px}.play-cta{font-size:10px;gap:12px}.play-cta>span{height:34px;width:34px}.player{grid-template-columns:1fr;padding:25px 7vw;gap:20px}.now-playing canvas{width:50px;height:50px}.now-playing h2{font-size:23px}.play-controls>.row:last-child{padding-left:0}.volume-controls{gap:30px}.volume-controls>.row{width:140px}.volume-controls>.row:last-child{width:150px}.volume-controls canvas{width:65px}.records{padding:50px 7vw}.section-title{flex-wrap:wrap;gap:15px}.section-title p{font-size:22px}.record-grid{gap:12px}.record-art{padding:9px}.record-number{display:none}.record-play{height:22px;width:22px;right:5px;bottom:5px;font-size:7px}.record-card h3{font-size:20px;line-height:1;margin-top:15px;min-height:40px}.record-card p{font-size:7px;line-height:1.7}.room-section{grid-template-columns:1fr;padding:55px 7vw;gap:25px}.room-section h2{font-size:48px}.programme{padding:55px 7vw}.programme h2,.shortlist h2{font-size:34px}.filters{gap:14px}.filters button{font-size:8px}.programme-row{grid-template-columns:22px 1fr 20px;gap:10px;padding:19px 0}.programme-row h3{font-size:23px}.programme-row p{display:none}.programme-row>span{font-size:7px}.shortlist{margin:0 7vw;padding-top:30px}.shortlist .row{align-items:start;gap:20px}.shortlist button{font-size:8px;max-width:80px}.closing{padding:65px 7vw}.closing h2{font-size:70px}.foot span{font-size:7px;max-width:160px}#score-panel:not([hidden]){grid-template-columns:1fr;padding:25px 7vw;gap:15px}}