*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:#111;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #005cc5;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;left:16px;top:-80px;z-index:99;padding:12px;background:white}.skip-link:focus{top:16px}.section{position:relative;height:900px;overflow:clip}h1,h2,h3,p{margin:0}h2{font-weight:500}.hero header{height:88px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.hero nav{display:flex;gap:64px;font-size:14px;font-weight:500}.hero h1{position:absolute;left:5.5556%;top:330px;width:88.8889%;height:224.762px}.hero h1 img{width:100%;height:100%;object-fit:contain}.hero-bottom{position:absolute;bottom:32px;left:32px;right:32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:15px;line-height:20px}.hero-bottom>p{justify-self:center}.hero-bottom>a{justify-self:end;font-size:14px}.hero-bottom>a span{margin-left:12px}.hero-listen{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:0;padding:0;justify-self:start;min-height:44px;font-size:15px}.hero-listen small{display:block;color:#595959;font-size:12px;line-height:16px;margin-bottom:3px}.round-play{width:36px;height:36px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;font-size:12px}.pixel-bridge{height:calc(100vw * 49 / 1440);background:linear-gradient(#c6c6c6,#fff)}.sound-theory{background:#f7d65b;color:#20201d}.sound-theory h2{position:absolute;top:166px;width:100%;text-align:center;font-size:15px;letter-spacing:.08em;line-height:22px;font-weight:400}.sound-mark{position:absolute;left:calc(50% - 192px);top:236px;width:384px;height:384px}.sound-link{position:absolute;top:668px;left:calc(50% - 220px);width:440px;min-height:72px;padding:18px 24px;border:1px solid #20201d;display:flex;align-items:center;justify-content:space-between;font-size:24px;letter-spacing:.08em;line-height:30px}.sound-link small{font-size:13px;letter-spacing:0;line-height:20px;display:block;margin-top:3px}.gallery{background:#c6c6c6}.gallery h2{position:absolute;left:32px;top:32px;font-size:17px;line-height:22px}.gallery-intro{position:absolute;left:51.1111%;top:32px;font-size:15px;font-weight:500;line-height:19px}.gallery-stack img{position:absolute;object-fit:cover;left:50%;transform:translateX(-50%);transform-origin:50% 50%;pointer-events:none}
.gallery-stack img[data-gallery-depth="0"]{z-index:4}.gallery-stack img[data-gallery-depth="1"]{z-index:3}.gallery-stack img[data-gallery-depth="2"]{z-index:2}.gallery-stack img[data-gallery-depth="3"]{z-index:1}.gallery-stack img[data-gallery-depth="4"]{display:none}
.gallery-count,.gallery-nav{z-index:20}.gallery-stack img[data-gallery-depth="3"]{top:160px;width:228px;height:228px;object-position:50% 100%}.gallery-stack img[data-gallery-depth="2"]{top:196px;width:284px;height:284px;object-position:50% 75%}.gallery-stack img[data-gallery-depth="1"]{top:244px;width:364px;height:364px;object-position:50% 100%}.gallery-stack img[data-gallery-depth="0"]{top:320px;width:500px;height:500px}.gallery-count{position:absolute;left:32px;top:72px;font-size:14px;line-height:20px}.gallery-nav{position:absolute;left:32px;right:32px;top:536px;display:flex;justify-content:space-between;gap:24px;pointer-events:none}.gallery-nav button{pointer-events:auto;min-height:44px;min-width:44px;border:0;background:transparent;padding:0;font-size:14px;font-weight:500}.gallery-nav span{margin-left:9px}.gallery-nav #gallery-prev span{margin-left:0;margin-right:9px}.originals{background:#b5f2ff;color:#111d26;height:max(900px,calc(46.666667vw + 228px))}.originals h2{position:absolute;top:32px;left:32px;font-size:14px;line-height:20px}.record-tabs{position:absolute;top:88px;left:32px;width:calc(50% - 80px);height:40px;display:flex;justify-content:space-between;border-bottom:1px solid #709caa}.record-tabs button{border:0;background:transparent;min-height:39px;width:auto;max-width:32%;text-align:left;padding:0;font-size:14px;color:#355563}.record-tabs button[aria-pressed=true]{font-weight:700;color:#111d26}.record-meta{position:absolute;top:168px;left:32px;width:calc(50% - 80px)}.record-meta h3{font-size:36px;line-height:42px;letter-spacing:-.03em;font-weight:400}.record-meta p{font-size:14px;line-height:20px;margin-top:10px}.portrait{position:absolute;left:51.111111%;top:128px;width:46.666667%;aspect-ratio:1}.portrait>img{display:block;width:100%;height:100%;object-fit:cover}.portrait-disc{position:absolute;left:5.0595%;top:5.0595%;width:89.881%;height:89.881%;border:1px solid #e6faffb3;border-radius:50%;background:url(media/portrait.jpg) 50% / 111.2583% auto no-repeat;transform:rotate(-28deg);transform-origin:50% 50%;padding:0;appearance:none;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.portrait-disc.is-grabbing{cursor:grabbing}.portrait-disc:focus-visible{outline:2px solid #111d26;outline-offset:5px}
/* Picture-disc spindle hole. The square portrait remains the dock's geometry anchor. */
.portrait::after{content:"";position:absolute;left:50%;top:50%;width:8.6%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#b5f2ff;box-shadow:inset 0 0 0 1px #111d261f;pointer-events:none}#original-transport{position:absolute;left:0;top:288px;width:48.888889%;height:108px;z-index:2}.original-player{height:108px;position:relative}.original-player button{background:transparent;border:0;padding:0;position:absolute;width:44px;height:48px;top:28px;color:#284956}.original-player .original-play{left:32px;width:48px;border:1px solid #456d7c;border-radius:50%;font-size:17px}.original-player .original-prev{left:94px}.original-player .original-next{left:142px}.original-player .original-seek{position:absolute;left:204px;top:30px;width:calc(100% - 236px);height:44px;margin:0;appearance:none;background:transparent}.original-seek::-webkit-slider-runnable-track{height:1px;background:#456d7c}.original-seek::-webkit-slider-thumb{appearance:none;width:6px;height:6px;border-radius:50%;background:#284956;margin-top:-2.5px}.original-seek::-moz-range-track{height:1px;background:#456d7c}.original-seek::-moz-range-thumb{width:6px;height:6px;background:#284956;border:0}.original-times{position:absolute;left:204px;right:32px;top:66px;display:flex;justify-content:space-between;font:11px/16px ui-monospace,monospace;color:#355563}.culture{background:#c6c6c6}.culture-art{transform-origin:top left}.culture-art>div[style*="top:814px"]{top:774px!important}.dock{opacity:0;visibility:hidden;background:transparent;transform:none!important}.dock .player{background:transparent;border:1px dashed #555}.dock[data-photo-overlap="true"] .player,.dock[data-photo-overlap="true"] .volume-panel{background:rgba(255,255,255,.94)}.dock .player:before{display:none}.dock .player-meta{background:transparent}.dock .player-artist{color:#424242}.dock .player-button{background:transparent}.dock .player-play{background:#111;color:#fff}.dock .volume-panel{background:transparent;border:1px solid #333;backdrop-filter:none}.dock .volume-panel button{background:transparent;color:#111;border-color:#333}.dock .player-seek::-webkit-slider-runnable-track{background:#555}.dock .player-seek::-moz-range-track{background:#555}.study{position:fixed;right:16px;top:12px;z-index:45;font-size:11px;max-width:min(390px,calc(100vw - 24px))}.study summary{cursor:pointer;list-style:none;letter-spacing:.12em;text-align:right;padding:8px;color:#444;background:#ffffffd9}.study[open]{background:#fff;border:1px solid #777;box-shadow:0 4px 20px #0002;max-height:calc(100svh - 24px);overflow:auto}.study-content{padding:16px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:19px}.study-content select,.study-content>button{min-height:36px;max-width:100%}.study-content input{max-width:100%}.study-content nav{display:flex;flex-wrap:wrap;gap:12px}.study-content nav a{text-decoration:underline}.study:not([open]){top:12px;right:50%;transform:translateX(50%)}.pause-label{display:flex;align-items:center;gap:8px}
@media(min-width:701px) and (max-width:1200px){.culture-art{transform:scale(var(--culture-scale))}.culture{height:calc(900px * var(--culture-scale))}.portrait{top:128px}.original-player .original-prev{left:88px}.original-player .original-next{left:128px}.original-player .original-seek,.original-times{left:178px}.original-player .original-seek{width:calc(100% - 210px)}}
@media(max-width:700px){.section{height:760px}.hero{height:100svh;min-height:570px}.hero header{padding:24px 20px}.hero nav{gap:24px}.hero h1{left:5%;top:38%;width:90%;height:auto}.hero-bottom{left:20px;right:20px;bottom:24px;grid-template-columns:1fr;gap:22px}.hero-bottom>p{justify-self:start;font-size:14px}.hero-bottom>a{justify-self:start}.mixes{height:600px}.sound-theory{height:690px}.sound-theory h2{top:100px}.sound-mark{width:300px;height:300px;left:calc(50% - 150px);top:164px}.sound-link{top:516px;left:20px;width:calc(100% - 40px);font-size:19px;padding:16px}.gallery{height:700px}.gallery h2{left:20px;top:28px}.gallery-intro{left:20px;top:68px;font-size:14px}.gallery-stack img[data-gallery-depth="3"]{top:160px;width:144px;height:144px}.gallery-stack img[data-gallery-depth="2"]{top:188px;width:184px;height:184px}.gallery-stack img[data-gallery-depth="1"]{top:226px;width:234px;height:234px}.gallery-stack img[data-gallery-depth="0"]{top:278px;width:calc(100% - 40px);height:auto;aspect-ratio:1}.gallery-count{left:50%;transform:translateX(-50%);top:auto;bottom:40px}.gallery-nav{left:20px;right:20px;top:auto;bottom:28px}.originals{height:auto;min-height:860px;padding:376px 20px 160px;overflow:clip}.originals h2{left:20px;top:28px}.record-tabs{left:20px;top:78px;width:calc(100% - 40px)}.record-tabs button{width:auto;max-width:32%}.record-meta{top:148px;left:20px;width:calc(100% - 40px)}.record-meta h3{font-size:32px}#original-transport{top:240px;width:100%}.original-player .original-play{left:20px}.original-player .original-prev{left:76px}.original-player .original-next{left:118px}.original-player .original-seek{left:172px;width:calc(100% - 192px)}.original-times{left:172px;right:20px}.portrait{position:relative;left:auto;top:auto;margin-top:0;width:100%}.culture{height:790px}.culture-art{width:100%!important;height:790px!important}.culture-art>div,.culture-art>svg{display:none!important}.culture-art>div:nth-child(1){display:flex!important;left:20px!important;top:28px!important}.culture-art>div:nth-child(2){display:block!important;left:20px!important;top:100px!important;width:calc(100% - 40px)!important;font-size:48px!important;line-height:50px!important}.culture-art>div:nth-child(3){display:block!important;left:20px!important;top:225px!important;width:calc(100% - 40px)!important;font-size:16px!important;line-height:24px!important}.culture-mobile-map{display:block!important;position:absolute;width:100%;height:auto;top:340px}.dock .player-title{font-size:14px}.dock .player-artist{font-size:12px}.study:not([open]){top:4px;right:12px;transform:none}.study{right:12px}.volume-panel{background:transparent}.hero nav{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.dock{transition:none!important}}