.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;overflow:hidden}.studio-shell[data-scene=work] .web3-flower{opacity:.28}.studio-shell[data-scene=services] .web3-flower{opacity:.3}.studio-shell.is-blooming .web3-flower{opacity:.65}.studio-shell[data-scene=contact] .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{--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-shell[data-scene=hero] .studio-header{background:0 0}.studio-shell--light .studio-header{--header-icon-hover:#24103b}.studio-shell--dark .studio-header{--header-icon-hover:#f0efeb}.studio-header[data-contrast=purple]{--header-hover-bg:var(--paper);--header-hover-ink:var(--ink);background:var(--ink);color:var(--paper)}.studio-shell[data-scene=contact] .studio-header{background:0 0}.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-projects-back--floating{z-index:60;background:var(--paper);color:var(--ink);position:fixed;top:14px;left:clamp(16px,2.7vw,48px)}.studio-projects-back--floating:hover{background:var(--ink);color:var(--paper)}.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:color .25s;display:grid}.studio-header .studio-header-button:focus-visible{outline-offset:2px;outline:2px solid}.studio-header-button:hover{color:var(--header-icon-hover);background:0 0}.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}.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{aspect-ratio:584/400;width:min(46%,584px);position:absolute;top:0;right:1%}.studio-shell--dark .studio-menu-panel{aspect-ratio:368/321;width:min(30%,368px)}.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){.studio-shell{--header-height:66px}.studio-header{padding:0 14px}.studio-header-actions{gap:0}.studio-menu-panel,.studio-shell--dark .studio-menu-panel{aspect-ratio:295/215;width:75.64%;max-width:295px;right:3%}}@media (max-height:550px){.studio-shell{--header-height:48px}.studio-header-button{width:40px;height:40px}.studio-home .studio-icon{height:34px}}@media (prefers-reduced-motion:reduce){.studio-shell *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}