.studio-renders__switch{background:var(--paper-2);border-radius:999px;gap:4px;margin-bottom:clamp(20px,2vw,32px);padding:4px;display:inline-flex}.studio-renders__switch[hidden]{display:none}.studio-renders__switch button{font:inherit;color:var(--ink-2);cursor:pointer;transition:background-color var(--d2) var(--ease), color var(--d2) var(--ease);background:0 0;border:0;border-radius:999px;padding:10px 20px;font-size:.9375rem;font-weight:500;line-height:1}.studio-renders__switch button:hover{color:var(--ink)}.studio-renders__switch button[aria-pressed=true]{background:var(--navy);color:#fff}.studio-renders__switch button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.studio-renders__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin:0;padding:0;list-style:none;display:grid}.studio-renders__grid li{display:grid}.studio-renders__card{grid-area:1/1;margin:0}.studio-renders:not(.is-js) .studio-renders__card:not([data-set-card="0"]){display:none}.studio-renders.is-js .studio-renders__card{transition:opacity .45s var(--ease), transform .45s var(--ease), visibility 0s linear .45s;transition-delay:calc(var(--i) * 90ms), calc(var(--i) * 90ms), calc(var(--i) * 90ms + .45s)}.studio-renders.is-js .studio-renders__card[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}.studio-renders.is-js .studio-renders__card:not([aria-hidden=true]){transition-delay:calc((var(--i) + 4) * 90ms + .2s), calc((var(--i) + 4) * 90ms + .2s), 0s}.studio-renders__frame{aspect-ratio:1;border-radius:var(--radius);isolation:isolate;background:#fff;display:block;position:relative;overflow:hidden}.studio-renders__frame img{object-fit:cover;width:100%;height:100%;transition:transform var(--d3) var(--ease);display:block}.studio-renders__card:hover .studio-renders__frame img{transform:scale(1.04)}.studio-renders__frame{cursor:zoom-in}.studio-renders__frame:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.studio-renders__zoom{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:30px;height:30px;color:var(--ink);opacity:0;transition:opacity var(--d2) var(--ease), transform var(--d2) var(--ease);background:#ffffffdb;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px;transform:scale(.85)}.studio-renders__frame:hover .studio-renders__zoom,.studio-renders__frame:focus-visible .studio-renders__zoom{opacity:1;transform:none}@media (hover:none){.studio-renders__zoom{opacity:1;transform:none}}.studio-renders__note{top:12px;left:12px}.studio-renders figcaption{color:var(--ink-2);margin-top:12px;font-size:.9375rem;line-height:1.5}@media (width<=860px){.studio-renders__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-lightbox{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.studio-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:studio-lightbox-in var(--d2) var(--ease);background:#0d162eed}.studio-lightbox.is-closing::backdrop{opacity:0;transition:opacity .4s var(--ease)}@keyframes studio-lightbox-in{0%{opacity:0}}.studio-lightbox__stage{--big:min(calc(100dvh - 160px), calc(100vw - 2 * var(--gutter,24px) - 220px), 880px);grid-template-columns:var(--big) clamp(120px, 14vw, 180px);height:100%;padding:72px var(--gutter,24px) 32px;place-content:center;gap:clamp(16px,2vw,28px);display:grid}.studio-lightbox__main{margin:0}.studio-lightbox__frame{aspect-ratio:1;border-radius:var(--radius);transform-origin:0 0;background:#fff;position:relative;overflow:hidden}.studio-lightbox__frame img{object-fit:cover;width:100%;height:100%;display:block}.studio-lightbox__note{top:16px;left:16px}.studio-lightbox figcaption{color:#ffffffd1;margin-top:14px;font-size:1rem;line-height:1.5}.studio-lightbox__strip{grid-auto-rows:min-content;align-content:start;gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none;display:grid}.studio-lightbox__strip button{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;opacity:.72;width:100%;transition:opacity var(--d2) var(--ease), transform var(--d2) var(--ease);background:#fff;border:0;padding:0;display:block;position:relative;overflow:hidden}.studio-lightbox__strip button:hover,.studio-lightbox__strip button:focus-visible{opacity:1;transform:translate(-4px)}.studio-lightbox__strip button:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.studio-lightbox__strip img{object-fit:cover;width:100%;height:100%;display:block}.studio-lightbox__strip .note{padding:4px 8px;font-size:.625rem;top:8px;left:8px}.studio-lightbox__close{color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color var(--d2) var(--ease);background:#ffffff1f;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:20px;right:20px}.studio-lightbox__close:hover{background:#ffffff38}.studio-lightbox__close:focus-visible{outline:2px solid var(--neon);outline-offset:2px}@media (width<=860px),(aspect-ratio<=1){.studio-lightbox__stage{--big:min(calc(100vw - 2 * var(--gutter,20px)), calc(100dvh - 300px));grid-template-columns:var(--big);padding-top:76px}.studio-lightbox__strip{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-lightbox__strip .note{display:none}.studio-lightbox__strip button:hover,.studio-lightbox__strip button:focus-visible{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.studio-renders.is-js .studio-renders__card{transition:none!important}}.film{--x:50%;aspect-ratio:16/7.6;border-radius:var(--radius-lg);background:var(--paper-2);-webkit-user-select:none;user-select:none;touch-action:pan-y;position:relative;overflow:hidden}.film__still,.film__v{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film__still{object-position:center 48%}.film__stage{opacity:0;transition:opacity .6s var(--ease);position:absolute;inset:0}.film.is-video .film__stage{opacity:1}.film__render{clip-path:inset(0 0 0 var(--x))}.film__handle{top:0;bottom:0;left:var(--x);z-index:5;background:var(--navy);opacity:0;pointer-events:none;width:1px;transition:opacity .6s var(--ease);position:absolute}.film.is-video .film__handle{opacity:1;pointer-events:auto}.film__knob{background:var(--neon);width:52px;height:52px;box-shadow:0 0 0 1px var(--navy), 0 10px 30px #1320422e;cursor:ew-resize;border:0;border-radius:50%;place-items:center;margin:-26px 0 0 -26px;padding:0;display:grid;position:absolute;top:50%;left:50%}.film__knob svg{width:22px;height:22px}.film__knob:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.film.is-video{cursor:ew-resize}.film__ui{z-index:4;pointer-events:none;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:.6875rem;position:absolute;inset:0}.film__tl,.film__tr{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;border-radius:999px;align-items:center;gap:10px;padding:6px 10px;display:flex;position:absolute;top:22px}.film__tl{left:26px}.film__tr{right:26px}.film__bar{opacity:0;transition:opacity .6s var(--ease);align-items:center;gap:16px;display:flex;position:absolute;bottom:22px;left:26px;right:26px}.film.is-video .film__bar{opacity:1}.film__toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--navy);cursor:pointer;pointer-events:auto;background:#ffffffdb;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.film__toggle svg{fill:currentColor;width:16px;height:16px}.film__toggle:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.film__icon-pause,.film.is-playing .film__icon-play{display:none}.film.is-playing .film__icon-pause{display:block}.film__bar>span:not(.film__track){background:#ffffffdb;border-radius:999px;padding:4px 8px}.film__track{background:#13204240;flex:1;height:1px;position:relative}.film__head{background:var(--navy);transform-origin:0;transform:scaleX(var(--t,0));position:absolute;inset:0}@media (width<=860px){.film{aspect-ratio:4/3}}@media (width<=560px){.film__bar>span:not(.film__track){display:none}.film__tl,.film__tr{top:14px}.film__tl{left:14px}.film__tr{right:14px}}.studio-after{margin-top:clamp(56px,6vw,104px)}.studio-commercial{margin:0 0 clamp(16px,2vw,28px)}