:root{--bg:#17151d;--panel:#24212c;--text:#f2eee8;--muted:#aaa4b2;--line:#3a3542;--accent:#edbb98}
.header{height:76px}.logo span{color:#d0b8ee}.desktop-nav a{color:#c9c1d0}.header-contact{border-color:#807185}.header-contact:hover{color:var(--accent)}.studio-hero.hero{display:block;padding-top:28px;padding-bottom:0}.studio-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:23px}.studio-heading .eyebrow{font-size:8px;letter-spacing:.18em;margin-bottom:11px;color:#bdb2c7}.studio-heading h1,html[lang=ru] .studio-heading h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,3.5vw,53px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:0}.studio-heading h1>span{color:var(--accent)}.studio-introduction{max-width:255px;text-align:right}.studio-introduction p{font-size:11px;line-height:1.7;color:#c8c0d1}.quick-view{display:inline-block;margin-top:10px;font-size:9px;color:#bca7d8;border-bottom:1px solid #695776;padding-bottom:4px}.studio-desktop{border:1px solid #6c5c76;border-radius:13px;overflow:hidden;box-shadow:0 24px 65px #0004;background:#25212b}.studio-menubar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e6e0e9;color:#3f344b;padding:10px 17px;font-size:8px;line-height:1;letter-spacing:.06em}.menubar-brand{display:flex;gap:13px;align-items:center;white-space:nowrap;font-weight:600}.mini-mark{font-size:15px;letter-spacing:-.1em}.menubar-hint{color:#766980;font-size:8px}.desktop-edition{font-size:8px;color:#84758d}.studio-scene{position:relative;aspect-ratio:1672/941;isolation:isolate;overflow:hidden;--mx:0;--my:0;background:#5f4163}.room-layer{position:absolute;inset:0;transform:translate(calc(var(--mx)*-5px),calc(var(--my)*-3px)) scale(1.015);will-change:transform;transition:transform .3s ease-out}.room-art{height:100%;width:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.room-hotspot{position:absolute;border:1px solid transparent;background:none;border-radius:4px;padding:0;transition:border-color .25s,box-shadow .25s;cursor:pointer}.room-hotspot:before,.room-hotspot:after{content:'';position:absolute;width:8px;height:8px;border-color:#f9d6ac;border-style:solid;opacity:0;transition:opacity .2s}.room-hotspot:before{top:-4px;left:-4px;border-width:1px 0 0 1px}.room-hotspot:after{right:-4px;bottom:-4px;border-width:0 1px 1px 0}.room-hotspot:hover,.room-hotspot:focus-visible{border-color:#f3cfaa70;box-shadow:0 0 25px #f3cfaa12;outline:none}.room-hotspot:hover:before,.room-hotspot:hover:after,.room-hotspot:focus-visible:before,.room-hotspot:focus-visible:after{opacity:1}.hotspot-mirror{left:5.3%;top:11%;width:16%;height:76%}.hotspot-monitor{left:56.3%;top:42.7%;width:20%;height:22%}.hotspot-tools{left:46%;top:37.6%;width:8.6%;height:26%}.hotspot-laptop{left:80%;top:58%;width:12.5%;height:14.5%}.hotspot-caption{position:absolute;bottom:-25px;left:50%;transform:translate(-50%,4px);background:#25202be8;border:1px solid #bc9dca70;border-radius:5px;padding:7px 10px;white-space:nowrap;color:#f6eee5;font-size:9px;line-height:1;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:4}.room-hotspot:hover .hotspot-caption,.room-hotspot:focus-visible .hotspot-caption{opacity:1;transform:translate(-50%,0)}.scene-folders{position:absolute;inset:0;pointer-events:none;transform:translate(calc(var(--mx)*7px),calc(var(--my)*4px));transition:transform .35s ease-out}.desktop-folder{position:absolute;background:none;border:0;display:flex;align-items:center;flex-direction:column;gap:3px;padding:8px;pointer-events:auto;min-width:86px;transform-origin:50% 70%;transition:transform .25s}.desktop-folder>svg{width:50px;height:45px;filter:drop-shadow(1px 4px 3px #0004);transition:transform .25s}.desktop-folder>span{color:white;font-size:9px;line-height:1.3;text-shadow:0 1px 4px #000;background:#312b3c40;padding:3px 6px;border-radius:4px;white-space:nowrap}.desktop-folder:hover>svg{transform:translateY(-4px) rotate(-5deg)}.desktop-folder:hover>span,.desktop-folder:focus-visible>span{background:#443a71ba}.folder-work{left:63%;top:23%}.folder-about{left:27%;top:21%}.scene-hint{position:absolute;left:19px;bottom:22px;display:flex;gap:8px;align-items:center;color:#f5e4e0;max-width:180px;font-size:8px;line-height:1.7;text-shadow:0 1px 5px #000}.scene-hint>span:first-child{font-size:19px;align-self:start}.studio-dock{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:end;gap:10px;padding:9px 11px 5px;background:#eae2ee55;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid #f5e7f28a;border-radius:17px;box-shadow:0 10px 28px #100a2050;z-index:5}.dock-item{position:relative;background:none;border:0;padding:0;display:flex;align-items:center;flex-direction:column;gap:4px;transform-origin:50% 100%;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.dock-item:hover,.dock-item:focus-visible{transform:translateY(-5px) scale(1.13);outline:none}.dock-item:focus-visible .dock-icon{outline:2px solid #f8e2be;outline-offset:3px}.dock-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;box-shadow:inset 0 1px 1px #fff8,0 2px 4px #0003;color:#fff;border:1px solid #ffffff40}.dock-icon svg{width:31px;height:31px;display:block}.icon-about{background:linear-gradient(145deg,#d1a9cf,#8066a3)}.icon-work{background:linear-gradient(145deg,#88c8f6,#4476ca)}.icon-tools{background:linear-gradient(145deg,#d9cbb8,#937da4)}.icon-contact{background:linear-gradient(145deg,#edb795,#c57a79)}.icon-experience{background:linear-gradient(145deg,#b3c7b0,#718c88)}.dock-divider{height:41px;width:1px;background:#ffffff50;margin-inline:2px 0;align-self:center}.dock-item i{width:3px;height:3px;border-radius:50%;background:#302835;opacity:0;transition:opacity .2s}.dock-item.is-open i{opacity:1}.dock-tooltip{position:absolute;bottom:calc(100% + 13px);left:50%;transform:translateX(-50%);border-radius:6px;background:#f0e9f0ed;color:#302833;padding:7px 10px;box-shadow:0 3px 10px #0002;white-space:nowrap;font-size:10px;opacity:0;pointer-events:none;transition:opacity .18s}.dock-item:hover .dock-tooltip,.dock-item:focus-visible .dock-tooltip{opacity:1}.studio-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0 33px;font-size:9px;color:#ada1b8;line-height:1.7}.studio-caption>a{display:flex;gap:15px;color:#d2bfdc}.studio-caption>a:hover{color:var(--accent)}.profile-photo-wrap{margin-bottom:25px;width:230px;max-width:100%}.profile-photo-wrap img{width:100%;height:auto;border-radius:8px}.about-body h2{font-size:42px}.about .process{border-color:var(--line)}.skill-tags span:hover{border-color:#b9a1dc;color:#d6c3ee}.experience-tag{background:#332a40;color:#d9c0ee}.achievement{background:#d9cdea;color:#312a3c}.achievement .section-label,.achievement .micro{color:#655574}.achievement .tiny-square{background:#756187}.achievement-copy p{color:#655574}.achievement-copy .text-link{border-color:#857095}.achievement-copy .text-link:hover{color:#5a3f71}.tool-row{border-color:#36313f}.work-note .status-dot{background:#b69abd}.project-image{border-radius:8px;background:#29232f}.project-info h3{font-size:21px}.project-badge{padding:5px 7px;background:#1c192970;border-radius:4px}.project-index{color:#8e769e}.button-light{border-radius:5px}.project-play{background:#27202a55}.work-heading .serif{color:#d2c1de}.contact-title .serif,.contact-arrow{color:#ddbee6}.text-link{border-color:#776480}.footer{border-color:var(--line)}
.studio-window{--window-x:0px;--window-y:0px;width:min(920px,calc(100% - 48px));max-height:min(82dvh,850px);margin:auto;border:1px solid #cec2d2;background:#f3eff4;color:#332c3c;border-radius:12px;transform:translate(var(--window-x),var(--window-y));box-shadow:0 35px 100px #0007;overflow:hidden}.studio-window::backdrop{background:#130e1a77;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.studio-window-shell{display:flex;flex-direction:column;max-height:inherit}.studio-window[open] .studio-window-shell{animation:open-window .24s cubic-bezier(.2,.7,.3,1)}.studio-window-bar{display:grid;grid-template-columns:94px 1fr 94px;align-items:center;gap:15px;flex:none;padding:15px 17px;border-bottom:1px solid #d4cadb;background:#e6dfe9;cursor:grab;user-select:none;touch-action:none}.studio-window-bar.dragging{cursor:grabbing}.studio-window-bar h2{font:500 12px Arial,Helvetica,sans-serif;letter-spacing:0;text-align:center;line-height:1.4}.window-traffic{display:flex;align-items:center;gap:8px}.traffic{width:13px;height:13px;border-radius:50%;border:1px solid #0002;padding:0;display:grid;place-items:center;color:#4c3036;font-size:11px;font-family:Arial;line-height:1}.traffic-close{background:#f17871}.traffic-minimize{background:#edc56f}.traffic-expand{background:#98c196}.traffic span{opacity:0;transition:opacity .1s}.window-traffic:hover span,.traffic:focus-visible span{opacity:1}.traffic:focus-visible{outline:2px solid #6b4d89;outline-offset:4px}.window-language{justify-self:end;border:1px solid #c7b8d0;border-radius:4px;background:#eee7f1;color:#715a81;padding:4px 7px;font-size:9px;letter-spacing:.06em;cursor:pointer}.studio-window-content{padding:30px;overflow-y:auto;overscroll-behavior:contain;min-height:0;font-size:13px;line-height:1.7}.studio-window .micro{color:#84718e}.studio-window-intro{color:#796783;font-size:13px;line-height:1.8;margin-bottom:23px}.studio-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.studio-work-card{display:block;background:#fffafc;border:1px solid #ded3e4;border-radius:8px;overflow:hidden;padding:0;text-align:left;color:#3b3044;min-width:0;transition:transform .25s,box-shadow .25s}.studio-work-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #4c2a5712}.studio-work-card:focus-visible{outline:2px solid #9c6fa6;outline-offset:3px}.studio-work-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#29202f}.studio-work-info{padding:19px}.studio-work-info>.micro{font-size:8px}.studio-work-info h3{font-size:20px;line-height:1.2;margin:9px 0;overflow-wrap:anywhere}.studio-work-info>p{font-size:11px;color:#81718c;line-height:1.7;overflow-wrap:anywhere}.studio-work-action{display:block;font-size:10px;color:#81598e;margin-top:17px}.studio-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:23px}.studio-filter{border:1px solid #d8ccdf;background:none;border-radius:20px;padding:6px 11px;color:#8a7694;font-size:9px}.studio-filter[aria-pressed=true]{background:#79628f;border-color:#79628f;color:white}.studio-window .about-body{gap:35px;grid-template-columns:1fr 1fr}.studio-window .about-body h2{font-size:32px}.studio-window .about-copy{font-size:12px;color:#7d6c88}.studio-window .text-link{color:#70537e;border-color:#ba9ec5;font-size:11px}.studio-window .process{border-color:#d9cbe0;gap:15px}.studio-window .process span{font-size:15px}.studio-window .process b{color:#a78cae;font-size:8px}.studio-window .section-heading{margin-bottom:25px}.studio-window .section-heading h2{font-size:31px}.studio-window .section-heading .muted{color:#97809e}.studio-window .skills-grid{gap:40px}.studio-window .skill-tags span{color:#80648d;border-color:#d1bfd9;font-size:11px;padding:10px 12px}.studio-window .tool-row{color:#71577e;border-color:#d8c8e0}.studio-window .tool-row>span:last-child{color:#a889b1}.studio-window .experience-list{max-width:650px;margin-inline:auto}.studio-window .experience-list article{border-color:#d8c8e0}.studio-window .experience-list h3{font-size:23px;color:#4b3658}.studio-window .experience-list article p:not(.micro){color:#846b90;font-size:12px}.studio-window .experience-tag{background:#e1d1eb;color:#80608d}.studio-result{margin-top:25px;background:#e4d6ed;border:1px solid #d0badd;border-radius:8px;padding:22px;display:flex;gap:25px;align-items:center;color:#876098}.studio-result strong{font-size:36px;letter-spacing:-.06em;font-weight:400;white-space:nowrap}.studio-result p{font-size:11px;line-height:1.7;max-width:300px}.studio-contact-title{font-size:38px;max-width:450px;margin-block:10px 20px}.studio-window .contact-links{margin-top:30px;gap:25px}.studio-window .contact-links a{border-color:#d1bfd9;color:#6c4b7b}.studio-window .contact-links a>span:nth-child(2){font-size:11px}.studio-window.expanded{width:calc(100% - 40px);height:calc(100dvh - 40px);max-height:none}.studio-window.expanded .studio-window-shell{height:100%;max-height:100%}.studio-window.expanded .studio-window-content{flex:1}.studio-window.expanded .studio-work-grid{grid-template-columns:repeat(3,1fr)}.studio-window.expanded .studio-window-bar{cursor:default}#project-dialog{border:1px solid #b6a1c2;border-radius:12px;background:#f2edf4;color:#403046}#project-dialog .dialog-info{background:#f2edf4}#project-dialog .dialog-info>p:not(.micro),#project-dialog .dialog-role>p{color:#887092}#project-dialog .dialog-role{border-color:#d7c5e0}#project-dialog .micro{color:#a280af}#project-dialog .close-dialog{background:#f4edf4df;color:#755981;border-color:#cebbd6}#project-dialog .empty-media a{color:#382c40}#project-dialog::backdrop{background:#120b1d99}#draft-banner{background:#d3bee5;color:#442d56}
@keyframes open-window{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1550px){.wrap{width:min(1440px,calc(100% - 112px))}.studio-heading h1,html[lang=ru] .studio-heading h1{font-size:52px}.studio-scene{max-height:calc(100dvh - 240px)}.room-art{object-fit:cover}.studio-hero{max-width:1440px}}
@media(max-width:1000px){.studio-heading h1,html[lang=ru] .studio-heading h1{font-size:36px}.studio-introduction{max-width:210px}.studio-introduction p{font-size:10px}.dock-icon{width:42px;height:42px;border-radius:10px}.dock-icon svg{width:28px;height:28px}.studio-dock{gap:8px;border-radius:14px;padding:8px 10px 4px}.scene-hint{font-size:7px;max-width:145px;bottom:18px}.desktop-folder>svg{width:42px;height:38px}.desktop-folder>span{font-size:8px}.studio-window .skills-grid{gap:30px}.studio-window .contact-links{grid-template-columns:1fr;gap:22px}.studio-window.expanded .studio-work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.header{height:68px}.studio-hero.hero{padding-top:25px}.studio-heading h1,html[lang=ru] .studio-heading h1{font-size:32px}.studio-introduction{max-width:180px}.studio-heading{gap:20px}.studio-menubar{padding:9px 12px}.menubar-hint{font-size:7px}.desktop-edition{display:none}.studio-menubar{justify-content:space-between}.studio-dock{bottom:12px}.dock-icon{width:38px;height:38px}.dock-icon svg{width:25px;height:25px}.studio-dock{gap:7px}.scene-hint{display:none}.folder-about{left:25%;top:18%}.folder-work{left:62%;top:20%}.desktop-folder>svg{width:37px;height:33px}.desktop-folder{min-width:70px;padding:5px}.desktop-folder>span{font-size:7px}.studio-caption{font-size:8px}.studio-window{width:calc(100% - 32px);max-height:85dvh}.studio-window-content{padding:25px}.studio-window .about-body h2{font-size:29px}.studio-window .section-heading h2{font-size:29px}.studio-work-info{padding:16px}.studio-work-info h3{font-size:19px}.studio-work-info>p{font-size:11px}}
@media(max-width:600px){.studio-heading{display:block;margin-bottom:20px}.studio-heading .eyebrow{margin-bottom:12px;font-size:8px}.studio-heading h1,html[lang=ru] .studio-heading h1{font-size:clamp(26px,7.5vw,38px);letter-spacing:-.06em}.studio-introduction{text-align:left;max-width:none;margin-top:15px;display:flex;justify-content:space-between;gap:20px;align-items:center}.studio-introduction p{font-size:9px;max-width:190px;line-height:1.6}.quick-view{font-size:8px;margin:0;white-space:nowrap}.studio-desktop{border-radius:10px}.studio-menubar{padding:10px 11px}.menubar-brand{font-size:7px;gap:10px}.menubar-hint{display:none}.desktop-edition{display:block;font-size:6px}.mini-mark{font-size:14px}.studio-scene{aspect-ratio:auto;overflow:hidden}.room-layer{position:relative;aspect-ratio:1672/941;transform:none;transition:none;will-change:auto}.room-art{position:absolute;inset:0}.scene-folders{display:none}.studio-dock{position:relative;bottom:auto;left:auto;transform:none;justify-content:center;border:0;border-top:1px solid #77658266;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;padding:13px 10px 10px;gap:14px;background:#4c3c58}.dock-icon{width:40px;height:40px;border-radius:10px}.dock-icon svg{width:26px;height:26px}.dock-item:hover,.dock-item:focus-visible{transform:translateY(-2px)}.dock-tooltip{display:none}.dock-item i{background:#f1cfb6}.dock-divider{height:34px;margin-inline:0;background:#e6d0ef35}.hotspot-caption{font-size:7px;padding:5px;bottom:-18px}.room-hotspot{min-width:22px;min-height:22px}.studio-caption{display:block;padding:18px 0 28px;font-size:9px}.studio-caption>a{margin-top:8px;justify-content:space-between;max-width:100%}.studio-window{width:calc(100% - 20px);max-height:calc(100dvh - 30px);border-radius:10px}.studio-window-bar{grid-template-columns:77px 1fr 45px;padding:15px 13px;gap:8px;touch-action:auto}.studio-window-bar h2{font-size:11px}.traffic{width:14px;height:14px}.window-traffic{gap:8px}.window-traffic span{opacity:1;font-size:11px}.window-language{font-size:8px;padding:4px}.studio-window-content{padding:23px 19px}.studio-work-grid,.studio-window.expanded .studio-work-grid{grid-template-columns:1fr;gap:19px}.studio-work-info{padding:19px}.studio-work-info h3{font-size:21px}.studio-work-info>p{font-size:12px}.studio-window-intro{font-size:12px}.studio-filters{gap:6px;margin-bottom:22px}.studio-filter{font-size:9px;padding:7px 10px}.studio-window .about-body{display:block}.studio-window .about-body h2{font-size:29px;margin-bottom:23px}.studio-window .about-copy{font-size:12px}.studio-window .process{gap:6px;margin-top:30px}.studio-window .process span{font-size:11px}.studio-window .process b{margin-right:3px;font-size:7px}.studio-window .process i{font-size:14px}.studio-window .skills-grid{grid-template-columns:1fr}.studio-window .section-heading h2{font-size:29px}.studio-window .experience-list h3{font-size:21px}.studio-window .experience-list article{gap:16px}.studio-result{display:block;padding:19px}.studio-result strong{font-size:42px}.studio-result p{margin-top:10px;font-size:12px}.studio-contact-title{font-size:32px}.studio-window .contact-links a>span:nth-child(2){font-size:12px}.studio-window.expanded{width:calc(100% - 12px);height:calc(100dvh - 16px)}.about-body h2{font-size:35px}.project-info h3{font-size:20px}.studio-hero.hero{padding-top:23px}.studio-heading h1>span{margin-left:1px}}
@media(max-width:360px){.studio-dock{gap:10px}.dock-icon{width:35px;height:35px;border-radius:9px}.dock-icon svg{width:23px;height:23px}.studio-introduction p{max-width:152px}.quick-view{font-size:7px}.studio-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.room-layer,.scene-folders{transform:none!important;will-change:auto}.studio-window[open] .studio-window-shell{animation:none}.dock-item:hover,.dock-item:focus-visible,.desktop-folder:hover>svg{transform:none}}
.project-featured{position:absolute;bottom:20px;left:18px;z-index:1;background:#eee3f0ed;color:#684573;border-radius:4px;padding:6px 9px;font-size:8px;letter-spacing:.12em}.studio-work-card.is-featured{border-color:#b089bd;box-shadow:0 0 0 1px #cbb3d633}.room-art{content-visibility:visible}
@media(max-width:600px){.dock-item{width:42px}.dock-tooltip{display:block;position:static;opacity:1;transform:none;background:none;box-shadow:none;color:#f2dfef;border:0;padding:0;font-size:7px;line-height:1.4;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-dock{padding-bottom:9px}.studio-window-bar{grid-template-columns:82px 1fr 42px}.window-traffic{gap:3px}.traffic{position:relative;width:24px;height:24px;border:0;background:none}.traffic:before{content:'';position:absolute;inset:5px;border:1px solid #0002;border-radius:50%;background:var(--traffic-fill)}.traffic-close{--traffic-fill:#f17871}.traffic-minimize{--traffic-fill:#edc56f}.traffic-expand{--traffic-fill:#98c196}.traffic span{z-index:1;font-size:10px}.traffic:focus-visible{outline-offset:0}}@media(max-width:360px){.dock-item{width:35px}.dock-tooltip{max-width:44px;font-size:6px}}
/* The whole visitor experience is one desktop. Long content scrolls only inside windows. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:#27202e}.header,#mobile-nav,.studio-heading,.studio-caption,main>.section,.footer{display:none!important}main{height:100dvh}.studio-hero.hero.wrap{display:block;margin:0;padding:0;width:100%;max-width:none;height:100dvh}.studio-desktop{height:100%;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.studio-menubar{position:relative;flex:none;height:34px;padding:7px 20px;gap:25px;border-bottom:1px solid #a393ae55;z-index:10;background:#e8e1eaee;backdrop-filter:blur(20px)}.menubar-brand{font-size:11px;font-weight:600;letter-spacing:-.01em;gap:10px}.mini-mark{font-size:17px}.desktop-menu{display:flex;align-items:center;gap:24px;margin-right:auto}.desktop-menu button{background:none;border:0;color:#5f4e6c;padding:4px 0;font-size:10px}.desktop-menu button:hover,.desktop-menu button:focus-visible{color:#9a639b}.desktop-languages{display:flex;margin-left:auto;gap:6px;white-space:nowrap}.desktop-languages button{color:#a18eac;font-size:9px;padding:2px 0}.desktop-languages button[aria-pressed=true]{color:#433049}.desktop-languages span{color:#b2a2bc}.menubar-hint,.desktop-edition{display:none}.studio-scene{flex:1;width:100%;height:calc(100dvh - 34px);max-height:none!important;aspect-ratio:auto;overflow:hidden;background:#32273b}.studio-scene:before{content:none}.room-layer{position:absolute;inset:auto;top:50%;left:50%;width:max(100vw,calc((100dvh - 34px)*1.776833));height:auto;aspect-ratio:1672/941;transform:translate(calc(-50% + var(--mx)*-5px),calc(-50% + var(--my)*-3px)) scale(1.015)}.room-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-folders{inset:0;z-index:2}.folder-work{left:auto;right:35px;top:35px}.folder-about{left:auto;right:35px;top:135px}.desktop-folder{min-width:92px}.desktop-folder>svg{width:57px;height:51px}.desktop-folder>span{font-size:10px;background:#342b4055;padding:4px 7px}.studio-dock{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);gap:13px;padding:10px 13px 5px;background:#e5daeb66;backdrop-filter:blur(23px) saturate(1.3);-webkit-backdrop-filter:blur(23px) saturate(1.3);border:1px solid #f6e5f0a0;border-radius:18px;z-index:6}.dock-icon{width:52px;height:52px;border-radius:13px}.dock-icon svg{width:34px;height:34px}.dock-item{width:auto}.dock-tooltip{position:absolute;display:block;bottom:calc(100% + 13px);left:50%;opacity:0;transform:translateX(-50%);max-width:none;padding:8px 11px;background:#f3edf4ed;color:#3d2c48;box-shadow:0 3px 10px #0002;font-size:10px;overflow:visible}.scene-hint{display:flex;bottom:24px;max-width:190px;font-size:9px;left:25px;z-index:2}.studio-window{z-index:20}.project-window-bar{height:44px;display:flex;align-items:center;justify-content:center;background:#e6dfe9;border-bottom:1px solid #cfbfd7;position:sticky;top:0;z-index:4;padding:0 55px;color:#62486f;font-size:11px}.project-window-bar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#project-dialog .close-dialog{left:17px;right:auto;top:15px;width:14px;height:14px;padding:0;border:1px solid #bd6d6d;background:#f17871;font-size:12px;color:#6c3636;line-height:1;display:grid;place-items:center}#project-dialog .close-dialog span{opacity:0}#project-dialog .close-dialog:hover span,#project-dialog .close-dialog:focus-visible span{opacity:1}.studio-window-content .section-label{display:flex}.studio-window-content .profile-photo-wrap{max-width:230px}.skip-link:focus{z-index:100}
@media(max-width:900px){.desktop-menu{gap:16px}.studio-menubar{gap:20px}.menubar-brand{font-size:10px}.desktop-menu button{font-size:9px}.folder-work,.folder-about{right:20px}.scene-hint{font-size:8px;max-width:160px}.dock-icon{width:47px;height:47px}.dock-icon svg{width:31px;height:31px}}
@media(max-width:600px){.studio-menubar{height:38px;padding:8px 15px;gap:15px}.menubar-brand{font-size:11px;gap:9px}.desktop-menu{display:none}.desktop-languages{margin-left:auto}.desktop-languages button{font-size:10px;padding:4px 0}.studio-scene{height:calc(100dvh - 38px)}.room-layer{width:max(calc(100vw + 2px),calc((var(--desktop-height) - 38px)*1.776834 + 2px));aspect-ratio:1672/941;top:50%;transform:translate(-50%,-50%);will-change:auto}.scene-folders{display:block;transform:none}.desktop-folder{min-width:80px}.desktop-folder>svg{width:49px;height:44px}.desktop-folder>span{font-size:9px}.folder-work{right:15px;top:22px}.folder-about{right:auto;left:15px;top:22px}.studio-dock{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);gap:13px;padding:11px 12px 8px;border:1px solid #f6e5f075;border-radius:16px;background:#cdb8dc55;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dock-item{width:43px}.dock-icon{width:42px;height:42px;border-radius:11px}.dock-icon svg{width:28px;height:28px}.dock-tooltip{position:static;max-width:49px;transform:none;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;box-shadow:none;color:#f6e6f3;font-size:7px;line-height:1.5;padding:0}.dock-divider{height:38px}.scene-hint{display:none}.dock-item:hover,.dock-item:focus-visible{transform:translateY(-2px)}#project-dialog .close-dialog{top:10px;left:12px;width:24px;height:24px;background:transparent;border:0}#project-dialog .close-dialog:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#f17871;border:1px solid #bd6d6d}#project-dialog .close-dialog span{position:relative;opacity:1;font-size:11px}}
@media(max-width:360px){.studio-dock{gap:9px;padding-inline:10px}.dock-item{width:36px}.dock-icon{width:36px;height:36px;border-radius:9px}.dock-icon svg{width:24px;height:24px}.dock-tooltip{max-width:43px;font-size:6px}.menubar-brand{font-size:10px}}
@media(prefers-reduced-motion:reduce){.room-layer{transform:translate(-50%,-50%)!important}.scene-folders{transform:none!important}}
:root{--desktop-height:100dvh}body:has(#draft-banner:not([hidden])){--desktop-height:calc(100dvh - 32px)}main,.studio-hero.hero.wrap{height:var(--desktop-height)}.studio-scene{min-height:0;height:calc(var(--desktop-height) - 34px)}.room-layer{width:max(calc(100vw + 2px),calc((var(--desktop-height) - 34px)*1.776834 + 2px))}#draft-banner:not([hidden]){height:32px;padding:7px 14px;font-size:9px;gap:15px;white-space:nowrap;overflow:hidden}#draft-banner>span{min-width:0;overflow:hidden;text-overflow:ellipsis}#draft-banner>a{flex:none}.studio-window .button{color:#765283;border-color:#bfa9cc}@media(max-width:600px){.studio-scene{height:calc(var(--desktop-height) - 38px)}.room-layer{width:max(calc(100vw + 2px),calc((var(--desktop-height) - 38px)*1.776834 + 2px))}}
.menubar-brand{font-size:12px}.desktop-menu button{font-size:12px}.desktop-languages button{font-size:10px}noscript{position:fixed;inset:60px 20px auto;z-index:30;background:#eee6f2;color:#352a40;padding:20px;border-radius:10px}@media(max-width:900px){.desktop-menu button{font-size:10px}.menubar-brand{font-size:11px}}@media(max-width:600px){.menubar-brand{font-size:11px}}