.resonance-room{--album-size:clamp(280px,31vw,420px);--album-step:clamp(320px,36vw,490px);isolation:isolate;color:#242b31;font-family:var(--font-body);background:#fff;border-top:1px solid #20232816;margin:0 0 50px;padding:35px 0 44px;position:relative;overflow:hidden}.resonance-home{margin:0;padding:72px 5vw 60px}.resonance-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:22px;padding-inline:2px;display:flex}.resonance-kicker{letter-spacing:.15em;color:#7d8790;font-size:9px;font-family:var(--font-body)}.resonance-heading h2{font-family:var(--font-display);letter-spacing:.005em;max-width:680px;margin-top:18px;font-size:clamp(32px,4vw,58px);font-weight:350;line-height:1.25}.resonance-heading-copy{max-width:260px;margin-bottom:5px}.resonance-heading-copy>span{color:#4d5963;font:italic 34px/1 Instrument Serif,serif}.resonance-heading-copy p{font:11px/1.9 var(--font-body);color:#828a91;margin-top:12px}.resonance-presentation{min-height:calc(var(--album-size)*1.2 + 105px);position:relative}.resonance-gallery[hidden]{display:none}.resonance-stage{height:calc(var(--album-size)*1.2 + 35px);touch-action:pan-y;outline-offset:-5px;perspective:1200px;cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.resonance-album{width:var(--album-size);height:var(--album-size);margin-left:calc(var(--album-size)*-.5);margin-top:calc(var(--album-size)*-.5);transform:translateX(calc(var(--album-offset)*var(--album-step) + var(--record-drag,0px))) rotateY(var(--album-yaw)) rotate(var(--album-tilt)) scale(var(--album-scale));cursor:grab;box-shadow:none;opacity:1;outline-offset:8px;will-change:transform;perspective:900px;isolation:isolate;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;transition:transform .95s cubic-bezier(.22,.75,.15,1),opacity .3s;position:absolute;top:50%;left:50%}.resonance-album[data-visible=false]{opacity:0;pointer-events:none}.resonance-stage[data-dragging=true],.resonance-stage[data-dragging=true] .resonance-album{cursor:grabbing}.resonance-stage[data-dragging=true] .resonance-album{transition:transform 80ms linear,opacity .3s}.resonance-record-arrival,.resonance-record-tilt{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;border-radius:50%;display:block;position:relative}.resonance-vinyl{isolation:isolate;background:radial-gradient(circle at 50% 46%,#303437 0%,#171b1e 57%,#080d11 98%);border-radius:50%;width:100%;height:100%;transition:box-shadow .5s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #dce1e4b0,inset 0 0 0 3px #141c21,inset 0 0 0 4px #a3aeb14a,0 15px 22px -13px #24303955}.resonance-vinyl:after{content:"";pointer-events:none;z-index:4;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #111d27c4,inset 1px 0 1px #c5d5e33d}.resonance-album[data-active=true] .resonance-vinyl{box-shadow:inset 0 0 0 1px #dce1e4b0,inset 0 0 0 3px #141c21,inset 0 0 0 4px #a3aeb14a,0 20px 25px -15px #24303966}.resonance-record-spin{border-radius:50%;animation:24s linear infinite paused resonance-record;display:block;position:absolute;inset:0}.resonance-room[data-playing=true][data-in-view=true]:not([data-document-hidden=true]) .resonance-album[data-active=true] .resonance-record-spin{animation-play-state:running}.resonance-record-grooves{background:repeating-radial-gradient(circle,#0000 0 1.15px,#f1f6fa21 1.6px,#0008 2px,#0000 2.7px);border-radius:50%;position:absolute;inset:3%;box-shadow:inset 0 0 0 1px #7c8a932b,inset 0 0 0 5px #0e15193b}.resonance-record-label{background:#d9dfe0;border-radius:50%;position:absolute;inset:23%;overflow:hidden;box-shadow:0 0 0 1px #eaf1f14d,0 0 0 4px #0b1118a6,0 0 0 5px #e5edf61b}.resonance-record-label>img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:saturate(.85);border-radius:50%;width:100%;height:100%;transition:filter .45s;display:block}.resonance-record-label>.media-empty{border-radius:50%;width:100%;height:100%;font-size:10px}.resonance-album:is(:hover,:focus-visible) .resonance-record-label>img{filter:saturate(1.1)}.resonance-record-etch{color:#bac4cb;opacity:.78;font:500 clamp(5px,.57vw,8px)/1 var(--font-body);letter-spacing:.22em;pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:10%;left:0;right:0}.resonance-record-etch i{opacity:.55;background:currentColor;width:12px;height:1px}.resonance-record-sheen{pointer-events:none;mix-blend-mode:screen;opacity:.68;z-index:2;background:conic-gradient(from -25deg,#0000 0deg,#d2e5f332 38deg,#f0f6f962 46deg,#9bb9c326 58deg,#0000 83deg 172deg,#c1d7e435 221deg,#eff6f958 229deg,#abc4d52e 239deg,#0000 269deg);border-radius:50%;position:absolute;inset:-20%}.resonance-record-hub{aspect-ratio:1;z-index:3;pointer-events:none;background:radial-gradient(circle,#fff 0 32%,#a3acb0 34%,#eef1f1 45%,#8a969e 62%,#d7dddf 70%,#f6f8f9 78%);border-radius:50%;width:5.4%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #030a0e99,0 0 0 1px #1c283dcc}.resonance-open{font:10px var(--font-body);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 14px;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%,8px)}.resonance-open .liquid-refract{background:#10182024}.resonance-open .liquid-edge{outline-color:#ffffff65}.resonance-album[data-active=true]:is(:hover,:focus-visible) .resonance-open{opacity:1;transform:translate(-50%)}.resonance-stage[data-dragging=true] .resonance-open{opacity:0!important}.resonance-nav{justify-content:center;align-items:center;gap:24px;height:70px;padding-top:10px;display:flex}.resonance-nav>button{cursor:pointer;color:#47545f;place-items:center;width:43px;height:43px;display:grid}.resonance-nav>button:hover:enabled{transform:scale(1.08)}.resonance-nav>span{color:#7b858e;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:10px;display:flex}.resonance-nav>span i{background:#bac1c7;width:23px;height:1px}.resonance-detail{min-height:calc(var(--album-size)*1.2 + 105px);grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;padding:45px 25px 20px;display:grid;position:relative}.resonance-close{height:38px;font:11px var(--font-body);cursor:pointer;z-index:5;justify-content:center;align-items:center;gap:8px;padding:0 17px;display:flex;position:absolute;top:0;right:2px}.resonance-detail-art{min-height:calc(var(--album-size)*1.05);isolation:isolate;justify-content:center;align-items:center;padding-right:14%;display:flex;position:relative}.resonance-detail-cover{z-index:2;transform-origin:50% 80%;width:min(85%,360px);position:relative;box-shadow:4px 9px 25px #17293912}.resonance-detail-cover>img{width:100%;height:auto;display:block}.resonance-disc{aspect-ratio:1;width:min(82%,360px);margin-top:calc(min(var(--album-size),360px)*-.5);z-index:1;background:repeating-radial-gradient(circle,#b8bec1 0,#e1e5e7 .6px 1.4px,#aeb9c0 1.9px);border:1px solid #b2bcc25e;border-radius:50%;position:absolute;top:50%;right:-3%;overflow:hidden}.resonance-disc:after{content:"";pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 25deg,#0000,#ffffff95 14%,#0000 29%,#57677328 41%,#0000 52%,#ffffffa6 65%,#0000 79%,#52616c22);border-radius:50%;position:absolute;inset:0}.resonance-disc-spin{place-items:center;animation:18s linear infinite paused resonance-record;display:grid;position:absolute;inset:0}.resonance-room[data-playing=true] .resonance-disc-spin{animation-play-state:running}.resonance-disc-spin>img{object-fit:cover;filter:saturate(.55);border-radius:50%;width:34%;height:34%}.resonance-disc-spin>span{background:#fff;border:1px solid #acb5bc;border-radius:50%;width:12px;height:12px;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.resonance-detail-copy h3{font:350 clamp(29px,3.7vw,48px)/1.4 var(--font-display);letter-spacing:0;max-width:500px;margin:20px 0}.resonance-detail-copy p{font:12px/2 var(--font-body);color:#7c858d;max-width:345px;margin-bottom:30px}.resonance-detail-play{min-height:44px;font:12px var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:13px;padding:0 24px;display:inline-flex}.resonance-story{color:#899199;border-bottom:1px solid #87919940;width:max-content;margin-top:22px;padding-bottom:5px;font-size:10px;display:block}.resonance-spectrum{opacity:.75;justify-content:center;align-items:center;gap:3px;width:min(280px,60%);height:24px;margin:8px auto 13px;display:flex}.resonance-spectrum i{transform-origin:50%;background:#84949e;border-radius:2px;width:2px;height:24px;transform:scaleY(.07)}.resonance-console{color:#323e47;align-items:center;gap:22px;width:min(800px,100% - 6px);min-height:72px;margin:0 auto;padding:12px 22px;display:flex}.resonance-console .liquid-refract{background:linear-gradient(135deg,#ffffff36,#e6edf212 60%,#fff4)}.resonance-play{cursor:pointer;flex-shrink:0;place-items:center;width:38px;height:38px;transition:transform .3s;display:grid}.resonance-play:hover{transform:scale(1.12)}.resonance-now{min-width:130px;max-width:210px}.resonance-now>span{color:#8d969d;letter-spacing:.06em;margin-bottom:4px;font-size:8px;display:block}.resonance-now strong{font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:400;display:block;overflow:hidden}.resonance-progress{flex:1;align-items:center;gap:12px;min-width:100px;display:flex}.resonance-progress>span{color:#8c969e;font-variant-numeric:tabular-nums;font-size:9px}.resonance-progress input{-webkit-appearance:none;appearance:none;cursor:pointer;outline-offset:3px;background:0 0;flex:1;min-width:0;height:24px}.resonance-progress input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#596d7c var(--played),#dae0e4 var(--played));border-radius:3px;height:2px}.resonance-progress input::-webkit-slider-thumb{-webkit-appearance:none;background:#718899;border:1px solid #fff;border-radius:50%;width:8px;height:8px;margin-top:-3px;box-shadow:0 0 0 1px #71889932}.resonance-progress input::-moz-range-track{background:#dae0e4;height:2px}.resonance-progress input::-moz-range-progress{background:#596d7c;height:2px}.resonance-progress input::-moz-range-thumb{background:#718899;border:1px solid #fff;border-radius:50%;width:7px;height:7px}.resonance-volume{cursor:pointer;color:#7f8e99;flex-shrink:0;place-items:center;width:34px;height:38px;display:grid}.resonance-tracklist{flex-wrap:wrap;justify-content:center;gap:20px 38px;margin:32px auto 0;display:flex}.resonance-tracklist button{font:10px var(--font-body);color:#8f979e;cursor:pointer;border-bottom:1px solid #0000;align-items:center;gap:9px;padding:8px 0;transition:color .3s,border-color .3s;display:flex}.resonance-tracklist button>span{color:#b0b8be;font-size:8px}.resonance-tracklist button[aria-pressed=true]{color:#303c46;border-color:#8b9ba7}.resonance-tracklist button:hover{color:#303c46}.resonance-error{text-align:center;margin-top:18px;font-size:12px}.resonance-error a{text-decoration:underline}.case-music .resonance-heading{display:none}.case-music .resonance-room{border:0}@keyframes resonance-record{to{transform:rotate(360deg)}}@media (min-width:1500px){.resonance-room{--album-size:450px;--album-step:510px}}@media (max-width:700px){.resonance-room{--album-size:240px;--album-step:260px;margin-bottom:20px;padding:28px 0 32px}.resonance-home{margin:0;padding:48px 5vw 42px}.resonance-heading{align-items:start;gap:14px;margin-bottom:18px;display:block}.resonance-heading h2{max-width:100%;margin-top:12px;font-size:31px;line-height:1.4}.resonance-heading-copy{justify-content:space-between;align-items:center;gap:25px;max-width:none;margin-top:16px;display:flex}.resonance-heading-copy>span{font-size:27px}.resonance-heading-copy p{margin:0;font-size:9px;line-height:1.7}.resonance-presentation{min-height:382px}.resonance-stage{height:310px}.resonance-open{min-height:30px;font-size:9px;bottom:12%}.resonance-record-etch{font-size:6px}.resonance-nav{gap:22px;height:66px;padding:0}.resonance-nav>button{width:42px;height:42px}.resonance-console{flex-wrap:wrap;gap:8px;min-height:88px;padding:12px 13px;border-radius:26px!important}.resonance-play{width:30px;height:30px}.resonance-now{flex:1;max-width:none}.resonance-now strong{font-size:10px}.resonance-now>span{font-size:8px}.resonance-volume{order:2;width:28px;height:30px}.resonance-progress{flex-basis:100%;order:3;gap:10px;padding-inline:8px}.resonance-progress>span{font-size:8px}.resonance-progress input{height:20px}.resonance-spectrum{margin-top:0;margin-bottom:7px}.resonance-tracklist{grid-template-columns:1fr 1fr;gap:8px 22px;margin-top:20px;padding:0 6px;display:grid}.resonance-tracklist button{min-height:35px;font-size:9px}.resonance-detail{padding:58px 0 20px;display:block}.resonance-detail-art{width:min(310px,90%);min-height:285px;margin:0 auto;padding-right:20%}.resonance-detail-cover{flex-shrink:0;width:230px}.resonance-disc{width:245px;margin-top:-123px;top:50%;right:-12px}.resonance-detail-copy{text-align:center;padding:22px 10px 8px}.resonance-detail-copy h3{margin:12px 0;font-size:30px}.resonance-detail-copy p{max-width:270px;margin:0 auto 20px;font-size:11px}.resonance-detail-play{min-height:42px;font-size:11px}.resonance-story{margin:16px auto 0}.resonance-close{top:3px;right:0}}@media (prefers-reduced-motion:reduce){.resonance-room *{transition:none!important;animation:none!important}}