.studio-work-case-link svg{flex:none;transition:transform .23s}.studio-work-carousel{--work-blue:#2b48d7;--work-ink:#151924;color:var(--work-ink);position:relative}.studio-work-anchor{pointer-events:none;position:absolute;inset:0 auto auto 0}.studio-work-stage{--stage-ink:#192244;--stage-accent:#5363bb;isolation:isolate;aspect-ratio:2.18;background:radial-gradient(ellipse at 70% 10%, var(--stage-accent), transparent 68%), var(--stage-ink);touch-action:pan-y pinch-zoom;border:1px solid #15192422;border-radius:clamp(15px,2vw,26px);position:relative;overflow:hidden}.studio-work-stage.play{--stage-ink:#102927;--stage-accent:#3e756c}.studio-work-stage.logistics{--stage-ink:#141d41;--stage-accent:#526ac1}.studio-work-stage.film{--stage-ink:#281b37;--stage-accent:#75506a}.studio-work-stage.equipment{--stage-ink:#292c1d;--stage-accent:#797447}.studio-work-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff19 1px,#0000 1px),linear-gradient(90deg,#ffffff19 1px,#0000 1px);background-position:50%;background-size:clamp(26px,4vw,62px) clamp(26px,4vw,62px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0009,#0000 62%);mask-image:linear-gradient(110deg,#0009,#0000 62%)}.studio-work-stage:after{content:"";aspect-ratio:1;pointer-events:none;z-index:-1;border:1px solid #fff3;border-radius:50%;width:83%;position:absolute;inset:-55% -24% auto auto;box-shadow:0 0 0 40px #ffffff0f,0 0 0 80px #ffffff0b,0 0 0 120px #ffffff08}.studio-work-device-set{position:absolute;inset:0}.studio-work-carousel[data-motion=on] .studio-work-device-set{animation:.48s cubic-bezier(.22,.65,.26,1) both studio-work-enter}.studio-work-stage[data-direction=back] .studio-work-device-set{--work-direction:-22px}@keyframes studio-work-enter{0%{opacity:.45;transform:translateX(var(--work-direction,22px))}to{opacity:1;transform:translate(0)}}.studio-work-browser,.studio-work-phone{margin:0;position:absolute;overflow:hidden;box-shadow:0 26px 58px #090d2373,0 0 0 1px #fff2}.studio-work-browser{background:#fbfbfa;border:1px solid #ebedf6;border-radius:clamp(7px,1vw,15px);width:78%;top:50%;left:7%;transform:translateY(-50%)}.studio-work-browser-bar{color:#4c5265;text-align:center;background:#f4f5f9;border-bottom:1px solid #1e273625;grid-template-columns:minmax(18px,.3fr) minmax(0,1fr) minmax(18px,.3fr);align-items:center;min-height:clamp(15px,2.4vw,32px);padding-inline:clamp(5px,1vw,13px);font-size:clamp(.42rem,.87vw,.68rem);line-height:1.15;display:grid}.studio-work-browser-bar>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-work-browser-dots{gap:clamp(2px,.35vw,5px);display:flex}.studio-work-browser-dots i{background:#b3b8c9;border-radius:50%;width:clamp(3px,.5vw,6px);height:clamp(3px,.5vw,6px)}.studio-work-browser-image{aspect-ratio:2.22;overflow:hidden}.studio-work-browser-image img,.studio-work-phone-poster{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.studio-work-phone{width:16%;box-shadow:none;bottom:5%;right:7%;overflow:visible}.studio-work-phone-shell{aspect-ratio:390/844;background:#f7f8fa;border:clamp(2px,.37vw,5px) solid #171a25;border-radius:clamp(9px,1.75vw,24px);position:relative;overflow:hidden;box-shadow:0 26px 58px #090d2373,0 0 0 1px #fff2}.studio-work-phone-scroll{scrollbar-width:thin;scrollbar-color:#6b779a #eef0f3;position:absolute;inset:0;overflow:hidden auto}.studio-work-phone-scroll:focus-visible{outline-offset:-3px;outline:3px solid #667ef2}.studio-work-phone-scroll img{width:100%;height:auto;display:block}.studio-work-phone-live{background:#191423;border:0;max-width:none;display:block;position:absolute;inset:0}.studio-work-phone-hint{color:#fff;text-align:center;justify-content:center;align-items:center;gap:5px;min-height:24px;margin-top:9px;font-size:clamp(.66rem,1.05vw,.78rem);font-weight:750;line-height:1.2;display:flex}.studio-work-phone-hint svg{flex:none}.studio-work-phone-hint button{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#15192473;border:1px solid #ffffff57;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding-inline:8px;display:inline-flex}.studio-work-phone-hint button:hover{background:#151924}.studio-work-caption{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:25px;padding-block:clamp(20px,2.7vw,34px) clamp(19px,2.45vw,30px);display:grid}.studio-work-caption-copy{min-width:0}.studio-work-category{color:#4c5465;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:750;line-height:1.4}.studio-work-caption h3{letter-spacing:-.065em;margin-top:5px;font-size:clamp(1.85rem,4vw,4.05rem);line-height:1}.studio-work-purpose{color:#454b59;max-width:56ch;margin-top:11px;font-size:clamp(.93rem,1.43vw,1.11rem);line-height:1.55}.studio-work-case-link{min-height:52px;color:var(--work-ink);border:1px solid #15192442;border-radius:40px;justify-content:space-between;align-items:center;gap:clamp(14px,3vw,36px);padding:12px 17px 12px 20px;font-size:.87rem;font-weight:750;transition:background .2s,color .2s,border-color .2s;display:inline-flex}:is(.studio-work-case-link:hover,.studio-work-case-link:focus-visible){background:var(--work-blue);color:#fff;border-color:var(--work-blue)}.studio-work-case-link:hover svg{transform:translate(2px,-2px)}.studio-work-case-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.studio-work-visit-link{text-underline-offset:.2em;align-items:center;gap:5px;min-height:44px;font-size:.8rem;font-weight:750;text-decoration:underline;display:inline-flex}.studio-work-navigation{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 22px;margin-block-end:12px;display:grid}.studio-work-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.studio-work-picker button,.studio-work-pagination button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.studio-work-picker button{text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px;font-size:clamp(.68rem,1.18vw,.82rem);font-weight:700;line-height:1.3;transition:color .2s,background .2s,border-color .2s;display:flex}.studio-work-picker button span{color:#5c6376;font-variant-numeric:tabular-nums;flex:none;font-size:.66rem}.studio-work-picker button[aria-pressed=true],.studio-work-picker button:hover{color:#243daf;background:#e8ebfa;border-color:#c8d1f4}.studio-work-picker button[aria-pressed=true] span{color:#243daf}.studio-work-pagination{align-items:center;gap:7px;display:flex}.studio-work-counter{color:#454b59;font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-right:5px;font-size:.78rem;font-weight:700;display:inline-flex}.studio-work-counter i{background:#687087;width:13px;height:1px;display:inline-block}.studio-work-pagination button{border:1px solid #15192442;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s,color .2s,border-color .2s;display:grid}.studio-work-pagination button:hover{background:var(--work-blue);color:#fff;border-color:var(--work-blue)}.studio-work-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:850px){.studio-work-counter{margin-right:0}}@media (min-width:701px) and (max-height:680px){#work.editorial-work{padding-block-start:24px}#work .editorial-section-head{margin-block-end:16px}#work .editorial-section-head h2{max-width:23ch;font-size:clamp(2.15rem,3.8vw,3.15rem)}}@media (max-width:640px){.studio-work-stage{aspect-ratio:1.65}.studio-work-browser{width:60%;left:4%}.studio-work-phone{width:28%;top:50%;bottom:auto;right:4%;transform:translateY(-50%)}.studio-work-phone-hint{gap:3px;margin-top:4px;font-size:.58rem}.studio-work-phone-hint svg{width:10px;height:10px}.studio-work-phone-hint button{min-height:32px;padding-inline:3px}.studio-work-caption{gap:13px}.studio-work-case-link{gap:6px;min-height:46px;padding:9px 11px 9px 14px;font-size:.76rem}.studio-work-case-link svg{width:16px;height:16px}.studio-work-navigation{grid-template-columns:minmax(0,1fr);gap:6px;margin-block-end:9px}.studio-work-pagination{justify-self:end}.studio-work-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-work-picker button{font-size:.76rem}}@media (max-width:420px){.studio-work-caption{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.studio-work-carousel[data-motion=on] .studio-work-device-set{animation:none}}