.lab{--lab-ink:#201b2d;--lab-accent:#8062c8;position:relative;width:100%;max-width:560px;min-height:350px;margin:0 auto;color:var(--lab-ink);isolation:isolate}.lab *{box-sizing:border-box}.lab-art{height:350px;position:relative;perspective:900px}.lab-comment{position:absolute;right:8px;top:7px;z-index:3;display:flex;align-items:flex-start;gap:9px;width:188px;padding:14px 16px;border-radius:12px;background:#201b2d;color:#fff9ff;font-size:12px;line-height:1.5;box-shadow:0 13px 24px #2a174c1c;transform:rotate(5deg)}.lab-comment:after{content:"";position:absolute;bottom:-7px;left:23px;border-top:9px solid #201b2d;border-right:11px solid transparent}.lab-comment svg{flex-shrink:0;margin-top:2px}.lab-ground{position:absolute;bottom:48px;left:15%;width:73%;height:28px;border-radius:50%;background:#40295e20;filter:blur(15px);transform:rotate(-7deg);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s}.lab-sculpture{position:absolute;top:57px;right:29px;bottom:53px;left:18px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotateX(11deg) rotateY(-24deg) rotate(-8deg);transition:transform .9s cubic-bezier(.16,1,.3,1);will-change:transform}.lab-plate{--lab-light:#a58bde;--lab-dark:#7254b0;--lab-side:#563b8f;position:relative;display:block;width:35%;height:100%;overflow:visible;filter:drop-shadow(8px 17px 13px #32204c20);transform-style:preserve-3d;flex-shrink:0;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s}.lab-plate-1{transform:translate3d(-8px,9px,15px) rotateY(9deg);z-index:3}.lab-plate-2{--lab-light:#f5efff;--lab-dark:#d2bdef;--lab-side:#9880bb;transform:translate3d(-3px,-7px,44px);z-index:2}.lab-plate-3{--lab-light:#9979d5;--lab-dark:#6c499f;--lab-side:#492f71;transform:translate3d(1px,-18px,-6px) rotateY(-5deg);z-index:1}.lab-face-light{stop-color:var(--lab-light);transition:stop-color .7s}.lab-face-dark{stop-color:var(--lab-dark);transition:stop-color .7s}.lab-edge{fill:var(--lab-side);transform:translate(14px,13px);transition:transform .9s cubic-bezier(.16,1,.3,1),fill .7s}.lab-outline{fill:none;stroke:#ffffff35;stroke-width:.7;vector-effect:non-scaling-stroke}.lab-code{position:absolute;left:31px;bottom:12px;display:flex;align-items:center;gap:8px;color:#49365f;transform:rotate(-3deg);font-size:11px;line-height:1.5}.lab-code code{font-family:Courier New,monospace;white-space:nowrap}.lab-code-dot{height:5px;width:5px;background:currentColor;border-radius:50%;flex-shrink:0}.lab-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px 14px;font-size:11px;line-height:1.4;color:#48345f}.lab-caption>span:first-child{font-weight:650}.lab-instruction{font-size:10px;text-align:right}.lab-controls{display:flex;align-items:center;justify-content:center;gap:7px}.lab-controls button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px;font:inherit;font-size:11px;font-weight:550;line-height:1.3;white-space:nowrap;background:transparent;color:#3f2e55;border:1px solid #78628f66;border-radius:8px;cursor:pointer;transition:background .2s,color .2s,transform .2s,border-color .2s}.lab-controls button:hover{background:#f5edff55;border-color:#3e275f;transform:translateY(-2px)}.lab-controls button[aria-pressed=true]{background:#201b2d;color:#fff8ff;border-color:#201b2d}.lab-controls button:focus-visible{outline:2px solid #36204f;outline-offset:4px}.lab-controls button svg{flex-shrink:0}.lab-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lab[data-variant=color] .lab-sculpture{transform:rotateX(0) rotateY(-6deg) rotate(-9deg)}.lab[data-variant=color] .lab-edge{transform:translate(7px,8px)}.lab[data-variant=color] .lab-plate-1{--lab-light:#a27df2;--lab-dark:#7950ce;--lab-side:#53358b}.lab[data-variant=color] .lab-plate-2{--lab-light:#ffb097;--lab-dark:#f18b71;--lab-side:#b26756}.lab[data-variant=color] .lab-plate-3{--lab-light:#edf5a3;--lab-dark:#c6d371;--lab-side:#909a50}.lab[data-variant=motion] .lab-sculpture{transform:rotateX(8deg) rotateY(-12deg) rotate(-5deg)}.lab[data-variant=motion] .lab-plate-1{animation:lab-float-left 5s ease-in-out infinite}.lab[data-variant=motion] .lab-plate-2{animation:lab-float-mid 5s ease-in-out -.8s infinite}.lab[data-variant=motion] .lab-plate-3{animation:lab-float-right 5s ease-in-out -1.6s infinite}.lab[data-variant=motion] .lab-ground{transform:rotate(-7deg) scaleX(1.055);filter:blur(20px)}.lab-still *{animation:none!important;transition:none!important}.lab-still[data-variant=motion] .lab-plate-1{transform:translate3d(-16px,-8px,10px) rotate(-5deg)}.lab-still[data-variant=motion] .lab-plate-3{transform:translate3d(12px,-24px,2px) rotate(6deg)}@keyframes lab-float-left{0%,to{transform:translate3d(-9px,5px,15px) rotate(-3deg)}50%{transform:translate3d(-17px,-13px,25px) rotate(1deg)}}@keyframes lab-float-mid{0%,to{transform:translate3d(-3px,-7px,44px) rotate(1deg)}50%{transform:translate3d(3px,9px,54px) rotate(-4deg)}}@keyframes lab-float-right{0%,to{transform:translate3d(6px,-14px,-6px) rotate(-1deg)}50%{transform:translate3d(14px,-29px,7px) rotate(5deg)}}@media(max-width:760px){.lab{max-width:450px;min-height:300px}.lab-art{height:240px}.lab-comment{width:160px;top:0;right:4px;padding:11px 13px;font-size:10px;gap:7px;border-radius:10px}.lab-comment svg{width:13px;height:13px}.lab-sculpture{top:43px;right:19px;bottom:38px;left:12px}.lab-code{bottom:3px;left:19px;font-size:9px;gap:6px}.lab-ground{bottom:30px;height:20px;filter:blur(12px)}.lab-caption{padding:8px 3px 10px;font-size:9px;gap:8px}.lab-instruction{font-size:9px}.lab-controls{gap:6px}.lab-controls button{min-height:38px;font-size:9px;padding:0 9px;gap:5px;flex:1}.lab-controls button svg{width:12px;height:12px}.lab-edge{transform:translate(11px,10px)}}@media(max-width:360px){.lab-controls button{padding-inline:6px;font-size:8px}.lab-instruction{max-width:140px}.lab-code{font-size:8px}}@media(prefers-reduced-motion:reduce){.lab *{animation:none!important;transition:none!important}.lab[data-variant=motion] .lab-plate-1{transform:translate3d(-16px,-8px,10px) rotate(-5deg)}.lab[data-variant=motion] .lab-plate-3{transform:translate3d(12px,-24px,2px) rotate(6deg)}}.mui-border-beam{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;border:var(--mui-beam-width,2px) solid transparent;z-index:3;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box;mask-composite:exclude}.mui-border-beam-spark{position:absolute;aspect-ratio:1;width:var(--mui-beam-size,180px);background:linear-gradient(to left,#8effff,#ae57ff 45%,#e294ff 60%,transparent);offset-path:rect(0 auto auto 0 round var(--mui-beam-size,180px));offset-distance:0%;animation:mui-border-travel var(--mui-beam-duration,8s) linear infinite;animation-delay:var(--mui-beam-delay,0s);animation-direction:var(--mui-beam-direction,normal)}.mui-shimmer-link{--mui-shimmer-spread:90deg;--mui-shimmer-color:#9ffcff;--mui-shimmer-speed:3s;--mui-shimmer-cut:2px;--mui-shimmer-radius:14px;--mui-shimmer-bg:#221335;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;overflow:hidden;border:1px solid #bc8de75c;border-radius:var(--mui-shimmer-radius);background:var(--mui-shimmer-bg);color:#fff7ff;text-decoration:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:0 8px 28px #9856ed38;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease}.mui-shimmer-link:hover{transform:translateY(-2px);box-shadow:0 10px 32px #a15fea55}.mui-shimmer-link:active{transform:translateY(1px)}.mui-shimmer-link:focus-visible{outline:2px solid #91faff;outline-offset:5px}.mui-shimmer-container{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;overflow:visible;z-index:0;filter:blur(1px);pointer-events:none}.mui-shimmer-slide{position:absolute;inset:0 auto 0 0;aspect-ratio:1;height:100cqh;animation:mui-shimmer-slide var(--mui-shimmer-speed) ease-in-out infinite alternate}.mui-shimmer-spin{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;width:auto;translate:0 0;background:conic-gradient(from calc(270deg - var(--mui-shimmer-spread)*.5),transparent 0,var(--mui-shimmer-color) var(--mui-shimmer-spread),transparent var(--mui-shimmer-spread));animation:mui-spin-around calc(var(--mui-shimmer-speed)*2) linear infinite}.mui-shimmer-backdrop{position:absolute;inset:var(--mui-shimmer-cut);border-radius:inherit;background:var(--mui-shimmer-bg);z-index:1;pointer-events:none}.mui-shimmer-content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:10px}.mui-shimmer-highlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;box-shadow:inset 0 -8px 10px #ffffff1f;pointer-events:none;transition:box-shadow .3s ease}.mui-shimmer-link:hover .mui-shimmer-highlight{box-shadow:inset 0 -6px 10px #ffffff3f}.mui-shimmer-link:active .mui-shimmer-highlight{box-shadow:inset 0 -10px 10px #ffffff3f}.mui-orbiting-circles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.mui-orbit-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.mui-orbit-path circle{fill:none;stroke:#a87eec63;stroke-width:1;vector-effect:non-scaling-stroke}.mui-orbit-center{position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);opacity:.6}.mui-orbit-center:before,.mui-orbit-center:after{content:"";position:absolute;background:#cba3fc80}.mui-orbit-center:before{width:9px;height:1px;top:4px}.mui-orbit-center:after{width:1px;height:9px;left:4px}.mui-orbit-item{position:absolute;left:calc(50% - var(--mui-orbit-icon)/2);top:calc(50% - var(--mui-orbit-icon)/2);width:var(--mui-orbit-icon);height:var(--mui-orbit-icon);display:flex;align-items:center;justify-content:center;border-radius:50%;transform:rotate(var(--mui-orbit-angle)) translateY(var(--mui-orbit-radius)) rotate(calc(var(--mui-orbit-angle)*-1));animation:mui-orbit var(--mui-orbit-duration) linear infinite;animation-direction:var(--mui-orbit-direction);will-change:transform}.mui-orbit-item>svg{width:70%;height:70%;color:#e9d7ff;filter:drop-shadow(0 0 8px #b370ec)}.mui-aurora-text{display:inline-block;position:relative}.mui-aurora-gradient{position:relative;display:inline;background-image:linear-gradient(135deg,#b3a0ff,#76e4ff,#f0a5ff,#b3a0ff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:mui-aurora 10s ease-in-out infinite alternate;box-decoration-break:clone;-webkit-box-decoration-break:clone}.mui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes mui-border-travel{to{offset-distance:100%}}@keyframes mui-shimmer-slide{to{transform:translate(calc(100cqw - 100%))}}@keyframes mui-spin-around{0%{transform:translateZ(0) rotate(0)}15%,35%{transform:translateZ(0) rotate(90deg)}65%,85%{transform:translateZ(0) rotate(270deg)}to{transform:translateZ(0) rotate(360deg)}}@keyframes mui-orbit{0%{transform:rotate(var(--mui-orbit-angle)) translateY(var(--mui-orbit-radius)) rotate(calc(var(--mui-orbit-angle)*-1))}to{transform:rotate(calc(var(--mui-orbit-angle) + 360deg)) translateY(var(--mui-orbit-radius)) rotate(calc(var(--mui-orbit-angle)*-1 - 360deg))}}@keyframes mui-aurora{0%{background-position:0% 50%;transform:rotate(-5deg) scale(.9)}25%{background-position:50% 100%;transform:rotate(5deg) scale(1.1)}50%{background-position:100% 50%;transform:rotate(-3deg) scale(.95)}75%{background-position:50% 0%;transform:rotate(3deg) scale(1.05)}to{background-position:0% 50%;transform:rotate(-5deg) scale(.9)}}[data-active=false].mui-border-beam *,[data-active=false].mui-shimmer-link *,[data-active=false].mui-orbiting-circles *,[data-active=false].mui-aurora-text *,.still .mui-border-beam *,.still .mui-shimmer-link *,.still .mui-orbiting-circles *,.still .mui-aurora-text *{animation-play-state:paused!important;transition:none!important}.mui-shimmer-link[data-active=false],.still .mui-shimmer-link{transition:none!important}.mui-shimmer-link[data-active=false]:hover,.still .mui-shimmer-link:hover{transform:none}@media(prefers-reduced-motion:reduce){.mui-border-beam *,.mui-shimmer-link *,.mui-orbiting-circles *,.mui-aurora-text *{animation:none!important;transition:none!important}.mui-border-beam-spark{offset-distance:25%}.mui-shimmer-link{transition:none!important}.mui-shimmer-link:hover{transform:none}.mui-aurora-gradient{background-position:50% 50%}}@media(forced-colors:active){.mui-aurora-gradient{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.mui-shimmer-link{border:2px solid LinkText}.mui-shimmer-content{color:LinkText}.mui-shimmer-backdrop{background:Canvas}.mui-border-beam,.mui-shimmer-container{display:none}}.magic-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;contain:layout paint}.magic-particles>canvas{display:block;width:100%;height:100%;pointer-events:none}@font-face{font-family:Inter;src:url(../fonts/InterVariable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Bricolage;src:url(../fonts/bricolage-grotesque-latin-standard-normal.woff2) format("woff2");font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap}:root{font-family:Inter,sans-serif;color:#f3effa;background:#100a1d;font-synthesis:none;--ink:#211b2d;--ground:#100a1d;--surface:#242129;--paper:#d4c5f7;--paper-bright:#e4dbfc;--accent:#bea3f3;--muted:#b6afc0;--line:#ffffff26;--display:Bricolage,Inter,sans-serif;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;scrollbar-color:#81708f #100a1d}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;text-underline-offset:.23em}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.5;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a6e0d8;outline-offset:5px}input{caret-color:var(--accent)}::selection{background:#c7acef;color:#211b2d}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:650;letter-spacing:-.035em;text-wrap:balance}p{line-height:1.7;text-wrap:pretty}svg{flex-shrink:0}.shell{width:min(1376px,calc(100% - 64px));margin-inline:auto}.site{overflow:clip}.site-header{height:100px;display:flex;align-items:center;gap:64px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-size:24px;letter-spacing:-.035em;font-weight:700;flex-shrink:0}.brand img{width:48px;height:48px;object-fit:contain;border-radius:50%}.brand-two,.brand-period{color:var(--accent)}.site-header nav{display:flex;gap:34px;color:#d2cadc;font-size:14px}.site-header nav a{padding:12px 0;transition:color .2s}.site-header nav a:hover{color:#fff}.header-link{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;min-height:44px}.header-link svg{transition:transform .3s var(--ease)}.header-link:hover svg{transform:translate(3px,-3px)}.hero{position:relative;background:var(--paper);color:var(--ink);border-radius:20px;padding:66px 52px 0;min-height:672px;isolation:isolate;display:grid;grid-template-columns:1.2fr 1fr;color-scheme:light}.hero-copy{position:relative;z-index:2;align-self:start;padding-bottom:100px}.hero h1{font-size:clamp(50px,6.12vw,88px);font-weight:720;line-height:.99;letter-spacing:-.04em;max-width:850px;white-space:nowrap}.hero h1>span{position:relative;display:inline-block}.hero h1>span:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;background:var(--ink);transform:rotate(-2deg);transform-origin:left center}.hero-copy>p{font-size:16px;max-width:362px;margin-top:33px;line-height:1.75;color:#4d425f}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:0 23px;border-radius:8px;font-size:14px;font-weight:550;transition:background .25s,transform .3s var(--ease);text-align:left}.button svg{transition:transform .3s var(--ease)}.button:hover svg{transform:translate(3px,-3px)}.button:active{transform:scale(.98)}.button-dark{background:var(--ink);color:#f4effb}.button-dark:hover{background:#382e49}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#e7d9ff}.hero .button{margin-top:27px}.hero-lab{position:relative;z-index:1;align-self:center;min-width:0;margin-left:-25px;margin-top:30px}.hero-bottom{position:absolute;bottom:0;left:52px;right:52px;min-height:67px;border-top:1px solid #30243f38;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#574a66;font-size:11px}.hero-bottom a{width:42px;height:42px;display:grid;place-items:center;border:1px solid #30243f52;border-radius:50%;transition:background .2s,color .2s}.hero-bottom a:hover{background:var(--ink);color:#fff}.category-rail{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line)}.category-rail a{display:flex;align-items:center;gap:14px;padding:29px 8px;font-size:13px;color:#c4bbd0;transition:color .2s}.category-rail a:not(:first-child){padding-left:32px}.category-rail a>svg:first-child{color:#b69adb}.category-rail a>svg:last-child{margin-left:auto;margin-right:24px;opacity:.5}.category-rail a:hover{color:#fff}.category-rail a:hover>svg:last-child{opacity:1}.catalog{padding-block:108px 96px;scroll-margin-top:10px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:44px}.section-heading h2{font-size:clamp(36px,4.25vw,58px);line-height:1.08}.section-heading h2 span{color:#a69cab}.section-description{max-width:300px;padding-bottom:4px}.section-description p{font-size:14px;color:#c1b8cb;line-height:1.7}.catalog-count{display:block;font-size:11px;color:#b49cce;margin-top:16px;font-variant-numeric:tabular-nums}.catalog-toolbar{display:flex;justify-content:space-between;gap:28px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}.category-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.category-filters button{display:inline-flex;align-items:center;gap:13px;min-height:42px;background:transparent;padding:0 15px;border-radius:6px;color:#bcb3c6;font-size:13px;transition:background .2s,color .2s}.category-filters button>span{font-size:10px;opacity:.8;font-variant-numeric:tabular-nums}.category-filters button:hover{color:#fff;background:#ffffff0b}.category-filters button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.catalog-search{min-width:190px;width:276px;height:44px;display:flex;align-items:center;gap:11px;color:#b9adc8;border-bottom:1px solid #94859f;padding:0 3px 0 0}.catalog-search input{background:none;border:0;outline:0;color:#f4eef8;font-size:13px;width:100%;min-width:0;height:100%;border-radius:0}.catalog-search input::placeholder{color:#b1a5bf;opacity:1}.catalog-search:focus-within{border-color:var(--paper)}.catalog-search input:focus-visible{outline:0}.catalog-search:has(input:focus-visible){outline:2px solid #a6e0d8;outline-offset:5px}.catalog-empty{display:grid;grid-template-columns:126px minmax(0,1fr) 60px;gap:38px;align-items:center;min-height:266px;padding:44px;background:#24212a;border-radius:12px}.catalog-empty h3{font-size:28px;font-weight:550;letter-spacing:-.025em}.catalog-empty p{color:#bdb1c8;max-width:500px;font-size:14px;margin-top:12px}.catalog-empty .text-action{margin-top:24px;font-size:12px}.empty-mark{position:relative;width:114px;height:114px;border:1px dashed #897497;border-radius:50%;display:grid;place-items:center;color:#c3a5e1;transform:rotate(-9deg)}.empty-plus{position:absolute;right:-5px;top:-4px;width:35px;height:35px;background:#cbb4e9;border-radius:50%;display:grid;place-items:center;color:#30263c;font-size:24px;line-height:1}.empty-corner{align-self:end;color:#877099}.text-action{display:inline-flex;align-items:center;gap:15px;min-height:30px;padding:0;background:none;font-size:13px;color:#dfc8f6;font-weight:500;text-align:left;transition:color .2s}.text-action:hover{color:#fff}.text-action svg{transition:transform .3s var(--ease)}.text-action:hover svg{transform:translate(3px)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.project-card{min-width:0;background:transparent}.project-art{height:250px;position:relative;background:#ccb6ed;color:#302144;border-radius:12px;overflow:hidden}.category-program .project-art,.details-art.category-program{background:#b6d6d1;color:#213b36}.category-game .project-art,.details-art.category-game{background:#dfc39f;color:#48321c}.project-art>img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.project-card:hover .project-art>img{transform:scale(1.04)}.project-symbol{display:grid;place-items:center;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-9deg);transition:transform .5s var(--ease)}.project-card:hover .project-symbol{transform:rotate(0) scale(1.05)}.project-category{position:absolute;left:17px;top:17px;font-size:11px;color:#211b2d;background:#ffffffa6;padding:7px 10px;border-radius:4px}.project-open{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;background:#211b2d;color:#f4effb;width:44px;height:44px;border-radius:50%;transition:transform .3s var(--ease)}.project-open:hover{transform:rotate(45deg)}.project-info{padding:22px 2px 0}.project-meta{display:flex;justify-content:space-between;gap:15px;min-width:0;overflow-wrap:anywhere;font-size:11px;color:#aea1ba;margin-bottom:12px}.project-title{padding:0;text-align:left;background:none;max-width:100%}.project-title h3{font-size:27px;letter-spacing:-.025em;overflow-wrap:anywhere}.project-title:hover{color:#dcc2fa}.project-info>p{color:#bdb2c8;font-size:13px;line-height:1.8;margin-top:11px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:70px}.project-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.project-actions>span{font-size:11px;color:#c1b7cd;white-space:nowrap}.catalog-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.catalog-loading>span{height:230px;background:#29242f;border-radius:12px;animation:loading 1.4s ease-in-out infinite alternate}.catalog-loading>p{grid-column:1/-1;color:#c0b4cc;font-size:13px}.catalog-error{padding:40px;background:#29222e;border-radius:12px}.catalog-error h3{font-size:27px}.catalog-error p{font-size:14px;color:#d7bdd8;margin:12px 0 25px}.idea-section{padding:84px 0 110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:110px}.idea-brand{display:flex;align-items:center;gap:15px;margin-bottom:32px}.idea-brand img{width:70px;height:70px;border-radius:50%}.idea-brand>span{font-size:12px;line-height:1.65;color:#bdb0c9}.idea-heading h2{font-size:clamp(38px,4.15vw,58px);line-height:1.09;letter-spacing:-.035em}.idea-heading h2 em{font-style:normal;color:var(--accent)}.idea-heading>p{font-size:14px;color:#bdb0c8;max-width:350px;margin-top:24px}.idea-steps{list-style:none;margin:0;padding:0}.idea-steps li{padding:25px 0 29px;border-top:1px solid var(--line)}.idea-steps li:first-child{border-top:0;padding-top:7px}.step-top{float:right;display:flex;align-items:center;justify-content:flex-end;color:#b79dce;margin:0 0 10px 20px}.code-sign{font-family:monospace;font-size:24px;line-height:1}.idea-steps h3{font-size:25px;line-height:1.25;letter-spacing:-.025em}.idea-steps p{font-size:13px;color:#bfb3cc;margin-top:10px;max-width:410px;line-height:1.8}.site-footer{padding-block:0 27px}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;font-size:10px;color:#a89cb5}.motion-toggle{display:flex;gap:9px;align-items:center;min-height:30px;color:#cbbfd8;background:none;padding:0;font-size:11px}.toggle-track{display:inline-flex;align-items:center;width:28px;height:16px;background:#675b72;border-radius:12px;padding:3px}.toggle-track:after{content:"";width:10px;height:10px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-track.on{background:#9975c0}.toggle-track.on:after{transform:translate(12px)}.project-dialog{color:#f3edf9;background:#24212a;border:1px solid #80708c;border-radius:16px;width:590px;max-width:calc(100vw - 32px);max-height:90dvh;padding:29px;box-shadow:0 25px 80px #100b1690}.project-dialog::backdrop{background:#0b0814c9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.dialog-heading h2{font-size:31px;letter-spacing:-.03em;overflow-wrap:anywhere;min-width:0}.icon-button{width:42px;height:42px;background:#4e425a;color:#f9f3ff;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.icon-button:hover{background:#725780}.icon-button svg{width:20px;height:20px}.details-art{height:210px;display:grid;place-items:center;background:#c4aadf;color:#3c274f;border-radius:10px;overflow:hidden}.details-art img{width:100%;height:100%;object-fit:cover}.details-meta{display:flex;flex-wrap:wrap;gap:12px;margin:21px 0;font-size:11px;color:#c6b4d5;overflow-wrap:anywhere}.description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.hint{font-size:12px;color:#c0afce;line-height:1.7;margin-top:18px}.dialog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}.skip-link{position:fixed;left:16px;top:-90px;z-index:10;background:#d4c5f7;color:#211b2d;padding:13px;border-radius:6px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.still *,.still *:before,.still *:after{animation:none!important;transition:none!important}@keyframes loading{to{opacity:.5}}@media(min-width:1600px){.hero{min-height:710px;padding-top:80px}.hero-lab{margin-left:0}.hero-copy>p{margin-top:42px}}@media(max-width:1150px){.shell{width:calc(100% - 48px)}.site-header{gap:40px}.hero{padding:55px 35px 0;min-height:660px;grid-template-columns:1.08fr 1fr}.hero h1{font-size:6.1vw}.hero-lab{margin-left:-35px;margin-top:80px}.hero-copy>p{font-size:14px;max-width:320px}.hero-bottom{left:35px;right:35px}.idea-section{gap:65px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:22px}.brand img{width:43px;height:43px}}@media(max-width:850px){.site-header{gap:28px;height:88px}.site-header nav{gap:22px;font-size:12px}.header-link{font-size:12px;gap:12px}.hero{grid-template-columns:1fr;padding:43px 32px 0;min-height:0}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(46px,8.4vw,70px)}.hero-copy>p{max-width:450px;font-size:15px}.hero-lab{margin:0 0 70px;max-width:560px;width:100%;justify-self:end}.hero .button{margin-top:22px}.hero-bottom{left:32px;right:32px}.category-rail a{font-size:11px;gap:9px;padding-block:23px}.category-rail a:not(:first-child){padding-left:14px}.category-rail a>svg:last-child{display:none}.category-rail a>svg:first-child{width:17px}.section-heading h2{font-size:44px}.section-description{max-width:230px}.section-description p{font-size:12px}.catalog-toolbar{gap:15px;align-items:stretch}.category-filters{gap:1px}.category-filters button{padding-inline:11px;gap:8px;font-size:12px}.catalog-search{min-width:150px;width:200px}.catalog-empty{padding:30px;grid-template-columns:87px minmax(0,1fr);gap:25px}.empty-mark{width:80px;height:80px}.empty-mark>svg{width:45px}.empty-corner{display:none}.catalog-empty h3{font-size:25px}.catalog-empty p{font-size:13px}.idea-section{gap:40px}.idea-heading h2{font-size:40px}.idea-steps h3{font-size:22px}}@media(max-width:600px){.shell{width:calc(100% - 32px)}.site-header{height:79px;gap:12px}.brand{font-size:20px;gap:8px}.brand img{width:38px;height:38px}.site-header nav{display:none}.header-link{font-size:11px;gap:8px}.header-link>svg{width:15px}.hero{padding:35px 24px 0;border-radius:14px}.hero h1{font-size:clamp(35px,8.75vw,52px);font-weight:730;line-height:1.07;letter-spacing:-.04em}.hero h1>span:after{bottom:-4px;height:2px}.hero-copy>p{font-size:13px;line-height:1.8;margin-top:23px;max-width:320px}.hero .button{font-size:12px;min-height:48px;padding-inline:18px;gap:29px;margin-top:20px}.hero-lab{margin:15px -12px 70px;width:calc(100% + 24px);justify-self:center}.hero-bottom{left:24px;right:24px;min-height:54px;font-size:9px;gap:14px}.hero-bottom>span{max-width:220px;line-height:1.5}.hero-bottom a{width:31px;height:31px;flex-shrink:0}.hero-bottom svg{width:15px}.category-rail{grid-template-columns:1fr;gap:0;padding:14px 0}.category-rail a,.category-rail a:not(:first-child){padding:10px 7px;font-size:12px;gap:14px}.category-rail a>svg:last-child{display:block;margin-right:3px;width:16px}.catalog{padding-block:62px 58px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:38px;line-height:1.06}.section-description{max-width:320px;margin-top:19px}.section-description p{font-size:12px}.catalog-count{margin-top:11px;font-size:10px}.catalog-toolbar{flex-direction:column;gap:20px;padding-bottom:20px;margin-bottom:22px}.category-filters{justify-content:space-between;gap:4px;flex-wrap:nowrap}.category-filters button{gap:8px;min-height:42px;padding:0 10px;font-size:11px}.category-filters button>span{font-size:9px}.catalog-search{width:100%;height:41px}.catalog-search input{font-size:13px}.catalog-empty{grid-template-columns:1fr;padding:32px 24px;gap:25px;min-height:330px}.empty-mark{width:69px;height:69px}.empty-mark>svg{width:39px}.empty-plus{width:26px;height:26px;right:-4px;font-size:19px}.catalog-empty h3{font-size:26px;max-width:250px}.catalog-empty p{font-size:12px;line-height:1.85;margin-top:12px}.catalog-empty .text-action{margin-top:22px;font-size:11px;gap:9px}.catalog-grid{grid-template-columns:1fr;gap:35px}.project-art{height:240px}.project-title h3{font-size:27px}.project-info>p{min-height:0}.catalog-loading{grid-template-columns:1fr}.catalog-loading>span:not(:first-child){display:none}.catalog-error{padding:28px}.idea-section{padding:50px 0 58px;grid-template-columns:1fr;gap:35px}.idea-brand{margin-bottom:25px}.idea-brand img{width:58px;height:58px}.idea-brand>span{font-size:11px}.idea-heading h2{font-size:40px}.idea-heading>p{font-size:13px;margin-top:20px;max-width:320px}.idea-steps li{padding:25px 0}.idea-steps li:first-child{padding-top:25px;border-top:1px solid var(--line)}.idea-steps h3{font-size:24px}.idea-steps p{font-size:12px;line-height:1.85}.step-top{font-size:10px;margin-bottom:13px}.site-footer{padding-block:0 22px}.footer-bottom{align-items:flex-start;font-size:9px;gap:30px;line-height:1.7;padding-top:22px}.footer-bottom>span{max-width:165px}.motion-toggle{white-space:nowrap;font-size:9px;gap:6px}.toggle-track{width:27px;height:15px}.toggle-track:after{width:9px;height:9px}.project-dialog{padding:22px;max-height:87dvh}.dialog-heading h2{font-size:28px}.details-art{height:170px}.details-meta{font-size:10px}.dialog-actions{gap:15px}.dialog-actions .button{font-size:12px;gap:18px}.dialog-actions .text-action{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.magic-hero{background:var(--ground);color:#f7f1ff;overflow:hidden;box-shadow:inset 0 0 0 1px #b790fb45;color-scheme:dark}.hero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 86% 38%,#783ddb50,transparent 46%),radial-gradient(ellipse at 55% 110%,#266d9d2e,transparent 55%),linear-gradient(130deg,#120a1f,#140b26 66%,#180e2c)}.magic-hero .hero-copy>p{color:#c9badb}.magic-hero h1>span:after{display:none}.magic-hero .hero-bottom{border-color:#ab83e638;color:#c1aad8;z-index:3}.magic-hero .hero-bottom a{border-color:#ac8bd055;color:#dbc5f9}.magic-hero .hero-bottom a:hover{background:#b895f0;color:#1d102b}.hero-bottom-actions{display:flex;align-items:center;gap:17px}.hero-motion{display:inline-flex;gap:7px;align-items:center;background:none;color:#cab5df;font-size:11px;min-height:42px;padding:0 9px}.hero-motion:hover{color:#fff}.magic-hero .hero-shimmer{box-shadow:0 8px 28px #9b5bf338}.magic-hero .lab{color:#dfd1f1}.magic-hero .lab-comment{background:#251339;color:#f3eaff;box-shadow:0 16px 33px #08040c60,inset 0 0 0 1px #b77ff452}.magic-hero .lab-comment:after{border-top-color:#251339}.magic-hero .lab-plate-1{--lab-light:#d3b7ff;--lab-dark:#9b71e4;--lab-side:#64429a}.magic-hero .lab-plate-2{--lab-light:#f5f4ff;--lab-dark:#c3d8ff;--lab-side:#698ec6}.magic-hero .lab-plate-3{--lab-light:#c39ff2;--lab-dark:#9965d7;--lab-side:#633b95}.magic-hero .lab-plate{filter:drop-shadow(5px 15px 18px #9170ed4d)}.magic-hero .lab-ground{background:#aa63ff45}.magic-hero .lab-code{color:#ccaff2}.magic-hero .lab-caption{color:#d6c2eb}.magic-hero .lab-controls button{background:#281638a3;border-color:#b08cdb66;color:#dcccfa}.magic-hero .lab-controls button[aria-pressed=true]{background:#d5bdfa;color:#281339;border-color:#ddc6ff}.magic-hero .lab-controls button:focus-visible{outline-color:#85ebf5}.lab-orbits{position:absolute;left:50%;top:48%;width:320px;height:320px;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.lab-orbit-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cfb1ff96;border-radius:11px;background:#27113ed9;color:#bcefff;box-shadow:0 6px 21px #744cc34d}.lab-orbit-icon svg{width:16px;height:16px;stroke-width:1.5}.magic-credit{display:inline-flex;align-items:center;gap:7px;color:#d6b8f9}.magic-credit:hover{color:#fff}@media(hover:hover)and (pointer:fine){.magic-hero .lab-controls button:hover{background:#493065;border-color:#caa5ef;color:#fff}.hero-motion:hover{background:#b985f711;border-radius:6px}}@media(max-width:760px){.lab-orbits{transform:translate(-50%,-50%) scale(.64);top:51%}.hero-bottom-actions{gap:9px}.hero-motion{font-size:10px;gap:5px;padding-inline:4px}}@media(max-width:600px){.hero-bottom>span{max-width:175px}.hero-bottom-actions{gap:7px}.hero-motion span{display:none}.hero-motion{min-width:32px;justify-content:center}.footer-bottom{flex-wrap:wrap;gap:14px}.footer-bottom>.magic-credit{order:3;width:100%;font-size:10px}.footer-bottom>.motion-toggle{margin-left:auto}}@media(hover:none){.mui-shimmer-link:hover{transform:none}.mui-shimmer-link:hover .mui-shimmer-highlight{box-shadow:inset 0 -8px 10px #ffffff1f}}
