:root{--bg:#080a10;--surface:#10131c;--surface-strong:#151925;--line:#ffffff1c;--line-soft:#fff1;--text:#f7f5ef;--muted:#a5abb9;--muted-strong:#c8ccd5;--blue:#78b9ff;--violet:#a692ff;--orange:#ff825b;--green:#92cf9c;--radius:26px;--shell:min(1180px, calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 80% 0%, #3a638929, transparent 29%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:var(--shell);margin-inline:auto}.section-space{padding-block:120px}.eyebrow{color:var(--muted-strong);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.site-header{z-index:50;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a10c7;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:76px;display:grid}.logo-link{width:fit-content;text-decoration:none}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{background:linear-gradient(145deg,#78b9ff47,#0000 48%),#121721;border:1px solid #ffffff38;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #78b9ff1a}.brand-mark:after{background:var(--orange);content:"";border-radius:50%;width:13px;height:13px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 18px #ff825bcc}.brand-mark span{z-index:1;font-size:.85rem;font-weight:900;position:relative}.brand-copy{line-height:1;display:grid}.brand-copy strong{letter-spacing:.18em;font-size:.78rem}.brand-copy span{color:var(--muted);letter-spacing:.18em;margin-top:4px;font-size:.56rem;font-weight:700}.nav-list{align-items:center;gap:34px;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--muted-strong);font-size:.86rem;font-weight:650;text-decoration:none;transition:color .16s}.nav-list a:hover{color:var(--text)}.header-cta{border:1px solid var(--line);border-radius:999px;justify-self:end;align-items:center;gap:13px;min-height:42px;padding:0 17px;font-size:.78rem;font-weight:750;text-decoration:none;transition:border-color .16s,background .16s;display:inline-flex}.header-cta:hover{background:#ffffff0e;border-color:#ffffff3d}.hero{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:center;min-height:calc(100svh - 76px);padding-block:90px 72px;display:grid;position:relative;overflow:hidden}.hero-grid-line{background:linear-gradient(transparent, var(--line), transparent);width:1px;height:72%;position:absolute;top:14%;left:65%}.hero-copy{z-index:2;max-width:820px;position:relative}.hero-eyebrow{align-items:center;gap:12px;display:inline-flex}.hero-eyebrow:before{background:var(--orange);content:"";width:34px;height:1px}.hero h1{letter-spacing:-.068em;max-width:900px;margin:28px 0 26px;font-size:clamp(3.25rem,7.5vw,7.8rem);line-height:.88}.hero h1 span{color:#0000;background:linear-gradient(90deg,#f8f5ee 0%,#8fc6ff 46%,#aa97ff 100%);-webkit-background-clip:text;background-clip:text;margin-top:12px;font-weight:650;display:block}.hero-description{max-width:650px;color:var(--muted);margin:0;font-size:clamp(1rem,1.65vw,1.25rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.button{border-radius:14px;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:0 22px;font-size:.86rem;font-weight:800;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--text);color:#080a10}.button-secondary{border:1px solid var(--line);background:#ffffff06}.button-secondary:hover{background:#ffffff0d;border-color:#ffffff40}.hero-signal{aspect-ratio:1;justify-self:end;place-items:center;width:min(100%,460px);display:grid;position:relative}.signal-ring{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.ring-a{border-style:dashed;animation:35s linear infinite spin;inset:9%}.ring-b{border-color:#78b9ff52;animation:24s linear infinite spin-reverse;inset:23%}.ring-c{border-color:#a692ff61;inset:35%}.ring-a:before,.ring-b:before,.ring-c:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:-4px;box-shadow:0 0 16px}.signal-core{aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#78b9ff33,#0000 44%),#0c0f17eb;border:1px solid #fff3;border-radius:30px;place-items:center;width:118px;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 0 70px #78b9ff26,inset 0 0 25px #a692ff14}.signal-core span{letter-spacing:.13em;font-size:1.15rem;font-weight:950;transform:rotate(-45deg)}.hero-signal>p{color:var(--muted);letter-spacing:.2em;font-size:.61rem;font-weight:750;position:absolute;bottom:5%}.hero-index{color:var(--muted);align-items:baseline;gap:10px;display:flex;position:absolute;bottom:38px;right:0}.hero-index span{letter-spacing:.16em;font-size:.6rem;font-weight:800}.hero-index strong{color:var(--text);font-size:.82rem}.section-heading{max-width:780px;margin-bottom:52px}.section-heading h2,.studio-intro h2,.contact-card h2{letter-spacing:-.052em;margin:14px 0 18px;font-size:clamp(2.4rem,5vw,5.2rem);line-height:.98}.section-heading>p:last-child,.studio-intro>p:last-child{max-width:700px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.72}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0b,#ffffff04);min-width:0;overflow:hidden}.project-card-topline{border-bottom:1px solid var(--line-soft);min-height:54px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 24px;font-size:.63rem;font-weight:800;display:flex}.project-card-topline span:last-child{align-items:center;gap:8px;display:inline-flex}.project-card-topline span:last-child:before{background:var(--green);content:"";border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #92cf9ca6}.project-visual{border-bottom:1px solid var(--line-soft);height:365px;position:relative;overflow:hidden}.nobarrier-visual{background:radial-gradient(circle at 50% 10%,#4a6db042,#0000 44%),linear-gradient(145deg,#0b0f18,#121220 66%,#0a0d13);place-items:center;display:grid}.app-frame{background:#090c13f0;border:1px solid #ffffff24;border-radius:17px;width:78%;overflow:hidden;transform:perspective(900px)rotateY(-5deg)rotateX(2deg);box-shadow:0 26px 70px #00000075,0 0 60px #646fff14}.app-chrome{border-bottom:1px solid var(--line-soft);align-items:center;gap:6px;min-height:38px;padding:0 13px;display:flex}.app-chrome>span{background:#515869;border-radius:50%;width:7px;height:7px}.app-chrome>span:first-child{background:#ff7a67}.app-chrome>span:nth-child(2){background:#e3bb64}.app-chrome>span:nth-child(3){background:#78bd89}.app-chrome em{color:#737b8e;letter-spacing:.12em;margin-left:auto;font-size:.48rem;font-style:normal}.app-grid{grid-template-columns:.78fr 1.22fr;min-height:205px;display:grid}.app-nav{border-right:1px solid var(--line-soft);color:#687082;align-content:start;gap:7px;padding:18px 14px;font-size:.53rem;display:grid}.app-nav strong,.app-nav span{border-radius:7px;padding:9px 10px;display:block}.app-nav strong{color:#c9c2ff;background:#6758d11a;border:1px solid #8d7bff40}.app-nav .active{color:#a8d9ff}.translation-panel{padding:20px}.translation-panel small{color:#687082;letter-spacing:.13em;margin-bottom:7px;font-size:.46rem;display:block}.translation-panel p{color:#c6cad5;margin:0 0 12px;font-size:.65rem;line-height:1.45}.language-line{color:#71798a;align-items:center;gap:7px;margin-bottom:16px;font-size:.48rem;display:flex}.language-line span{border:1px solid var(--line);border-radius:4px;padding:3px 5px}.translation-panel>strong{background:linear-gradient(135deg,#4f3fc229,#467bbc12);border:1px solid #6f82ff30;border-radius:10px;padding:12px;font-size:.72rem;line-height:1.45;display:block}.signal-row{gap:7px;margin-top:11px;display:flex}.signal-row span{border:1px solid var(--line-soft);color:#7f8798;border-radius:7px;flex:1;padding:7px;font-size:.46rem}.hexanem-visual{background:radial-gradient(circle at 48% 42%,#ff825b2e,#0000 19%),radial-gradient(circle at 55% 48%,#69503038,#0000 42%),linear-gradient(150deg,#18130f,#0c0e12 65%)}.hex-map{width:400px;height:290px;position:absolute;top:26px;left:50%;transform:translate(-50%)rotate(-7deg)}.hex{clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);background:linear-gradient(145deg,#ffffff29,#0000 50%),#30271e;border-radius:15px;width:70px;height:79px;position:absolute;box-shadow:inset 0 0 0 1px #ffe0b914}.hex:nth-child(3n){background-color:#243228}.hex:nth-child(4n){background-color:#34201b}.hex:nth-child(5n){background-color:#1f2832}.hex-1{top:0;left:105px}.hex-2{top:0;left:175px}.hex-3{top:0;left:245px}.hex-4{top:59px;left:70px}.hex-5{top:59px;left:140px}.hex-6{top:59px;left:210px}.hex-7{top:59px;left:280px}.hex-8{top:118px;left:35px}.hex-9{top:118px;left:105px}.hex-10{top:118px;left:175px}.hex-11{top:118px;left:245px}.hex-12{top:118px;left:315px}.hex-13{top:177px;left:70px}.hex-14{top:177px;left:140px}.hex-15{top:177px;left:210px}.hex-16{top:177px;left:280px}.hex-17{top:236px;left:105px}.hex-18{top:236px;left:175px}.hex-19{top:236px;left:245px}.hex-orbit{border:1px solid #ffb76b24;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.orbit-one{width:310px;height:310px;top:17px}.orbit-two{border-style:dashed;width:226px;height:226px;top:59px}.hex-core{clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);background:#d56b49;place-items:center;width:64px;height:72px;display:grid;position:absolute;top:134px;left:50%;transform:translate(-50%);box-shadow:0 0 32px #ff825b73}.hex-core span{font-weight:950}.hex-label{text-align:right;justify-items:end;display:grid;position:absolute;bottom:20px;right:25px}.hex-label small{color:#877666;letter-spacing:.16em;font-size:.46rem}.hex-label strong{color:#d9c3aa;letter-spacing:.1em;max-width:250px;margin-top:5px;font-size:.59rem}.project-card-body{padding:30px}.project-card-body h3{letter-spacing:-.052em;margin:9px 0 15px;font-size:clamp(2.2rem,4vw,4rem);line-height:.95}.project-summary{min-height:104px;color:var(--muted);margin:0;font-size:.98rem;line-height:1.68}.tag-list{flex-wrap:wrap;gap:7px;margin:25px 0 28px;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line-soft);color:#9198a8;border-radius:999px;padding:7px 10px;font-size:.63rem;font-weight:700}.project-link{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:52px;font-size:.82rem;font-weight:800;text-decoration:none;display:flex}.project-link span{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .16s,background .16s;display:grid}.project-link:hover span{background:var(--text);color:#080a10;transform:rotate(45deg)}.future-projects{color:var(--muted);border:1px dashed #ffffff29;border-radius:22px;grid-template-columns:auto 1fr minmax(260px,.72fr);align-items:center;gap:24px;margin-top:18px;padding:28px 30px;display:grid}.future-icon{border:1px solid var(--line);width:54px;height:54px;color:var(--text);border-radius:15px;place-items:center;font-size:1.7rem;font-weight:300;display:grid}.future-projects h3{color:var(--text);margin:7px 0 0;font-size:1.2rem}.future-projects>p{margin:0;font-size:.85rem;line-height:1.6}.studio-section{border-block:1px solid var(--line-soft);background:linear-gradient(90deg,#ffffff05,#0000 28% 72%,#ffffff05),#0b0e15}.studio-intro{max-width:850px}.principles-grid{border:1px solid var(--line-soft);background:var(--line-soft);border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:68px;display:grid;overflow:hidden}.principles-grid article{background:#0d1119;min-height:260px;padding:30px}.principles-grid span{color:var(--orange);letter-spacing:.14em;font-size:.64rem;font-weight:900}.principles-grid h3{max-width:280px;margin:45px 0 14px;font-size:1.35rem;line-height:1.2}.principles-grid p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.65}.contact-card{border:1px solid var(--line);background:radial-gradient(circle at 92% 10%,#a692ff30,#0000 28%),linear-gradient(145deg,#121621,#0d1017 72%);border-radius:30px;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:38px 70px;padding:clamp(30px,6vw,72px);display:grid;position:relative;overflow:hidden}.contact-card:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-150px;right:-100px;box-shadow:0 0 0 36px #ffffff05,0 0 0 76px #ffffff03}.contact-card>p{color:var(--muted);margin:28px 0 0;line-height:1.7}.contact-email{z-index:1;border-block:1px solid var(--line);letter-spacing:-.03em;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:88px;font-size:clamp(1.25rem,3vw,2.4rem);font-weight:700;text-decoration:none;display:flex;position:relative}.contact-email span{color:var(--muted);font-size:1rem}.contact-status{grid-column:1/-1;font-size:.75rem;margin:-12px 0 0!important}.site-footer{border-top:1px solid var(--line-soft);padding-block:70px 25px}.footer-grid{grid-template-columns:1fr auto;gap:60px;display:grid}.footer-note{max-width:330px;color:var(--muted);margin:22px 0 0;font-size:.84rem;line-height:1.6}.footer-links{grid-template-columns:repeat(2,minmax(130px,1fr));gap:60px;display:grid}.footer-links>div{align-content:start;gap:12px;display:grid}.footer-links strong{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.64rem}.footer-links a{width:fit-content;color:var(--muted-strong);font-size:.8rem;text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line-soft);color:#6f7684;justify-content:space-between;margin-top:70px;padding-top:22px;font-size:.68rem;display:flex}.not-found{min-height:100svh;width:var(--shell);place-content:center;justify-items:start;gap:25px;margin-inline:auto;display:grid}.not-found h1{letter-spacing:-.06em;max-width:760px;margin:0;font-size:clamp(3rem,7vw,7rem);line-height:.95}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){:root{--shell:min(100% - 28px, 760px)}.header-inner{grid-template-columns:1fr auto}.nav-list{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-block:105px 70px}.hero-grid-line{display:none}.hero-signal{justify-self:center;width:min(80vw,420px);margin-top:70px}.hero-index{display:none}.projects-grid{grid-template-columns:1fr}.project-summary{min-height:auto}.future-projects{grid-template-columns:auto 1fr}.future-projects>p{grid-column:2}.principles-grid{grid-template-columns:1fr}.principles-grid article{min-height:auto}.principles-grid h3{margin-top:28px}.contact-card{grid-template-columns:1fr}.contact-card>p{margin-top:0}}@media (max-width:620px){.site-header{position:relative}.header-inner{min-height:68px}.brand-copy{display:none}.header-cta{min-height:38px;padding-inline:14px}.section-space{padding-block:82px}.hero{min-height:calc(100svh - 68px);padding-top:74px}.hero h1{font-size:clamp(3rem,16vw,5rem)}.hero-actions{display:grid}.button{width:100%}.hero-signal{width:min(100%,360px);margin-top:42px}.project-visual{height:290px}.app-frame{width:92%}.hex-map{left:47%;transform:translate(-50%)rotate(-7deg)scale(.8)}.hex-label{display:none}.project-card-body{padding:24px}.future-projects{grid-template-columns:1fr}.future-projects>p{grid-column:1}.contact-email{overflow-wrap:anywhere;align-items:flex-start;gap:20px;padding-block:24px}.footer-grid{grid-template-columns:1fr}.footer-links{gap:30px}.footer-bottom{flex-direction:column;gap:8px}}
