.works{position:relative;background:radial-gradient(ellipse at 50% 45%,#8a152e30,transparent 65%),#0c070a;border-block:1px solid #ef596320;overflow:hidden}
.works .section-heading{position:relative;z-index:1}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.work-filters button{background:#ffffff04;border:1px solid #ef596335;color:var(--paper);padding:12px 20px;border-radius:999px;font-size:12px;cursor:pointer}.work-filters button[aria-pressed=true]{background:var(--red);border-color:var(--red)}
.work-stage{position:relative;height:560px;perspective:1200px;touch-action:pan-y;outline-offset:-3px;isolation:isolate}.work-track{position:absolute;inset:0;transform-style:preserve-3d}.work-floor{position:absolute;inset:68% -20% -10%;z-index:-1;background:radial-gradient(ellipse,#c5223b25,transparent 65%);border-top:1px solid #ef59631a;transform:rotateX(65deg);transform-origin:center top}
.work-frame{position:absolute;width:290px;height:375px;top:32px;left:50%;margin-left:-145px;transform-style:preserve-3d;transition:transform .5s,opacity .5s,filter .5s;will-change:transform}
.work-frame[data-offset="0"]{transform:translateX(0) translateZ(65px);filter:none}.work-frame[data-offset="-1"]{transform:translateX(-270px) translateZ(-80px) rotateY(38deg);filter:brightness(.72)}.work-frame[data-offset="1"]{transform:translateX(270px) translateZ(-80px) rotateY(-38deg);filter:brightness(.72)}.work-frame[data-offset="-2"]{transform:translateX(-485px) translateZ(-180px) rotateY(52deg);filter:brightness(.45)}.work-frame[data-offset="2"]{transform:translateX(485px) translateZ(-180px) rotateY(-52deg);filter:brightness(.45)}
.work-panel{position:relative;width:100%;height:100%;padding:10px;background:linear-gradient(145deg,#45202a,#1b0d13);border:1px solid #ef59637a;border-radius:16px;box-shadow:0 24px 50px #0007,inset 0 0 0 2px #ffffff03;overflow:hidden}.work-frame[data-offset="0"] .work-panel{border-color:var(--red);box-shadow:0 20px 60px #0008,0 0 32px #da263728}
.work-select{display:block;width:100%;height:100%;padding:0;border:0;background:#10090b;cursor:zoom-in;border-radius:8px;overflow:hidden}.work-panel img,.work-panel video{width:100%;height:100%;object-fit:contain;background:#10090b;display:block;border-radius:8px}.work-panel video{position:relative}.work-video-open{position:absolute;top:18px;right:18px;height:42px;width:42px;border:1px solid #fff4;border-radius:50%;background:#170910c0;color:#fff;font-size:22px;cursor:pointer}.work-frame:not([data-offset="0"]){cursor:pointer}.work-frame:not([data-offset="0"]) .work-select{cursor:pointer}
.work-reflection{position:absolute;left:0;right:0;top:calc(100% + 12px);height:100%;transform:scaleY(-1);opacity:.25;mask-image:linear-gradient(to top,#000,transparent 52%);-webkit-mask-image:linear-gradient(to top,#000,transparent 52%);pointer-events:none;border:1px solid #ef596330;padding:10px;border-radius:16px;background:#31111b}.work-reflection img{height:100%;width:100%;object-fit:contain;background:#10090b;border-radius:8px}.work-video-reflection{position:absolute;top:calc(100% + 12px);left:0;right:0;height:130px;background:linear-gradient(#5e132326,transparent);border-radius:16px;pointer-events:none}
.work-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ef596330;padding-top:22px;position:relative;z-index:12}.work-caption>div:first-child{min-width:0}.work-caption strong{display:block;font-size:15px;font-weight:500;overflow-wrap:anywhere}.work-caption span{display:block;font-size:12px;color:var(--gold);margin-top:8px}.work-caption span:empty{display:none}.work-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}.work-controls button{height:46px;width:46px;border:1px solid #ef596360;background:#220d15;color:#fff;border-radius:50%;font-size:20px;cursor:pointer}.work-controls button:hover{background:var(--red)}.work-controls button:disabled{opacity:.3;cursor:default}.work-controls output{font-size:12px;color:var(--muted);min-width:45px;text-align:center}
.work-empty-stage{height:320px;position:relative;perspective:1000px;display:flex;align-items:center;justify-content:center;gap:30px}.work-empty-stage span{width:180px;height:250px;display:block;border-radius:14px;border:1px solid #ef596355;background:linear-gradient(150deg,#5e13232b,#12090e);box-shadow:0 20px 50px #0005;position:relative}.work-empty-stage span:after{content:'';position:absolute;inset:18px;border:1px solid #ef59631c;border-radius:6px}.work-empty-stage span:first-child{transform:rotateY(42deg);opacity:.5}.work-empty-stage span:last-child{transform:rotateY(-42deg);opacity:.5}.work-empty-stage span:nth-child(2){box-shadow:0 18px 50px #0007,0 0 45px #da263725}.work-empty{text-align:center;color:var(--muted);font-size:14px;max-width:550px;margin:24px auto;line-height:1.9}
.work-detail{width:min(1000px,94vw);max-height:94dvh;padding:50px 25px 20px;background:#13090e}.work-detail-media{display:grid;place-items:center}.work-detail-media img,.work-detail-media video{display:block;max-width:100%;width:auto;max-height:70dvh;object-fit:contain;border-radius:12px}.work-detail p{text-align:center;font-size:13px;color:var(--paper);overflow-wrap:anywhere}.profile-gallery .work-stage{height:430px;perspective:1000px;overflow:hidden}.profile-gallery .work-frame{width:220px;height:285px;margin-left:-110px;top:24px}.profile-gallery .work-frame[data-offset="-1"]{transform:translateX(-210px) translateZ(-100px) rotateY(42deg)}.profile-gallery .work-frame[data-offset="1"]{transform:translateX(210px) translateZ(-100px) rotateY(-42deg)}.profile-gallery .work-frame[data-offset="-2"]{transform:translateX(-360px) translateZ(-200px) rotateY(52deg)}.profile-gallery .work-frame[data-offset="2"]{transform:translateX(360px) translateZ(-200px) rotateY(-52deg)}.profile-gallery .work-empty-stage{height:240px}.profile-gallery .work-empty-stage span{height:185px;width:120px}
@media(max-width:1000px){.work-stage{height:480px}.work-frame{width:245px;height:320px;margin-left:-122.5px}.work-frame[data-offset="-1"]{transform:translateX(-220px) translateZ(-120px) rotateY(44deg)}.work-frame[data-offset="1"]{transform:translateX(220px) translateZ(-120px) rotateY(-44deg)}.work-frame[data-offset="-2"]{transform:translateX(-355px) translateZ(-240px) rotateY(55deg)}.work-frame[data-offset="2"]{transform:translateX(355px) translateZ(-240px) rotateY(-55deg)}}
@media(max-width:640px){.work-filters{gap:8px}.work-filters button{padding:11px 16px;font-size:11px}.work-stage,.profile-gallery .work-stage{height:380px;perspective:800px;overflow:hidden;margin:0 -6.8%}.work-frame,.profile-gallery .work-frame{width:190px;height:245px;margin-left:-95px;top:25px}.work-frame[data-offset="0"]{transform:translateZ(30px)}.work-frame[data-offset="-1"],.profile-gallery .work-frame[data-offset="-1"]{transform:translateX(-145px) translateZ(-120px) rotateY(48deg)}.work-frame[data-offset="1"],.profile-gallery .work-frame[data-offset="1"]{transform:translateX(145px) translateZ(-120px) rotateY(-48deg)}.work-frame[data-offset="-2"],.profile-gallery .work-frame[data-offset="-2"]{transform:translateX(-230px) translateZ(-220px) rotateY(58deg)}.work-frame[data-offset="2"],.profile-gallery .work-frame[data-offset="2"]{transform:translateX(230px) translateZ(-220px) rotateY(-58deg)}.work-panel{padding:7px;border-radius:12px}.work-reflection{padding:7px;border-radius:12px}.work-caption{flex-direction:column;align-items:center;text-align:center;gap:20px;padding-top:18px}.work-caption strong{font-size:13px}.work-caption span{font-size:11px}.work-empty-stage{height:240px;gap:14px}.work-empty-stage span{height:180px;width:100px;flex-shrink:0}.work-empty{font-size:12px}.profile-gallery .work-empty-stage span{width:80px;height:160px}.work-detail{padding:50px 15px 15px}}
@media(prefers-reduced-motion:reduce){.work-frame{transition:none}}
.work-stage{user-select:none}.work-stage img{-webkit-user-drag:none}