html:has(.public-site.studio){position:relative}.public-site.studio{--motion-ease:cubic-bezier(.16, 1, .3, 1);--motion-micro:.2s;--motion-reveal:.8s}.public-site.studio .hero-line{display:inline-block}.public-site.studio .hero-arrow-mark{display:block}.public-site.studio .atelier-website .web-screen{transform-origin:0 0}.public-site.studio .phone-pose{transform-origin:50% 60%}.public-site.studio .software-art .web-screen{transform-origin:50% 70%}.public-site.studio .website-work-link{justify-content:flex-end;padding-bottom:28px;display:flex}.public-site.studio .app-stories[data-scroll-hold=false]{padding-bottom:45px}@media (min-width:1101px){.public-site.studio .atelier-website{height:calc(100% - 62px)}.public-site.studio .work-image-arrival{clip-path:inset(-50% -50% 0);height:calc(100% - 48px)}.public-site.studio .atelier-website .stage-caption{z-index:4;background:var(--paper);width:100%;min-height:48px;padding-top:12px;position:absolute;bottom:0;left:0}}.public-site.studio :is(.studio-motion-toggle,.phone-tour-controls)[hidden],.public-site.studio .device:before{display:none}.public-site.studio .phone-pose{z-index:2;width:220px;position:absolute;top:38px;right:38px}.public-site.studio .app-story-grid .app-story-art .phone-pose .device.phone-tour{width:100%;transition:none;position:relative;inset:auto;transform:translate(0,0)}.public-site.studio .app-story-art:has(.phone-tour){height:550px}.public-site.studio .app-story-identity .app-brand-poly{width:132px}.public-site.studio .phone-viewport{isolation:isolate;touch-action:pan-y}.public-site.studio .tour-slide{visibility:hidden;pointer-events:none;position:absolute;inset:0}.public-site.studio .tour-slide.is-active{visibility:visible;z-index:2}.public-site.studio .tour-slide.is-previous{visibility:visible;z-index:1}.public-site.studio .tour-slide img{object-fit:contain;width:100%;height:100%}.public-site.studio .phone-tour-controls{top:175px}.public-site.studio .app-story-art:has(.phone-tour) .secondary-device{top:305px}.public-site.studio .tour-caption{margin-top:8px;font-size:12px;line-height:1.5}.public-site.studio .tour-caption>span{color:var(--muted);letter-spacing:.06em;font-size:10px;display:block}.public-site.studio .tour-buttons button{border-radius:50%;width:44px;height:44px}.public-site.studio .tour-buttons button:disabled{opacity:.4;cursor:default}.public-site.studio .tour-buttons button:not(:disabled):is(:hover,:focus-visible){background:var(--pale)}.public-site.studio .tour-buttons button:active{scale:.94}.public-site.studio .studio-motion-toggle{z-index:25;border:1px solid var(--line);background:var(--paper);min-height:36px;color:var(--muted);font:11px/1.3 var(--sans);border-radius:24px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex;position:fixed;bottom:18px;right:68px}.public-site.studio .studio-motion-toggle:hover{color:var(--ink);border-color:var(--blue)}.public-site.studio .modern-service-list>article{position:relative}.public-site.studio .modern-service-list>article:before,.public-site.studio .agency-award:before{content:"";background:var(--blue);transform-origin:0;pointer-events:none;width:100%;height:1px;position:absolute;top:-1px;left:0;transform:scaleX(0)}.public-site.studio .agency-award{position:relative}.public-site.studio .modern-service-list>article:is(:hover,:focus-within):before{transform:scaleX(1)}.public-site.studio .contact-circle>span{display:block}.public-site.studio :is(.button,.studio-talk,.text-link,.preview-link,.contact-circle){transition:background var(--motion-micro), color var(--motion-micro), translate var(--motion-micro), box-shadow var(--motion-micro)}.public-site.studio :is(.button,.studio-talk,.text-link,.preview-link,.contact-circle) span[aria-hidden]{transition:transform var(--motion-micro) var(--motion-ease);display:inline-block}.public-site.studio :is(.button,.studio-talk,.text-link,.preview-link):is(:hover,:focus-visible) span[aria-hidden]{transform:translate(3px,-3px)}.public-site.studio :is(.button,.studio-talk,.contact-circle):active{translate:0 1px}.public-site.studio .modern-service-list h3 a{transition:color var(--motion-micro)}.public-site.studio .modern-service-list article:focus-within h3 a{color:var(--public-accent)}.public-site.studio .project-dialog[open]{animation:preview-open .2s var(--motion-ease)}.public-site.studio .project-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.public-site.studio .dialog-close{z-index:3;background:var(--paper);min-height:44px;position:sticky;top:0}.public-site.studio .studio-footer a{text-underline-offset:5px}.public-site.studio .studio-footer a:focus-visible{text-decoration:underline}@keyframes preview-open{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes studio-rule{0%{transform:scaleX(0)}60%{transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.public-site.studio [data-rule-revealed]:before{animation:studio-rule 1.1s var(--motion-ease)}.public-site.studio .modern-service-list>article:before{transition:transform .6s var(--motion-ease)}.public-site.studio[data-studio-pin=true] [data-scroll-hold=true] .app-story-track:after{content:"";height:260px;display:block}.public-site.studio[data-studio-pin=true] [data-scroll-hold=true] .app-story-grid{position:sticky;top:clamp(24px,50svh - 325px,100px)}}@media (max-width:1100px) and (min-width:701px){.public-site.studio .phone-pose{width:178px;top:133px;right:20px}.public-site.studio .app-story-art:has(.phone-tour){height:640px}.public-site.studio .phone-tour-controls{top:auto;bottom:12px;left:24px}.public-site.studio .tour-caption{margin:0 0 0 14px;display:inline-block}.public-site.studio .tour-caption>span{margin-right:5px;display:inline}.public-site.studio .app-story-art:has(.phone-tour) .secondary-device{width:150px;top:220px;left:16px}}@media (max-width:700px){.public-site.studio .app-story-grid{grid-template-columns:1fr;gap:40px}.public-site.studio .app-story-art:has(.phone-tour){height:560px}.public-site.studio .phone-pose{width:196px;top:92px;right:18px}.public-site.studio .phone-tour-controls{width:88px;top:180px;left:24px}.public-site.studio .tour-buttons{grid-template-columns:44px 44px;display:grid}.public-site.studio .app-story-art:has(.phone-tour) .secondary-device{width:155px;top:330px;left:18px}.public-site.studio .app-story-identity p{max-width:105px}.public-site.studio .studio-motion-toggle{min-height:44px;bottom:12px;right:64px}.public-site.studio .project-foot .preview-link{min-height:44px}}@media (prefers-reduced-motion:reduce){.public-site.studio .studio-motion-toggle{display:none}.public-site.studio .project-dialog[open]{animation:none}}@media (max-width:370px){.public-site.studio .phone-pose{width:174px;top:110px;right:10px}.public-site.studio .phone-tour-controls{left:8px}.public-site.studio .app-story-identity{left:16px}.public-site.studio .app-story-identity p{max-width:82px}.public-site.studio .app-story-art:has(.phone-tour) .secondary-device{width:145px;top:345px;left:8px}}