.studio-open{overflow:hidden}.studio-open .viewport{min-width:0;min-height:0;height:100dvh}.studio-open .canvas{width:100vw;height:100dvh;transform:none!important;mask:none!important}.studio-open .canvas>:not(.header):not(.studio-showcase){visibility:hidden!important;pointer-events:none!important}.studio-open .header{z-index:25!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;left:calc(50% - 733px * var(--scale,1));right:auto;top:calc(50% - 496px * var(--scale,1));width:1467px;transform:scale(var(--scale,1));transform-origin:top left}
.studio-showcase{position:absolute;inset:0;z-index:12;background:#0b0910;color:#e9e2ed;overflow:auto}.studio-showcase:before{content:'';position:fixed;inset:-5px;background:linear-gradient(#0c0912b8,#0c0912e8),url('assets/backgrounds/home_background_master.png.png') center/cover;filter:blur(4px);pointer-events:none}
.studio-body{position:relative;width:min(1250px,92vw);margin:auto;padding-top:max(100px,calc((100dvh - 1024px * var(--scale,1))/2 + 110px * var(--scale,1)));padding-bottom:24px}
.studio-filters{display:flex;gap:28px;margin:0 0 20px;padding-left:4px}.studio-filters button{padding:10px 0;font-size:12px;font-weight:500;color:#a49bab;border-bottom:1px solid transparent}.studio-filters button[aria-pressed=true]{color:#f2a0d2;border-color:#e980bd}
.studio-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 4px 14px;align-items:center}.studio-gallery::-webkit-scrollbar{display:none}.studio-film{position:relative;flex:0 0 auto;width:min(calc((min(1250px,92vw) - 56px)/3),calc((100dvh - 255px) * 45 / 79));aspect-ratio:45/79;border-radius:8px;overflow:hidden;background:#0a080d;box-shadow:0 8px 26px #0004;outline:1px solid #b797bd25;scroll-snap-align:center;transition:transform .4s,box-shadow .4s,opacity .4s}.studio-film video{display:block;width:100%;height:100%;object-fit:contain}.studio-film:hover{transform:scale(1.01);box-shadow:0 0 24px #dc529226}.studio-play{position:absolute;inset:0;width:100%;display:grid;place-items:center;background:linear-gradient(transparent 65%,#09051042)}.studio-play span{width:48px;height:48px;border:1px solid #ead3e75e;border-radius:50%;display:grid;place-items:center;background:#170f246b;font-size:26px;color:#f3e7ef;backdrop-filter:blur(5px)}.studio-film.is-active .studio-play,.studio-film.is-active .studio-duration{display:none}.studio-duration{position:absolute;bottom:14px;left:15px;font-size:11px;color:#efe5ee;pointer-events:none}.studio-video-error{position:absolute;bottom:40px;left:12px;right:12px;background:#180d20e8;padding:10px;font-size:12px;pointer-events:none}.studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.studio-invite{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:12px;color:#c2b7cd}.studio-contact{font-size:11px;padding:12px 16px;border:1px solid #c86ba06b;border-radius:24px;color:#eea8d2;font-weight:500}.studio-invite a{font-size:10px;color:#998caa;text-decoration:none}.studio-arrows{display:flex;gap:10px}.studio-arrows button{width:38px;height:38px;border-radius:50%;border:1px solid #b288a33d;font-size:19px;color:#dda3c5}.studio-arrows button:disabled{opacity:.25;cursor:default}
@media(min-width:1600px){.studio-body{width:min(1450px,92vw)}.studio-film{width:min(calc((min(1450px,92vw) - 56px)/3),calc((100dvh - 255px) * 45 / 79))}}
@media(max-width:900px){.studio-film{width:min(calc((92vw - 32px)/2),calc((100dvh - 255px)*45/79))}.studio-invite{gap:10px}.studio-bottom{align-items:flex-start}}
@media(max-width:600px){.studio-body{width:100%;padding-top:105px}.studio-filters{padding:0 20px;gap:24px;margin-bottom:10px}.studio-gallery{gap:18px;padding:8px max(22px,calc((100vw - (100dvh - 285px)*45/79)/2)) 14px}.studio-film{width:min(83vw,calc((100dvh - 285px)*45/79));min-width:220px}.studio-bottom{padding:0 20px;margin-top:10px}.studio-invite{font-size:11px;max-width:255px}.studio-arrows{gap:5px}.studio-arrows button{width:30px;height:30px}.studio-open .header{left:16px;top:16px;width:calc(100vw - 32px);transform:none;gap:12px;height:72px;flex-wrap:wrap}.studio-open .header .logo{width:85px;height:38px}.studio-open .header nav{order:3;width:100%;margin:0;gap:18px;overflow:auto}.studio-open .header nav button{font-size:10px;letter-spacing:0;flex:none}.studio-open .header .contact{margin-left:auto;font-size:9px;padding:3px 9px}.studio-open .header .contact span{font-size:14px}}
@media(max-width:600px){.studio-body .films-heading{margin-inline:20px}}
@media(prefers-reduced-motion:reduce){.studio-film{transition:none}.studio-film:hover{transform:none}.studio-gallery{scroll-behavior:auto}}
.studio-controls{position:absolute;bottom:0;left:0;right:0;display:none;align-items:center;gap:10px;padding:24px 12px 12px;background:linear-gradient(transparent,#090610dc);color:#f0e8f1}.studio-film.is-active .studio-controls{display:flex}.studio-controls button{min-height:36px;min-width:32px;font-size:15px;padding:5px;color:inherit}.studio-controls .studio-sound{font-size:10px;color:#aea2b6}.studio-controls .studio-sound[aria-pressed=true]{color:#f6a3d5}.studio-controls input{min-width:0;flex:1;accent-color:#e68abc;height:20px;cursor:pointer}