.studio-shell{--header-height:72px;--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: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}.studio-shell[data-scene=work] .web3-flower{opacity:.28}.studio-shell[data-scene=services] .web3-flower,.studio-shell[data-scene=contact] .web3-flower{opacity:.3}.studio-shell.is-blooming .web3-flower{opacity:.65}.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-name*=asci i],.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{--header-hover-bg:var(--ink);--header-hover-ink:var(--paper);z-index:60;height:var(--header-height);color:var(--ink);background:var(--paper);justify-content:space-between;align-items:center;padding:0 clamp(16px,2.7vw,48px);transition:background-color .45s,color .45s;display:flex;position:fixed;inset:0 0 auto}.studio-header[data-contrast=purple]{--header-hover-bg:var(--paper);--header-hover-ink:var(--ink);background:var(--ink);color:var(--paper)}.studio-header-actions{align-items:center;gap:8px;display:flex}.studio-header-start{align-items:center;gap:12px;display:flex}.studio-projects-back{border-radius:var(--radius);min-height:44px;color:inherit;border:1px solid;align-items:center;gap:8px;padding:0 14px;font-size:16px;text-decoration:none;display:flex}.studio-projects-back:hover{background:var(--header-hover-bg);color:var(--header-hover-ink)}.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{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;transition:background-color .25s,transform .35s;display:grid}.studio-header .studio-header-button:focus-visible{outline-offset:2px;outline:2px solid}.studio-header-button:hover{background:var(--header-hover-bg);color:var(--header-hover-ink)}.studio-icon{background:currentColor;width:25px;height:25px;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}.studio-home .studio-icon{width:25px;height:39px}.studio-menu-toggle .studio-icon{width:27px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.is-menu-open .studio-menu-toggle .studio-icon{transform:rotate(90deg)}.is-sound-on .studio-icon{animation:1.2s ease-in-out infinite alternate studio-sound}.studio-menu{z-index:50;padding:calc(var(--header-height) + 22px) clamp(20px,6vw,110px) 28px;background:var(--paper);clip-path:circle(0 at calc(100% - 46px) 36px);visibility:hidden;flex-direction:column;justify-content:center;gap:clamp(8px,1.4vh,18px);transition:clip-path .65s cubic-bezier(.22,.8,.2,1),visibility .65s;display:flex;position:fixed;inset:0}.is-menu-open .studio-menu{clip-path:circle(150vmax at calc(100% - 46px) 36px);visibility:visible}.studio-menu button{border:1px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;flex:1;align-items:center;gap:clamp(18px,4vw,72px);min-height:0;max-height:150px;padding:10px clamp(18px,3vw,48px);font-size:clamp(27px,5.6vw,82px);line-height:1.12;transition:background-color .25s,color .25s;display:flex}.studio-menu button:hover,.studio-menu button:focus-visible{background:var(--ink);color:var(--paper);outline:none}.studio-menu button>span:first-child{font-size:.48em}.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){.studio-shell{--header-height:66px}.studio-header{padding:0 14px}.studio-header-actions{gap:0}.studio-menu{padding:88px 16px 22px}.studio-menu button{max-height:130px;padding:16px;font-size:clamp(27px,7.5vw,45px)}}@media (max-height:550px){.studio-shell{--header-height:48px}.studio-header-button{width:40px;height:40px}.studio-home .studio-icon{height:34px}.studio-menu{gap:6px;padding-top:64px}.studio-menu button{padding:4px 16px;font-size:clamp(22px,4vh,34px)}}@media (prefers-reduced-motion:reduce){.studio-shell *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}