.my-work-module__cf2zJG__page{--font:"Adelle Mono","IBM Plex Mono",ui-monospace,"JetBrains Mono",Menlo,monospace;--bebas:var(--font-bebas,"Bebas Neue", sans-serif);--bg:#080808}.my-work-module__cf2zJG__page *,.my-work-module__cf2zJG__page :before,.my-work-module__cf2zJG__page :after{box-sizing:border-box;margin:0;padding:0}.my-work-module__cf2zJG__page{color:#f0f0f0;height:100vh;font-family:var(--font);background:#060808;position:relative;overflow:hidden}.my-work-module__cf2zJG__page button{cursor:pointer;font-family:inherit}.my-work-module__cf2zJG__page a{color:inherit;text-decoration:none}.my-work-module__cf2zJG__page #fluid-bg{z-index:0;filter:blur(90px)saturate(1.2);background:#060808;position:fixed;inset:0;overflow:hidden}.my-work-module__cf2zJG__page .blob{will-change:transform, background;mix-blend-mode:screen;border-radius:50%;transition:background 1.6s cubic-bezier(.4,0,.2,1);position:absolute}.my-work-module__cf2zJG__page .blob-1{background:radial-gradient(circle at 40%,#ffffff12 0%,#0000 65%);width:70vw;height:70vw;animation:13s ease-in-out infinite alternate my-work-module__cf2zJG__drift1;top:-15%;left:-20%}.my-work-module__cf2zJG__page .blob-2{background:radial-gradient(circle at 60% 40%,#ffffff0d 0%,#0000 65%);width:55vw;height:55vw;animation:18s ease-in-out infinite alternate my-work-module__cf2zJG__drift2;top:20%;left:30%}.my-work-module__cf2zJG__page .blob-3{background:radial-gradient(circle,#ffffff0f 0%,#0000 60%);width:45vw;height:45vw;animation:11s ease-in-out infinite alternate my-work-module__cf2zJG__drift3;bottom:-10%;right:-10%}.my-work-module__cf2zJG__page .blob-4{background:radial-gradient(circle,#ffffff0d 0%,#0000 60%);width:35vw;height:35vw;animation:15s ease-in-out infinite alternate my-work-module__cf2zJG__drift4;top:40%;left:-5%}.my-work-module__cf2zJG__page .blob-5{background:radial-gradient(circle at 50% 60%,#ffffff0a 0%,#0000 65%);width:40vw;height:40vw;animation:20s ease-in-out infinite alternate my-work-module__cf2zJG__drift5;top:-5%;right:15%}.my-work-module__cf2zJG__page .blob-6{background:radial-gradient(circle at 45% 55%,#ffffff0e 0%,#0000 60%);width:30vw;height:30vw;animation:12s ease-in-out infinite alternate my-work-module__cf2zJG__drift6;bottom:10%;left:25%}.my-work-module__cf2zJG__page .blob-dark-1{mix-blend-mode:multiply;background:radial-gradient(circle,#00000052 0%,#0000 70%);width:60vw;height:60vw;animation:9s ease-in-out infinite alternate my-work-module__cf2zJG__drift3;top:10%;right:-15%}.my-work-module__cf2zJG__page .blob-dark-2{mix-blend-mode:multiply;background:radial-gradient(circle,#00000047 0%,#0000 65%);width:50vw;height:50vw;animation:16s ease-in-out infinite alternate my-work-module__cf2zJG__drift1;bottom:-5%;left:10%}.my-work-module__cf2zJG__page .blob-dark-3{mix-blend-mode:multiply;background:radial-gradient(circle,#00000038 0%,#0000 60%);width:40vw;height:40vw;animation:11s ease-in-out infinite alternate my-work-module__cf2zJG__drift5;top:35%;left:40%}@keyframes my-work-module__cf2zJG__drift1{0%{transform:translate(0)scale(1)}33%{transform:translate(8vw,12vh)scale(1.08)}66%{transform:translate(-5vw,20vh)scale(.95)}to{transform:translate(12vw,5vh)scale(1.05)}}@keyframes my-work-module__cf2zJG__drift2{0%{transform:translate(0)scale(1)}33%{transform:translate(-12vw,-8vh)scale(1.1)}66%{transform:translate(8vw,15vh)scale(.92)}to{transform:translate(-6vw,-12vh)scale(1.06)}}@keyframes my-work-module__cf2zJG__drift3{0%{transform:translate(0)scale(1)}33%{transform:translate(-10vw,-10vh)scale(1.12)}66%{transform:translate(5vw,-18vh)scale(.9)}to{transform:translate(-8vw,8vh)scale(1.04)}}@keyframes my-work-module__cf2zJG__drift4{0%{transform:translate(0)scale(1)}33%{transform:translate(14vw,-6vh)scale(1.07)}66%{transform:translate(6vw,16vh)scale(.96)}to{transform:translate(10vw,-10vh)scale(1.09)}}@keyframes my-work-module__cf2zJG__drift5{0%{transform:translate(0)scale(1)}33%{transform:translate(-8vw,14vh)scale(1.05)}66%{transform:translate(10vw,6vh)scale(.94)}to{transform:translate(-4vw,18vh)scale(1.08)}}@keyframes my-work-module__cf2zJG__drift6{0%{transform:translate(0)scale(1)}33%{transform:translate(10vw,-14vh)scale(1.1)}66%{transform:translate(-8vw,-8vh)scale(.93)}to{transform:translate(6vw,-16vh)scale(1.06)}}.my-work-module__cf2zJG__page .work-filters{z-index:40;transition:opacity .3s;position:fixed;top:50%;left:32px;transform:translateY(-50%)}.my-work-module__cf2zJG__page .card-view-active .work-filters{opacity:0;pointer-events:none}.my-work-module__cf2zJG__page .filters-list{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.my-work-module__cf2zJG__page .filter-btn{text-align:left;opacity:.4;background:0 0;border:none;padding:0;transition:opacity .3s}.my-work-module__cf2zJG__page .filter-btn.active{opacity:1}.my-work-module__cf2zJG__page .filter-btn:hover:not(.active){opacity:.7}.my-work-module__cf2zJG__page .filter-btn-inner{align-items:center;gap:12px;display:flex}.my-work-module__cf2zJG__page .filter-indicator{background:#fff9;flex-shrink:0;width:32px;height:1px}.my-work-module__cf2zJG__page .filter-label{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:#f0f0f0;font-size:11px;font-weight:100}.my-work-module__cf2zJG__page .filter-count{opacity:.5;color:#f0f0f0;font-size:9px;font-weight:100}.my-work-module__cf2zJG__page .filter-sep{background:#ffffff1a;width:100%;height:1px;margin:8px 0}.my-work-module__cf2zJG__page .filter-album-type{vertical-align:super;letter-spacing:.08em;text-transform:uppercase;color:#f0f0f066;margin-left:4px;font-weight:100;font-size:5px!important}.my-work-module__cf2zJG__page .filter-album-label{letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#f0f0f0;max-width:200px;font-size:10px;font-weight:100;overflow:hidden}.my-work-module__cf2zJG__page .carousel-container{cursor:grab;opacity:1;width:100%;height:100vh;transition:opacity .5s ease-out,transform .5s ease-out;position:fixed;top:0;left:0;overflow:hidden}.my-work-module__cf2zJG__page .carousel-container:before{content:"";background:linear-gradient(to right, var(--bg) 0%, transparent 100%);z-index:10;pointer-events:none;width:10%;height:100%;position:absolute;top:0;left:0}.my-work-module__cf2zJG__page .carousel-container:after{content:"";background:linear-gradient(to left, var(--bg) 0%, transparent 100%);z-index:10;pointer-events:none;width:10%;height:100%;position:absolute;top:0;right:0}.my-work-module__cf2zJG__page .carousel-container.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.my-work-module__cf2zJG__page .carousel-container:active{cursor:grabbing}.my-work-module__cf2zJG__page .hover-track-info{z-index:16;pointer-events:none;text-align:right;mix-blend-mode:difference;position:fixed;top:65%;right:100px;transform:translateY(-50%)}.my-work-module__cf2zJG__page .hover-track-title{font-family:var(--font);color:#fff;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:42px;font-weight:100;line-height:1.05}.my-work-module__cf2zJG__page .hover-track-artist{font-family:var(--font);color:#ffffff73;letter-spacing:.25em;text-transform:uppercase;margin:0;font-size:18px;font-weight:100}.my-work-module__cf2zJG__page .slider{transform-origin:50% 170px;transform-style:preserve-3d;will-change:transform;position:fixed;top:60%;left:30%;transform:translate(-50%,-170px)rotateX(0)rotateY(-25deg)rotate(-120deg)}.my-work-module__cf2zJG__page .cd-case{width:340px;height:340px;transform-style:preserve-3d;cursor:default;pointer-events:none;margin:-135px 0;transition:margin .52s cubic-bezier(.16,1,.3,1);position:relative}.my-work-module__cf2zJG__page .cd-case:after{content:"";pointer-events:auto;width:110%;height:110%;transform-style:preserve-3d;border-radius:8px;position:absolute;top:-5%;left:-5%;transform:rotateX(10deg)rotateY(-10deg)rotate(130deg)}.my-work-module__cf2zJG__page .cd-case:first-child{margin-top:0}.my-work-module__cf2zJG__page .vinyl-disc{z-index:0;pointer-events:none;border-radius:50%;width:90%;height:90%;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:5%;left:5%;overflow:hidden;transform:translate(0)translateZ(-20px);box-shadow:0 2px 6px #0000001f}.my-work-module__cf2zJG__page .vinyl-disc img{-o-object-fit:cover;object-fit:cover;opacity:1;border-radius:50%;width:100%;height:100%}.my-work-module__cf2zJG__page .cd-case-body{width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;border-radius:8px;position:relative;transform:rotateX(10deg)rotateY(-10deg)rotate(130deg)}.my-work-module__cf2zJG__page .cd-case-frame{width:100%;height:100%;transform-style:preserve-3d;position:absolute;transform:translateZ(0)}.my-work-module__cf2zJG__page .frame-side{background:#ffffff1f;position:absolute;box-shadow:inset 0 0 10px #ffffff08}.my-work-module__cf2zJG__page .frame-top{transform-origin:top;width:calc(100% - 2px);height:25px;top:0;left:1px;transform:rotateX(90deg)}.my-work-module__cf2zJG__page .frame-right{display:none}.my-work-module__cf2zJG__page .frame-bottom{transform-origin:bottom;width:calc(100% - 2px);height:25px;bottom:0;left:1px;transform:rotateX(-90deg)}.my-work-module__cf2zJG__page .frame-left{transform-origin:0;width:25px;height:calc(100% - 2px);top:1px;left:0;transform:rotateY(-90deg)}.my-work-module__cf2zJG__page .cd-case-front{z-index:2;will-change:transform;pointer-events:auto;background:#ffffff01;border-radius:8px;width:100%;height:100%;position:absolute;overflow:visible;transform:translateZ(15px);box-shadow:0 3px 8px #0000001a}.my-work-module__cf2zJG__page .cd-case-front:before{content:"";pointer-events:none;z-index:3;opacity:.5;background:repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff04 2px 3px),repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 2px 3px);width:100%;height:25%;position:absolute;bottom:0;left:0}.my-work-module__cf2zJG__page .cd-case-front:after{content:"";opacity:.8;pointer-events:none;z-index:4;background:radial-gradient(circle,#32323266 15%,#0000 15% 40%,#64646499 40%,#969696cc 45%,#0000 45%),radial-gradient(circle,#c8c8c84d 0%,#64646480 100%);border-radius:50%;width:20%;height:20%;position:absolute;bottom:5%;left:5%;box-shadow:0 2px 8px #0006,inset 0 1px 3px #ffffff4d}.my-work-module__cf2zJG__page .cd-case-front img{-o-object-fit:cover;object-fit:cover;opacity:1;z-index:1;width:100%;height:100%;display:block;position:relative}.my-work-module__cf2zJG__page .cd-case-glow{opacity:0;pointer-events:none;z-index:5;background:radial-gradient(circle,#ffffff26 0%,#ffffff14 25%,#0000 50%);border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.my-work-module__cf2zJG__page .cd-case-lighting{pointer-events:none;z-index:4;mix-blend-mode:overlay;background:linear-gradient(135deg,#ffffff26 0%,#ffffff14 30%,#0000 50%,#0000001a 100%);position:absolute;inset:0}.my-work-module__cf2zJG__page .cd-case-lighting:before{content:"";filter:blur(20px);background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:0;left:0}.my-work-module__cf2zJG__page .cd-case-lighting:after{content:"";filter:blur(30px);background:radial-gradient(circle,#0000004d 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:0;right:0}.my-work-module__cf2zJG__page .cd-case-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.my-work-module__cf2zJG__page .cd-case-reflection{opacity:.25;background:linear-gradient(45deg,#0000 40%,#ffffff08 48%,#ffffff03 52%,#0000 60%);position:absolute;inset:0}.my-work-module__cf2zJG__page .cd-case-hinges{width:10px;position:absolute;top:0;bottom:0;left:0}.my-work-module__cf2zJG__page .hinge{background:linear-gradient(90deg,#50505066,#78787840);border-radius:2px;width:6px;height:80px;position:absolute;left:2px}.my-work-module__cf2zJG__page .hinge-top{top:60px}.my-work-module__cf2zJG__page .hinge-bottom{bottom:60px}.my-work-module__cf2zJG__page .cd-case-clips{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.my-work-module__cf2zJG__page .clip{background:#3c3c3c4d;border-radius:4px;width:40px;height:8px;position:absolute}.my-work-module__cf2zJG__page .clip-left{left:180px}.my-work-module__cf2zJG__page .clip-right{right:180px}.my-work-module__cf2zJG__page .cd-detail-view{-webkit-backdrop-filter:blur(24px)saturate(1.2);z-index:1000;opacity:0;pointer-events:none;background:#060808f7;position:fixed;inset:0}.my-work-module__cf2zJG__page .cd-detail-view.open{pointer-events:auto}.my-work-module__cf2zJG__page .cd-detail-layout{width:100%;height:100vh;display:flex}.my-work-module__cf2zJG__page .cd-detail-left{opacity:0;visibility:hidden;will-change:transform, opacity;border-right:1px solid #f0f0f00f;flex:0 0 52%;justify-content:center;align-items:center;display:flex;position:relative}.my-work-module__cf2zJG__page .arrow-nav{color:#f0f0f02e;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:80px;transition:color .25s;display:flex}.my-work-module__cf2zJG__page .arrow-nav:hover{color:#f0f0f0b8}.my-work-module__cf2zJG__page .arrow-nav svg{stroke-width:1px;width:26px;height:26px}.my-work-module__cf2zJG__page .detail-card-row{align-items:center;gap:6px;display:flex}.my-work-module__cf2zJG__page .detail-cdcase{will-change:transform;width:420px;height:420px;transform-style:preserve-3d;background:#0a0a0a;border:1px solid #ffffff14;flex-shrink:0;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 12px 48px #000000b3}.my-work-module__cf2zJG__page .detail-cdcase:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(140deg,#ffffff17 0%,#ffffff06 22%,#0000 55%,#00000038 100%);position:absolute;inset:0}.my-work-module__cf2zJG__page .detail-cdcase__img{-o-object-fit:cover;object-fit:cover;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}.my-work-module__cf2zJG__page .detail-cdcase__img.loaded{opacity:1}.my-work-module__cf2zJG__page .detail-cdcase__overlay{z-index:4;pointer-events:none;background:linear-gradient(#00000014 0%,#0000 38%,#000000bf 100%);flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:absolute;inset:0}.my-work-module__cf2zJG__page .detail-cdcase__num{letter-spacing:.24em;color:#f0f0f047;font-size:6.5px}.my-work-module__cf2zJG__page .detail-cdcase__type{letter-spacing:.2em;text-transform:uppercase;color:#f0f0f047;font-size:6.5px}.my-work-module__cf2zJG__page .meta-widgets{grid-template-rows:auto auto auto;grid-template-columns:1.15fr 1fr;gap:6px;margin-bottom:14px;display:grid}.my-work-module__cf2zJG__page .meta-widget{-webkit-backdrop-filter:blur(16px)saturate(1.3);background:linear-gradient(145deg,#ffffff0a 0%,#000000ad 100%);border:1px solid #ffffff12;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:72px;padding:12px 14px 14px;transition:background .9s,border-color .9s;display:flex;position:relative;overflow:hidden}.my-work-module__cf2zJG__page .meta-widget--bpm{border-radius:20px;grid-area:1/1/span 2;min-height:160px}.my-work-module__cf2zJG__page .meta-widget--key{border-radius:16px;grid-area:1/2;min-height:74px}.my-work-module__cf2zJG__page .meta-widget--lufs{border-radius:12px;flex-direction:column;grid-area:2/2;align-items:flex-start;min-height:74px}.my-work-module__cf2zJG__page .meta-widget--genre{border-radius:10px;flex-direction:row;grid-area:3/1/auto/span 2;justify-content:space-between;align-items:center;min-height:46px;padding:10px 16px}.my-work-module__cf2zJG__page .meta-widget:before{content:"";border-radius:inherit;background:var(--widget-glow,transparent);opacity:.22;pointer-events:none;transition:background .9s,opacity .9s;position:absolute;inset:0}.my-work-module__cf2zJG__page .meta-widget:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);border-radius:999px;height:1px;position:absolute;top:0;left:8%;right:8%}.my-work-module__cf2zJG__page .meta-widget__label{letter-spacing:.3em;text-transform:uppercase;color:#f0f0f052;font-size:6px;display:block}.my-work-module__cf2zJG__page .meta-widget__val{color:#f0f0f0;letter-spacing:-.03em;margin-top:6px;font-size:28px;font-weight:100;line-height:1}.my-work-module__cf2zJG__page .meta-widget--lufs .meta-widget__label{margin-bottom:0}.my-work-module__cf2zJG__page .meta-widget--lufs .meta-widget__val{margin-top:0;font-size:22px}.my-work-module__cf2zJG__page .meta-widget--genre .meta-widget__val{letter-spacing:.04em;margin-top:8px;font-size:12px;font-weight:300}.my-work-module__cf2zJG__page .cd-detail-right{scrollbar-width:none;cursor:default;flex-direction:column;flex:1;display:flex;overflow-y:auto}.my-work-module__cf2zJG__page .cd-detail-right::-webkit-scrollbar{display:none}.my-work-module__cf2zJG__page .info-panel{flex-direction:column;min-height:100%;padding:40px 40px 36px;display:flex}.my-work-module__cf2zJG__page .panel-counter{letter-spacing:.3em;text-transform:uppercase;color:#f0f0f02e;margin-bottom:16px;font-size:7px;display:block}.my-work-module__cf2zJG__page .panel-title{text-transform:uppercase;letter-spacing:.03em;color:#f0f0f0;text-shadow:0 0 20px #f0f0f02e,0 0 60px #f0f0f00d;margin-bottom:8px;font-size:clamp(22px,2.8vw,42px);font-weight:100;line-height:1}.my-work-module__cf2zJG__page .panel-artist{letter-spacing:.22em;text-transform:uppercase;color:#f0f0f047;margin-bottom:20px;font-size:7.5px;display:block}.my-work-module__cf2zJG__page .panel-hr{background:#f0f0f00f;height:1px;margin:14px 0}.my-work-module__cf2zJG__page .section-label{letter-spacing:.26em;text-transform:uppercase;color:#f0f0f073;margin-bottom:9px;font-size:12px;font-weight:100;display:block}.my-work-module__cf2zJG__page .wave-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.my-work-module__cf2zJG__page .panel-wave{cursor:pointer;flex:1;align-items:center;gap:1.5px;height:52px;display:flex;overflow:hidden}.my-work-module__cf2zJG__page .wave-bar{width:2px;height:var(--h,6px);background:#ffffffb3;border-radius:99px;flex-shrink:0;transition:background .12s,box-shadow .12s;box-shadow:0 0 3px #ffffff4d}.my-work-module__cf2zJG__page .wave-bar.played{background:#fff;box-shadow:0 0 6px #ffffffe6,0 0 14px #ffffff73,0 0 28px #fff3}.my-work-module__cf2zJG__page .panel-wave.is-playing .wave-bar{animation:1.6s ease-in-out infinite my-work-module__cf2zJG__wavePulse;animation-delay:calc(var(--i) * 22ms)}@keyframes my-work-module__cf2zJG__wavePulse{0%,to{height:max(2px, calc(var(--h) * .25));opacity:.4}50%{height:var(--h);opacity:1}}.my-work-module__cf2zJG__page .panel-wave--after .wave-bar{background:rgba(var(--wave-rgb,168,85,247), .75);box-shadow:0 0 4px rgba(var(--wave-rgb,168,85,247), .4)}.my-work-module__cf2zJG__page .panel-wave--after .wave-bar.played{background:rgba(var(--wave-rgb,168,85,247), 1);box-shadow:0 0 7px rgba(var(--wave-rgb,168,85,247), .95), 0 0 16px rgba(var(--wave-rgb,168,85,247), .55), 0 0 32px rgba(var(--wave-rgb,168,85,247), .25)}.my-work-module__cf2zJG__page .panel-controls{align-items:center;gap:10px;margin-bottom:10px;display:flex}.my-work-module__cf2zJG__page .panel-ctrl{color:#f0f0f059;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s;display:flex}.my-work-module__cf2zJG__page .panel-ctrl:hover{color:#f0f0f0b8}.my-work-module__cf2zJG__page .panel-ctrl--play{color:#f0f0f08c;background:0 0;border:none;flex-shrink:0;width:32px;height:32px;transition:color .2s}.my-work-module__cf2zJG__page .panel-ctrl--play:hover{color:#f0f0f0f2}.my-work-module__cf2zJG__page .panel-progress{align-items:center;gap:10px;margin-bottom:18px;display:flex}.my-work-module__cf2zJG__page .panel-progress__time{letter-spacing:.12em;color:#f0f0f033;min-width:28px;font-size:6.5px}.my-work-module__cf2zJG__page .panel-progress__track{cursor:pointer;background:#f0f0f012;flex:1;height:1px;position:relative}.my-work-module__cf2zJG__page .panel-progress__track:before{content:"";position:absolute;inset:-11px 0}.my-work-module__cf2zJG__page .panel-progress__fill{background:#f0f0f0a6;width:0%;transition:width .4s linear;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #f0f0f047}.my-work-module__cf2zJG__page .panel-progress__fill--after{background:#a855f7bf;box-shadow:0 0 6px #a855f747}.my-work-module__cf2zJG__page .panel-desc{color:#f0f0f06b;letter-spacing:.03em;min-height:0;margin-bottom:14px;font-size:9.5px;font-weight:100;line-height:1.75}.my-work-module__cf2zJG__page #playerBar{z-index:9995;-webkit-backdrop-filter:blur(28px)saturate(1.5);background:#060808d1;border-top:1px solid #ffffff0f;align-items:center;gap:18px;height:68px;padding:0 28px;transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.my-work-module__cf2zJG__page #playerBar.is-visible{transform:translateY(0)}.my-work-module__cf2zJG__page .player-thumb{-o-object-fit:cover;object-fit:cover;opacity:.8;border-radius:3px;flex-shrink:0;width:38px;height:38px}.my-work-module__cf2zJG__page .player-info{flex-direction:column;gap:3px;min-width:110px;display:flex}.my-work-module__cf2zJG__page .player-info-title{letter-spacing:.2em;text-transform:uppercase;color:#f0f0f0e0;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:100;overflow:hidden}.my-work-module__cf2zJG__page .player-info-artist{letter-spacing:.14em;text-transform:uppercase;color:#f0f0f052;font-size:7px}.my-work-module__cf2zJG__page .player-toggle{background:#ffffff0a;border:1px solid #ffffff12;border-radius:20px;flex-shrink:0;gap:3px;padding:3px;display:flex}.my-work-module__cf2zJG__page .player-toggle-btn{font-family:var(--font);letter-spacing:.22em;text-transform:uppercase;color:#f0f0f059;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:5px 13px;font-size:7px;transition:all .22s}.my-work-module__cf2zJG__page .player-toggle-btn.is-active{color:#f0f0f0eb;background:#ffffff1a}.my-work-module__cf2zJG__page .player-progress-wrap{flex:1;align-items:center;gap:10px;display:flex}.my-work-module__cf2zJG__page .player-time{letter-spacing:.1em;color:#f0f0f040;white-space:nowrap;min-width:26px;font-size:7.5px}.my-work-module__cf2zJG__page .player-bar-track{cursor:pointer;background:#ffffff14;border-radius:1px;flex:1;height:2px;position:relative}.my-work-module__cf2zJG__page .player-bar-track:before{content:"";position:absolute;inset:-11px 0}.my-work-module__cf2zJG__page .player-bar-fill{background:var(--player-color,#f0f0f0bf);height:100%;box-shadow:0 0 8px var(--player-color,#f0f0f04d);border-radius:1px;width:0%;transition:width .1s linear;position:relative}.my-work-module__cf2zJG__page .player-bar-fill:after{content:"";background:#f0f0f0;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-4px;box-shadow:0 0 6px #f0f0f066}.my-work-module__cf2zJG__page .player-play-btn{color:#f0f0f0e6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.my-work-module__cf2zJG__page .player-play-btn:hover{background:#ffffff1f;border-color:#ffffff38}.my-work-module__cf2zJG__page #vhs-overlay{z-index:9990;pointer-events:none;-webkit-backdrop-filter:saturate(1.65)contrast(1.08)brightness(1.02);position:fixed;inset:0}.my-work-module__cf2zJG__page #vhs-overlay:before{content:"";background-image:radial-gradient(circle,#fff1 .55px,#0000 .55px);background-size:2.5px 2.5px;position:absolute;inset:0}.my-work-module__cf2zJG__page #vhs-overlay:after{content:"";background:repeating-linear-gradient(#0000 0 2px,#0001 2px 3px);position:absolute;inset:0}.my-work-module__cf2zJG__page #vhs-grain{z-index:9991;pointer-events:none;opacity:.052;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.76' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;animation:.11s step-end infinite my-work-module__cf2zJG__vhsGrain;position:fixed;inset:0}@keyframes my-work-module__cf2zJG__vhsGrain{0%{background-position:0 0}25%{background-position:-47px 19px}50%{background-position:23px -41px}75%{background-position:-19px 33px}}@media (max-width:1200px){.my-work-module__cf2zJG__page .detail-cdcase{width:360px;height:360px}}@media (max-width:1024px){.my-work-module__cf2zJG__page .cd-case{width:350px;height:350px;margin:-140px 0}.my-work-module__cf2zJG__page .hover-track-info{right:40px}.my-work-module__cf2zJG__page .hover-track-title{font-size:32px}.my-work-module__cf2zJG__page .hover-track-artist{font-size:15px}.my-work-module__cf2zJG__page .cd-detail-left{flex:0 0 45%}}@media (max-width:768px){.my-work-module__cf2zJG__page .slider{transform:translate(-50%,-170px)rotateX(0)rotateY(-25deg)rotate(-120deg)scale(.7)}.my-work-module__cf2zJG__page .cd-case{width:280px;height:280px;margin:-110px 0}.my-work-module__cf2zJG__page .cd-detail-layout{flex-direction:column}.my-work-module__cf2zJG__page .cd-detail-left{border-bottom:1px solid #f0f0f00f;border-right:none;flex:none;height:50vh}.my-work-module__cf2zJG__page .detail-cdcase{width:280px;height:280px}.my-work-module__cf2zJG__page .hover-track-info{top:auto;bottom:100px;right:20px;transform:none}.my-work-module__cf2zJG__page .hover-track-title{font-size:26px}.my-work-module__cf2zJG__page .hover-track-artist{font-size:13px}.my-work-module__cf2zJG__page .work-filters{left:16px}}@media (max-width:480px){.my-work-module__cf2zJG__page .slider{transform:translate(-50%,-170px)rotateX(0)rotateY(-25deg)rotate(-120deg)scale(.5)}.my-work-module__cf2zJG__page .cd-case{width:250px;height:250px;margin:-100px 0}}@media (max-width:768px){.my-work-module__cf2zJG__page .work-filters{inset:20px auto auto 14px;transform:none}.my-work-module__cf2zJG__page .filters-list{flex-direction:column;align-items:flex-start;gap:7px}.my-work-module__cf2zJG__page .filter-label{letter-spacing:.12em;font-size:10px}}