.studio-shell{--k:var(--k-desktop,1);--frame-w:1280;--frame-h:832;--stage-w:min(100vw,calc(100svh * var(--frame-w) / var(--frame-h)));--u:calc(var(--stage-w) / var(--frame-w));--milk:#f0efeb;--header-height:calc(72 * var(--u));--text-backdrop:var(--paper);width:100%;height:100svh;color:var(--ink);background:var(--paper);isolation:isolate;touch-action:pan-y;-webkit-tap-highlight-color:transparent;font-family:Random Grotesque Standard Book,Arial,sans-serif;position:relative;overflow:hidden}.studio-shell[data-scene=work],.studio-shell[data-scene=services]{--text-backdrop:var(--ink)}.studio-shell :is([data-art-layer^=hero],[data-art-layer^=work],[data-art-layer^=service]) [role=img] path{stroke:var(--text-backdrop);stroke-width:3px;vector-effect:non-scaling-stroke;paint-order:stroke fill;stroke-linejoin:round}.studio-scene-background{z-index:0;background:var(--paper);transition:background-color .45s;position:fixed;inset:0}.studio-shell[data-scene=work] .studio-scene-background,.studio-shell[data-scene=services] .studio-scene-background{background:var(--ink)}.web3-flower{z-index:1;pointer-events:none;width:100%;height:100svh;transition:filter .6s,opacity .45s;position:fixed;inset:0;overflow:hidden}.studio-shell.is-blooming .web3-flower{opacity:.65}.studio-shell[data-scene=contact] .web3-flower,.studio-shell[data-scene=projects] .web3-flower{opacity:0}.studio-content{z-index:2;pointer-events:none;height:100%;position:relative}.studio-content>*{pointer-events:auto}.studio-shell .web3-site,.studio-shell .web3-story,.studio-shell .web3-chapter,.studio-shell .web3-frame,.studio-shell .web3-services-sticky,.studio-shell .web3-service-layout{background:0 0}.studio-shell .web3-art [data-header],.studio-shell .web3-header-hit,.studio-shell .web3-fixed-header,.studio-shell .web3-art [data-native-background],.studio-shell .web3-art [data-name=Rectangle\ 864],.studio-shell .web3-art [data-name=Rectangle\ 771],.studio-shell .web3-art>svg>g>g[clip-path]>g[fill],.studio-shell .web3-art>svg>g>g[fill]{display:none}.studio-header{--glow:var(--ink);z-index:60;height:var(--header-height);color:var(--ink);background:var(--paper);transition:background-color .45s,color .45s;position:fixed;inset:0 0 auto}.studio-shell[data-scene=hero] .studio-header{background:0 0}.studio-header[data-contrast=purple]{--glow:#24103b;background:var(--ink);color:var(--paper)}.studio-shell[data-scene=contact] .studio-header,.studio-shell[data-scene=projects] .studio-header{background:0 0}.studio-shell button{border-radius:var(--radius)}.studio-shell ::selection{background:var(--ink);color:var(--paper)}.studio-shell button:focus-visible,.studio-shell [tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.studio-header-button{--pad:10;--bx:var(--x);--by:var(--y);--iu:max(var(--u),.9px);left:calc((var(--bx) + var(--right,0) * (var(--w) + var(--frame-w) * (var(--k) - 1))) * var(--u) - (var(--right,0) * var(--w) + var(--pad)) * var(--iu));top:calc(var(--by) * var(--u) - var(--pad) * var(--iu));width:calc((var(--w) + 2 * var(--pad)) * var(--iu));height:calc((var(--h) + 2 * var(--pad)) * var(--iu));appearance:none;color:inherit;cursor:pointer;isolation:isolate;background:0 0;border:0;place-items:center;padding:0;transition:color .3s;display:grid;position:absolute}.studio-header-button:before{content:"";width:calc(max(var(--w),var(--h)) * 3.4 * var(--iu));aspect-ratio:1;z-index:-1;background:radial-gradient(closest-side,var(--glow),color-mix(in srgb,var(--glow) 55%,transparent) 50%,transparent);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .35s;position:absolute;top:50%;left:50%;translate:-50% -50%}.studio-header-button:is(:hover,:focus-visible):before{opacity:1}.studio-header .studio-header-button:focus-visible{outline-offset:2px;outline:2px solid}.studio-header-button:is(:hover,:focus-visible){color:var(--milk);background:0 0}.studio-icon{width:calc(var(--w) * var(--iu));height:calc(var(--h) * var(--iu));background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.is-sound-on .studio-icon{animation:1.2s ease-in-out infinite alternate studio-sound}.studio-menu{z-index:70;visibility:hidden;pointer-events:none;background:0 0;position:fixed;inset:0}.is-menu-open .studio-menu{visibility:visible;pointer-events:auto}.studio-menu-panel{top:calc(19 * var(--u));right:calc(9 * var(--u));width:calc(584 * var(--u));aspect-ratio:584/400;position:absolute}.studio-shell--dark .studio-menu-panel{width:calc(368 * var(--u));aspect-ratio:368/321}.studio-menu-art{width:100%;height:100%;display:block;position:absolute;inset:0}.studio-menu-links{grid-template-rows:repeat(3,1fr);display:grid;position:absolute;inset:13% 5% 10% 6%}.studio-menu-links button,.studio-menu-close{color:highlight;cursor:pointer;background:0 0;border:0}.studio-menu-links button:focus-visible,.studio-menu-close:focus-visible{outline-offset:-3px;outline:2px solid}.studio-menu-close{width:12%;height:14%;position:absolute;top:2%;right:2%}.is-project-open .web3-flower{filter:blur(7px)}.studio-shell .swiper-slide-shadow,.studio-shell .swiper-slide-shadow-cards,.studio-shell .swiper-slide-shadow-creative{background:var(--paper)}@keyframes studio-sound{0%{scale:1 .6}to{scale:1}}@media (max-width:700px),(max-aspect-ratio:4/5){.studio-shell{--k:var(--k-mobile,1);--frame-w:390;--frame-h:844;--header-height:calc(66 * var(--u))}.studio-header-button{--bx:var(--mx);--by:var(--my)}.studio-menu-panel,.studio-shell--dark .studio-menu-panel{right:calc(12 * var(--u));width:calc(295 * var(--u));aspect-ratio:295/215}}@media (prefers-reduced-motion:reduce){.studio-shell *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}