/* Vinil na extremidade; playlist e textos revelados pela rolagem. */
.vinyl-method{--rule:rgba(234,228,214,.23);padding:100px 0;overflow:visible}
.method-intro,.method-side-b{margin:0 5vw}
.method-eyebrow{display:block;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:28px}
.method-intro-grid,.side-b-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:end}
.method-intro h2{font-size:clamp(44px,5.6vw,86px);font-weight:400;max-width:760px;line-height:1.08;margin:0}
.method-intro h2 em,.side-b-intro h3 em{color:var(--orange)}
.method-intro-grid>p,.side-b-intro>p{font-size:19px;line-height:1.6;color:#c6c3ba;max-width:470px;margin:0 0 5px}
.vinyl-journey{position:relative;margin-top:70px}
.vinyl-player{position:relative;padding:36px 5vw;overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.player-topline,.player-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.player-topline{padding-bottom:24px;border-bottom:1px solid var(--rule)}
.record-frame{position:relative;margin:40px 0;max-width:430px;color:var(--cream)}
.record-stage{position:relative;width:100%;aspect-ratio:1}
.vinyl-disc{display:block;width:100%;height:100%;transform-origin:center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}
.record-label{position:absolute;width:31%;aspect-ratio:1;border-radius:50%;left:34.5%;top:34.5%;background:var(--orange);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.record-brand{position:absolute;top:17%;font-family:var(--serif);font-size:clamp(21px,3vw,46px);line-height:1;letter-spacing:-.03em}
.record-hole{width:9%;aspect-ratio:1;border-radius:50%;background:var(--cream);border:1px solid var(--ink)}
.record-side{position:absolute;bottom:15%;text-align:center;font-size:clamp(9px,.9vw,14px);font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:.04em}
.record-orbit{position:absolute;inset:-2%;border:1px solid rgba(234,228,214,.3);border-radius:50%}
.record-orbit>span{position:absolute;top:calc(50% - 5px);right:-5px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px var(--ink)}
.record-frame figcaption{display:flex;justify-content:space-between;gap:24px;font-size:14px;letter-spacing:.05em;text-transform:uppercase;margin-top:30px}
.record-count{font-variant-numeric:tabular-nums;color:var(--orange)}
.playlist-window{display:none}.vinyl-step{padding:45px 0;border-top:1px solid var(--rule)}
.track-heading{display:block;color:var(--orange);font-family:var(--serif);font-size:30px;text-transform:uppercase;margin-bottom:22px}
.vinyl-step h3{font-family:var(--sans);font-size:clamp(29px,2.6vw,40px);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:0 0 20px}
.vinyl-step>p{font-size:19px;line-height:1.6;color:#c6c3ba;margin:0}
.track-delivery{border-top:1px solid var(--rule);padding-top:19px;margin-top:25px}
.track-delivery>span{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.track-delivery>p{font-size:18px;line-height:1.5;margin:9px 0 0;color:var(--cream)}
.player-footer{margin-top:28px}.record-progress{height:1px;background:var(--rule);flex:1;overflow:hidden}
.record-progress>span{display:block;height:100%;background:var(--orange);transform:scaleX(var(--record-progress,.1667));transform-origin:left}
.playlist-enhanced .vinyl-journey{height:calc(100svh + 5 * max(520px,80svh))}
.playlist-enhanced .vinyl-player{position:sticky;top:0;height:100svh;min-height:650px;padding-top:32px;padding-bottom:26px}
.playlist-enhanced .record-frame{position:absolute;width:81svh;max-width:85vw;left:calc(19vw - 40.5svh);top:50%;transform:translateY(-50%);margin:0}
.playlist-enhanced .record-frame figcaption{display:none}
.playlist-enhanced .record-current{font-size:14px}
.playlist-enhanced .playlist-column{position:absolute;left:49vw;right:6vw;top:15%;bottom:9%}
.playlist-enhanced .playlist-window{display:block;position:relative;height:31%;min-height:135px;overflow:hidden;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
.playlist-rail{position:absolute;inset:0;will-change:transform}
.playlist-track{position:absolute;left:0;top:calc(var(--track-index) * 62px);width:100%;display:flex;align-items:center;gap:20px;padding:6px 0;background:none;border:0;cursor:pointer;text-align:left;color:#a4a39d;transform-origin:left center}
.playlist-track>span{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;min-width:22px}
.playlist-track>strong{font-size:clamp(30px,3.7vw,57px);line-height:1;font-weight:600;letter-spacing:-.055em;text-transform:uppercase}
.playlist-track.is-active{color:var(--orange)}
.playlist-track:focus-visible{outline-offset:-2px}
.playlist-enhanced .vinyl-tracks{position:absolute;top:38%;left:0;right:0;bottom:0}
.playlist-enhanced .vinyl-step{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,22px,0);border:0;padding:0;transition:opacity .38s ease,transform .65s var(--ease),visibility .38s}
.playlist-enhanced .vinyl-step.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}
.playlist-enhanced .track-heading{display:none}
.playlist-enhanced .player-footer{position:absolute;bottom:26px;left:5vw;right:5vw;margin:0}
.method-side-b{border-top:1px solid var(--rule);padding-top:80px;margin-top:80px}
.side-b-intro h3{font-family:var(--sans);font-size:clamp(36px,4.3vw,66px);line-height:1.1;font-weight:400;letter-spacing:-.045em;margin:0}
.extra-tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:58px}
.extra-tracks article{border-top:1px solid var(--rule);padding-top:26px;min-width:0}
.extra-tracks h4{font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin:0 0 18px}
.extra-tracks p{font-size:18px;line-height:1.6;color:#c6c3ba;margin:0}
.founder-instagram{display:inline-flex;align-items:center;text-decoration:none}
@media(max-width:1100px){.extra-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-enhanced .playlist-column{left:46vw;right:5vw}.playlist-track>strong{font-size:42px}}
@media(max-width:760px){.vinyl-method{padding:65px 0}.method-intro,.method-side-b{margin-left:6vw;margin-right:6vw}.method-intro-grid,.side-b-intro{grid-template-columns:1fr;gap:28px}.method-intro h2{font-size:42px}.method-intro-grid>p,.side-b-intro>p{font-size:18px}.method-eyebrow{font-size:12px}.vinyl-journey{margin-top:45px}.vinyl-player{padding:24px 6vw}.player-topline{font-size:10px}.player-topline>span:last-child{display:none}.playlist-enhanced .vinyl-player{padding-top:24px}.playlist-enhanced .record-frame{width:310px;max-width:none;left:-169px;top:88px;transform:none}.record-brand{font-size:23px}.record-side{font-size:9px}.playlist-enhanced .record-frame figcaption{left:55%;width:25%;font-size:10px}.playlist-enhanced .record-current{font-size:11px}.playlist-enhanced .playlist-column{left:6vw;right:6vw;top:78px;bottom:62px}.playlist-enhanced .playlist-window{margin-left:133px;height:230px;min-height:0}.playlist-track{gap:12px;top:calc(var(--track-index) * 54px)}.playlist-track>span{font-size:10px;min-width:15px}.playlist-track>strong{font-size:29px}.playlist-enhanced .vinyl-tracks{top:260px}.vinyl-step h3{font-size:30px}.vinyl-step>p{font-size:18px;line-height:1.55}.track-delivery{margin-top:24px;padding-top:18px}.track-delivery>p{font-size:17px}.playlist-enhanced .player-footer{left:6vw;right:6vw;font-size:9px;gap:14px}.player-total{white-space:nowrap}.method-side-b{padding-top:50px;margin-top:50px}.side-b-intro h3{font-size:36px}.extra-tracks{grid-template-columns:1fr;margin-top:38px;gap:30px}}
@media(max-height:740px) and (min-width:761px){.playlist-enhanced .playlist-column{top:13%;bottom:8%}.vinyl-step h3{font-size:29px}.vinyl-step>p{font-size:17px}.track-delivery{margin-top:20px;padding-top:17px}.track-delivery>p{font-size:16px}.playlist-track>strong{font-size:42px}}
@media(max-height:760px) and (max-width:760px){.playlist-enhanced .record-frame{width:250px;left:-135px;top:77px}.playlist-enhanced .playlist-window{height:190px;margin-left:112px}.playlist-enhanced .vinyl-tracks{top:215px}.vinyl-step h3{font-size:27px;margin-bottom:17px}.vinyl-step>p{font-size:17px}.track-delivery{margin-top:19px;padding-top:15px}.track-delivery>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.vinyl-disc{transform:none!important}.playlist-rail{will-change:auto}.vinyl-step{transition:none!important}}
@media(max-width:760px){.playlist-enhanced .record-frame{width:260px;left:-106px;top:82px}.playlist-enhanced .record-frame figcaption{display:none}}
@media(max-height:760px) and (max-width:760px){.playlist-enhanced .record-frame{width:230px;left:-91px;top:72px}.playlist-enhanced .vinyl-tracks{top:230px}}