@import url('fonts/fonts.css');

:root{--bg:#050608;--surface:#17191c;--text:#ebece7;--muted:#969a9d;--line:#ffffff12;--accent:#6164ff;--sans:'Open Sans',Arial,sans-serif;--display:'Satoshi','Open Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}button svg,a svg{pointer-events:none}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.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}
.workspace{position:relative;width:100%;height:100vh;height:100dvh;min-height:400px;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:98px minmax(0,1fr) 126px;background:var(--bg)}.ambient{position:absolute;inset:0;z-index:-4;background:radial-gradient(ellipse at 74% 44%,#292c3012,transparent 52%),linear-gradient(110deg,#12141618,transparent 40%)}.grain{position:absolute;inset:-10%;z-index:3;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.scene{position:absolute;inset:0;z-index:-2;pointer-events:none;transition:opacity 900ms;opacity:1}#sculpture{width:100%;height:100%;display:block}.sculpture-fallback{display:none;position:absolute;left:58%;top:24%;width:34vw;height:34vw;transform:rotate(-28deg)}.no-webgl .sculpture-fallback{display:block}.sculpture-fallback span{position:absolute;inset:5%;border:5vw solid #858a90;border-radius:50%;box-shadow:inset 2vw 1vw 2vw #0c0d10,2vw 2vw 5vw #0009}.sculpture-fallback span:nth-child(2){transform:rotateY(65deg);border-color:#393c42}.sculpture-fallback span:nth-child(3){transform:rotateX(70deg);border-color:#b6b9be}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4.5vw;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:20px;font-weight:700;letter-spacing:-.6px}.brand svg{width:23px;height:23px;fill:var(--accent);stroke:none}.brand-dot{display:inline-block;color:var(--muted);font-size:16px;vertical-align:top;margin:2px 0 0 3px}.header-center{display:flex;gap:11px;align-items:center;font-size:16px;letter-spacing:.4px;color:var(--muted);margin-left:-40px}.header-divider{padding:0 8px;color:#45494c}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0;box-shadow:0 0 12px #6164ff22}.header-center time{font-variant-numeric:tabular-nums;min-width:59px;font-family:var(--sans)}.header-actions{display:flex;gap:18px;align-items:center}.language{position:relative;font-size:16px;font-weight:600}.language select{appearance:none;background:transparent;border:0;color:var(--text);padding:12px 24px 12px 8px;cursor:pointer;font-family:var(--sans)}.language svg{pointer-events:none;width:10px;height:10px;position:absolute;right:7px;top:17px;stroke:var(--muted)}.language option{background:var(--surface)}.motion-toggle{display:grid;place-items:center;background:transparent;width:30px;height:32px;color:var(--muted)}.motion-toggle svg{width:16px;height:16px}.play-icon{display:none}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}
main{position:relative;min-height:0;z-index:1}.screen{position:absolute;inset:0;padding:26px 7.3vw 16px;outline:none;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#373a3e transparent}.screen-home{overflow:hidden;padding-top:0;justify-content:center}.hero-text{position:relative;width:max-content;max-width:75%;margin-top:-10px}.eyebrow{font-family:var(--sans);font-size:16px;letter-spacing:1.7px;font-weight:500;display:flex;align-items:center;gap:10px;margin:0 0 36px;color:var(--muted)}.mini-line{width:26px;height:1px;display:inline-block;background:var(--accent)}.slash{color:#45494d;padding:0 2px}h1{font-family:var(--sans);font-weight:600;font-size:clamp(64px,8.5vw,142px);line-height:.92;letter-spacing:-.067em;margin:0;position:relative}h1>span{display:block}.name-outline{color:#d4d6d1}.name-period{color:var(--accent)}.hero-bottom{margin:34px 0 0;display:flex;align-items:center;gap:42px}.hero-description{font-size:16px;line-height:1.9;color:var(--muted);margin:0}.round-link{width:52px;height:52px;display:grid;place-items:center;border:1px solid #ffffff22;border-radius:50%;transition:background .3s,color .3s,transform .3s,border .3s}.round-link svg{width:21px;height:21px}.round-link:hover{background:var(--accent);color:var(--bg);transform:rotate(45deg);border-color:var(--accent)}.hero-tags{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:16px;letter-spacing:1.4px;color:#71767a;margin-top:26px}.hero-tags i{width:2px;height:2px;background:#575a5d;border-radius:50%}.object-caption{position:absolute;left:70%;top:75%;display:flex;gap:14px;align-items:center;font-family:var(--sans)}.caption-cross{color:var(--accent);font-size:21px;font-weight:300}.object-caption div{display:flex;flex-direction:column;gap:7px}.object-caption div>span{font-size:16px;letter-spacing:1.4px;color:#8e9397}.object-caption strong{font-size:16px;font-weight:400;letter-spacing:2px}.caption-line{width:45px;height:1px;background:#ffffff18;margin-left:8px}.hero-side{position:absolute;right:4.5vw;top:50%;writing-mode:vertical-rl;font:16px var(--sans);letter-spacing:3px;color:#64686b}.home-bottom{position:absolute;bottom:6px;left:7.3vw;right:7.3vw;display:flex;align-items:center;gap:22px}.section-counter{font:16px var(--sans);color:var(--accent)}.section-counter>span{color:#555b60;padding-left:7px}.home-note{font-size:16px;color:#70767a}.object-note{font-family:var(--sans);font-size:16px;letter-spacing:.5px;color:#696f73;margin-left:auto}.object-note span{color:var(--text);margin-left:10px}
.footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 4.5vw 24px;z-index:5}.footer-copyright,.footer-right{font:16px var(--sans);letter-spacing:.7px;color:#676d70;white-space:nowrap}.footer-right{display:flex;align-items:center;gap:8px;font-size:16px;letter-spacing:1.2px}.dock{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:7px;border:1px solid #ffffff13;border-radius:18px;background:#17191cf0;box-shadow:0 10px 40px #0004,0 1px 0 #ffffff04 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dock-link{position:relative;min-width:98px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:9px;border-radius:11px;transition:color .3s,transform .3s;color:#929699;z-index:1}.dock-link:hover{color:var(--text);transform:translateY(-3px)}.dock-link.is-active{color:var(--text)}.dock-number{font:16px var(--sans);letter-spacing:1px;color:#5e6568;transition:color .3s}.is-active .dock-number{color:var(--accent)}.dock-label{font-size:16px;font-weight:500;white-space:nowrap}.dock-link svg{display:none}.dock-indicator{position:absolute;left:7px;top:7px;height:calc(100% - 14px);width:98px;border-radius:11px;background:#2b2e30;box-shadow:0 1px 0 #ffffff0a inset;transition:transform .55s cubic-bezier(.22,1,.36,1),width .55s}.dock-indicator:after{content:'';position:absolute;bottom:0;left:40%;width:20%;height:2px;background:var(--accent);border-radius:10px;box-shadow:0 0 14px #6164ff22}
.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-shrink:0;margin-bottom:30px}.section-heading .eyebrow{margin:0}.section-note{font-size:16px;color:#737b80;letter-spacing:.2px}.project-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;flex:1;min-height:0}.project-info{max-width:400px}.project-index{font:16px var(--sans);color:#737b80;letter-spacing:2px}.project-info h2{font-family:var(--sans);font-size:clamp(48px,6vw,94px);font-weight:500;letter-spacing:-5px;margin:20px 0 8px;line-height:1}.project-info h2>span{color:var(--accent)}.project-kind{font:16px var(--sans);letter-spacing:2px;color:var(--accent);margin-bottom:26px}.project-description{font-size:16px;line-height:1.85;color:#a5aaad;max-width:340px;margin-bottom:23px}.project-tags{display:flex;flex-wrap:wrap;gap:7px}.project-tags span{border:1px solid #ffffff18;color:#a5aaad;padding:6px 10px;border-radius:5px;font-family:var(--sans);font-size:16px}.text-link{display:inline-flex;gap:44px;align-items:center;background:none;padding:12px 0;border-bottom:1px solid #ffffff30;font-size:16px;margin-top:24px;transition:color .2s}.text-link:hover{color:var(--accent)}.text-link>span:last-child{font-size:20px;color:var(--accent)}.project-preview{border:1px solid #ffffff14;border-radius:13px;background:#14171a;position:relative;overflow:hidden;box-shadow:0 24px 70px #0006;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transition:transform .6s;max-height:100%;aspect-ratio:1.35;display:flex;flex-direction:column}.project-preview:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #ffffff0a;font:16px var(--sans);letter-spacing:1px}.preview-top>span:first-child{font-weight:600}.preview-status{display:flex;align-items:center;gap:7px;font-size:16px;color:#777f83}.preview-status i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.qsoft-preview{display:grid;grid-template-columns:42px 1fr;flex:1;min-height:0}.qsoft-rail{display:flex;flex-direction:column;align-items:center;gap:23px;padding:24px 0;border-right:1px solid #ffffff09;color:#596267;font-size:16px}.rail-active{color:var(--accent)}.qsoft-content{padding:22px 25px 16px;display:flex;flex-direction:column;min-height:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;margin-bottom:16px}.tiny-label{font:16px var(--sans);color:#69747a;letter-spacing:.6px}.tracking-view{flex:1;min-height:0;position:relative;background:#101018;border-radius:4px;overflow:hidden}.tracking-grid{position:absolute;inset:0;background-image:linear-gradient(#8185ff08 1px,transparent 1px),linear-gradient(90deg,#8185ff08 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent);mask-image:radial-gradient(ellipse,#000,transparent)}.body-tracking{width:100%;height:100%;position:relative;max-height:250px;padding:5px}.body-lines{stroke:#9295ff7a;stroke-width:1.5}.body-points{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 5px #6164ff60)}.tracking-label,.tracking-corner{position:absolute;font:16px var(--sans);letter-spacing:1.5px;color:#8588b5;bottom:15px;left:15px}.tracking-corner{left:auto;right:15px}.corner{position:absolute;width:10px;height:10px;border-color:#6164ff;border-style:solid}.corner.a{left:12px;top:12px;border-width:1px 0 0 1px}.corner.b{right:12px;top:12px;border-width:1px 1px 0 0}.corner.c{left:12px;bottom:12px;border-width:0 0 1px 1px}.corner.d{right:12px;bottom:12px;border-width:0 1px 1px 0}.scan-line{position:absolute;left:0;right:0;height:1px;background:#6164ff2b;box-shadow:0 -20px 40px 15px #6164ff04;animation:scan 5s linear infinite;z-index:2}.pipeline{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px;font:16px var(--sans);letter-spacing:1px;color:#727e84}.pipeline i{font-style:normal;color:#465253}.pipeline-active{color:var(--accent)}.preview-bottom{border-top:1px solid #ffffff0a;padding:13px 20px;display:flex;justify-content:space-between;color:#666f76;font:16px var(--sans);letter-spacing:1px}.project-controls{display:flex;align-items:center;justify-content:space-between;margin-top:24px;flex-shrink:0}.project-controls>span{font-size:16px;color:#72797d}.project-controls>div{display:flex;align-items:center;gap:18px}.project-controls button{background:none;border:1px solid #ffffff1a;border-radius:50%;width:36px;height:36px;font-size:17px;transition:background .2s,color .2s}.project-controls button:hover{background:var(--accent);color:var(--bg)}#project-pagination{font:16px var(--sans);color:#a4aaad;letter-spacing:2px}.salemdos-preview{position:relative;flex:1;padding:22px 28px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,#1d1e30,#12121d)}.property-title{display:flex;justify-content:space-between;font-family:var(--sans);font-size:clamp(16px,2vw,28px);line-height:1.15;letter-spacing:-.7px;z-index:1}.property-logo{width:45px;height:45px;border-radius:12px;background:var(--accent);color:#050608;display:flex;align-items:center;justify-content:center;font-size:25px}.property-logo>span{font-size:16px;margin-top:-13px}.building-art{position:relative;flex:1;min-height:100px;transform:skewY(-5deg);margin:0 26px}.building{position:absolute;bottom:8px;background:repeating-linear-gradient(0deg,transparent 0 15px,#0004 15px 18px),repeating-linear-gradient(90deg,#8184a9 0 12px,#282a4a20 12px 20px);border-right:17px solid #272942;border-top:8px solid #b0b1cc;box-shadow:15px 15px 20px #0004;transform:skewY(7deg);width:25%;height:85%}.building.b1{left:14%;height:70%}.building.b2{left:40%;height:95%}.building.b3{left:68%;height:55%}.building-ground{position:absolute;bottom:0;left:0;right:0;height:4px;background:#62658d}.property-actions{display:flex;gap:8px;justify-content:space-between;margin-top:15px;font-size:16px;color:#c4c5de}.property-actions>span{background:#ffffff08;border-radius:6px;padding:11px 10px}
.stack-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;flex:1;min-height:0}.stack-intro h2,.about-title h2{font:500 clamp(48px,6.3vw,99px)/.96 var(--sans);letter-spacing:-5px;margin:0 0 30px}.stack-intro h2>span,.about-title h2>span{color:#6b7377}.stack-intro>p{color:#929a9e;font-size:16px;line-height:1.8}.stack-selected{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.8;color:#b1b9ba;max-width:330px;margin-top:34px;min-height:54px}.stack-selected .status-dot{margin-top:7px}.stack-groups{display:flex;flex-direction:column;gap:27px}.stack-group{padding-bottom:26px;border-bottom:1px solid #ffffff10}.stack-group-heading{display:flex;align-items:center;gap:17px;margin-bottom:17px}.stack-group-heading>span{font:16px var(--sans);color:#626e74}.stack-group-heading>span:last-child{margin-left:auto;font-size:18px}.stack-group h3{font:500 16px var(--sans);letter-spacing:1.5px;margin:0;color:#b8c0c1}.stack-items{display:flex;flex-wrap:wrap;gap:6px}.stack-item{background:#191e20;border:1px solid #ffffff0c;border-radius:5px;padding:10px 13px;color:#a3afb2;font-size:16px;transition:background .2s,color .2s,border-color .2s}.stack-item:hover,.stack-item.is-selected{background:#6164ff12;color:var(--accent);border-color:#6164ff40}.stack-item>span{margin-left:9px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;flex:1}.about-title h2{margin-bottom:28px}.signature{font:italic 24px Georgia,serif;color:#9aa19e;letter-spacing:-1px;display:block;transform:rotate(-7deg);margin:0 0 0 8px}.about-lead{font-size:clamp(20px,2.2vw,32px);line-height:1.4;letter-spacing:-.8px;margin:0 0 20px}.about-description{font-size:16px;line-height:1.9;color:#99a3a7;max-width:400px}.about-facts{margin:25px 0 0}.about-facts>div{display:flex;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid #ffffff0e}.about-facts dt{font:16px var(--sans);letter-spacing:1.5px;color:#737f83;min-width:88px}.about-facts dd{font-size:16px;margin:0;color:#b7bfc0}.about-content .text-link{margin-top:13px}.contact-center{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;padding:10px 0}.contact-kicker{font-size:16px;color:#899497;margin:0 0 24px}.contact-center h2{font:500 clamp(44px,6.8vw,100px)/.98 var(--sans);letter-spacing:-5px;margin:0}.contact-center h2>span:not(.contact-dot){color:#747e80}.contact-dot{color:var(--accent)}.contact-cta{display:flex;align-items:center;gap:40px;background:var(--accent);color:#050608;padding:16px 24px;border-radius:5px;font-size:16px;font-weight:600;margin-top:32px;transition:transform .3s,box-shadow .3s}.contact-cta:hover{transform:translateY(-3px);box-shadow:0 0 60px #6164ff16}.contact-cta>span:last-child{font-size:20px}.contact-caption{font-size:16px;color:#717c80;margin-top:14px}.project-dialog{background:#181d1f;color:var(--text);border:1px solid #ffffff20;border-radius:16px;max-width:540px;width:calc(100% - 40px);padding:38px;box-shadow:0 40px 150px #0009}.project-dialog::backdrop{background:#080b0ec7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;font-size:27px;color:var(--muted);width:38px;height:38px}.project-dialog .eyebrow{margin-bottom:25px}.project-dialog h2{font:500 46px var(--sans);letter-spacing:-2px;margin:0 0 15px}.project-dialog>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#a0aaad}.project-dialog .dialog-note{margin-top:23px;color:#78878b!important}.project-dialog .text-link{margin-top:4px}.cursor-halo{position:absolute;z-index:10;width:35px;height:35px;border:1px solid #6164ff45;border-radius:50%;pointer-events:none;opacity:0;left:0;top:0;transition:opacity .25s,width .2s,height .2s;transform:translate(-50%,-50%)}.cursor-halo.is-visible{opacity:1}.cursor-halo.is-link{width:55px;height:55px;background:#6164ff06}.workspace[data-screen=work] .scene{opacity:.14}.workspace[data-screen=stack] .scene{opacity:.2}.workspace[data-screen=about] .scene{opacity:.15}.workspace[data-screen=contact] .scene{opacity:.2}.motion-paused *{animation-play-state:paused!important}.motion-paused .cursor-halo{display:none}
@keyframes scan{from{top:0}to{top:100%}}
@media(min-width:1600px){.workspace{grid-template-rows:110px minmax(0,1fr) 140px}.hero-description,.project-description{font-size:16px}.hero-text{margin-top:-20px}.dock-link{min-width:110px}.project-preview{max-width:760px;width:100%}.qsoft-content{padding:30px}.body-tracking{max-height:none}.tracking-label{font-size:16px}.preview-heading{font-size:16px}.project-info h2{font-size:110px}.stack-item{font-size:16px;padding:12px 16px}}
@media(max-width:1100px){.footer-right{display:none}.footer-copyright{font-size:16px}.footer{justify-content:center}.footer-copyright{position:absolute;left:4.5vw}.screen{padding-left:6vw;padding-right:6vw}.home-bottom{left:6vw;right:6vw}.section-note{font-size:16px}.project-layout{gap:4vw;grid-template-columns:.85fr 1.15fr}.project-info h2{letter-spacing:-3px}.project-description{font-size:16px}.preview-heading{font-size:16px}.tiny-label{display:none}.qsoft-content{padding:16px}.preview-top{padding:14px}.stack-layout{gap:6vw}.stack-intro h2,.about-title h2{letter-spacing:-3px}.stack-item{padding:9px 11px;font-size:16px}.about-layout{gap:6vw}}
@media(max-width:760px){.workspace{grid-template-rows:78px minmax(0,1fr) 112px}.header{padding:0 6vw}.brand{font-size:17px;gap:9px}.brand svg{width:19px;height:19px}.header-center{margin:0;font-size:16px;gap:7px}.header-center>span:not(.status-dot){display:none}.header-center time{min-width:48px;font-size:16px}.header-actions{gap:6px}.header-divider{display:none}.screen{padding-top:20px}.screen-home{padding-top:20px;justify-content:flex-start}.hero-text{margin-top:12px;width:100%;max-width:100%;z-index:1}.eyebrow{font-size:16px;letter-spacing:1.1px;margin-bottom:24px;gap:8px}.hero-text h1{font-size:clamp(50px,13vw,96px);line-height:.96;letter-spacing:-.065em}.hero-bottom{margin-top:20px;gap:26px}.hero-description{font-size:16px;line-height:1.9}.round-link{width:42px;height:42px}.round-link svg{width:17px;height:17px}.hero-tags{font-size:16px;letter-spacing:1px;gap:8px;margin-top:17px}.hero-side{display:none}.object-caption{left:auto;right:8%;top:auto;bottom:13%;gap:9px}.object-caption div>span{font-size:16px}.object-caption strong{font-size:16px}.caption-line{width:22px}.caption-cross{font-size:17px}.home-bottom{bottom:4px;gap:15px}.section-counter{font-size:16px}.home-note{font-size:16px}.object-note{display:none}.footer-copyright{display:none}.footer{padding:0 4vw 20px}.dock{width:calc(100% - 10vw);max-width:500px;justify-content:space-between;gap:0;border-radius:16px;padding:6px}.dock-link{min-width:0;flex:1;padding:11px 7px;gap:7px}.dock-label{font-size:16px}.dock-number{display:none}.dock-link svg{display:block;width:18px;height:18px;order:-1;color:#929a9d}.dock-link.is-active svg{color:var(--accent)}.dock-indicator{top:6px;left:6px;height:calc(100% - 12px);border-radius:10px}.section-heading{margin-bottom:20px;align-items:flex-start}.section-heading .eyebrow{font-size:16px}.section-note{max-width:140px;text-align:right;font-size:16px;line-height:1.5}.project-layout{display:flex;flex-direction:column;gap:23px;align-items:stretch;flex:initial;min-height:auto}.project-info{max-width:none}.project-index{font-size:16px}.project-info h2{font-size:48px;letter-spacing:-2px;margin:12px 0 8px}.project-kind{font-size:16px;margin:0 0 14px}.project-description{font-size:16px;line-height:1.8;max-width:95%;margin:0 0 14px}.project-tags span{padding:5px 8px;font-size:16px}.project-info .text-link{font-size:16px;margin-top:9px;padding:6px 0}.project-preview{flex:none;aspect-ratio:1.5;min-height:210px;max-height:300px;transform:none}.preview-top{padding:12px 16px;font-size:16px}.preview-status{font-size:16px}.qsoft-rail{gap:19px;padding:16px 0}.qsoft-content{padding:12px 16px 10px}.preview-heading{margin-bottom:9px}.body-tracking{max-height:180px}.pipeline{font-size:16px;margin-top:10px}.preview-bottom{padding:10px 16px;font-size:16px}.project-controls{margin-top:20px;margin-bottom:8px}.screen-work{overflow:auto}.stack-layout{display:flex;flex-direction:column;align-items:stretch;gap:25px;flex:initial}.stack-intro h2{font-size:46px;letter-spacing:-2px;margin-bottom:15px}.stack-intro>p{font-size:16px;line-height:1.7;margin:0}.stack-selected{font-size:16px;margin-top:16px;max-width:100%;min-height:36px}.stack-groups{gap:18px}.stack-group{padding-bottom:18px}.stack-group-heading{margin-bottom:12px}.stack-group h3{font-size:16px}.stack-item{font-size:16px;padding:9px 12px}.about-layout{display:flex;flex-direction:column;align-items:stretch;gap:26px;flex:initial}.about-title h2{font-size:49px;letter-spacing:-2px;margin-bottom:15px}.about-title h2 br{display:none}.about-title h2{font-size:clamp(28px,8.5vw,58px);max-width:100%}.signature{font-size:19px;display:none}.about-lead{font-size:22px;margin-bottom:15px}.about-description{font-size:16px}.about-facts{margin-top:17px}.about-facts>div{padding:11px 0}.about-facts dd{font-size:16px}.about-content .text-link{font-size:16px}.contact-center{padding:20px 0}.contact-center h2{font-size:clamp(37px,10.4vw,74px);letter-spacing:-2.5px}.contact-kicker{font-size:16px}.contact-cta{font-size:16px;padding:14px 20px;gap:25px;margin-top:28px}.contact-caption{font-size:16px}.cursor-halo{display:none}.sculpture-fallback{left:25%;top:46%;width:65vw;height:65vw}.sculpture-fallback span{border-width:9vw}}
@media(max-width:760px) and (min-height:820px){.hero-text{margin-top:30px}.hero-text h1{font-size:14vw}.hero-description{font-size:16px}.hero-bottom{margin-top:25px}.hero-tags{margin-top:20px}.object-caption{bottom:12%}.project-layout{gap:28px}.project-preview{aspect-ratio:1.35;max-height:340px}.stack-layout{gap:30px}.stack-groups{gap:25px}.stack-group{padding-bottom:24px}}
@media(min-width:761px) and (max-height:700px){.workspace{grid-template-rows:74px minmax(0,1fr) 100px}.screen{padding-top:12px}.hero-text{margin-top:-12px}.hero-text h1{font-size:clamp(64px,7.4vw,115px)}.hero-text .eyebrow{margin-bottom:22px}.hero-bottom{margin-top:23px}.hero-tags{margin-top:17px}.hero-description{font-size:16px}.object-caption{top:76%}.dock-link{padding:9px 16px;gap:7px}.section-heading{margin-bottom:18px}.project-info h2{font-size:58px;margin:12px 0 6px}.project-description{font-size:16px;margin-bottom:14px}.project-kind{margin-bottom:16px}.project-info .text-link{margin-top:13px}.project-preview{max-height:300px}.project-controls{margin-top:16px}.stack-intro h2,.about-title h2{font-size:64px;margin-bottom:20px}.stack-groups{gap:15px}.stack-group{padding-bottom:17px}.stack-group-heading{margin-bottom:12px}.stack-selected{margin-top:20px}.about-lead{font-size:24px;margin-bottom:12px}.about-description{font-size:16px;line-height:1.7}.about-facts{margin-top:12px}.about-facts>div{padding:9px 0}.contact-center h2{font-size:68px}.contact-kicker{margin-bottom:16px}.contact-cta{margin-top:24px}}
@media(max-width:760px) and (max-height:680px){.workspace{grid-template-rows:64px minmax(0,1fr) 92px}.hero-text{margin-top:5px}.hero-text h1{font-size:12.5vw}.hero-text .eyebrow{margin-bottom:18px}.hero-bottom{margin-top:17px}.hero-description{font-size:16px}.hero-tags{margin-top:12px}.object-caption{bottom:14%}.home-note{display:none}.contact-center h2{font-size:10vw}.contact-kicker{margin-bottom:17px}.contact-cta{margin-top:22px}.footer{padding-bottom:12px}.header-center{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.cursor-halo{display:none}}

/* Typography: Satoshi for headings; Open Sans for interface and body copy. */
.workspace h1,.workspace h2,.workspace h3,.project-dialog h2,.brand{font-family:var(--display)}
/* Slow, restrained light and tiny stationary glints on the matte background. */
.ambient{pointer-events:none}
.ambient::before,.ambient::after{content:'';position:absolute;inset:0;pointer-events:none}
.ambient::before{inset:-8%;background:radial-gradient(ellipse at 72% 34%,#b4c2c50a,transparent 43%),radial-gradient(ellipse at 20% 76%,#8f9aa406,transparent 45%);opacity:.2;animation:matte-shimmer 14s ease-in-out infinite alternate;will-change:opacity,transform}
.ambient::after{background:radial-gradient(circle at 8% 22%,#dce6e1 0 .65px,transparent 1.6px),radial-gradient(circle at 17% 67%,#dce6e1 0 .55px,transparent 1.5px),radial-gradient(circle at 29% 14%,#dce6e1 0 .7px,transparent 1.7px),radial-gradient(circle at 36% 85%,#dce6e1 0 .55px,transparent 1.4px),radial-gradient(circle at 46% 28%,#dce6e1 0 .55px,transparent 1.5px),radial-gradient(circle at 56% 74%,#dce6e1 0 .65px,transparent 1.6px),radial-gradient(circle at 64% 17%,#dce6e1 0 .55px,transparent 1.4px),radial-gradient(circle at 78% 82%,#dce6e1 0 .75px,transparent 1.7px),radial-gradient(circle at 86% 32%,#dce6e1 0 .6px,transparent 1.5px),radial-gradient(circle at 93% 65%,#dce6e1 0 .55px,transparent 1.4px);opacity:.08;animation:matte-glints 9s ease-in-out -3s infinite alternate;will-change:opacity}
@keyframes matte-shimmer{0%{opacity:.15;transform:translate3d(-1%,0,0)}50%{opacity:.3}100%{opacity:.5;transform:translate3d(1%,1%,0)}}
@keyframes matte-glints{0%{opacity:.03}55%{opacity:.09}100%{opacity:.055}}
.motion-paused .ambient::before,.motion-paused .ambient::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.ambient::before,.ambient::after{animation:none;opacity:.08}}

/* A light accent tint keeps small labels readable on filled controls. */
.stack-item:hover,.stack-item.is-selected,.is-active .dock-number{color:#b7b9ff}

/* Complete skill catalog: 15 code, 5 graphics and 4 motion modules. */
.screen-stack .stack-layout{grid-template-columns:minmax(170px,.58fr) minmax(0,1.65fr);gap:4vw}
.screen-stack .stack-intro h2{font-size:clamp(36px,4vw,68px);letter-spacing:-.045em;line-height:1.08;margin:0}
.screen-stack .stack-intro h2>span{color:var(--accent)}
.module-count{display:flex;align-items:baseline;gap:10px;margin:15px 0 26px}
.module-count strong{font:500 28px var(--display);color:var(--accent)}
.module-count>span{font-size:16px;letter-spacing:1.3px;color:var(--muted)}
.screen-stack .stack-groups{gap:17px}
.screen-stack .stack-group{padding-bottom:17px}
.screen-stack .stack-group-heading{gap:12px;margin-bottom:12px}
.screen-stack .stack-group h3{display:flex;gap:10px;align-items:baseline;font-size:16px;letter-spacing:0;font-weight:600}
.screen-stack .stack-group h3 small{font:400 16px var(--sans);letter-spacing:1.3px;color:#737f83}
html[lang=en] .screen-stack .stack-group h3 small{display:none}
.screen-stack .stack-group-heading .group-count{font:400 16px var(--sans);white-space:nowrap;letter-spacing:0;color:#8f979f}
.screen-stack .stack-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.screen-stack [data-group=motion] .stack-items{grid-template-columns:repeat(4,minmax(0,1fr))}
.screen-stack .stack-item{display:flex;align-items:center;gap:8px;min-width:0;min-height:43px;padding:8px 9px;text-align:left;font-size:16px;line-height:1.4}
.screen-stack .stack-item img{width:20px;height:20px;object-fit:contain;flex-shrink:0}
.screen-stack .stack-item>.stack-item-label{margin:0;min-width:0;overflow-wrap:anywhere}
.screen-stack .stack-selected{max-width:310px;min-height:65px}
@media(min-width:1600px){.screen-stack .stack-item{font-size:16px;min-height:48px;padding:10px 12px}.screen-stack .stack-groups{gap:23px}.screen-stack .stack-group{padding-bottom:23px}}
@media(min-width:761px) and (max-height:700px){.screen-stack .stack-items{gap:5px}.screen-stack .stack-item{min-height:36px;padding:6px 7px;font-size:16px;gap:6px}.screen-stack .stack-item img{width:17px;height:17px}.screen-stack .stack-groups{gap:12px}.screen-stack .stack-group{padding-bottom:12px}.screen-stack .stack-group-heading{margin-bottom:9px}}
@media(max-width:760px){.screen-stack .stack-layout{display:flex;gap:24px}.screen-stack .stack-intro h2{font-size:44px}.module-count{margin:8px 0 15px}.module-count strong{font-size:23px}.module-count>span{font-size:16px}.screen-stack .stack-intro>p{display:none}.screen-stack .stack-selected{margin-top:0;max-width:100%;min-height:36px}.screen-stack .stack-groups{gap:20px}.screen-stack .stack-group{padding-bottom:18px}.screen-stack .stack-group h3{font-size:16px;gap:8px}.screen-stack .stack-group h3 small{font-size:16px}.screen-stack .stack-group-heading .group-count{font-size:16px}.screen-stack .stack-items,.screen-stack [data-group=motion] .stack-items{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-stack .stack-item{min-height:45px;padding:8px;font-size:16px;gap:7px}.screen-stack .stack-item img{width:18px;height:18px}}
@media(max-width:380px){.screen-stack .stack-items,.screen-stack [data-group=motion] .stack-items{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* All paragraphs, including captions and responsive layouts. */
p{font-size:16px!important}

/* All regular interface text uses a 16px base; display headings retain their scale. */
html,body{font-size:16px}
.dock-label{line-height:1.25;text-align:center}
.hero-tags{flex-wrap:wrap}
.section-heading{flex-wrap:wrap}
.section-note{line-height:1.5}
.preview-top,.preview-heading,.preview-bottom,.pipeline{flex-wrap:wrap}
.preview-status{line-height:1.4}
.about-facts>div{align-items:flex-start;flex-wrap:wrap;gap:8px 20px}
.about-facts dt{min-width:112px}
.screen-stack .stack-item{line-height:1.4;min-height:48px}
.screen-stack .stack-item>.stack-item-label{overflow-wrap:normal;word-break:normal;hyphens:auto}
.screen-stack .stack-selected{min-height:86px}
.screen-stack .stack-group-heading{flex-wrap:wrap;gap:8px 12px}
.screen-stack .stack-group h3{flex-wrap:wrap}
@media(max-width:1200px) and (min-width:761px){.screen-stack .stack-items{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-stack [data-group=motion] .stack-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dock{width:calc(100% - 12px);max-width:560px}.dock-link{padding:10px 2px;gap:7px;justify-content:center}.dock-label{white-space:normal;overflow-wrap:anywhere;letter-spacing:-.3px;min-height:40px}.home-note{display:none}.object-caption{left:45%;right:6%;max-width:49%}.object-caption div>span{line-height:1.4;letter-spacing:.4px}.caption-line{display:none}.screen-stack .stack-items,.screen-stack [data-group=motion] .stack-items{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-stack .stack-item{padding:10px 8px;min-height:56px}.screen-stack .stack-selected{min-height:60px}.screen-stack .stack-group h3 small{letter-spacing:.5px}.screen-stack .stack-group-heading .group-count{margin-left:0}.section-heading .section-note{max-width:none;text-align:left}}

/* Four work-history entries, with the selected entry in a contained reader. */
.screen-about{overflow:hidden}
.screen-about .section-heading{margin-bottom:18px}
.career-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px;flex-shrink:0}
.career-heading h2{font-size:clamp(28px,3.2vw,46px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:0}
.career-heading h2>span{color:var(--accent)}
.career-count{display:flex;gap:9px;align-items:baseline;font-size:16px;color:var(--muted);white-space:nowrap}
.career-count strong{font-family:var(--display);color:#b7b9ff;font-weight:500}
.career-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.7fr);gap:32px;flex:1;min-height:0}
.career-sidebar{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#303343 transparent}
.career-tabs{display:flex;flex-direction:column;gap:8px}
.career-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:transparent;border:1px solid #ffffff0c;border-radius:9px;padding:14px 36px 14px 18px;font-size:16px;color:#969fa7;transition:background .25s,border-color .25s}
.career-tab:hover{background:#ffffff04;border-color:#ffffff22}
.career-tab.is-selected{background:#6164ff10;border-color:#6164ff45}
.career-years{color:#79838e;font-size:16px}
.career-tab.is-selected .career-years{color:#b7b9ff}
.career-tab strong{font:600 16px var(--display);color:var(--text)}
.career-tab-role{font-size:16px;line-height:1.45}
.career-tab-arrow{position:absolute;right:14px;top:17px;font-size:16px;color:#65707d}
.career-tab.is-selected .career-tab-arrow{color:#b7b9ff}
.career-panel{min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff10;border-radius:12px;background:#0e1015e6;padding:26px 30px;scrollbar-width:thin;scrollbar-color:#38394c transparent;scroll-padding-top:22px}
.career-panel-header{padding-bottom:23px;border-bottom:1px solid #ffffff10;margin-bottom:26px}
.career-period{font-size:16px;line-height:1.6;color:#a1a9b4;margin:0 0 18px}
.career-panel-header h2{font:500 32px/1.2 var(--display);letter-spacing:-1px;margin:0 0 10px}
.career-role{font-size:16px;color:#b7b9ff;line-height:1.5;margin:0}
.career-content{font-size:16px;line-height:1.8;color:#aeb6c0;max-width:900px}
.career-content p{font-size:16px;line-height:1.85;margin:0 0 20px}
.career-content h3,.career-content h4{font-size:16px;font-weight:700;line-height:1.5;letter-spacing:0;margin:28px 0 14px;color:var(--text)}
.career-content>h3:first-child{margin-top:0}
.career-content h4{color:#b7b9ff}
.career-content ul{padding-left:22px;margin:0 0 22px}
.career-content li{font-size:16px;line-height:1.75;padding-left:4px;margin:8px 0}
.career-content li::marker{color:#8588bb}
.career-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px}
.career-stack-grid section{min-width:0}
.career-stack-grid h4{margin:12px 0}
.career-stack-grid ul{margin-bottom:8px}
@media(min-width:1600px){.career-layout{grid-template-columns:minmax(300px,.7fr) minmax(0,1.7fr);gap:45px}.career-tab{padding:20px 40px 20px 23px;gap:8px}.career-panel{padding:32px 40px}}
@media(max-width:1100px){.career-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:20px}.career-panel{padding:22px}.career-tab{padding:13px 30px 13px 14px}}
@media(max-width:760px){.screen-about .section-heading{margin-bottom:14px}.career-heading{gap:12px;align-items:center;margin-bottom:18px}.career-heading h2{font-size:28px;max-width:65%}.career-count{gap:5px}.career-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px}.career-sidebar{overflow:visible;min-width:0}.career-tabs{flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;gap:8px;padding:0 2px 8px;scrollbar-width:thin;scrollbar-color:#38394c transparent}.career-tab{flex:0 0 235px;padding:12px 30px 12px 14px;gap:5px;min-height:103px}.career-panel{padding:20px 18px}.career-panel-header{padding-bottom:18px;margin-bottom:20px}.career-panel-header h2{font-size:28px}.career-period{margin-bottom:14px}.career-content h3,.career-content h4{margin-top:24px}.career-stack-grid{grid-template-columns:minmax(0,1fr);gap:0}.career-content li{padding-left:0}}
@media(max-width:760px) and (max-height:680px){.career-heading{margin-bottom:12px}.career-heading h2{font-size:25px}.career-tab{min-height:92px;padding-top:9px;padding-bottom:9px}.career-layout{gap:10px}.career-panel{padding:16px}.screen-about .section-heading{margin-bottom:10px}}

.career-content h4{font-family:var(--display)}

.brand .brand-code{font:500 16px var(--display);letter-spacing:1.6px}

.contact-form-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;flex:1;min-height:0}
.contact-form-intro h2{font:500 clamp(38px,4.5vw,72px)/1.08 var(--display);letter-spacing:-.04em;margin:0 0 24px}
.contact-form-intro h2 span{color:var(--accent)}
.contact-form-intro p{color:var(--muted);line-height:1.8}
.contact-form{display:flex;flex-direction:column;gap:17px;max-width:650px;width:100%;padding:5px 0 15px}
.contact-form label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:16px;color:#c5cbd3}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form input,.contact-form textarea{width:100%;font:400 16px/1.5 var(--sans);color:var(--text);background:#12141b;border:1px solid #ffffff22;border-radius:7px;padding:12px 14px;outline:none;transition:border-color .2s;min-width:0}
.contact-form textarea{resize:vertical;min-height:108px;max-height:220px}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6164ff15}
.captcha-row{display:flex;align-items:center;gap:16px}
.captcha-label{flex:1}
.captcha-label strong{font-size:16px;font-weight:500;color:#b7b9ff;letter-spacing:1px}
.captcha-row input{width:100px;align-self:flex-end;text-align:center}
.captcha-refresh{background:#191c26;border:1px solid #ffffff20;border-radius:7px;font-size:23px;color:#b7b9ff;width:44px;height:49px;align-self:flex-end}
.form-demo-note{font-size:16px;line-height:1.6;color:#9099a6;margin:0}
.form-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;background:var(--accent);color:#050608;padding:14px 18px;border-radius:7px;font:600 16px var(--sans)}
.form-submit:hover{background:#7679ff}
.form-status{margin:0;font-size:16px;line-height:1.65;color:#b7b9ff}
.form-status:empty{display:none}
.form-status.is-error{color:#ff9a9a}
@media(max-width:760px){.contact-form-layout{display:flex;flex-direction:column;align-items:stretch;gap:22px;flex:initial}.contact-form-intro h2{font-size:36px;margin:0 0 12px}.contact-form-intro h2 br{display:none}.contact-form-intro p{margin:0}.contact-form{gap:16px}.form-row{grid-template-columns:minmax(0,1fr)}.contact-form textarea{min-height:130px}}
@media(min-width:761px) and (max-height:740px){.contact-form-layout{align-items:start}.contact-form{gap:12px}.contact-form input{padding:9px 12px}.contact-form textarea{min-height:85px;max-height:150px}.captcha-refresh{height:43px}}

/* Project collection: responsive vector previews. */
.screen-work{overflow-y:auto}.project-info{padding:8px 0}.project-site-link{display:flex;width:max-content;max-width:100%;gap:16px;margin-top:12px!important;color:var(--accent);font-size:16px}.project-info h2.long-project-name{font-size:clamp(25px,3vw,47px);letter-spacing:-.04em;overflow-wrap:anywhere}.project-preview{position:relative}.portfolio-scene{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#32395680,transparent 70%),#111520}.scene-copy{position:absolute;left:6%;top:11%;z-index:2;max-width:54%;pointer-events:none}.scene-copy h3{font-family:var(--display);font-size:clamp(25px,3vw,45px);line-height:1.08;letter-spacing:-.04em;margin:0 0 20px;font-weight:500}.scene-copy>span{display:block;font-size:16px;color:#a0a7b9;max-width:240px;line-height:1.5}.scene-art{width:100%;height:100%;min-height:220px;display:block;stroke-width:1;stroke-linejoin:round}.scene-tottori{background:radial-gradient(ellipse at 70% 40%,#343047,transparent 68%),#16131c}.scene-homespro{background:linear-gradient(145deg,#171d24,#252f3b)}.scene-industrial{background:radial-gradient(ellipse at 75% 30%,#28324a,#111520)}.salemdos-preview{position:relative;isolation:isolate}.almaty-skyline{position:absolute;inset:10% 0 15%;z-index:-1;opacity:.8}.almaty-skyline svg{width:100%;height:100%}.almaty-skyline>span{position:absolute;top:4%;right:6%;font-size:16px;letter-spacing:.18em;color:#8190ae}.building-art{z-index:1}.building.campus{height:38%;width:28%;bottom:8%;left:6%;background:repeating-linear-gradient(90deg,#8a8da3 0 8%,#272e45 8% 13%);border-top:10px solid #adb1c1}.building.campus:before{height:13px;top:-20px;transform:skewY(-3deg)}.building.office{height:83%;width:25%;left:40%;background:repeating-linear-gradient(0deg,transparent 0 15px,#9ca2bd55 15px 17px),repeating-linear-gradient(90deg,#56647e 0 16px,#1b2437 16px 21px)}.building.residence{height:57%;width:24%;left:71%;background:repeating-linear-gradient(0deg,transparent 0 17px,#b8b6cb55 17px 21px),repeating-linear-gradient(90deg,#8c90a7 0 15px,#343b51 15px 23px)}.property-actions{position:relative;z-index:2;gap:8px}.property-actions>span{font-size:16px;text-align:center}.property-title{position:relative;z-index:2}.property-title>span:first-child{max-width:65%}#dialog-description{white-space:pre-line;line-height:1.85}.project-dialog{max-height:85vh;max-height:85dvh;overflow-y:auto}.preview-bottom{gap:14px}.preview-bottom>span:first-child{font-size:16px;line-height:1.5}.preview-top{gap:12px}#preview-brand{overflow-wrap:anywhere}
@media(max-width:760px){.project-preview{max-height:none;min-height:290px;aspect-ratio:1.35}.scene-art{min-height:210px}.scene-copy h3{font-size:clamp(23px,6vw,33px);margin-bottom:12px}.scene-copy>span{max-width:140px;font-size:16px}.scene-copy{top:10%;left:5%;max-width:50%}.preview-status{max-width:45%;font-size:16px}.preview-bottom>span:first-child{letter-spacing:0}.almaty-skyline>span{top:17%;right:5%}.project-info h2.long-project-name{font-size:clamp(25px,7vw,44px)}.property-actions>span{padding:6px;font-size:16px}.property-title{padding:16px}.property-title>span:first-child{font-size:22px}.project-site-link{width:auto}}

/* Heading weight across all portfolio sections and previews. */
h1,h2,h3,h4,h5,h6{font-weight:800!important}

/* Platform compatibility and requested link treatment. */
a,a:focus,a:focus-visible,a:active{outline:none!important}
.screen{scrollbar-width:thin;-webkit-overflow-scrolling:touch}.project-info,.project-preview,.stack-intro,.stack-groups,.career-reader,.contact-form{min-width:0}
input,textarea,select{font-family:var(--sans);font-size:16px}input[type="text"],input[type="tel"],input[inputmode="numeric"],textarea{-webkit-appearance:none;appearance:none;border-radius:8px}
.project-dialog:not([open]){display:none}.project-dialog.dialog-fallback{display:block;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;z-index:100;box-shadow:0 0 0 100vmax #000b,0 40px 150px #0009}
@supports(padding:env(safe-area-inset-bottom)){.footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.header{padding-left:calc(4.5vw + env(safe-area-inset-left));padding-right:calc(4.5vw + env(safe-area-inset-right))}}
@media(hover:none){.dock-link:hover{transform:none}.project-preview:hover{transform:none}}
@media(max-width:760px){.dock-label{font-size:13px}.dock-link{padding-left:4px;padding-right:4px}.dock{width:calc(100% - 8vw)}.footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.project-preview{transform:none}.preview-top,.preview-bottom{flex-shrink:0}}
@media(max-width:360px){.dock-link{padding-left:2px;padding-right:2px}.dock{gap:0;padding:5px}.dock-label{font-size:13px}}

/* Language control: no border, outline or focus ring. */
.language,.language:focus,.language:focus-within,.language select,.language select:focus,.language select:focus-visible,.language select:active{border:0!important;outline:0!important;box-shadow:none!important}.language select{-webkit-appearance:none;appearance:none}
.hero-text h1{font-size:clamp(52px,7vw,108px)}.brand-code{white-space:nowrap}.scene-copy h3{overflow-wrap:anywhere}.pipeline{gap:8px;line-height:1.4}.tracking-label{max-width:70%;font-size:16px;line-height:1.3}.career-count{flex-wrap:wrap}.module-count span{max-width:190px;line-height:1.4}
@media(max-width:760px){.hero-text h1{font-size:clamp(45px,11.5vw,84px)}.brand-code{font-size:16px;letter-spacing:.02em}.brand{gap:8px}.scene-copy h3{font-size:clamp(20px,5vw,30px)}.scene-copy>span{font-size:16px;max-width:160px}.pipeline{font-size:16px}.preview-heading .tiny-label{display:none}}

/* Consistent custom language dropdown on desktop and mobile. */
.header{z-index:20}.language-picker{position:relative;display:block;padding:0;background:transparent;flex-shrink:0}.language-trigger{display:flex;align-items:center;justify-content:center;gap:12px;min-width:78px;min-height:44px;padding:10px 14px;border-radius:10px;background:#ffffff05;font-size:16px;font-weight:600;line-height:1.4;transition:background .2s,color .2s;outline:none!important;box-shadow:none!important;border:0}.language-trigger svg{position:static;width:12px;height:12px;color:#969a9d;transition:transform .2s;pointer-events:none}.language-trigger:hover,.language-trigger:focus-visible,.language-picker.is-open .language-trigger{background:#1c1e2a;color:#b7b9ff}.language-picker.is-open .language-trigger svg{transform:rotate(180deg);color:#b7b9ff}.language-options{position:absolute;top:calc(100% + 8px);right:0;width:218px;max-width:calc(100vw - 32px);padding:6px;background:#14161d;border-radius:13px;border:1px solid #ffffff0d;box-shadow:0 18px 60px #0009;z-index:50}.language-option{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px;border-radius:8px;font-size:16px;line-height:1.4;cursor:pointer;color:#b3b7c0;user-select:none;-webkit-user-select:none;transition:background .15s,color .15s}.language-code{font-size:16px;min-width:26px;color:#818794}.language-check{margin-left:auto;opacity:0;color:#b7b9ff}.language-option[aria-selected="true"]{background:#6164ff19;color:#ececff}.language-option[aria-selected="true"] .language-code{color:#b7b9ff}.language-option[aria-selected="true"] .language-check{opacity:1}.language-option.is-highlighted{background:#6164ff2a;color:#fff}.language-option:hover{background:#6164ff2a;color:#fff}
@media(max-width:760px){.language-trigger{min-width:70px;padding:10px 11px;gap:9px}.language-options{width:208px}.header-actions{gap:0}}

/* Violet sculpture material, including the non-WebGL fallback. */
.sculpture-fallback span{border-color:#6164ff}.sculpture-fallback span:nth-child(2){border-color:#34368a}

/* Hero name spacing and direct contact links. */
.hero-text h1{line-height:1.1em}.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:30px}.contact-direct a{display:flex;gap:16px;align-items:center;max-width:100%;font-size:16px;line-height:1.6;overflow-wrap:anywhere;color:var(--text);transition:color .2s}.contact-direct a span{color:var(--accent)}.contact-direct a:hover{color:#b7b9ff}#prepared-email{font-size:16px;color:#b7b9ff;width:max-content;max-width:100%}
@media(max-width:760px){.hero-text h1{line-height:1.1em}.contact-direct{margin-top:20px;gap:10px}}

.footer-copyright,.footer-right{font-size:14px}

/* Project tile navigation and video showcases. */
.project-tiles{display:grid;grid-template-columns:repeat(10,minmax(118px,1fr));gap:10px;overflow-x:auto;flex-shrink:0;margin-top:24px;padding:2px 2px 12px;scrollbar-width:thin}.project-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;border:1px solid #ffffff12;border-radius:10px;padding:8px;background:#11131bdd;gap:8px;transition:border-color .2s,background .2s}.project-tile:hover,.project-tile.is-selected{border-color:#6164ff99;background:#1c1d36}.tile-thumb{position:relative;display:block;width:100%;height:64px;overflow:hidden;border-radius:5px;background:#1b2030}.tile-thumb img{width:100%;height:100%;object-fit:cover}.tile-thumb svg{display:block;width:100%;height:100%;min-height:0}.tile-number{font-size:16px;color:#7d8594}.is-selected .tile-number{color:#b7b9ff}.tile-name{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.tile-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0003;font-size:20px}.movie-scene{position:relative;flex:1;min-height:230px;background:#0b0e17;overflow:hidden}.movie-scene>img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.65}.movie-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(0deg,#080a1466,#080a1422);font-size:16px;color:#fff}.movie-play-icon{display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border-radius:50%;background:#6164ff;box-shadow:0 8px 40px #6164ff44}.video-watch{display:flex;gap:14px;align-items:center;background:none;color:#b7b9ff;font-size:16px}.video-dialog{max-width:1040px;padding:22px}.video-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.video-dialog-heading h2{font-family:var(--display);font-size:24px;line-height:1.3;margin:0;overflow-wrap:anywhere}.video-close{flex-shrink:0;width:44px;height:44px;background:#ffffff08;border-radius:8px;font-size:28px}.video-dialog video{display:block;width:100%;max-height:65vh;max-height:65dvh;background:#050608;border-radius:8px}.video-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(max-width:760px){.project-tiles{grid-template-columns:repeat(10,142px);margin-top:20px}.project-preview{max-height:none;min-height:310px}.movie-scene{min-height:180px}.video-dialog{padding:14px}.video-dialog-heading h2{font-size:20px}.movie-play-icon{width:54px;height:54px}.video-dialog video{max-height:65dvh}}

/* Keep language options focusable so focusout does not swallow selection. */
button.language-option{width:100%;text-align:left;border:0;background:transparent;font-family:inherit}button.language-option[aria-selected="true"]{background:#6164ff19}button.language-option.is-highlighted,button.language-option:hover{background:#6164ff2a}

.header{position:relative;z-index:100;overflow:visible}.header-actions,.language-picker,.language-trigger,.language-options,.language-option{pointer-events:auto}.language-trigger{position:relative;z-index:1;touch-action:manipulation}.language-trigger>*{pointer-events:none}

/* Volumetric motion capture preview, native SVG. */
.body-tracking.mocap-avatar{padding:0;max-height:280px;overflow:visible}.mocap-markers{filter:drop-shadow(0 0 3px #6164ff88)}.mocap-trails{animation:mocap-flow 8s linear infinite}.mocap-markers{animation:mocap-signal 3.8s ease-in-out infinite}.mocap-avatar text{font-family:var(--sans);font-size:9px}@keyframes mocap-flow{to{stroke-dashoffset:-100}}@keyframes mocap-signal{50%{opacity:.65}}@media(max-width:760px){.body-tracking.mocap-avatar{max-height:220px}.mocap-avatar text{font-size:10px;letter-spacing:.6px}}@media(prefers-reduced-motion:reduce){.mocap-trails,.mocap-markers{animation:none}}.motion-paused .mocap-trails,.motion-paused .mocap-markers{animation:none}

.tracking-view{isolation:isolate}.qsoft-mocap-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:.96;z-index:0}.tracking-view.mocap-photo{min-height:250px;background:#050608}.tracking-view .qsoft-mocap-image~.tracking-label,.tracking-view .qsoft-mocap-image~.tracking-corner{z-index:3;text-shadow:0 2px 9px #000}.tracking-view .qsoft-mocap-image~.corner{z-index:3}.tracking-view.mocap-photo::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#050608dd);z-index:2;pointer-events:none}.tracking-view.mocap-photo .scan-line{z-index:1;opacity:.23}.tracking-view.mocap-photo .tracking-grid{display:none}@media(max-width:760px){.tracking-view.mocap-photo{min-height:210px}.qsoft-mocap-image{object-position:center}.tracking-view.mocap-photo .tracking-label{font-size:11px;letter-spacing:.6px;max-width:70%;bottom:12px}.tracking-view.mocap-photo .tracking-corner{font-size:12px;bottom:12px}}

.tracking-view.mocap-live{background:radial-gradient(ellipse at 55% 40%,#171b32,#050608 75%);min-height:250px;position:relative;isolation:isolate}#qsoft-mocap-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:pan-y;cursor:grab}#qsoft-mocap-canvas:active{cursor:grabbing}.mocap-live .tracking-label,.mocap-live .tracking-corner,.mocap-live .corner{z-index:3;pointer-events:none}.mocap-live .tracking-label{font-size:12px;letter-spacing:.7px;max-width:70%;text-shadow:0 2px 8px #000}.mocap-live .tracking-corner{font-size:13px}.mocap-live .scan-line{z-index:2;opacity:.16;pointer-events:none}.mocap-live .tracking-grid{display:none}@media(max-width:760px){.tracking-view.mocap-live{min-height:210px}.mocap-live .tracking-label{font-size:11px;max-width:68%;bottom:12px}.mocap-live .tracking-corner{font-size:12px;bottom:12px}}

/* Salemdos: detailed Almaty architecture without a ground divider. */
.salemdos-preview{position:relative;isolation:isolate;overflow:hidden;background:#121923;min-height:360px}.almaty-city-concept{position:absolute;inset:0;z-index:0;pointer-events:none}.almaty-real-scene{display:block;width:100%;height:100%;stroke-width:1}.salemdos-preview .property-title{position:relative;z-index:2;align-items:flex-start}.salemdos-preview .property-title>span:first-child{font-size:clamp(17px,2vw,26px);line-height:1.3;max-width:57%;text-shadow:0 2px 15px #000}.salemdos-preview .property-logo{width:38px;height:38px;font-size:20px;background:#6164ff}.salemdos-preview .property-actions{position:absolute;bottom:22px;left:6%;right:6%;z-index:3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.salemdos-preview .property-actions>span{justify-self:center;padding:8px 13px;background:#141c2bbb;color:#c1cadb;border-radius:6px;min-width:48px;text-align:center;font-size:14px}.salemdos-preview .building-ground{display:none!important}@media(max-width:760px){.salemdos-preview{min-height:240px;padding:15px 16px}.salemdos-preview .property-title>span:first-child{font-size:17px}.salemdos-preview .property-logo{width:30px;height:30px;font-size:17px}.salemdos-preview .property-actions{bottom:14px;left:4%;right:4%;gap:10px}.salemdos-preview .property-actions>span{font-size:12px;padding:6px 9px}.almaty-real-scene{object-fit:cover}}

#preview-number{margin-left:auto}

/* Q-Industrial: live wind farm */
.scene-industrial .scene-copy{max-width:38%;top:10%}.scene-industrial .scene-copy h3{font-size:clamp(24px,2.5vw,38px)}.wind-rotor{animation:wind-turn 18s linear infinite;transform-box:view-box;transform-origin:0px 0px}.wind-farm>g:nth-of-type(2n) .wind-rotor{animation-duration:23s}.wind-farm>g:nth-of-type(3n) .wind-rotor{animation-duration:20s}@keyframes wind-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.wind-rotor{animation:none}}

.scene-electra .scene-copy{max-width:36%;top:10%}.scene-electra .scene-copy h3{font-size:clamp(26px,3vw,42px)}.ev-progress{animation:ev-charge 3s ease-in-out infinite;opacity:1}@keyframes ev-charge{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.ev-progress{animation:none}}

.scene-trex .scene-copy{max-width:43%;top:12%}.scene-trex .scene-copy h3{font-size:clamp(25px,2.7vw,40px)}.scene-trex .scene-copy>span{color:#b2aaa3}.coal-spark{animation:coal-ember 5s ease-out infinite;transform-box:view-box}@keyframes coal-ember{0%{opacity:0;transform:translateY(18px)}25%{opacity:.8}100%{opacity:0;transform:translateY(-35px)}}@media(prefers-reduced-motion:reduce){.coal-spark{animation:none;opacity:.5}}

.scene-tottori .scene-copy{top:9%;max-width:40%;text-shadow:0 2px 14px #0c0b13}.scene-tottori .scene-copy h3{font-size:clamp(25px,2.8vw,42px)}.scene-tottori .scene-copy>span{color:#e2c8b3}.tottori-art{filter:saturate(.9)}

.scene-homespro .scene-copy,.scene-automation .scene-copy{top:9%;max-width:37%;text-shadow:0 2px 16px #0a1521}.scene-homespro .scene-copy h3,.scene-automation .scene-copy h3{font-size:clamp(25px,2.8vw,41px)}.scene-homespro .scene-copy>span{color:#d5dedc}.scene-automation .scene-copy>span{color:#b7c9dc}.ka-circuit{animation:ka-flow 13s linear infinite}@keyframes ka-flow{to{stroke-dashoffset:-100}}@media(prefers-reduced-motion:reduce){.ka-circuit{animation:none}}

.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.form-submit:disabled{opacity:.55;cursor:wait}.captcha-row input:disabled{opacity:.5}

.optical-camera-labels{position:absolute;inset:12% 7% 20%;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;pointer-events:none;color:#aaaef8;font-size:16px;letter-spacing:.08em}.optical-camera-labels span{display:flex;gap:5px;align-items:start;text-shadow:0 1px 8px #000}.optical-camera-labels span::before{content:"";width:5px;height:5px;margin-top:7px;border-radius:50%;background:#cccfff;box-shadow:0 0 8px #6164ff}.optical-camera-labels span:nth-child(2),.optical-camera-labels span:nth-child(4){justify-self:end}.optical-camera-labels span:nth-child(3),.optical-camera-labels span:nth-child(4){align-self:end}@media(max-width:760px){.optical-camera-labels{font-size:12px;inset:11% 6% 21%}}

#qsoft-mocap-canvas,#qsoft-mocap-canvas:active{cursor:default;touch-action:auto}