.studio-work-showcase{flex-direction:column;gap:clamp(56px,7vw,96px);display:flex}.studio-case-visual{--scene-bg:#202221;--scene-ink:#fff;--scene-muted:#c2c7c4;--stage-size:48vw;--stage-cap:630px;--browser-ratio:1.9}.studio-case{scroll-margin-top:115px}.studio-case-vld .studio-case-visual{--scene-bg:#dde5ed;--scene-ink:#14213c;--scene-muted:#44536a;--stage-size:58vw;--stage-cap:760px;--browser-ratio:1.55}.studio-case-reegel .studio-case-visual{--scene-bg:#e9dfe0;--scene-ink:#421923;--scene-muted:#624c51;--stage-size:58vw;--stage-cap:760px;--browser-ratio:1.55}.studio-case-stage{height:clamp(380px, var(--stage-size), var(--stage-cap));background:var(--scene-bg);color:var(--scene-ink);perspective:1400px;border-radius:12px 12px 0 0;position:relative;overflow:hidden}.studio-case-topline{z-index:1;justify-content:space-between;gap:24px;padding:28px 34px;font-size:.88rem;display:flex;position:relative}.studio-case-topline>span:first-child{font-weight:600}.studio-case-topline>span:last-child{color:var(--scene-muted)}.studio-device-rig{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:86px 4% 28px}.studio-case-visual[data-motion-enabled=false] .studio-device-rig{transition:none;transform:none}.studio-desktop{transform-origin:50% 80%;background:#f5f5f4;border-radius:8px;width:83%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 45px #0003}.studio-browser-chrome{color:#454544;background:#f1f1ef;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:12px;height:29px;padding:0 12px;display:grid}.studio-browser-chrome>span:nth-child(2){justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.studio-browser-dots{gap:4px;display:flex}.studio-browser-dots i{background:#b4b4b0;border-radius:50%;width:5px;height:5px;display:block}.studio-browser-page{aspect-ratio:var(--browser-ratio);background:#131313;overflow:hidden}.studio-browser-page img{width:100%;height:auto;display:block}.studio-phone{aspect-ratio:.49;background:#161615;border-radius:24px;width:21%;padding:5px;position:absolute;bottom:0;right:1.3%;transform:rotate(-5deg);box-shadow:0 16px 30px #0004}.studio-phone-page{background:#f8f7f4;border-radius:19px;width:100%;height:100%;overflow:hidden}.studio-phone-page img{width:100%;height:auto;display:block}.studio-phone-camera{z-index:1;background:#161615;border-radius:20px;width:28%;height:9px;position:absolute;top:10px;left:36%}.studio-case-toolbar{background:var(--scene-bg);min-height:56px;color:var(--scene-muted);border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:12px;padding:5px 28px 12px;font-size:.78rem;display:flex}.studio-motion-control{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:8px 0 8px 12px;font-size:.78rem;display:inline-flex}.studio-motion-control:hover{text-underline-offset:4px;text-decoration:underline}.studio-case-caption{grid-template-columns:1fr 1.1fr auto;align-items:center;gap:32px;margin-top:24px;display:grid}.studio-case-caption h3{letter-spacing:-.035em;margin-top:4px;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:600}.studio-case-caption h3 a{align-items:center;gap:10px;display:inline-flex}.studio-case-caption h3 svg{display:none}.studio-case-caption>p{color:var(--v2-muted);max-width:46ch;font-size:.94rem;line-height:1.65}.studio-case-caption .v2-text-link svg{transition:transform .2s ease-out}.studio-case-caption .v2-text-link:hover svg{transform:translate(2px,-2px)}.studio-content-section{background:#eeeae3;padding-block:clamp(64px,7vw,104px);scroll-margin-top:110px}.studio-content-layout{grid-template-columns:.8fr 1.3fr;align-items:center;gap:clamp(28px,4vw,60px);display:grid}.studio-content-label{color:#5c5955;margin-bottom:20px;font-size:.9rem}.studio-content-copy h2{letter-spacing:-.035em;font-size:clamp(2.3rem,3.5vw,3.3rem);font-weight:600;line-height:1.05}.studio-content-copy h2 span{color:#bb3c0c}.studio-content-copy>p:not(.studio-content-label){color:#5c5955;max-width:46ch;margin-top:24px;font-size:1rem;line-height:1.7}.studio-content-steps{flex-direction:column;gap:12px;padding:26px 0 30px;display:flex}.studio-content-steps li{align-items:baseline;gap:14px;font-size:.9rem;display:flex}.studio-content-steps li span{color:#9f340b;font-family:var(--font-jetbrains), monospace;font-size:.75rem}.studio-content-copy>p.studio-content-offer{margin-top:16px;font-size:.8rem}.studio-content-stage{isolation:isolate;background:#e2ddd4;border-radius:12px;height:clamp(520px,44vw,570px);position:relative;overflow:hidden;container-type:inline-size}.studio-content-stage-top{color:#3e3a35;justify-content:space-between;align-items:center;gap:12px;padding:25px 26px;font-size:.78rem;display:flex}.studio-content-stage-top>span:first-child{font-weight:600}.studio-content-example{font-size:.68rem}.studio-calendar{background:#f8f7f4;border-radius:8px;position:absolute;inset:90px 4% 64px}.studio-calendar-heading{color:#3e3a35;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px;font-size:.78rem;display:flex}.studio-calendar-heading>span{color:#5c5955;font-size:.68rem}.studio-calendar-days{text-align:center;color:#5c5955;border-block:1px solid #ddd8ce;grid-template-columns:repeat(3,1fr);padding-block:10px;font-size:.68rem;display:grid}.studio-calendar-lines{grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:80px 0 0}.studio-calendar-lines i+i{border-left:1px solid #e4ded5}.studio-content-post{background:#fff;border-radius:5px;width:27%;position:absolute;top:184px;overflow:hidden;box-shadow:0 6px 14px #28201614}.studio-content-post-1{left:6.5%}.studio-content-post-2{left:36.5%}.studio-content-post-3{left:66.5%}.studio-content-post{text-decoration:none}.studio-content-post:focus-visible{outline-offset:4px}.studio-content-post:hover .studio-post-caption>span:first-child{text-underline-offset:3px;text-decoration:underline}.studio-post-art{aspect-ratio:4/5;background:#0b0b0b;position:relative;overflow:hidden}.studio-post-art>img{object-fit:contain;width:100%;height:100%;display:block}.studio-post-play{color:#141310;background:#ff6b2b;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:7px;right:7px;box-shadow:0 2px 8px #0004}.studio-post-caption{color:#24211d;flex-direction:column;gap:4px;min-height:56px;padding:10px;font-size:.66rem;display:flex}.studio-post-caption>span:last-child{color:#5c5955;font-size:.6rem}.studio-content-approval{bottom:24px;color:#3e3a35;justify-content:center;align-items:center;gap:7px;font-size:.75rem;display:inline-flex;position:absolute;inset-inline:16px}.studio-content-approval svg{color:#396044}.studio-content-drafts{opacity:0;color:#514737;font-size:.74rem;position:absolute;inset:75px 6% auto}.studio-content-drafts span{background:#f8f7f4;padding:10px 13px;position:absolute;box-shadow:0 4px 8px #201c1412}.studio-content-drafts span:first-child{top:14px;left:0;transform:rotate(-5deg)}.studio-content-drafts span:nth-child(2){top:38px;right:0;transform:rotate(6deg)}.studio-content-drafts span:nth-child(3){top:300px;left:18%;transform:rotate(-2deg)}.studio-content-toolbar{color:#5c5955;justify-content:space-between;align-items:center;gap:12px;min-height:56px;font-size:.75rem;display:flex}.studio-post-viewer{color:#24211d;overscroll-behavior:contain;background:#f8f7f4;border:0;border-radius:12px;width:min(620px,100vw - 24px);max-width:none;max-height:calc(100svh - 24px);margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 24px 80px #0005}.studio-post-viewer::backdrop{background:#141310d9}.studio-post-viewer-inner{padding:16px}.studio-post-viewer-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.studio-post-viewer-header p{color:#5c5955;margin-bottom:5px;font-size:.7rem}.studio-post-viewer-header h3{font-size:1.05rem;font-weight:600;line-height:1.4}.studio-viewer-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #d7d1c7;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.studio-viewer-button:hover{background:#e9e4db}.studio-post-viewer-media img,.studio-post-viewer-media video{object-fit:contain;background:#0b0b0b;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 220px);margin:auto;display:block}.studio-post-viewer-footer{padding-top:14px}.studio-post-viewer-footer>p{color:#5c5955;font-size:.78rem;line-height:1.6}.studio-carousel-controls{justify-content:center;align-items:center;gap:24px;font-size:.82rem;display:flex}@media (min-width:701px) and (max-width:1000px){.studio-case-stage{height:440px}.studio-case-vld .studio-case-stage,.studio-case-reegel .studio-case-stage{height:clamp(490px,61vw,650px)}.studio-device-rig{top:92px;bottom:30px}.studio-phone{width:23%;right:0}.studio-content-layout{grid-template-columns:1fr;gap:38px}.studio-content-copy{max-width:650px}.studio-content-copy h2 br:nth-child(2){display:none}.studio-content-copy h2 span:before{content:" "}.studio-content-steps{flex-flow:wrap;gap:16px 24px}.studio-content-visual{justify-self:center;width:100%;max-width:740px}.studio-content-stage{height:570px}}@media (max-width:700px){.studio-case-stage{height:clamp(300px,83vw,500px)}.studio-case-topline{padding:20px 18px;font-size:.75rem}.studio-case-topline>span:last-child{display:none}.studio-device-rig{inset:70px 4% 24px}.studio-desktop{width:88%}.studio-browser-page{aspect-ratio:1.55}.studio-browser-chrome{gap:6px;height:20px;padding-inline:6px}.studio-browser-chrome>span:nth-child(2){white-space:nowrap;font-size:7px}.studio-browser-dots{gap:3px}.studio-browser-dots i{width:3px;height:3px}.studio-phone{border-radius:15px;width:27%;padding:3px;right:0}.studio-phone-page{border-radius:12px}.studio-phone-camera{height:5px;top:6px}.studio-case-toolbar{padding-inline:17px;font-size:.65rem}.studio-motion-control{gap:6px;font-size:.7rem}.studio-case-caption{grid-template-columns:1fr;gap:12px;margin-top:18px}.studio-case-caption h3 svg{width:20px;display:inline-block}.studio-case-caption>.v2-text-link{justify-self:start}.studio-content-layout{grid-template-columns:1fr;gap:32px}.studio-content-copy h2{font-size:clamp(2.3rem,8vw,3.2rem)}.studio-content-stage{height:clamp(370px,88vw,480px)}.studio-content-stage-top{flex-direction:column;align-items:flex-start;gap:6px;padding:20px 16px;font-size:.72rem}.studio-content-example{font-size:.62rem}.studio-calendar{top:88px;bottom:54px}.studio-calendar-heading{padding:12px 10px 9px;font-size:.68rem}.studio-calendar-heading>span{font-size:.56rem}.studio-calendar-days{padding-block:9px;font-size:.58rem}.studio-calendar-lines{top:66px}.studio-content-post{top:165px}.studio-post-play{width:24px;height:24px;bottom:4px;right:4px}.studio-post-play svg{width:12px}.studio-post-caption{gap:2px;min-height:40px;padding:7px 6px;font-size:.53rem}.studio-post-caption>span:last-child{font-size:.49rem}.studio-content-approval{font-size:.64rem;bottom:18px}.studio-content-drafts{font-size:.62rem;top:80px}.studio-content-drafts span{padding:7px}.studio-content-drafts span:nth-child(3){top:200px}.studio-content-toolbar{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.studio-device-rig,.studio-case-caption .v2-text-link svg{transition:none;transform:none!important}}@media (hover:none),(pointer:coarse){.studio-device-rig{transition:none;transform:none}}