@font-face{font-family:Cospace;src:url('/assets/fonts/NotoSans-cyrillic-ext.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Cospace;src:url('/assets/fonts/NotoSans-cyrillic.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Cospace;src:url('/assets/fonts/NotoSans-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--bg:#050b16;--bg-deep:#081321;--ink:#f4f6f9;--muted:#b8cbdc;--line:#b5dbff24;--sage:#c3edea;--copper:#d8c19b;--font:Cospace,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--font);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--sage);outline-offset:6px}button{border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.12}h2{font-size:clamp(36px,4.5vw,68px)}h2>span{color:var(--sage)}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 20px}.skip-link:focus{top:10px}
.site-header{height:100px;max-width:1560px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:4px;line-height:1;font-size:24px;letter-spacing:-1px;font-weight:600}.brand img{width:51px;height:51px;object-fit:contain}.brand-dot{color:var(--copper)}nav{display:flex;gap:34px;font-size:12px;color:#dce0d5}nav a{padding:12px 0;position:relative}nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:var(--sage);transition:width .25s}nav a:hover:after{width:100%}.header-link{font-size:12px;border-bottom:1px solid #f4f2e950;padding:8px 0}.header-link span{margin-left:22px}
.hero{position:relative;min-height:840px;height:calc(100svh - 100px);max-height:1100px;isolation:isolate;max-width:1680px;margin:auto;background:radial-gradient(ellipse at 53% 48%,#73816022,transparent 55%)}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.hero-heading{position:absolute;left:5%;top:34px;z-index:3}.eyebrow,.small-label{font-size:9px;letter-spacing:.14em;font-weight:500;line-height:1.8}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--muted);margin-bottom:23px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--sage);border-radius:50%;box-shadow:0 0 8px #b9cca442;flex-shrink:0}h1{font-size:clamp(48px,4.6vw,72px);letter-spacing:-.06em}h1 span{color:var(--sage)}.hero-about{position:absolute;right:5%;top:50px;max-width:285px;z-index:3}.small-label{color:var(--copper);font-size:8px}.hero-about p{font-size:15px;color:#dce1d5;line-height:1.8;margin:14px 0 15px}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #b7c0ae66;padding:7px 0}.text-link:hover{color:var(--sage)}.hero-watermark{position:absolute;top:117px;left:50%;transform:translateX(-50%);font-size:clamp(230px,31vw,450px);line-height:1;font-weight:600;letter-spacing:-.09em;color:#b5c5a608;z-index:-1;pointer-events:none}.robot-scene{position:absolute;z-index:2;top:145px;left:50%;transform:translateX(-50%);width:min(620px,54vw);height:620px;touch-action:pan-y;pointer-events:none}#robot-canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .8s}.robot-ready #robot-canvas{opacity:1}.robot-ready .robot-fallback{opacity:0}.robot-caption{position:absolute;z-index:5;bottom:70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:10px;color:#cbd2c3}.robot-caption button{margin-left:4px;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:10px;display:grid;place-items:center}.robot-caption button:hover{background:#ffffff12}
.project-window{position:absolute;z-index:4;padding:0;text-align:left;background:#314237eb;border:1px solid #a9b89d35;border-radius:13px;overflow:hidden;box-shadow:0 25px 65px #0d1c1738;transition:transform .5s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .3s;will-change:transform}.project-window:hover,.project-window:focus-visible{transform:translateY(-9px) rotate(0deg);border-color:#c5d6b778;box-shadow:0 32px 70px #10201970}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:#ffffff06;font-size:8px;color:#c1cab9;line-height:1}.window-dots{font-size:5px;letter-spacing:2px;color:#9dab95}.window-footer{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.window-footer>span:first-child{display:flex;flex-direction:column;gap:5px}.window-footer small,.compact-content small{font-size:7px;letter-spacing:.15em;color:#a9b79f;display:block}.window-footer strong{font-size:12px;font-weight:500}.round-arrow{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px}.project-image{height:138px;display:block;overflow:hidden;position:relative;background:#dbe1d3}.project-image>img{width:100%;height:100%;object-fit:cover;object-position:top}.project-image-overlay{position:absolute;inset:0;background:#e9ead9ed;color:#29372b;display:flex;align-items:center;justify-content:center;gap:10px}.project-image-overlay strong{font-size:23px;letter-spacing:-.07em;font-weight:700}.traffic-symbol{display:flex;gap:3px;align-items:center}.traffic-symbol i{width:11px;height:11px;border-radius:50%;background:#e26252}.traffic-symbol i:nth-child(2){background:#d3ac43}.traffic-symbol i:nth-child(3){background:#5c9873}.orbit-traffic{width:275px;left:7%;top:325px;transform:rotate(-6deg)}.orbit-auto{width:265px;right:6%;top:310px;transform:rotate(6deg)}.orbit-cospace{width:255px;left:14%;top:625px;transform:rotate(4deg)}.compact-content{padding:15px;display:flex;align-items:center;gap:11px}.compact-content>img{width:42px;height:42px;object-fit:contain}.compact-content strong{font-size:11px;font-weight:500;display:block;margin-top:5px}.compact-content>span:last-child{margin-left:auto}.orbit-note{position:absolute;right:10%;top:625px;z-index:4;padding-left:40px}.tiny-cross{color:var(--copper);font-size:27px;position:absolute;left:0;top:0}.orbit-note p{font-size:20px;line-height:1.4;letter-spacing:-.035em}.orbit-note a{font-size:9px;display:flex;gap:20px;margin-top:13px;color:var(--muted)}.orbit-line{position:absolute;border:1px solid #b5c1a916;border-radius:50%;left:50%;top:53%;width:72%;height:320px;transform:translate(-50%,-50%) rotate(-13deg);pointer-events:none;z-index:0}.orbit-line-two{width:62%;height:470px;transform:translate(-50%,-50%) rotate(21deg);border-style:dashed;opacity:.55}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.14em;color:#a8b39e}.hero-bottom a{display:flex;gap:16px}.hero-bottom a span{color:var(--sage)}
.section-shell{padding:110px 7%;max-width:1440px;margin:auto;scroll-margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px}.section-heading>p{font-size:13px;color:var(--muted);max-width:300px;line-height:1.9}.work{padding-top:125px}.work-list{border-top:1px solid var(--line)}.work-row{display:flex;align-items:center;gap:34px;width:100%;text-align:left;padding:33px 0;border-bottom:1px solid var(--line);background:transparent;transition:padding .3s,background .3s}.work-row:hover{padding-left:15px;padding-right:15px;background:#ffffff04}.work-number{color:var(--copper);font-size:10px}.work-name{font-size:clamp(21px,2.4vw,34px);line-height:1.3;letter-spacing:-.03em}.work-name small{display:block;font-size:12px;color:var(--muted);margin-top:8px;font-weight:400;letter-spacing:0}.work-category{margin-left:auto;font-size:8px;letter-spacing:.08em;color:var(--muted)}.work-arrow{font-size:26px;font-weight:400;margin-left:35px}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding-top:140px;padding-bottom:140px}.about-mark{font-size:clamp(150px,25vw,350px);font-weight:500;letter-spacing:-.15em;line-height:1;color:#b9cca4;position:relative}.about-mark span{color:var(--copper);font-weight:400}.about-mark:before{content:'';position:absolute;width:90%;aspect-ratio:1;left:0;top:50%;transform:translateY(-50%);border:1px solid #a8b89b25;border-radius:50%}.about-copy h2{margin-bottom:30px;font-size:clamp(32px,3.7vw,56px)}.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:16px 0;line-height:1.9}.about-copy .text-link{margin-top:8px}.directions{border-top:1px solid var(--line)}.direction-list{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}.direction-list>button{text-align:left;padding:26px 0 0;border-top:1px solid #bfcca966;background:transparent;position:relative;transition:border-color .2s}.direction-list>button:hover{border-color:var(--ink)}.direction-index{font-size:9px;letter-spacing:.1em;color:var(--copper)}.direction-list h3{font-size:21px;letter-spacing:-.04em;margin:25px 0 17px;min-height:48px;overflow-wrap:anywhere}.direction-list p{color:var(--muted);font-size:12px;line-height:1.9;min-height:76px}.direction-status{display:block;font-size:9px;color:var(--sage);margin-top:25px}.direction-status.upcoming{color:#b7b6a5}.contact{text-align:center;padding-top:150px;padding-bottom:150px;border-top:1px solid var(--line);background:radial-gradient(ellipse,#81966a10,transparent 70%)}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(36px,5vw,76px);margin-bottom:28px}.contact>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.pill-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-radius:50px;padding:13px 23px;background:var(--ink);color:var(--bg-deep);font-size:12px;font-weight:500;margin-top:30px;transition:background .2s,transform .2s}.pill-link:hover{background:var(--sage);transform:translateY(-2px)}.site-footer{border-top:1px solid var(--line);max-width:1440px;padding:35px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer .brand{font-size:20px}.site-footer .brand img{width:40px;height:40px}.site-footer p,.site-footer>a:last-child{font-size:10px;color:var(--muted)}
dialog{padding:0;border:1px solid #b8c7ab55;border-radius:18px;width:min(750px,calc(100% - 32px));max-height:90svh;color:var(--ink);background:#283a2e;box-shadow:0 30px 100px #0009;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#0b170fc4;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 19px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);position:sticky;top:0;z-index:5;background:#283a2e}.dialog-top button{display:grid;place-items:center;width:30px;height:30px;line-height:1;font-size:24px;border-radius:50%;background:#ffffff0a}.dialog-top button:hover{background:#ffffff20}.dialog-image-wrap{height:250px;background:#1c2d23;overflow:hidden}.dialog-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:top}.dialog-image-wrap img[hidden]{display:none}.dialog-illustration{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:125px;font-weight:500;color:var(--sage);letter-spacing:-.1em;background:radial-gradient(circle,#c2ac7430,transparent)}.dialog-illustration[hidden]{display:none}.dialog-illustration span{color:var(--copper)}.dialog-content{padding:32px 36px 38px}.dialog-content .eyebrow{margin-bottom:11px}.dialog-content h2{font-size:34px;letter-spacing:-.04em;margin-bottom:18px}.dialog-content>p:not(.eyebrow){font-size:14px;color:#d2d9c9;line-height:1.9}.dialog-content ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}.dialog-content li{border:1px solid var(--line);border-radius:30px;font-size:10px;padding:5px 12px;color:var(--muted)}.dialog-content .dialog-notice{margin-top:20px;font-size:12px!important;border-left:2px solid var(--copper);padding-left:12px}.dialog-content .pill-link[hidden]{display:none}body:has(dialog[open]){overflow:hidden}.noscript-note{padding:20px;background:#17271c;font-size:13px}.noscript-note a{text-decoration:underline}
.robot-fallback{position:absolute;left:50%;top:90px;transform:translateX(-50%);width:245px;transition:opacity .4s}.fallback-head{position:relative;border:15px solid #dfdfca;background:#14221a;height:165px;border-radius:42px;box-shadow:12px 12px 0 #a99b80;display:flex;align-items:center;justify-content:center}.fallback-head>span{font-size:65px;color:var(--ink);letter-spacing:-.1em;font-weight:600}.fallback-head i{position:absolute;bottom:13px;width:9px;height:9px;background:var(--sage);border-radius:50%;left:87px}.fallback-head i:last-child{left:112px}.fallback-antenna{position:absolute;left:120px;top:-28px;width:5px;height:28px;background:var(--copper)}.fallback-antenna:before{content:'';width:13px;height:13px;border-radius:50%;background:var(--sage);position:absolute;top:-10px;left:-4px}.fallback-body{margin:20px auto 0;width:165px;height:165px;background:linear-gradient(120deg,#e3dfca,#afa58b);border-radius:35px 35px 50px 50px;position:relative;box-shadow:8px 10px 0 #8f8771}.fallback-body:before,.fallback-body:after{content:'';position:absolute;top:20px;width:32px;height:130px;border-radius:25px;background:#d7d0b7}.fallback-body:before{left:-48px;transform:rotate(12deg)}.fallback-body:after{right:-48px;transform:rotate(-12deg)}.fallback-body b{display:block;padding-top:70px;text-align:center;color:#6c6f5a;font-size:13px;font-weight:400;letter-spacing:.1em}
@media(min-width:1600px){.hero-heading{top:60px}.hero-about{top:80px}.robot-scene{top:175px}.orbit-traffic{left:10%;top:380px}.orbit-auto{right:9%;top:360px}.orbit-cospace{top:690px;left:18%}.orbit-note{top:690px;right:15%}}
@media(max-width:1100px){.hero{min-height:830px}.hero-heading h1{font-size:52px}.hero-about{max-width:225px}.hero-about p{font-size:13px}.hero-about .small-label{font-size:7px}.robot-scene{width:520px;top:180px}.orbit-traffic{left:3%;width:235px;top:340px}.orbit-auto{right:3%;width:225px;top:330px}.project-image{height:112px}.orbit-cospace{left:7%;top:620px;width:235px}.orbit-note{right:5%;top:620px}.hero-heading{left:4%}.hero-about{right:4%}.direction-list{gap:16px}.direction-list h3{font-size:18px}.work-category{font-size:7px}}
@media(max-width:799px){.site-header{height:80px;padding:0 6%;gap:10px}.brand{font-size:20px}.brand img{width:43px;height:43px}.site-header nav{display:none}.header-link{font-size:10px}.header-link span{margin-left:12px}.hero{height:auto;min-height:1140px;max-height:none}.hero-heading{top:25px;left:6%;right:6%;text-align:center}.hero-heading .eyebrow{justify-content:center;font-size:8px;margin-bottom:18px}.hero-heading h1{font-size:clamp(43px,7vw,58px)}.hero-about{top:795px;left:6%;right:auto;max-width:44%;}.hero-about .small-label{font-size:6px}.hero-about p{font-size:12px;margin:8px 0}.hero-about .text-link{font-size:9px;gap:8px}.hero-watermark{top:250px;font-size:270px}.robot-scene{top:175px;width:min(540px,100vw);height:505px}.robot-caption{bottom:auto;top:655px;font-size:9px}.orbit-traffic{top:700px;left:6%;width:42%;transform:rotate(-3deg)}.orbit-auto{top:710px;right:6%;width:42%;transform:rotate(3deg)}.project-image{height:100px}.window-bar{padding:8px;font-size:6px;gap:3px}.window-dots{font-size:4px;letter-spacing:1px}.window-footer{padding:11px 10px}.window-footer strong{font-size:10px;line-height:1.5}.window-footer small{font-size:6px}.round-arrow{width:19px;height:19px;font-size:10px;flex-shrink:0}.project-image-overlay{flex-direction:column;gap:8px}.project-image-overlay strong{font-size:18px}.traffic-symbol i{width:10px;height:10px}.hero-about{top:950px}.orbit-cospace{top:955px;left:auto;right:6%;width:42%;transform:rotate(0)}.compact-content{padding:12px;gap:5px}.compact-content>img{width:30px;height:30px}.compact-content strong{font-size:8px}.compact-content small{font-size:6px}.compact-content>span:last-child{display:none}.orbit-note{top:580px;right:7%;padding-left:0}.orbit-note p{font-size:11px}.orbit-note a{display:none}.tiny-cross{position:static;font-size:20px;display:block;margin-bottom:4px}.orbit-line{top:440px;width:90%;height:180px}.orbit-line-two{width:75%;height:300px}.hero-bottom{bottom:0;left:6%;right:6%;padding:20px 0;font-size:6px;gap:10px}.hero-bottom>span:last-child{display:none}.hero-bottom a{gap:6px}.section-shell{padding:75px 6%}.section-heading{gap:20px;margin-bottom:40px}.section-heading>p{font-size:10px;max-width:145px}.section-heading .eyebrow{font-size:7px}h2{font-size:clamp(31px,6vw,44px)}.work-row{padding:24px 0;gap:15px}.work-number{font-size:8px}.work-name{font-size:22px}.work-name small{font-size:10px;max-width:250px}.work-category{display:none}.work-arrow{margin-left:auto;font-size:23px}.about{grid-template-columns:1fr;gap:35px}.about-mark{font-size:160px;max-width:230px;margin-left:auto;margin-right:auto}.about-mark:before{width:100%;height:220px}.about-copy h2{font-size:40px}.about-copy>p:not(.eyebrow){font-size:13px}.direction-list{grid-template-columns:1fr 1fr;gap:35px 24px}.direction-list h3{min-height:0;font-size:21px;margin-top:20px}.direction-list p{min-height:60px;font-size:11px}.direction-status{font-size:8px;margin-top:18px}.contact{padding-top:85px;padding-bottom:85px}.contact h2{font-size:clamp(31px,6.4vw,46px)}.contact>p:not(.eyebrow){font-size:12px}.site-footer{padding:25px 6%;flex-wrap:wrap;gap:20px}.site-footer .brand{font-size:17px}.site-footer .brand img{width:32px;height:32px}.site-footer p{font-size:9px}.site-footer>a:last-child{font-size:9px}.dialog-image-wrap{height:180px}.dialog-content{padding:25px 22px 30px}.dialog-content h2{font-size:28px}.dialog-content>p:not(.eyebrow){font-size:12px}.dialog-content li{font-size:9px}.dialog-top{font-size:9px}.dialog-illustration{font-size:100px}.dialog-content .pill-link{font-size:11px}.robot-fallback{top:75px;transform:translateX(-50%) scale(.8)}}
@media(max-width:799px){.robot-scene{width:min(540px,100%)}}
@media(max-width:370px){.hero-heading h1{font-size:40px}.hero-heading .eyebrow{font-size:7px}.project-image{height:85px}.window-footer strong{font-size:9px}.window-footer{padding:9px}.hero-about p{font-size:11px}.compact-content strong{font-size:7px}.work-name{font-size:20px}.section-heading>p{max-width:110px;font-size:9px}.about-copy h2{font-size:35px}.direction-list h3{font-size:19px}}
.hero{overflow:clip;min-height:940px;background:radial-gradient(ellipse at 50% 42%,#3d807246,transparent 66%)}
.hero-heading h1{font-size:clamp(44px,4.2vw,64px)}
.project-window{background:#173c35ed;border-color:#9bbeb23a}
.orbit-traffic{top:300px}.orbit-auto{top:295px}
.orbit-cospace{top:590px;left:7%;width:245px;transform:rotate(-3deg)}
.orbit-upcoming-four{width:245px;right:7%;top:590px;transform:rotate(3deg)}
.orbit-upcoming-five{width:230px;right:14%;top:730px;transform:rotate(-3deg)}
.upcoming-symbol{font-size:27px;font-weight:400;width:38px;flex-shrink:0;color:#b8d2c6;text-align:center}
.upcoming-window{border-style:dashed;background:#1b463c9c}
.upcoming-window .compact-content{min-height:73px}
.upcoming-row .work-name{color:#c0d3c8}
/* CSS fallback follows the new humanoid silhouette too. */
.robot-fallback{top:110px;width:190px}
.fallback-antenna{display:none}
.fallback-head{width:87px;height:133px;margin:auto;border:1px solid #7d898d;border-radius:48% 48% 43% 43%;background:linear-gradient(130deg,#26313d,#060c12 50%,#0b1117);box-shadow:inset -8px -3px 18px #02080c,4px 4px 14px #041a1633}
.fallback-head:after{content:'';position:absolute;inset:19px 9px 11px;border:1px solid #effcf0;border-top-color:transparent;border-radius:35% 35% 40% 40%;opacity:.8}
.fallback-head>span{font-size:26px;letter-spacing:.02em;z-index:1}.fallback-head i{display:none}
.fallback-body{width:155px;height:210px;margin-top:9px;border-radius:40px 40px 50px 50px;background:linear-gradient(110deg,#eff1ee,#b4bfc5);box-shadow:inset -14px -4px 20px #7d888f}
.fallback-body:before,.fallback-body:after{width:33px;height:190px;top:6px;background:linear-gradient(90deg,#e5e8e6,#9cabb0);border-radius:30px}.fallback-body:before{left:-40px;transform:rotate(4deg)}.fallback-body:after{right:-40px;transform:rotate(-4deg)}
.fallback-body b{padding-top:60px;font-size:11px;color:#3b494a;letter-spacing:.2em}
.robot-scene{top:160px}
.robot-caption{bottom:86px}
@media(min-width:1600px){.orbit-traffic,.orbit-auto{top:330px}.orbit-cospace,.orbit-upcoming-four{top:630px}.orbit-upcoming-five{top:780px}}
@media(min-width:800px) and (max-width:1100px){.hero-heading h1{font-size:45px}.orbit-cospace{width:220px;left:3%}.orbit-upcoming-four{width:220px;right:3%}.orbit-upcoming-five{width:210px;right:5%;top:715px}}
@media(max-width:799px){.hero{min-height:1330px}.hero-heading h1{font-size:clamp(38px,6.5vw,52px)}.robot-scene{top:170px}.orbit-traffic{top:700px}.orbit-auto{top:710px}.orbit-cospace{top:950px;left:6%;right:auto;width:42%;transform:rotate(-2deg)}.orbit-upcoming-four{top:950px;right:6%;width:42%;transform:rotate(2deg)}.orbit-upcoming-five{top:1085px;right:6%;width:42%;transform:none}.hero-about{top:1080px;max-width:43%}.robot-caption{top:655px;bottom:auto}.compact-content strong{font-size:9px}.upcoming-window .compact-content{min-height:61px}.upcoming-symbol{font-size:23px;width:27px}.robot-fallback{top:88px;transform:translateX(-50%) scale(.85)}}
@media(max-width:370px){.hero-heading h1{font-size:34px}.compact-content strong{font-size:8px}}
.robot-caption{color:#e3efdf}
.hero-bottom{color:#d2e7d3}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-window{will-change:auto}}

/* One-screen composition. Secondary content lives only inside menu dialogs. */
/* Static light/shadow layers add depth without scroll or animation jitter. */
body{background:#050b16}
.hero{background:radial-gradient(ellipse at 50% 47%,#244b761a 0%,transparent 60%);box-shadow:none}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#030a1470,transparent 22%,transparent 73%,#030912c9),linear-gradient(90deg,#02081338,transparent 25%,transparent 75%,#02081338)}
.hero:after{display:none}
.site-header{background:linear-gradient(180deg,#050b16,#050b1600)}
.hero-grid,.hero-watermark{display:none}
.project-window{background:#0c1829e8;border-color:#9ac8e53d;box-shadow:0 20px 55px #0008,inset 0 1px #b7e5ff0b}
.project-window:hover,.project-window:focus-visible{border-color:#a3e7ec88;box-shadow:0 24px 55px #0009,0 0 25px #5ed8e214}
.upcoming-window{background:#0b1729d1}
.window-bar{color:#a8c8dd;background:#a4d5ff08}
.window-footer small,.compact-content small{color:#a4bcd0}
.window-dots{color:#92b8cf}.upcoming-symbol{color:#a7dce8}
.hero-about p{color:#d4e1ec}.hero-about .small-label{color:#bad6e6}
.hero-watermark{color:#9fc9f508}.orbit-line{border-color:#a9cffc10}.orbit-line-two{border-color:#86d4e00c}
dialog,.dialog-top{background:#0d1a2c;border-color:#94c7e73b}dialog::backdrop{background:#01050cc4}
.dialog-image-wrap{background:#08111f}.dialog-illustration{background:radial-gradient(circle,#36577940,transparent)}
.dialog-content>p:not(.eyebrow){color:#c8d6e6}.robot-caption,.hero-bottom{color:#bcd5e7}
.fallback-body>img{position:absolute;left:50%;top:50%;width:82px;height:82px;object-fit:contain;transform:translate(-50%,-50%)}
html,body{height:100%;overflow:clip}
.site-header{height:82px}
main{height:calc(100svh - 82px);min-height:0}
.hero{height:100%;min-height:0;max-height:none;width:100%;max-width:none}
.hero-heading{left:5%;top:18px}
.hero-heading .eyebrow{font-size:8px;margin-bottom:17px}
.hero-heading h1{font-size:clamp(32px,3.7vw,56px)}
.hero-about{top:23px;right:5%;max-width:250px}
.hero-about p{font-size:12px;margin:10px 0}
.hero-about .small-label{font-size:7px}
.hero-about .text-link{font-size:10px}
nav button{background:transparent;padding:12px 0;color:#dce0d5;font-size:12px;position:relative}
nav button:hover{color:var(--sage)}
button.header-link,button.text-link{background:transparent;color:inherit}
button.header-link{border:0;border-bottom:1px solid #f4f2e950}
button.text-link{border:0;border-bottom:1px solid #b7c0ae66}
.robot-scene{top:9%;width:min(640px,48vw);height:83%;}
.robot-caption{top:auto;bottom:47px;font-size:9px}
.project-window{width:clamp(170px,20vw,275px)}
.project-image{height:clamp(70px,12svh,125px)}
.window-footer{padding:11px 13px}
.window-footer strong{font-size:11px}
.orbit-traffic{left:5%;top:31%;right:auto;bottom:auto;transform:rotate(-4deg)}
.orbit-auto{right:5%;top:29%;left:auto;bottom:auto;transform:rotate(4deg)}
.orbit-cospace{left:7%;top:auto;bottom:14%;right:auto;width:clamp(170px,19vw,250px);transform:rotate(-3deg)}
.orbit-upcoming-four{right:7%;top:auto;bottom:25%;left:auto;width:clamp(170px,18vw,245px);transform:rotate(2deg)}
.orbit-upcoming-five{right:11%;top:auto;bottom:8%;left:auto;width:clamp(170px,18vw,235px);transform:rotate(-2deg)}
.upcoming-window .compact-content{min-height:55px}
.compact-content{padding:11px}
.hero-watermark{top:22%;font-size:clamp(200px,30vw,420px)}
.orbit-line{top:57%;height:220px}.orbit-line-two{height:340px}
.hero-bottom{padding:13px 0;bottom:0;font-size:6px}
.hero-bottom button{background:transparent;padding:0;font-size:6px;letter-spacing:.12em;color:inherit}
.hero-bottom button span{margin-left:10px}
#info-dialog{width:min(1000px,calc(100% - 32px));max-height:88svh;scrollbar-width:thin}
#info-body .section-shell{padding:38px;border:0;max-width:none}
#info-body .section-heading{margin-bottom:30px}
#info-body h2{font-size:clamp(30px,3.2vw,44px)}
#info-body .section-heading>p{font-size:12px}
#info-body .work-row{padding:23px 0;gap:20px}
#info-body .work-name{font-size:25px}
#info-body .work-category{font-size:7px}
#info-body .work-name small{font-size:11px}
#info-body .work-arrow{font-size:22px;margin-left:12px}
#info-body .about{gap:7%;grid-template-columns:.7fr 1fr}
#info-body .about-mark{font-size:180px}
#info-body .about-copy>p:not(.eyebrow){font-size:13px}
#info-body .direction-list{grid-template-columns:repeat(3,1fr);gap:30px}
#info-body .direction-list h3{font-size:22px;min-height:0}
#info-body .contact .eyebrow{justify-content:center}
#info-body .contact .pill-link{border:0}
.robot-fallback{top:30px;transform:translateX(-50%) scale(1.15)}
.fallback-head{width:83px;height:133px;border-radius:48% 48% 36% 36% / 35% 35% 24% 24%;border-color:#43525b;background:linear-gradient(110deg,#3c4a52 0%,#0c1218 22%,#03070b 55%,#1a242a 90%,#060b0f 100%);box-shadow:inset -8px -3px 18px #02080c,4px 4px 14px #041a1633}
.fallback-head:after{inset:15px 7px 7px;border-radius:40% 40% 34% 34% / 30% 30% 24% 24%;border:1px solid #85f5e5;border-top-color:transparent;opacity:.95}
.fallback-head>span{font-size:36px}
.fallback-body{width:170px;height:210px;margin-top:12px}
/* Background-only motion. Text and cards stay fixed; no scroll-linked effects. */
.hero-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.space-nebula{position:absolute;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;opacity:.95;animation:space-breathe 70s ease-in-out infinite alternate}
#space-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.8}
.ambient-light{position:absolute;width:64%;height:80%;border-radius:50%;background:radial-gradient(ellipse,#69c69e24 0%,#49b99910 38%,transparent 68%);animation:ambient-drift 22s ease-in-out infinite alternate}
.light-one{left:-15%;top:0;background:radial-gradient(ellipse,#2d8dc81a,transparent 65%)}
.light-two{right:-16%;top:8%;background:radial-gradient(ellipse,#675cbd20,transparent 65%);animation-duration:29s;animation-delay:-11s;animation-direction:alternate-reverse}
.light-three{left:20%;top:27%;width:65%;height:64%;background:radial-gradient(ellipse,#4c9eae0d,transparent 67%);animation-duration:25s;animation-delay:-7s}
.ambient-particles{position:absolute;inset:0}
.ambient-particles i{position:absolute;width:3px;height:3px;left:var(--x);top:var(--y);background:#b3efd0;border-radius:50%;opacity:.18;box-shadow:0 0 9px #8de6ba55;animation:ambient-float var(--duration,19s) ease-in-out var(--delay,0s) infinite alternate}
.ambient-particles i:nth-child(1){--x:12%;--y:19%;--delay:-2s}
.ambient-particles i:nth-child(2){--x:28%;--y:43%;--delay:-11s;--duration:24s}
.ambient-particles i:nth-child(3){--x:39%;--y:13%;--delay:-7s}
.ambient-particles i:nth-child(4){--x:64%;--y:22%;--delay:-14s;--duration:27s}
.ambient-particles i:nth-child(5){--x:83%;--y:46%;--delay:-4s}
.ambient-particles i:nth-child(6){--x:92%;--y:77%;--delay:-9s;--duration:23s}
.ambient-particles i:nth-child(7){--x:18%;--y:81%;--delay:-17s}
.ambient-particles i:nth-child(8){--x:36%;--y:68%;--delay:-6s;--duration:25s}
.ambient-particles i:nth-child(9){--x:62%;--y:79%;--delay:-13s}
.ambient-particles i:nth-child(10){--x:73%;--y:61%;--delay:-3s;--duration:21s}
.ambient-particles i:nth-child(11){--x:6%;--y:56%;--delay:-10s}
.ambient-particles i:nth-child(12){--x:55%;--y:37%;--delay:-15s;--duration:28s}
.fallback-head .fallback-eyes{position:absolute;left:17px;right:17px;top:37px;display:flex;justify-content:space-between;z-index:1}
.fallback-eyes b{position:relative;width:17px;height:25px;border-radius:50%;background:#d7fff5}
.fallback-eyes b:after{content:'';position:absolute;width:7px;height:13px;left:6px;top:6px;border-radius:50%;background:#071c20}
.fallback-head>.fallback-mouth{position:absolute;left:29px;top:79px;width:25px;height:9px;border:2px solid #d7fff5;border-radius:35% 35% 55% 55%;font-size:0;z-index:1}
.hero[data-motion="paused"] .hero-ambient *,.hero[data-motion="offscreen"] .hero-ambient *{animation-play-state:paused!important}
@keyframes ambient-drift{from{transform:translate3d(-5%,-3%,0) scale(.92)}to{transform:translate3d(10%,8%,0) scale(1.08)}}
@keyframes space-breathe{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-.5%,.5%,0)}}
@keyframes ambient-float{from{transform:translate3d(-12px,24px,0);opacity:.12}to{transform:translate3d(24px,-38px,0);opacity:.36}}
@media(max-width:799px){.ambient-particles i:nth-child(n+7){display:none}.ambient-light{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.hero-ambient *{animation:none!important}}
/* Actual Higgsfield artwork: retained legacy styles, unused by the GLB renderer. */
.robot-scene{perspective:900px}
.robot-artwork{position:absolute;left:50%;top:0;height:var(--art-size,100%);aspect-ratio:1;transform:translate3d(-50%,var(--float-y,0px),0);perspective:900px;isolation:isolate;pointer-events:none}
.robot-source{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.robot-art-body{clip-path:inset(28.3% 0 0 0)}
.robot-art-head{position:absolute;inset:0;clip-path:inset(0 0 71.7% 0);transform-origin:50% 28.3%;will-change:transform}
.robot-neck-seal{position:absolute;left:46%;top:27%;width:8%;height:5%;background:linear-gradient(90deg,#0c1722,#03080e 50%,#13202b);border-radius:40%;z-index:-1}
.robot-art-face{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0}
.robot-art-logo{position:absolute;left:43%;top:44%;width:14%;height:14%;object-fit:contain;opacity:0}
.robot-head-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}
.head-3d-ready .robot-head-canvas{opacity:1}
.head-3d-ready .robot-art-head{visibility:hidden}
.robot-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:1;transition:opacity .15s ease}
.robot-model-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .15s ease}
.robot-scene[data-ready="true"] .robot-model-canvas{opacity:1}
.robot-scene[data-ready="true"] .robot-poster{opacity:0}
.robot-poster,.robot-model-canvas{mask-image:linear-gradient(#000 0 91%,transparent 100%)}
.robot-caption button[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.robot-poster,.robot-model-canvas{transition:none}}
.robot-loading{position:absolute;top:45%;left:0;right:0;text-align:center;font-size:11px;color:#bdd9e4;letter-spacing:.04em}
.robot-scene[data-ready="true"] .robot-loading,.robot-scene[data-ready="error"] .robot-loading{display:none}
.project-monogram{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(140deg,#73d9db24,#ad96ff24);border:1px solid #86c9e34d;color:#b0f1f3;font-size:18px;font-weight:600}
.robot-scene[data-ready="true"] .robot-art-face,.robot-scene[data-ready="true"] .robot-art-logo{opacity:1}
.space-nebula{inset:-6%;width:112%;height:112%;animation:space-breathe 25s ease-in-out infinite alternate}
@keyframes space-breathe{from{transform:scale(1) translate3d(-1%,0,0)}to{transform:scale(1.07) translate3d(1.5%,-1%,0)}}
@media(prefers-reduced-motion:reduce){.robot-art-head{will-change:auto;transform:none!important}.robot-artwork{transform:translateX(-50%)!important}}
@media(max-height:720px) and (min-width:800px){
  .site-header{height:65px}main{height:calc(100svh - 65px)}
  .hero-heading h1{font-size:34px}.hero-heading .eyebrow{margin-bottom:10px;font-size:7px}
  .hero-about p{font-size:11px}.hero-about .small-label{font-size:6px}
  .project-image{height:65px}.window-footer{padding:8px 10px}.window-footer strong{font-size:10px}
  .compact-content{padding:8px}.compact-content>img{width:26px;height:26px}
  .compact-content strong{font-size:9px}.upcoming-window .compact-content{min-height:40px}
  .window-bar{padding:7px 10px}.orbit-upcoming-four{bottom:27%}.orbit-upcoming-five{bottom:7%}
  .robot-caption{bottom:34px;font-size:8px}.hero-bottom{padding:9px 0}
}
@media(max-width:799px){
  .site-header{height:88px;padding:7px 6% 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:42px 32px;gap:0 12px}
  .brand{font-size:18px}.brand img{width:36px;height:36px}
  .site-header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:18px;width:100%;border-bottom:1px solid var(--line)}
  nav button{font-size:10px;padding:7px 0;line-height:1.4}
  .site-header .header-link{grid-row:1;grid-column:2;font-size:10px}
  main{height:calc(100svh - 88px)}
  .hero{min-height:0;height:100%}
  .hero-heading{top:12px;left:4%;right:4%}
  .hero-heading .eyebrow{font-size:6px;margin-bottom:8px}
  .hero-heading h1{font-size:clamp(26px,6.4vw,38px);line-height:1.1}
  .hero-about{display:none}
  .robot-scene{top:82px;width:100%;height:calc(100% - 272px);min-height:140px}
  .hero-watermark{top:20%;font-size:230px}
  .robot-caption{top:145px;bottom:auto;left:auto;right:6%;transform:none;font-size:8px;gap:6px}
  .robot-caption>span{display:none}
  .robot-caption button{width:23px;height:23px}
  .orbit-traffic{top:auto;bottom:111px;left:6%;right:auto;width:42%;transform:rotate(-2deg)}
  .orbit-auto{top:auto;bottom:111px;right:6%;left:auto;width:42%;transform:rotate(2deg)}
  .project-image{height:58px}
  .window-bar{padding:6px 8px;font-size:6px;line-height:1}
  .window-footer{padding:7px 8px}
  .window-footer small{font-size:5px}.window-footer strong{font-size:9px}
  .window-footer>span:first-child{gap:3px}.round-arrow{width:17px;height:17px;font-size:9px}
  .project-image-overlay strong{font-size:15px}.project-image-overlay{gap:6px;flex-direction:row}
  .traffic-symbol{gap:2px}.traffic-symbol i{width:7px;height:7px}
  .orbit-cospace{top:auto;bottom:33px;left:6%;right:auto;width:28%;transform:none}
  .orbit-upcoming-four{top:auto;bottom:33px;left:36%;right:auto;width:28%;transform:none}
  .orbit-upcoming-five{top:auto;bottom:33px;right:6%;left:auto;width:28%;transform:none}
  .compact-content{min-height:43px;padding:6px;gap:5px}
  .upcoming-window .compact-content{min-height:43px}
  .compact-content>img{width:19px;height:19px;flex-shrink:0}
  .compact-content small{font-size:5px;letter-spacing:0}
  .compact-content strong{font-size:8px;line-height:1.4;margin-top:3px}
  .compact-content>span:last-child{display:none}
  .upcoming-symbol{width:16px;flex-shrink:0;font-size:18px}
  .hero-bottom{display:none}.orbit-line{top:43%;height:150px}.orbit-line-two{height:240px}
  #info-body .section-shell{padding:26px 22px}
  #info-body .section-heading{display:block}
  #info-body .section-heading>p{margin-top:20px;font-size:11px;max-width:none}
  #info-body h2{font-size:30px}
  #info-body .work-row{gap:12px}
  #info-body .work-name{font-size:21px}
  #info-body .work-name small{font-size:10px;max-width:200px}
  #info-body .about{grid-template-columns:1fr}
  #info-body .about-mark{display:none}
  #info-body .direction-list{grid-template-columns:1fr 1fr;gap:25px 20px}
  #info-body .direction-list h3{font-size:19px}
  .robot-fallback{top:12px;transform:translateX(-50%) scale(.75)}
}
@media(max-width:370px){
  .hero-heading h1{font-size:25px}
  .project-image{height:46px}.window-footer strong{font-size:8px}
  .compact-content strong{font-size:7px}.compact-content>img{width:15px;height:15px}
  .upcoming-symbol{display:none}
}
@media(max-height:620px) and (max-width:799px){
  .robot-caption{left:auto;right:6%;bottom:238px;transform:none}
  .robot-caption>span{display:none}
}
@media(max-height:560px) and (max-width:1000px){
  .site-header{height:65px;display:grid;grid-template-columns:1fr auto;grid-template-rows:32px 26px;padding-top:2px;gap:0 12px}
  .site-header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:18px;width:100%;border-bottom:1px solid var(--line)}
  .site-header nav button{font-size:10px;padding:6px 0}
  .site-header .header-link{grid-column:2;grid-row:1;font-size:10px}
  .site-header .brand img{width:28px;height:28px}.site-header .brand{font-size:16px}
  main{height:calc(100svh - 65px)}
  .hero-heading{left:5%;right:43%;top:12px;text-align:left}
  .hero-heading .eyebrow{justify-content:flex-start;font-size:5px}
  .hero-heading h1{font-size:25px}
  .hero-about,.hero-bottom{display:none}
  .robot-scene{left:29%;top:70px;width:55%;height:calc(100% - 85px);min-height:0}
  .robot-caption{left:29%;bottom:8px;font-size:6px}
  .robot-caption>span{display:inline}
  .project-window{right:5%;left:auto;width:33%;height:40px;transform:none;border-radius:7px}
  .project-window .project-image,.project-window .window-bar,.project-window .compact-content>img,.project-window .upcoming-symbol{display:none}
  .project-window .window-footer{height:100%;padding:5px 9px}
  .project-window .window-footer strong{font-size:9px}
  .project-window .compact-content{height:100%;min-height:0;padding:4px 9px}
  .project-window .compact-content strong{font-size:9px}
  .orbit-traffic{top:12%;bottom:auto}.orbit-auto{top:30%;bottom:auto}.orbit-cospace{top:48%;bottom:auto}.orbit-upcoming-four{top:66%;bottom:auto}.orbit-upcoming-five{top:84%;bottom:auto}
}
/* Real home-page screenshots for the two additional portfolio projects. */
.screenshot-window .project-image{height:clamp(42px,7svh,68px)}
.screenshot-window .project-image img{object-position:center top}
.screenshot-window .window-bar{padding:7px 10px}
.screenshot-window .window-footer{padding:7px 10px}
.screenshot-window .window-footer strong{font-size:10px}
@media(min-width:800px){.orbit-upcoming-four{bottom:27%}.orbit-upcoming-five{bottom:7%}}
@media(max-width:799px){
  .screenshot-window .project-image{height:38px}
  .screenshot-window .window-bar{padding:5px 6px;font-size:5px}
  .screenshot-window .window-footer{padding:5px 6px}
  .screenshot-window .window-footer strong{font-size:8px}
  .screenshot-window .round-arrow{display:none}
  .orbit-traffic,.orbit-auto{bottom:135px}
}
@media(max-height:560px) and (max-width:1000px){
  .screenshot-window .project-image,.screenshot-window .window-bar{display:none}
  .orbit-traffic,.orbit-auto{bottom:auto}
}