.works-wrapper{z-index:3;position:relative;transform:translateY(-150px);display:flex;flex-direction:column;align-items:center;gap:60px}.works-wrapper.mobile{display:none}@media screen and (max-width:1600px){.works-wrapper{gap:50px}}@media screen and (max-width:1200px){.works-wrapper{gap:40px;transform:translateY(-130px)}}@media screen and (max-width:760px){.works-wrapper{transform:translateY(-120px)}.works-wrapper.desktop{display:none}.works-wrapper.mobile{display:flex}}@media screen and (max-width:600px){.works-wrapper{transform:translateY(-100px)}}@media screen and (max-width:480px){.works-wrapper{transform:translateY(-85px)}}.player-grid{display:grid;grid-template-columns:47% 47%;grid-gap:6%;gap:6%;width:100%;aspect-ratio:16/9;position:relative}.player-grid>.player-wrapper{position:absolute;width:47%;transition:opacity .2s ease-in-out .1s,width .3s ease-in-out}.player-grid>.player-wrapper.index-0{left:0;top:0}.player-grid>.player-wrapper.index-1{right:0;top:0}.player-grid>.player-wrapper.index-2{bottom:0;left:0}.player-grid>.player-wrapper.index-3{bottom:0;right:0}.player-grid>.player-wrapper.enlarged{width:100%;z-index:10;transition:opacity .2s ease-in-out,width .4s ease-in-out 50ms}.player-grid>.player-wrapper.minimized{width:22%;opacity:0}.player-wrapper{display:flex;justify-content:center;position:relative;aspect-ratio:16/9;overflow:hidden;width:100%;border-radius:40px;box-shadow:var(--shadow-small);background-color:#000000}.player-wrapper video{height:100%;transition:filter var(--duration-mouse) ease-in-out}.player-wrapper video:hover{filter:brightness(.7)}.player-title{top:30px;padding-left:4px}.player-title,.video-controls{position:absolute;left:36px;z-index:3}.video-controls{bottom:30px;right:36px;padding-right:4px;display:flex;align-items:center;gap:1rem;opacity:0;transition:opacity var(--duration-mouse)}.player-wrapper:focus-within .video-controls,.player-wrapper:hover .video-controls{opacity:1}.player-wrapper button{width:46px;height:46px;padding:0;border-radius:50%;border:1px solid var(--chalk);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-mouse)}.player-wrapper button:focus-visible,.player-wrapper button:hover{background-color:var(--chalk-30);animation:none}button.info{position:absolute;top:30px;right:36px;z-index:3;opacity:0;transition:opacity var(--duration-mouse)}.player-wrapper:focus-within button.info,.player-wrapper:hover button.info{opacity:1}button.play svg{width:20px;height:20px;fill:var(--chalk)}button.fullscreen{border-radius:10px;width:40px;height:40px;justify-content:flex-start;align-items:flex-start}button.fullscreen.big{display:none}button.fullscreen .lines{height:50%;width:50%;border-bottom:1px solid var(--chalk);border-right:1px solid var(--chalk);transition:width var(--duration-mouse) ease-out,height var(--duration-mouse) ease-out}button.fullscreen.expanded .lines,button.fullscreen:focus-visible .lines,button.fullscreen:hover .lines{width:65%;height:65%}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:80px 40px;background-color:var(--onyx-60);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity var(--duration-theme),visibility var(--duration-theme);z-index:2}.video-overlay span{color:var(--chalk)}button.info:focus-visible+.video-overlay,button.info:hover+.video-overlay{opacity:1;visibility:visible}.progress-bar{flex:1 1;height:10px;display:flex;align-items:center}.progress-track{height:1px;border-bottom:1px solid var(--onyx);width:100%}.progress-fill{height:2px;background-color:var(--chalk);border-radius:2px;transition:width .2s linear}.work-card-wrapper{display:flex;border-radius:24px;overflow:hidden;position:relative;box-shadow:var(--shadow-small)}.work-card-wrapper,.work-card-wrapper>img{aspect-ratio:16/9;width:100%}@media screen and (max-width:1200px){.player-wrapper{border-radius:30px}.video-overlay{padding:74px 34px}.player-title{top:24px;left:30px}button.info{top:24px;right:30px}.video-controls{bottom:24px;left:30px;right:30px}.player-wrapper button{width:40px;height:40px}button.play svg{width:16px;height:16px}button.fullscreen{width:36px;height:36px;border-radius:9px}}@media screen and (max-width:960px){.player-grid{grid-template-columns:repeat(1,1fr);aspect-ratio:unset;gap:40px}.player-grid>.player-wrapper{position:relative;width:100%}.video-controls,button.info{opacity:1}button.fullscreen.big{display:flex}}@media screen and (max-width:760px){.player-wrapper{border-radius:0}.player-wrapper video{height:auto;width:100%}.video-overlay{padding:60px 28px}.video-overlay p{width:70%}.player-title{top:20px;left:24px}button.info{top:20px;right:24px}.video-controls{bottom:20px;left:32px;right:32px}.player-wrapper button{width:32px;height:32px}button.play svg{width:16px;height:16px}button.fullscreen{width:28px;height:28px;border-radius:7px}}@media screen and (max-width:480px){.video-overlay{padding:56px 24px}.video-overlay p{width:80%}.player-title{top:16px;left:20px}button.info{top:16px;right:20px}.video-controls{bottom:16px}}.page-wrapper.details{display:none;flex-direction:column;align-items:center;background-color:var(--chalk);color:var(--onyx);padding:60px 0;position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;z-index:9;transform:translateX(0);transition:transform var(--duration-page) ease-in-out}.page-wrapper.details.off-screen{transform:translateX(100%)}.details-content{display:flex;flex-direction:column;flex-grow:1;gap:2rem;width:100%}.details-content>p{padding:0 2rem;text-align:left}.details-top{align-items:center;justify-content:space-between}.details-top,.info-box{display:flex;padding:0 2rem}.info-box{flex-direction:column;gap:.25rem;text-align:left}button.close-button{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:16px}button.close-button svg{width:16px}button.close-button svg line{fill:none;stroke:var(--onyx);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.page-wrapper.details h2{color:var(--onyx)}@media screen and (max-width:960px){.page-wrapper.details{display:flex}}