.mix-theatre{position:relative}.mix-stage{position:relative;padding:80px 6% 55px}.mix-intro{display:grid;grid-template-columns:1.65fr 1fr;gap:20px 12%;align-items:end}.mix-intro>.kicker{grid-column:1/-1}.mix-intro h2{font-size:clamp(54px,6.8vw,100px)}.mix-intro h2 em{font-size:.83em}.mix-intro>p:last-child{max-width:330px;color:#c8c2b8;font-size:15px}.mix-shutters{display:flex;position:relative;margin:75px 0 65px;perspective:1600px;gap:4px;height:240px;transform:rotate(-3deg);isolation:isolate}.mix-slat{flex:1;min-width:0;position:relative;transform-style:preserve-3d;transform:rotateX(calc(var(--turn,0)*-180deg));will-change:transform}.slat-front,.slat-back{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #4e463a;background:linear-gradient(105deg,#0c0c0c,#29251f 45%,#090908 55%,#1c1813);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 #50483c,0 7px 0 #141310,0 15px 20px #000}.slat-front span{font:400 clamp(30px,4vw,58px)/1 Instrument;letter-spacing:-.045em}.slat-back{transform:rotateX(180deg);background:linear-gradient(105deg,#292018,#13100d 45%,#2b2016);flex-direction:column;align-items:start;justify-content:space-between;padding:22px 16px;color:#dfac77}.slat-back small{font:9px/1.7 Public;color:#bba48a}.slat-back span{font:400 clamp(18px,2.3vw,32px)/1.15 Instrument;letter-spacing:-.02em}.slat-back i{font:400 22px Public;font-style:normal;align-self:end}.mix-insight{display:grid;grid-template-columns:1fr 1fr;gap:24px 12%;align-items:start}.mix-count{font:450 37px/1.1 Anybody;letter-spacing:-.04em;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.mix-count i{font:10px Public;color:#aaa59b;font-style:normal;letter-spacing:0}.mix-count b{font:22px Public;color:#d47e30;margin:0 5px}.mix-insight>p{max-width:410px;font-size:14px;color:#c8c2b8}.mix-insight .text-link{grid-column:2;width:max-content;margin-top:-10px}.mix-caption{margin-top:45px!important;font:10px/1.6 Public;color:#aaa59b}.comparison-hint{text-align:right;font:11px Public;color:#dba16a;margin-bottom:18px!important}.comparison-hint span{margin-left:15px}.comparison-controls button{font-size:12px}.comparison-controls button:hover{border-color:#d47e30;color:#eee}.comparison[data-adjusted=true] .comparison-hint{visibility:hidden}.comparison-instrument{transition:opacity .5s}.comparison .rate-marker,.comparison .gap-bridge{transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1),left .9s cubic-bezier(.2,.8,.2,1)}.comparison.measure-motion:not(.measure-arrived) .rate-marker{transform:translate(-50%,25px);opacity:0}.comparison.measure-motion:not(.measure-arrived) .gap-bridge{opacity:0;transform:scaleX(.1);transform-origin:left}.comparison.measure-motion:not(.measure-arrived) .measure-base{opacity:.4}
.chicago-result{grid-template-columns:.8fr 1.1fr 1.35fr;gap:4%;padding-bottom:90px;align-items:center}.badge-area{height:650px;align-self:stretch;max-width:none;margin:-40px -25px 0}.badge-canvas{touch-action:pan-y;cursor:grab}.badge-canvas.is-dragging{cursor:grabbing;touch-action:none}.badge-drag-hint{position:absolute;left:0;right:0;bottom:87px;text-align:center;color:#c6bfb4;font:11px Public;pointer-events:none}.badge-play{bottom:32px;font-size:12px}.badge-label{font-size:10px}.badge-fallback{margin-top:150px}.badge-fallback:before{content:'';position:absolute;width:13px;height:140px;background:#b22133;left:80px;top:-140px;border-left:1px solid #ed4157;border-right:1px solid #43101b}.badge-play[disabled]{visibility:hidden}
.correspondence{padding:0!important;border-top:1px solid #3c3731;position:relative}.correspondence-stage{position:relative;padding:80px 6% 70px;perspective:1800px}.correspondence header{display:block!important;margin:0!important;max-width:430px}.correspondence h2{font:400 clamp(43px,4.5vw,66px)/1.05 Instrument!important;letter-spacing:-.025em;margin:22px 0 0!important}.correspondence h2 em{font:inherit;color:#dba16a}.voice-word{display:none}.voice-desk{position:relative;margin:70px 0 45px;perspective:1400px}.voice-binding{display:none}.voice-letter{position:relative;max-width:810px;margin:0 0 45px auto;padding:35px 45px 45px 65px;background:#e7e1d5;color:#181511;border:1px solid #7f776a;box-shadow:0 2px 0 #948777,0 7px 0 #24201b,0 24px 55px #000;transform:rotate(-2deg);overflow:hidden}.voice-letter:before{content:'';position:absolute;left:29px;top:0;bottom:0;border-left:1px solid #b38a66}.letter-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #c2b9ab;padding-bottom:20px;font:10px/1.5 Public;text-transform:uppercase;letter-spacing:.07em;color:#675c4e}.voice-letter blockquote{border:0;margin:36px 0 40px!important;padding:0!important}.voice-letter blockquote p{font:400 clamp(27px,3vw,43px)/1.25 Instrument;letter-spacing:-.018em;color:#191612}.voice-letter em{font:inherit;color:#83481c;box-shadow:inset 0 -1px #9a5b2c}.voice-letter footer{display:flex;align-items:start;gap:30px;padding-top:25px;border-top:1px solid #c2b9ab}.voice-letter footer strong{font:600 13px/1.6 Public;max-width:200px}.voice-letter footer span{font:11px/1.7 Public;color:#675c4e}.letter-cut{position:absolute;right:30px;bottom:30px;font:400 58px Instrument;color:#b4a593;opacity:.7;pointer-events:none}.voice-tabs{display:flex;justify-content:flex-end;gap:32px}.voice-tabs button{background:none;border:0;border-bottom:1px solid #524638;padding:12px 0;min-height:50px;text-align:left;color:#b5ada1;font:11px Public}.voice-tabs button span{display:block;font:400 20px/1.3 Instrument;margin-top:8px;color:#e3d9cd}.voice-tabs button[aria-pressed=true]{border-color:#d47e30;color:#e8b080}.voice-tabs button[aria-pressed=true] span{color:#e8b080}.voice-caption{font:10px/1.6 Public;color:#aaa59b;max-width:240px;margin-top:35px!important}
@media(min-width:1000px) and (min-height:680px){
 .mix-motion .mix-theatre{height:210svh}.mix-motion .mix-stage{height:100svh;position:sticky;top:0;padding:10svh 6% 0;overflow:hidden}.mix-motion .mix-intro h2{font-size:clamp(60px,6.4vw,98px)}.mix-motion .mix-intro>p:last-child{font-size:14px}.mix-motion .mix-shutters{height:27svh;max-height:245px;margin:8svh 0 6svh;transform:rotate(calc(-3deg + var(--mix-progress,0)*3deg))}.mix-motion .mix-slat{transform:rotateX(calc(var(--slat-turn,0)*-180deg))}.mix-motion .mix-insight{opacity:var(--mix-reading,0);transform:translateY(calc((1 - var(--mix-reading,0))*14px))}.mix-motion .mix-insight .text-link{margin-top:-10px}.mix-motion .mix-caption{position:absolute;left:6%;bottom:4%;margin:0!important;font-size:9px}
 .voice-motion{height:240svh}.voice-motion .correspondence-stage{height:100svh;position:sticky;top:0;padding:9svh 6% 0;overflow:hidden}.voice-motion header{position:relative;z-index:2;max-width:360px}.voice-motion h2{font-size:clamp(43px,4.3vw,63px)!important}.voice-motion .voice-word{display:block;position:absolute;left:6%;bottom:15%;font:400 clamp(120px,17vw,250px)/.9 Instrument;color:#d47e30;opacity:.5;letter-spacing:-.07em;z-index:0;pointer-events:none}.voice-motion .voice-word span{display:block;transform:translateX(calc(var(--voice-drift,0)*-30px))}.voice-motion .voice-desk{position:absolute;width:60%;height:55%;max-width:800px;right:6%;top:27%;margin:0;transform:rotateY(-8deg);transform-style:preserve-3d;z-index:3}.voice-motion .voice-letter{position:absolute;inset:0;max-width:none;margin:0;padding:25px 35px 28px 57px;transform-origin:14% 6%;backface-visibility:hidden;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .65s,filter .7s}.voice-motion .voice-letter[data-voice="0"]{--rotation:-3deg}.voice-motion .voice-letter[data-voice="1"]{--rotation:2deg}.voice-motion .voice-letter[data-voice="2"]{--rotation:-1deg}.voice-motion .voice-letter.is-waiting{transform:translateY(18px) translateZ(-45px) rotate(var(--rotation));filter:brightness(.48);pointer-events:none}.voice-motion .voice-letter.is-read{transform:translateY(-125%) translateX(14%) rotateX(65deg) rotate(-15deg);opacity:0;pointer-events:none}.voice-motion .voice-letter.is-current{transform:rotate(var(--rotation));filter:none;z-index:4}.voice-motion .voice-letter blockquote{margin:27px 0 28px!important}.voice-motion .voice-letter blockquote p{font-size:clamp(27px,3vw,43px)}.voice-motion .voice-letter footer{padding-top:18px;position:absolute;bottom:30px;left:57px;right:35px}.voice-motion .letter-top{padding-bottom:17px}.voice-motion .voice-tabs{position:absolute;right:6%;bottom:5%;width:60%;justify-content:start;gap:45px;z-index:6}.voice-motion .voice-caption{position:absolute;left:6%;bottom:5%;margin:0!important;max-width:230px}.voice-motion .voice-binding{display:block;position:absolute;left:22px;top:-10px;width:40px;height:32px;border:5px solid #6b7378;border-radius:5px;transform:rotate(-4deg);z-index:8;background:#1113;box-shadow:inset 0 0 0 2px #dbdfe3,0 3px 0 #030405}
}
@media(max-width:999px){.mix-shutters{height:180px}.slat-back{padding:16px 10px}.mix-insight{gap:20px 6%}.mix-count{font-size:30px}.chicago-result{grid-template-columns:1fr 1.3fr}.badge-area{grid-column:2;margin:0;height:550px}.voice-letter{max-width:85%}.letter-cut{font-size:40px}}
@media(max-width:760px){.mix-stage{padding:55px 7%}.mix-intro{display:block}.mix-intro h2{font-size:clamp(42px,13vw,70px);margin:24px 0 30px}.mix-intro>p:last-child{font-size:15px}.mix-shutters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;height:260px;margin:45px 0;transform:none}.mix-slat{transform:rotateX(180deg)}.slat-back span{font-size:25px}.slat-back small{font-size:8px}.slat-back{padding:14px 11px}.mix-insight{display:block}.mix-count{font-size:31px;gap:8px;margin-bottom:28px;line-height:1.5}.mix-count i{font-size:10px}.mix-insight .text-link{margin:24px 0 0}.mix-caption{margin-top:28px!important;font-size:10px}.comparison-hint{text-align:left;font-size:11px}.comparison-controls button{font-size:11px}.badge-area{width:100%;height:480px;max-width:410px;margin:-25px auto 0}.badge-drag-hint{font-size:11px;bottom:85px}.badge-label{font-size:10px}.correspondence-stage{padding:65px 7% 50px}.correspondence h2{font-size:48px!important}.voice-desk{margin:40px 0}.voice-letter{max-width:none;padding:24px 24px 30px 36px;margin:0 0 36px;transform:rotate(-1deg)}.voice-letter:before{left:16px}.letter-top{font-size:9px;padding-bottom:18px;gap:14px}.voice-letter blockquote{margin:25px 0 30px!important}.voice-letter blockquote p{font-size:30px}.voice-letter footer{display:block;padding-top:20px}.voice-letter footer strong{font-size:12px}.voice-letter footer span{display:block;margin-top:7px;font-size:11px}.letter-cut{right:20px;bottom:20px;font-size:35px;opacity:.45}.voice-tabs{display:none}.voice-caption{font-size:11px;max-width:none;margin-top:20px!important}}
@media(prefers-reduced-motion:reduce){.mix-slat{transform:rotateX(180deg)}.comparison.measure-motion:not(.measure-arrived) .rate-marker{opacity:1;transform:translateX(-50%)}.comparison.measure-motion:not(.measure-arrived) .gap-bridge{opacity:1;transform:none}.voice-letter{transform:none}}
.studio .correspondence{scroll-margin-top:0}.voice-motion .voice-tabs button{min-height:60px}.voice-motion .voice-letter blockquote p{max-width:650px}.mix-caption{color:#b9b0a4}
.studio section.correspondence[id]{scroll-margin-top:0}.badge-canvas{pointer-events:none}.badge-hit{position:absolute;touch-action:none;cursor:grab;z-index:2}.badge-hit.is-dragging{cursor:grabbing}.badge-area:not(.badge-ready) .badge-play,.badge-area:not(.badge-ready) .badge-drag-hint{display:none}.badge-play{z-index:3}
.mix-slat{transform:rotateX(180deg)}.voice-tabs{display:none}.voice-motion .voice-tabs{display:flex}.badge-area:not(.badge-ready) .badge-hit{display:none}@media(max-width:760px){.badge-area{width:calc(100% + 14%);max-width:none;margin-left:-7%;margin-right:-7%}}
@media(max-width:760px){.slat-back span{font-size:clamp(18px,5.5vw,25px)}}
.comparison-controls button[aria-pressed=true]:hover{color:#171411}.comparison-controls button[aria-pressed=true]:focus-visible{color:#171411}
@media(max-width:760px){.badge-area{margin-top:25px}}