/* EDDARS GLOBAL — self-contained, system-font, mobile-first visual system */
:root{color-scheme:dark;--bg:#090f1b;--bg-2:#0e1828;--surface:#101d30;--surface-2:#14233a;--ink:#f2f7ff;--muted:#a1afc5;--soft:#7386a3;--line:rgba(194,218,255,.13);--line-strong:rgba(190,220,255,.26);--blue:#77c7ff;--violet:#9b91ff;--mint:#a5f7da;--glass:rgba(14,25,42,.78);--shadow:0 24px 85px rgba(0,0,0,.22);--radius:22px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f7fc;--bg-2:#e9f0f9;--surface:#fff;--surface-2:#e6eef9;--ink:#13223a;--muted:#4b5e77;--soft:#677a94;--line:rgba(39,77,135,.14);--line-strong:rgba(39,77,135,.27);--blue:#0069b8;--violet:#6757c8;--mint:#167e71;--glass:rgba(246,250,255,.83);--shadow:0 22px 70px rgba(45,78,135,.1)}
@media(prefers-color-scheme:light){:root:not([data-theme]),:root[data-theme="system"]{color-scheme:light;--bg:#f3f7fc;--bg-2:#e9f0f9;--surface:#fff;--surface-2:#e6eef9;--ink:#13223a;--muted:#4b5e77;--soft:#677a94;--line:rgba(39,77,135,.14);--line-strong:rgba(39,77,135,.27);--blue:#0069b8;--violet:#6757c8;--mint:#167e71;--glass:rgba(246,250,255,.83);--shadow:0 22px 70px rgba(45,78,135,.1)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#64bfff;color:#07111f}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,select,input{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[role="button"]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img,canvas,svg{max-width:100%}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-100px;z-index:500;background:var(--surface);padding:1rem;border:1px solid var(--blue)}.skip-link:focus{top:1rem}.container{width:min(100% - 48px,1320px);margin-inline:auto}.section{position:relative;isolation:isolate}.progress{position:fixed;z-index:120;top:0;inset-inline-start:0;width:0;height:2px;background:linear-gradient(90deg,#65ccff,#8b7dff,#a7f9d9);box-shadow:0 0 16px rgba(119,199,255,.55);pointer-events:none}.pointer-glow{position:fixed;width:440px;height:440px;left:0;top:0;pointer-events:none;z-index:5;border-radius:50%;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(69,150,255,.07),transparent 66%);opacity:0;transition:opacity .3s}
/* short, optional entrance: not a content blocking loader */
.intro{position:fixed;z-index:160;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;background:#08111e;color:#fff;animation:introOut .65s 1.05s both;pointer-events:none}.intro-mark{font-weight:850;letter-spacing:-.11em;font-size:clamp(5rem,19vw,12rem);line-height:1}.intro-mark span{color:#86cfff}.intro-mark i{font-style:normal;color:#a8f8d6}.intro-line{height:1px;width:min(210px,40vw);background:linear-gradient(90deg,transparent,#83caff,transparent);animation:lineIn 1.15s ease both}.intro small{font-size:10px;letter-spacing:.4em;color:#92a8c4}.intro small span{color:#80c7ff}@keyframes introOut{to{opacity:0;visibility:hidden}}@keyframes lineIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.site-header{position:fixed;inset:0 0 auto;z-index:100;transition:background .35s,box-shadow .35s}.site-header.is-scrolled{background:var(--glass);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:0 1px 0 var(--line)}.nav-shell{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-symbol{display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:linear-gradient(130deg,rgba(107,197,255,.17),rgba(151,113,244,.06));border-radius:12px;width:44px;height:44px;font-size:20px;letter-spacing:-.14em;font-weight:900;flex:none}.brand-symbol span{color:var(--blue)}.brand-symbol i{font-style:normal;color:var(--mint)}.brand-word{font-size:13px;font-weight:850;white-space:nowrap;letter-spacing:.14em}.brand-word b{font-weight:400}.brand-word small{display:block;font-size:7px;font-weight:650;letter-spacing:.21em;color:var(--soft);margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2vw,32px);margin-left:auto}.desktop-nav a{font-size:12px;color:var(--muted);font-weight:630;transition:color .2s}.desktop-nav a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:8px}.utility-select{border:1px solid var(--line);background:var(--glass);border-radius:10px;outline:0;padding:11px 8px;font-weight:690;font-size:11px;max-width:88px;cursor:pointer}.lang-select{width:66px}.theme-select{width:82px}.nav-contact{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:100px;padding:12px 18px;font-size:11px;font-weight:780;white-space:nowrap;transition:background .2s,transform .2s}.nav-contact:hover{background:var(--surface-2);transform:translateY(-2px)}.nav-contact span{color:var(--blue)}.menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{border-top:1px solid var(--line);padding:16px 24px 24px;background:var(--glass);backdrop-filter:blur(24px)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0}.mobile-nav a{padding:14px 8px;border-bottom:1px solid var(--line);font-size:16px}.mobile-nav[hidden]{display:none}
.hero{min-height:min(850px,100svh);min-height:max(760px,100svh);background:radial-gradient(circle at 72% 40%,rgba(46,76,140,.2),transparent 40%),var(--bg);overflow:hidden;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent 4%,black 70%)}.hero-beam{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 15%,transparent 69%),radial-gradient(ellipse at 73% 50%,rgba(73,111,194,.14),transparent 60%);z-index:1}.hero-inner{z-index:3;position:relative;padding-top:100px;padding-bottom:110px;pointer-events:none}.hero-content{position:relative;max-width:740px;pointer-events:auto}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:760}.eyebrow-glow{border:1px solid var(--line);background:var(--glass);border-radius:50px;padding:12px 16px;backdrop-filter:blur(9px)}.signal-dot{height:6px;width:6px;border-radius:100%;background:var(--mint);box-shadow:0 0 18px var(--mint);flex:none;animation:signalPulse 2s infinite}.hero h1{margin:34px 0 23px;font-weight:800;font-size:clamp(4.35rem,8.9vw,9.2rem);line-height:.94;letter-spacing:-.066em;max-width:920px}.hero h1 span{display:block}.hero-gradient,.text-gradient,.contact-gradient{background:linear-gradient(105deg,#76c8ff 8%,#9e9aff 48%,#b6f3e3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:clamp(1rem,1.42vw,1.25rem);line-height:1.75;color:var(--muted);max-width:525px;margin:0}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:0 23px;border-radius:100px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(115deg,#e6f7ff,#bfcaff);color:#10213a;box-shadow:0 13px 34px rgba(92,128,231,.16)}.btn-primary:hover{box-shadow:0 17px 42px rgba(92,128,231,.3)}.btn-ghost{border:1px solid var(--line-strong);background:rgba(87,113,159,.08);color:var(--ink)}.arrow-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:27px;height:27px;background:rgba(18,44,74,.1);font-size:17px}.hero-trust{display:flex;align-items:center;gap:13px;margin-top:58px;font-size:10px;color:var(--soft);letter-spacing:.09em;text-transform:uppercase}.hero-trust-line{width:28px;height:1px;background:var(--blue)}.hero-art{position:absolute;inset:0 0 0 37%;z-index:0;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}.hero-art canvas{width:100%;height:100%;position:absolute;inset:0;opacity:.94}.hero-fallback{width:min(62vw,770px);height:min(62vw,770px);position:relative;transform:translateX(9%);filter:drop-shadow(0 0 46px rgba(67,129,234,.12));animation:floatCore 12s ease-in-out infinite}.hero-core{position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 29% 25%,rgba(202,246,255,.85),rgba(82,167,252,.4) 19%,rgba(67,82,194,.37) 50%,rgba(8,17,47,.95) 70%),conic-gradient(from 5deg,#1d5ba2,#a0cefa,#596bd2,#0c2244,#1d5ba2);box-shadow:inset -26px -32px 70px rgba(3,12,35,.8),inset 12px 12px 35px rgba(205,247,255,.22),0 0 110px rgba(68,115,231,.22)}.halo{position:absolute;border:1px solid rgba(126,187,255,.28);border-radius:50%;inset:8%;transform:rotateX(66deg) rotateZ(28deg);box-shadow:0 0 28px rgba(80,164,255,.08)}.halo-one{animation:ringSpin 24s linear infinite}.halo-two{inset:15%;transform:rotateX(74deg) rotateZ(-43deg);border-color:rgba(153,144,255,.25);animation:ringSpinReverse 30s linear infinite}.halo-three{inset:1%;transform:rotateY(72deg) rotateZ(11deg);border-color:rgba(147,244,225,.12);animation:ringSpin 32s linear infinite}.hero-axis{position:absolute;inset:1%;border:1px dashed rgba(165,194,235,.1);border-radius:50%}.orbit-caption{position:absolute;z-index:2;font:500 9px/1.4 ui-monospace,monospace;letter-spacing:.23em;color:var(--soft);writing-mode:vertical-rl}.orbit-caption-top{right:10%;top:23%}.orbit-caption-bottom{left:19%;bottom:16%}.hero-watermark{position:absolute;inset-inline-end:-28px;bottom:-40px;opacity:.07;font-size:min(29vw,380px);font-weight:900;letter-spacing:-.13em;pointer-events:none}.hero-watermark span{color:var(--blue)}.hero-bottom{position:absolute;z-index:4;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hero-micro,.scroll-prompt,.hero-coordinate{font:600 9px/1.4 ui-monospace,monospace;color:var(--soft);letter-spacing:.16em}.hero-micro{display:flex;align-items:center;gap:18px}.micro-index{color:var(--blue)}.scroll-prompt{pointer-events:auto;display:flex;align-items:center;gap:13px}.mouse-icon{border:1px solid var(--line-strong);border-radius:15px;width:22px;height:36px;display:flex;justify-content:center;padding-top:8px}.mouse-icon span{width:2px;height:7px;border-radius:5px;background:var(--blue);animation:scrollHint 1.8s infinite}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}.ticker-track{display:flex;align-items:center;gap:34px;width:max-content;padding:24px 0;animation:marquee 35s linear infinite}.ticker-track span{font-size:13px;letter-spacing:.3em;font-weight:780;color:var(--soft)}.ticker-track i{font-size:10px;font-style:normal;color:var(--blue)}
.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:68px}.section-index{font-size:10px;letter-spacing:.22em;font-weight:800;color:var(--soft)}.section-index i{font-style:normal;color:var(--blue);margin-right:7px}.section-deco{font-size:9px;letter-spacing:.22em;color:var(--soft)}.display-heading{font-size:clamp(3.1rem,6.2vw,7.3rem);line-height:1.04;letter-spacing:-.078em;font-weight:790;margin:0}.display-heading>span{display:block}.overline{margin:0 0 20px;font-size:11px;font-weight:800;color:var(--blue);letter-spacing:.22em;text-transform:uppercase}.section-copy,.body-large{line-height:1.86;color:var(--muted);font-size:clamp(14px,1.2vw,17px)}.text-link{display:inline-flex;align-items:center;gap:16px;padding-block:12px;border-bottom:1px solid var(--blue);color:var(--ink);font-size:12px;font-weight:790;transition:gap .2s}.text-link:hover{gap:24px}.text-link>span:last-child{color:var(--blue)}
.about-section{padding:140px 0 140px;background:var(--bg)}.about-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(30px,6vw,110px);align-items:center}.about-header .body-large{max-width:610px;margin:30px 0 18px}.about-header .display-heading{font-size:clamp(3.1rem,5.7vw,7rem)}.about-panel{position:relative;aspect-ratio:1.03/1;border:1px solid var(--line-strong);border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(85,143,214,.17),rgba(130,97,220,.08) 50%,rgba(22,44,80,.18)),var(--surface);box-shadow:var(--shadow);transform-style:preserve-3d}.panel-ambient{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 50%,rgba(92,144,229,.27),transparent 43%)}.panel-eyebrow{position:absolute;top:25px;left:27px;z-index:1;font:600 9px ui-monospace,monospace;letter-spacing:.16em;color:var(--soft)}.panel-orbit{position:absolute;width:61%;aspect-ratio:1;left:20%;top:12%;border:1px solid rgba(130,190,255,.32);border-radius:50%;box-shadow:0 0 0 29px rgba(101,155,224,.05),0 0 0 57px rgba(94,129,205,.035),inset 0 0 90px rgba(115,164,250,.08);display:flex;align-items:center;justify-content:center;animation:floatCore 9s ease-in-out infinite}.panel-orbit:before,.panel-orbit:after{content:"";position:absolute;inset:0;border:1px solid rgba(134,170,255,.24);border-radius:50%;transform:rotateX(74deg) rotateZ(30deg)}.panel-orbit:after{transform:rotateY(74deg) rotateZ(50deg)}.panel-orbit-center{font-size:clamp(5rem,10vw,11rem);font-weight:870;letter-spacing:-.11em;background:linear-gradient(130deg,#b9eaff,#847dce);-webkit-background-clip:text;background-clip:text;color:transparent}.panel-bottom{position:absolute;z-index:1;inset:auto 26px 25px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;color:var(--ink);font-size:14px;max-width:80%;line-height:1.65;font-weight:610}.panel-plus{font-size:28px;color:var(--blue)}.beliefs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:98px}.belief{padding-top:24px;border-top:1px solid var(--line-strong)}.belief-number{font:600 11px ui-monospace,monospace;color:var(--blue)}.belief h3{font-size:clamp(18px,1.75vw,25px);letter-spacing:-.035em;margin:22px 0 13px}.belief p{line-height:1.8;color:var(--muted);font-size:14px;max-width:310px}
.projects-section{padding:130px 0 140px;background:linear-gradient(180deg,var(--bg-2),var(--bg))}.section-heading-row{display:grid;grid-template-columns:1.1fr .65fr;gap:50px;align-items:end;margin-bottom:54px}.section-heading-row .section-copy{margin:0;max-width:480px}.portfolio-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 27px}.filter-chips{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{border:1px solid var(--line);background:transparent;border-radius:30px;padding:11px 15px;font-size:11px;font-weight:680;color:var(--muted);transition:background .2s,color .2s}.filter-chip:hover,.filter-chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.portfolio-search{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:var(--surface);color:var(--soft)}.portfolio-search input{border:0;outline:0;background:transparent;min-width:170px;width:190px;font-size:12px}.portfolio-search input::placeholder{color:var(--soft)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{position:relative;min-height:330px;border:1px solid var(--line);border-radius:24px;overflow:hidden;padding:25px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 8%,var(--card-glow),transparent 57%),linear-gradient(145deg,var(--surface),var(--bg-2));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;transform-style:preserve-3d}.project-card:hover{border-color:var(--line-strong);box-shadow:0 26px 65px rgba(4,10,20,.2);transform:translateY(-5px)}.project-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:46px 46px;opacity:.24;mask-image:linear-gradient(to bottom,black,transparent 65%);pointer-events:none}.project-card-header{display:flex;justify-content:space-between;align-items:start;gap:12px;position:relative;z-index:1}.project-symbol{height:55px;width:55px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(183,212,255,.27);border-radius:17px;backdrop-filter:blur(12px);background:linear-gradient(135deg,rgba(194,226,255,.12),rgba(123,167,232,.06));font-size:20px;color:var(--ink);font-weight:860;letter-spacing:-.08em}.project-status{white-space:nowrap;border:1px solid var(--line-strong);padding:8px 10px;border-radius:100px;font:700 9px/1.2 var(--font);letter-spacing:.02em;background:var(--glass)}.project-status.is-live{color:var(--mint)}.project-status.is-building{color:var(--blue)}.project-status.is-research{color:var(--violet)}.project-visual{position:absolute;right:-17px;top:19px;width:210px;height:160px;opacity:.42;pointer-events:none;filter:blur(.1px);background:repeating-radial-gradient(circle at 55% 50%,transparent 0,transparent 17px,var(--card-ink) 18px,transparent 19px);transform:rotate(-25deg);mask-image:linear-gradient(90deg,transparent,black)}.project-card-info{position:relative;z-index:1;margin-top:auto}.project-type{display:block;font:700 10px var(--font);color:var(--soft);letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}.project-card h3{font-size:clamp(23px,2.2vw,32px);letter-spacing:-.05em;line-height:1.08;margin:0 0 12px;font-weight:760}.project-card p{font-size:12px;line-height:1.75;color:var(--muted);margin:0;max-width:360px}.project-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:24px;gap:14px;position:relative;z-index:2}.project-detail{border:0;background:transparent;color:var(--ink);font-size:11px;font-weight:800;padding:7px 0;display:inline-flex;gap:15px;align-items:center}.project-detail span{color:var(--blue);font-size:17px}.project-source{font-size:10px;color:var(--soft);border:1px solid var(--line);padding:8px 10px;border-radius:8px}.project-source:hover{color:var(--ink);border-color:var(--blue)}.portfolio-footer{margin-top:26px;display:flex;justify-content:space-between;gap:30px;align-items:center}.portfolio-footer p{max-width:650px;line-height:1.7;color:var(--soft);font-size:11px}.no-projects{padding:50px;text-align:center;color:var(--muted)}
.expertise-section{background:var(--bg);padding:138px 0 155px;overflow:hidden}.expertise-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 94% 24%,rgba(71,122,200,.13),transparent 36%)}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.expertise-card{min-height:312px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(121,154,210,.05),transparent 75%);position:relative;overflow:hidden;transition:background .2s,border-color .2s,transform .2s}.expertise-card:hover{border-color:var(--line-strong);background:linear-gradient(140deg,rgba(98,166,237,.12),rgba(126,100,229,.05));transform:translateY(-4px)}.expertise-card:after{content:"";position:absolute;inset:auto -26px -42px auto;width:165px;height:165px;border:1px solid var(--line);border-radius:48px;transform:rotate(28deg)}.expertise-icon{width:57px;height:57px;display:flex;align-items:center;justify-content:center;border-radius:15px;border:1px solid var(--line-strong);background:var(--surface);font-size:24px;color:var(--blue)}.expertise-number{position:absolute;top:34px;right:29px;color:var(--soft);font:600 10px ui-monospace,monospace}.expertise-card h3{margin:42px 0 13px;font-size:25px;letter-spacing:-.05em}.expertise-card p{font-size:13px;line-height:1.8;max-width:345px;color:var(--muted)}
.stack-section{padding:135px 0 145px;background:var(--bg-2);overflow:hidden}.stack-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.stack-copy{max-width:580px;margin-top:26px}.tech-cloud{height:460px;position:relative;display:flex;align-items:center;justify-content:center}.tech-grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,black,transparent 73%)}.tech-cloud:before,.tech-cloud:after{content:"";position:absolute;inset:8%;border:1px dashed var(--line-strong);border-radius:50%;animation:slowRotate 50s linear infinite}.tech-cloud:after{inset:22%;border-style:solid;animation-direction:reverse}.tech-inner{position:relative;z-index:1;text-align:center}.tech-hex{font:800 62px/1 ui-monospace,monospace;color:var(--blue);filter:drop-shadow(0 0 30px rgba(105,181,254,.38))}.tech-inner p{font:600 10px ui-monospace,monospace;letter-spacing:.1em;color:var(--soft);margin-top:25px}.tech-bubble{position:absolute;z-index:2;border:1px solid var(--line-strong);background:var(--glass);box-shadow:0 8px 35px rgba(15,32,62,.08);border-radius:13px;padding:10px 14px;font:700 12px ui-monospace,monospace;color:var(--ink);white-space:nowrap;animation:bubbleFloat 6s ease-in-out infinite;animation-delay:var(--delay,0s)}.stack-groups{margin-top:54px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.stack-groups>div{border-inline-end:1px solid var(--line);padding:28px 26px 0}.stack-groups>div:first-child{padding-inline-start:0}.stack-groups>div:last-child{border:0}.stack-group-label{font-size:10px;font-weight:800;color:var(--blue);letter-spacing:.14em;text-transform:uppercase}.stack-groups p{font-size:14px;line-height:1.85;color:var(--muted)}
.method-section{padding:138px 0 140px;background:var(--bg)}.method-layout{display:grid;grid-template-columns:1fr .8fr;gap:12vw;align-items:start}.method-sticky{position:sticky;top:112px}.method-sticky .section-copy{max-width:550px;margin-top:25px}.method-visual{position:relative;display:flex;align-items:center;justify-content:center;width:250px;height:250px;margin:45px 0 0 30px}.method-ring{position:absolute;border:1px solid var(--line-strong);border-radius:50%;inset:0;animation:slowRotate 24s linear infinite}.method-ring.r2{inset:26px;transform:rotateX(65deg);animation-direction:reverse}.method-ring.r3{inset:54px;border-style:dashed;animation-duration:17s}.method-center{font:700 11px ui-monospace,monospace;color:var(--blue);letter-spacing:.1em}.method-steps{border-top:1px solid var(--line)}.method-step{padding:30px 0 36px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:56px 1fr;gap:18px}.method-step>span{color:var(--blue);font:600 13px ui-monospace,monospace;margin-top:8px}.method-step h3{font-size:clamp(23px,2.4vw,34px);letter-spacing:-.045em;margin:0 0 14px}.method-step p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.contact-section{padding:120px 0 0;background:#0b1323;color:#f1f6ff;overflow:hidden;min-height:750px}.contact-aurora{position:absolute;inset:-25% -20% 0;z-index:-1;background:radial-gradient(ellipse at 48% 80%,rgba(74,130,222,.45),transparent 36%),radial-gradient(ellipse at 70% 40%,rgba(94,62,181,.21),transparent 42%),linear-gradient(180deg,#0b1323,#0b1323)}.contact-section .section-index,.contact-section .section-deco{color:#91a8c7}.contact-content{text-align:center;position:relative;z-index:1;padding:50px 0 170px}.contact-content .overline{color:#9fcfff}.contact-heading{font-size:clamp(3.5rem,9vw,10rem);font-weight:790;letter-spacing:-.086em;line-height:1.01;max-width:1070px;margin:0 auto}.contact-heading span{display:block}.contact-content>p:not(.overline){font-size:16px;line-height:1.75;color:#b1c2dc;max-width:590px;margin:30px auto}.contact-button{margin-top:20px}.contact-footer-mark{position:absolute;bottom:-200px;left:50%;transform:translateX(-50%);font-weight:900;letter-spacing:-.13em;font-size:500px;line-height:1;opacity:.07;pointer-events:none}.contact-footer-mark span{color:#9effe3}.footer{background:#070c15;color:#eef5ff;padding:50px 0 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(220,230,255,.13);padding-bottom:42px}.footer-brand{white-space:nowrap;font-size:23px;letter-spacing:-.055em;font-weight:760}.footer-brand b{font-weight:350}.footer-brand b span{color:#8dccff}.footer-top p{color:#8698b5;font-size:12px}.back-top{font-size:11px;font-weight:720;white-space:nowrap}.back-top span{color:#9cd3ff;font-size:20px;margin-left:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:29px;color:#7a8da8;font-size:10px;letter-spacing:.08em}.footer-links{display:flex;gap:25px}.footer-links a:hover{color:#c9e8ff}
.project-dialog{width:min(660px,calc(100% - 30px));max-height:min(85svh,850px);border:1px solid var(--line-strong);background:var(--bg-2);box-shadow:0 25px 95px rgba(0,0,0,.5);border-radius:24px;color:var(--ink);padding:0;overflow:auto}.project-dialog::backdrop{background:rgba(1,6,17,.76);backdrop-filter:blur(12px)}.dialog-shell{padding:36px}.dialog-close{position:absolute;top:21px;right:23px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:25px;line-height:1}.dialog-topline{font:700 10px ui-monospace,monospace;letter-spacing:.16em;color:var(--blue);border-bottom:1px solid var(--line);padding-bottom:25px}.dialog-topline span{color:var(--soft)}.dialog-brand{font-size:16px;margin-top:36px;color:var(--blue);font-weight:750}.dialog-shell h2{font-size:clamp(36px,6vw,58px);letter-spacing:-.075em;line-height:1.05;margin:12px 0 19px}.dialog-desc{font-size:16px;line-height:1.8;color:var(--muted)}.dialog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.dialog-tags span{border:1px solid var(--line-strong);padding:8px 12px;border-radius:30px;font-size:11px}.dialog-actions{margin-top:35px}.no-projects[hidden]{display:none}.noscript{position:fixed;z-index:200;inset:auto 0 0;padding:22px;background:#11223c;color:white;text-align:center}.noscript a{text-decoration:underline}
/* Accessible motion and responsive layouts */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.beliefs-grid .belief:nth-child(2),.expertise-grid .expertise-card:nth-child(2){transition-delay:.08s}.beliefs-grid .belief:nth-child(3),.expertise-grid .expertise-card:nth-child(3){transition-delay:.16s}@keyframes floatCore{0%,100%{transform:translateX(9%) translateY(0)}50%{transform:translateX(9%) translateY(-17px)}}@keyframes ringSpin{to{transform:rotateX(66deg) rotateZ(388deg)}}@keyframes ringSpinReverse{to{transform:rotateX(74deg) rotateZ(-403deg)}}@keyframes signalPulse{50%{opacity:.5;box-shadow:0 0 5px var(--mint)}}@keyframes scrollHint{50%{transform:translateY(9px);opacity:.35}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes slowRotate{to{transform:rotate(360deg)}}@keyframes bubbleFloat{50%{transform:translateY(-11px)}}
@media (max-width:1120px){.desktop-nav{gap:14px}.nav-contact{display:none}.hero h1{font-size:clamp(4.5rem,9vw,8rem)}.hero-art{left:30%;opacity:.82}.about-layout{gap:40px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-layout{gap:7vw}}
@media (max-width:800px){.container{width:min(100% - 34px,1320px)}.nav-shell{min-height:69px}.desktop-nav{display:none}.menu-toggle{display:flex}.brand-word{font-size:12px}.hero{min-height:790px;min-height:100svh}.hero-art{left:17%;right:-25%;top:3%;bottom:15%;opacity:.45}.hero-fallback{width:750px;height:750px;transform:translateX(30%)}.hero-beam{background:linear-gradient(90deg,var(--bg) 3%,transparent 89%)}.hero-inner{padding:180px 0 115px}.hero-content{max-width:590px}.hero h1{font-size:clamp(4.6rem,11vw,7rem)}.hero-bottom{bottom:22px}.hero-coordinate{display:none}.about-section,.projects-section,.expertise-section,.stack-section,.method-section{padding:95px 0}.section-top{margin-bottom:47px}.about-layout,.section-heading-row,.stack-layout,.method-layout{grid-template-columns:1fr;gap:35px}.about-panel{aspect-ratio:1.2/1;max-width:600px;width:100%;margin:0 auto}.beliefs-grid{margin-top:62px}.section-heading-row .section-copy{max-width:720px}.stack-layout .tech-cloud{height:390px}.method-sticky{position:static}.method-visual{display:none}.method-steps{margin-top:15px}.contact-heading{font-size:clamp(3.8rem,10vw,8rem)}.contact-footer-mark{font-size:350px;bottom:-150px}.footer-top{align-items:start;flex-direction:column}}
@media (max-width:560px){.container{width:calc(100% - 34px)}.brand-symbol{width:39px;height:39px}.brand-word small{display:none}.theme-select{width:66px}.lang-select{width:57px}.utility-select{font-size:10px;padding:10px 4px}.nav-actions{gap:5px}.hero{min-height:735px;min-height:max(730px,100svh)}.hero-grid{background-size:57px 57px}.hero-art{left:-20%;right:-70%;bottom:6%;top:-15%;opacity:.4}.hero-inner{padding-top:165px;padding-bottom:125px}.hero h1{font-size:clamp(3.5rem,15vw,5.5rem);letter-spacing:-.065em;margin-top:24px}.hero-lead{max-width:420px;font-size:14px;line-height:1.73}.hero-buttons{gap:10px;margin-top:28px}.btn{min-height:51px;padding:0 17px;gap:11px;font-size:11px}.hero-trust{margin-top:43px;font-size:9px;line-height:1.6;max-width:330px}.hero-bottom{bottom:23px}.hero-micro span:last-child{display:none}.hero-micro{font-size:10px}.hero-watermark{display:none}.orbit-caption{display:none}.eyebrow{font-size:8px;letter-spacing:.12em}.ticker-track{padding:18px 0;gap:25px}.ticker-track span{font-size:11px}.about-section,.projects-section,.expertise-section,.stack-section,.method-section{padding:76px 0 86px}.section-index{font-size:9px}.section-deco{font-size:8px}.section-top{margin-bottom:43px}.display-heading{font-size:clamp(3.05rem,12.3vw,4.5rem)}.about-header .display-heading{font-size:clamp(3.05rem,11.5vw,4.65rem)}.about-panel{border-radius:23px;aspect-ratio:1/1}.panel-bottom{font-size:12px}.beliefs-grid{grid-template-columns:1fr;gap:23px}.belief h3{margin:13px 0 7px}.belief p{max-width:none;margin:0}.section-heading-row{margin-bottom:35px}.portfolio-tools{align-items:stretch}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;width:calc(100vw - 34px);scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex:none}.portfolio-search{width:100%}.portfolio-search input{width:100%}.project-grid{grid-template-columns:1fr;gap:13px}.project-card{min-height:325px}.portfolio-footer{align-items:start;flex-direction:column}.portfolio-footer p{margin:0}.expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:260px}.expertise-card h3{margin-top:33px}.stack-layout .tech-cloud{height:330px;margin-top:0}.tech-bubble{font-size:10px;padding:8px}.stack-groups{grid-template-columns:1fr;margin-top:12px}.stack-groups>div{padding:21px 0;border:0;border-bottom:1px solid var(--line)}.method-step{grid-template-columns:34px 1fr;gap:12px}.method-step h3{font-size:26px}.contact-section{padding-top:76px;min-height:610px}.contact-content{padding:30px 0 130px}.contact-heading{font-size:clamp(3.5rem,12vw,6rem)}.contact-content>p:not(.overline){font-size:14px}.contact-footer-mark{font-size:240px;bottom:-100px}.footer{padding-top:42px}.footer-top{padding-bottom:27px}.footer-bottom{align-items:start;flex-direction:column;gap:14px}.footer-links{gap:19px}.dialog-shell{padding:25px}.dialog-topline{font-size:9px}.dialog-close{top:15px;right:15px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro{display:none}.reveal{opacity:1;transform:none}}
@media (pointer:coarse){.pointer-glow{display:none}}
[dir="rtl"] .brand-symbol,[dir="rtl"] .brand-word,[dir="rtl"] .project-symbol,[dir="rtl"] .intro-mark{direction:ltr}[dir="rtl"] .project-visual{right:auto;left:-17px}[dir="rtl"] .dialog-close{right:auto;left:22px}[dir="rtl"] .tech-cloud,[dir="rtl"] .panel-orbit{direction:ltr}[dir="rtl"] .footer-brand{direction:ltr}[dir="rtl"] .hero-art{transform:scaleX(-1)}

/* ============================================================================
   EDDARS GLOBAL / V2 · ARCHITECTURE OF THE UNBUILT
   Rectilinear / kinetic / editorial. No orbit or spherical design language.
   ============================================================================ */
:root{--electric:#7edfff;--cobalt:#416fff;--electric-purple:#ac93ff;--blade-light:rgba(137,206,255,.44)}
.hero{background:radial-gradient(ellipse 65% 70% at 83% 45%,rgba(38,74,153,.25),transparent 80%),linear-gradient(160deg,#07111c,#080d19 65%,#0c1730)}
:root[data-theme=light] .hero{background:linear-gradient(110deg,#ecf6ff,#f8faff 48%,#dce8fe)}
@media(prefers-color-scheme:light){:root[data-theme=system] .hero{background:linear-gradient(110deg,#ecf6ff,#f8faff 48%,#dce8fe)}}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.21;background:repeating-linear-gradient(117deg,transparent 0 36px,rgba(107,178,255,.05) 37px,transparent 38px 98px)}
.hero-grid{opacity:.23;background-size:66px 66px;transform:perspective(750px) rotateX(15deg) scale(1.15);transform-origin:70% 80%;mask-image:linear-gradient(90deg,transparent 3%,black 68%)}
.hero-beam{background:linear-gradient(90deg,var(--bg) 8%,rgba(8,15,27,.83) 34%,transparent 69%),linear-gradient(0deg,rgba(8,15,27,.55),transparent 24%);z-index:2}
:root[data-theme=light] .hero-beam{background:linear-gradient(90deg,rgba(243,247,252,.93),rgba(243,247,252,.84) 31%,transparent 73%)}
@media(prefers-color-scheme:light){:root[data-theme=system] .hero-beam{background:linear-gradient(90deg,rgba(243,247,252,.93),rgba(243,247,252,.84) 31%,transparent 73%)}}
.hero-art{inset:0 -3% 0 27%;z-index:1;perspective:1250px}
.hero-art::before{content:"";position:absolute;inset:3% 0 0 3%;opacity:.8;background:repeating-linear-gradient(135deg,transparent 0 25px,rgba(101,193,255,.05) 25px 26px,transparent 26px 96px);mask-image:linear-gradient(90deg,transparent,#000 52%)}
.hero-art canvas{mix-blend-mode:screen;opacity:1;filter:saturate(1.2)}
.hero-fallback{width:min(72vw,1050px);height:min(63vw,900px);min-height:650px;max-width:none;transform:translateX(12%) rotateX(3deg) rotateY(-18deg);animation:architectureFloat 11s ease-in-out infinite;filter:drop-shadow(0 18px 90px rgba(40,91,219,.32));transform-style:preserve-3d}
.architecture-vanishing{position:absolute;inset:22% 0 5%;background:repeating-linear-gradient(0deg,rgba(109,177,255,.22) 0 1px,transparent 1px 54px),repeating-linear-gradient(90deg,rgba(97,147,222,.13) 0 1px,transparent 1px 54px);transform:perspective(550px) rotateX(68deg);transform-origin:center bottom;mask-image:linear-gradient(0deg,#000,transparent 96%);opacity:.57}
.architecture-column{position:absolute;bottom:19%;width:10%;height:60%;background:linear-gradient(91deg,rgba(18,36,88,.58),rgba(65,135,251,.55) 13%,rgba(22,45,116,.37) 53%,rgba(125,209,255,.4) 98%);border:1px solid rgba(135,207,255,.38);clip-path:polygon(0 7%,88% 0,100% 95%,13% 100%);box-shadow:inset 5px 0 rgba(184,238,255,.16),0 0 55px rgba(77,136,252,.2);backdrop-filter:blur(3px);transform:translate3d(0,var(--arch-shift,0px),0) skewY(-4deg);animation:bladeShimmer 7s ease-in-out infinite alternate}
.architecture-column::before{content:"";position:absolute;inset:5% 10%;background:repeating-linear-gradient(0deg,transparent 0 13px,rgba(173,231,255,.45) 13px 14px,transparent 14px 28px);opacity:.65;mask-image:linear-gradient(0deg,transparent,#000 35%,transparent 100%)}
.architecture-column::after{content:"";position:absolute;inset:-1px auto 0 0;width:2px;background:linear-gradient(transparent,rgba(201,245,255,.9),transparent);box-shadow:0 0 24px #95e6ff}
.architecture-column.ac1{left:9%;height:29%;bottom:27%;width:7%;opacity:.7;animation-delay:-2s}
.architecture-column.ac2{left:22%;height:48%;bottom:23%;width:10%;opacity:.85;animation-delay:-1s}
.architecture-column.ac3{left:35%;height:77%;bottom:19%;width:13%;transform:skewY(-7deg);background:linear-gradient(110deg,rgba(18,45,103,.75),rgba(96,182,253,.48),rgba(75,78,178,.42));animation-delay:-4s}
.architecture-column.ac4{left:51%;height:57%;bottom:24%;width:10%;transform:skewY(4deg);animation-delay:-5s}
.architecture-column.ac5{left:65%;height:94%;bottom:14%;width:16%;transform:skewY(-6deg);background:linear-gradient(90deg,rgba(20,37,88,.85),rgba(78,150,236,.44) 30%,rgba(113,92,221,.55) 96%);animation-delay:-3s}
.architecture-column.ac6{left:84%;height:56%;bottom:17%;width:10%;opacity:.7;animation-delay:-6s}
.architecture-ribbon{position:absolute;left:0;right:0;top:52%;height:2px;background:linear-gradient(90deg,transparent,rgba(116,212,255,.06),rgba(169,225,255,.92),rgba(154,137,245,.3),transparent);box-shadow:0 0 24px #4fafff;transform:rotate(-15deg);animation:ribbonTravel 9s ease-in-out infinite alternate}
.architecture-ribbon.ribbon-two{top:67%;transform:rotate(12deg);animation-delay:-4s;opacity:.6}
.architecture-typemark{position:absolute;top:22%;right:10%;font-size:clamp(6rem,23vw,24rem);font-weight:950;letter-spacing:-.14em;color:transparent;-webkit-text-stroke:1px rgba(145,201,255,.3);opacity:.24;line-height:.8;white-space:nowrap;transform:translateZ(-50px)}
.architecture-typemark span{font-size:.6em;-webkit-text-stroke-color:rgba(180,164,255,.3)}
.hero-telemetry{position:absolute;right:7%;bottom:12%;display:flex;gap:22px;align-items:center;font:600 9px/1.4 ui-monospace,monospace;letter-spacing:.23em;color:rgba(145,187,232,.74)}
.hero-telemetry b{color:#8dfaff}
.hero-vertical-label{position:absolute;right:2.6%;top:27%;font:600 8px ui-monospace,monospace;letter-spacing:.27em;writing-mode:vertical-rl;color:rgba(154,204,255,.52)}
.hero-corner-coordinates{position:absolute;top:113px;right:4%;font:600 9px ui-monospace,monospace;color:var(--soft);letter-spacing:.15em;z-index:3}
.hero-inner{padding-top:130px}.hero-content{max-width:790px}
.hero-edition{display:flex;gap:20px;margin-bottom:43px;font:600 9px ui-monospace,monospace;letter-spacing:.21em;color:var(--soft)}.hero-edition span:first-child{color:var(--blue)}
.hero h1{font-weight:860;letter-spacing:-.083em;line-height:.92;font-size:clamp(5rem,9.2vw,9.8rem);max-width:1050px;text-wrap:balance;text-shadow:0 10px 55px rgba(6,13,35,.23)}
.hero-gradient{background:linear-gradient(113deg,#e2f7ff 0%,#74d8ff 25%,#a29aff 68%,#8ef9e7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=light] .hero-gradient{background:linear-gradient(110deg,#00518e,#3860ed,#7853dc);background-clip:text;color:transparent}
@media(prefers-color-scheme:light){:root[data-theme=system] .hero-gradient{background:linear-gradient(110deg,#00518e,#3860ed,#7853dc);background-clip:text;color:transparent}}
.hero-lead{border-inline-start:2px solid #69a8ff;padding-inline-start:20px;max-width:515px}
.eyebrow-glow{border-radius:7px;border-inline-start:3px solid #79d8ff;box-shadow:0 15px 50px rgba(17,55,111,.07)}
.hero-watermark{font-size:min(37vw,530px);bottom:-10%;opacity:.025}
.intro{background:linear-gradient(90deg,#060f1b,#101735,#07101a);animation:introOut .85s 1.18s both;overflow:hidden}
.intro::before,.intro::after{content:"";position:absolute;inset:-20% 57% -20% -15%;z-index:-1;transform:skewX(-20deg);border:1px solid rgba(122,208,255,.35);background:linear-gradient(90deg,rgba(68,146,255,.16),transparent);animation:openingDoors 1.15s ease-out both}
.intro::after{inset:-20% -15% -20% 56%;transform:skewX(20deg);border-color:rgba(168,136,253,.32);animation:openingDoorsRight 1.15s ease-out both}
.intro-mark{font-size:clamp(7rem,22vw,20rem);text-shadow:0 12px 70px rgba(90,159,255,.3);animation:markRise .95s cubic-bezier(.2,.9,.2,1) both}
.intro small{color:#b7dafa}.intro-line{width:min(460px,65vw);height:2px;box-shadow:0 0 35px rgba(99,202,255,.8)}
@keyframes openingDoors{to{transform:translateX(-70%) skewX(-20deg)}}@keyframes openingDoorsRight{to{transform:translateX(70%) skewX(20deg)}}@keyframes markRise{from{opacity:0;transform:translateY(55px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes architectureFloat{0%,100%{translate:0 0}50%{translate:0 -18px}}@keyframes bladeShimmer{from{filter:brightness(.8)}to{filter:brightness(1.4)}}@keyframes ribbonTravel{from{translate:-3% -24px;opacity:.44}to{translate:4% 26px;opacity:.98}}
/* The founder is a first-class part of the identity, not a hidden footnote. */
.founder-band{display:grid;grid-template-columns:.72fr 1.5fr .38fr;align-items:center;gap:5vw;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);margin-top:112px;padding:44px 0 50px;position:relative;overflow:hidden}
.founder-band::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:linear-gradient(140deg,rgba(64,135,255,.12),transparent 70%)}
.founder-index,.founder-statement,.founder-seal{position:relative;z-index:1}
.founder-index-top{display:block;font:680 10px ui-monospace,monospace;letter-spacing:.16em;color:var(--soft);margin-bottom:20px}
.founder-monogram{font-weight:890;font-size:clamp(5rem,9vw,11rem);line-height:.9;letter-spacing:-.12em;white-space:nowrap;background:linear-gradient(140deg,var(--ink),#8abfff);background-clip:text;color:transparent}
.founder-monogram span{font-size:.45em;vertical-align:middle;color:var(--blue)}
.founder-statement h3{font-size:clamp(2rem,4vw,5rem);letter-spacing:-.075em;line-height:.99;margin:6px 0 22px}
.founder-statement h3 em{font-style:normal;color:var(--blue)}
.founder-statement>p:not(.overline){font-size:clamp(14px,1.3vw,18px);color:var(--muted);line-height:1.8;max-width:710px}
.founder-lineage{display:block;margin-top:29px;font:680 10px ui-monospace,monospace;letter-spacing:.13em;color:var(--soft)}
.founder-seal{border:1px solid var(--line-strong);padding:25px 17px;min-width:105px;display:grid;gap:70px;color:var(--soft);font:700 9px/1.9 ui-monospace,monospace;letter-spacing:.16em;transform:rotate(-4deg)}
.founder-seal strong{font-size:26px;color:var(--blue);letter-spacing:-.1em}
/* Architectural principle panel: plates, seams, viewpoints. */
.about-panel{background:linear-gradient(150deg,rgba(82,152,234,.19),rgba(24,38,89,.21)),var(--surface);border-radius:12px;box-shadow:0 35px 110px rgba(5,20,55,.22)}
.about-panel::after{content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 47px,rgba(137,189,247,.16) 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(137,189,247,.16) 48px)}
.panel-architecture{position:absolute;inset:15% 8% 17%;perspective:800px;transform-style:preserve-3d}
.architecture-plane{position:absolute;inset:6% 22%;clip-path:polygon(18% 0,99% 10%,80% 100%,0 86%);border:1px solid rgba(154,225,255,.46);background:linear-gradient(110deg,rgba(114,212,245,.08),rgba(91,125,247,.25),rgba(16,29,70,.2));transform:rotateY(-27deg) rotateX(10deg) translateZ(12px);box-shadow:inset 9px 0 0 rgba(132,203,255,.15),30px 35px 80px rgba(12,22,71,.4)}
.architecture-plane::after{content:"";position:absolute;inset:5% 10%;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(169,217,255,.55) 22px 23px,transparent 23px 45px);opacity:.4}
.architecture-plane.plane-two{transform:rotateY(22deg) rotateX(-12deg) translate3d(70px,-28px,55px);background:linear-gradient(40deg,rgba(119,102,244,.26),rgba(34,185,233,.26));opacity:.83}
.architecture-plane.plane-three{transform:rotateY(-9deg) translate3d(-52px,60px,95px);background:linear-gradient(115deg,rgba(39,67,136,.58),rgba(190,227,253,.16));opacity:.7}
.architecture-cipher{position:absolute;z-index:3;left:15%;top:23%;font:840 clamp(6rem,14vw,13rem)/1 var(--font);letter-spacing:-.14em;color:transparent;-webkit-text-stroke:1px rgba(201,232,255,.65);text-shadow:0 0 70px rgba(125,162,255,.24);transform:translateZ(125px)}
.architecture-crosshair{position:absolute;bottom:7%;right:0;color:var(--soft);font:600 9px ui-monospace,monospace;letter-spacing:.18em}
/* Project panels get a spatial identity, not a generic watermark. */
.project-card{border-radius:14px;transform-style:preserve-3d}
.project-card::after{content:"";position:absolute;inset:auto 15px 15px auto;width:70px;height:70px;border:1px solid var(--card-ink);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:.32;transform:skew(-13deg)}
.project-visual{border-radius:0!important;transform:perspective(450px) rotateY(-24deg) rotateX(12deg)!important;box-shadow:15px 18px 0 -2px rgba(103,158,255,.07),24px 26px 0 -3px rgba(103,158,255,.04)}
.project-visual-code{display:block;font-weight:850;font-size:70px;letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px rgba(172,217,255,.56);line-height:1}
/* Methodology visualization is a linear engineering stack. */
.method-visual{perspective:600px}
.method-slab{position:absolute;inset:17% 26%;transform:rotateY(-24deg) rotateX(18deg) skewY(-7deg);background:linear-gradient(130deg,rgba(73,150,229,.22),rgba(127,109,240,.22));border:1px solid rgba(131,211,255,.38);box-shadow:inset 2px 0 rgba(169,234,255,.6),0 0 48px rgba(71,122,249,.12)}
.method-slab.slab-b{transform:translate(60px,-36px) rotateY(22deg) rotateX(9deg) skewY(-7deg);background:linear-gradient(60deg,rgba(84,224,213,.16),rgba(79,128,225,.29))}
.method-slab.slab-c{transform:translate(-45px,52px) rotateY(6deg) skewY(-7deg)}
.method-blueprint{position:absolute;left:10%;bottom:8%;font:700 9px/2 ui-monospace,monospace;letter-spacing:.14em;color:var(--blue)}
/* Contact becomes an extraordinary high-contrast direct communication portal. */
.contact-section{background:#060b15;min-height:820px;overflow:hidden}
.contact-aurora{background:radial-gradient(ellipse at 77% 55%,rgba(85,71,218,.34),transparent 55%),radial-gradient(ellipse at 18% 85%,rgba(16,108,197,.3),transparent 55%),linear-gradient(135deg,#060c1a,#0b1130)}
.contact-aurora::after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(126deg,transparent 0 66px,rgba(130,211,255,.07) 66px 67px,transparent 67px 128px);transform:skewX(8deg)}
.contact-signal{position:absolute;inset:25% -10% 5% auto;width:60%;display:flex;align-items:end;gap:2.2%;transform:skewX(-15deg) rotate(-5deg);opacity:.44;filter:drop-shadow(0 0 42px rgba(105,159,255,.3))}
.contact-signal i{display:block;flex:1;background:linear-gradient(0deg,rgba(28,85,180,.02),rgba(117,199,255,.25) 25%,rgba(149,222,255,.82) 90%,rgba(205,235,255,.3));border-left:1px solid rgba(163,236,255,.35);height:65%;animation:signalRise 7s ease-in-out infinite alternate}
.contact-signal i:nth-child(2){height:95%;animation-delay:-2s}.contact-signal i:nth-child(3){height:43%;animation-delay:-1s}.contact-signal i:nth-child(4){height:78%;animation-delay:-4s}.contact-signal i:nth-child(5){height:54%;animation-delay:-3s}.contact-signal i:nth-child(6){height:92%;animation-delay:-6s}
@keyframes signalRise{to{transform:translateY(-30px) scaleY(.85)}}
.contact-content{padding:54px 0 100px;text-align:start}.contact-content .overline{position:relative;z-index:2;color:#b1e6ff}
.contact-side-label{display:flex;justify-content:space-between;max-width:100%;color:#8195bc;font:600 9px ui-monospace,monospace;letter-spacing:.22em;margin-bottom:45px}
.contact-heading{text-align:start;max-width:920px;margin:0;font-size:clamp(4rem,8.7vw,10rem);line-height:.95;letter-spacing:-.085em;position:relative;z-index:2}
.contact-gradient{background:linear-gradient(95deg,#f3fdff 4%,#78cbff 38%,#9186ff 88%);background-clip:text;color:transparent}
.contact-content>p:not(.overline){margin:33px 0;max-width:630px;color:#aebfda;font-size:clamp(14px,1.25vw,18px)}
.contact-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;position:relative;z-index:2;margin-top:50px}
.email-monument{min-width:min(100%,575px);position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:23px 57px 26px 24px;border:1px solid rgba(161,207,255,.35);background:linear-gradient(111deg,rgba(122,181,242,.11),rgba(112,92,211,.08));backdrop-filter:blur(16px);border-radius:10px;transition:transform .25s,border-color .25s,background .25s}
.email-monument:hover{transform:translateY(-5px);border-color:#8fdcff;background:rgba(105,167,253,.16)}
.email-small{font:700 9px ui-monospace,monospace;letter-spacing:.22em;color:#a2bce2;margin-bottom:13px}
.email-monument strong{font-size:clamp(1.35rem,3vw,2.7rem);font-weight:750;letter-spacing:-.06em;white-space:normal;overflow-wrap:anywhere;color:white}
.email-monument strong span{color:#81d7ff}
.email-arrow{position:absolute;right:17px;top:19px;color:#a8e9ff;font-size:30px}
.contact-secondary{display:inline-flex;align-items:center;gap:14px;color:#def4ff;font-size:12px;font-weight:760;border-bottom:1px solid #80cdff;padding:13px 0}
.contact-bottom-grid{display:flex;justify-content:space-between;border-top:1px solid rgba(150,200,253,.16);gap:20px;padding:34px 0;color:#647eae;font:680 9px ui-monospace,monospace;letter-spacing:.16em}
.footer-signature{color:#abbfdf;letter-spacing:0;font-size:12px}.footer-signature strong{color:#d5e9ff;font-weight:720}
.footer-contact-link{color:#8fdaff}
/* Direct transmission / independent contact page */
.contact-page{min-height:100svh;background:#080f1d;color:#e6f3ff;overflow:hidden;isolation:isolate}
.contact-page::before{content:"";position:fixed;inset:-15%;background:radial-gradient(ellipse at 73% 40%,rgba(84,92,232,.24),transparent 45%),radial-gradient(ellipse at 25% 65%,rgba(45,153,215,.22),transparent 48%);z-index:-2}
.contact-page::after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(90deg,transparent 0 93px,rgba(121,179,249,.07) 94px),repeating-linear-gradient(0deg,transparent 0 93px,rgba(121,179,249,.07) 94px);z-index:-1;mask-image:linear-gradient(120deg,transparent,#000)}
.contact-page .contact-topbar{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid rgba(151,201,255,.2);position:relative;z-index:2}
.contact-page .contact-topbar .footer-brand{font-size:22px}
.contact-page .contact-navigation{display:flex;gap:12px;align-items:center}
.contact-page .utility-select{background:#14223a;color:#e5f3ff;border-color:rgba(157,203,255,.25)}
.contact-page .contact-back{border:1px solid rgba(157,203,255,.34);padding:11px 16px;font-size:11px;border-radius:8px;color:#d7e9ff}
.contact-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center;min-height:calc(100svh - 180px);padding:58px 0 100px}
.contact-showcase .overline{color:#94d5ff}
.contact-kicker{font:650 9px ui-monospace,monospace;letter-spacing:.26em;color:#7693be;margin-bottom:36px}
.contact-giant-title{font-size:clamp(5rem,11vw,12rem);letter-spacing:-.09em;line-height:.88;font-weight:850;margin:16px 0 35px}
.contact-giant-title span{display:block;background:linear-gradient(115deg,#fff,#86d5ff 58%,#b3a6ff);background-clip:text;color:transparent}
.contact-giant-title em{font-style:normal;color:#eaf5ff;display:block}
.contact-intro{max-width:590px;color:#afc2df;font-size:clamp(15px,1.4vw,19px);line-height:1.75}
.contact-page .email-monument{margin:35px 0 22px;min-width:0;width:100%}
.contact-page .email-monument strong{font-size:clamp(1.4rem,2.4vw,2.6rem)}
.contact-noform{color:#90a9cf;font:550 11px/1.7 ui-monospace,monospace}
.contact-visual{height:min(72vh,720px);min-height:450px;position:relative;perspective:880px;transform-style:preserve-3d}
.contact-visual .beam{position:absolute;width:36%;height:72%;left:26%;top:10%;border:1px solid rgba(160,223,255,.47);background:linear-gradient(110deg,rgba(99,201,249,.09),rgba(75,104,238,.29),rgba(15,26,72,.14));box-shadow:inset 10px 0 rgba(165,223,255,.12),-33px 40px 90px rgba(10,40,102,.31);transform:rotateY(-24deg) rotateX(7deg) skewY(-6deg);animation:contactBreathe 9s ease-in-out infinite alternate}
.contact-visual .beam.b2{left:44%;top:0;height:90%;background:linear-gradient(90deg,rgba(94,83,209,.28),rgba(41,140,210,.12));transform:rotateY(22deg) rotateX(-9deg) skewY(7deg);animation-delay:-3s}
.contact-visual .beam.b3{left:12%;top:26%;width:40%;height:62%;transform:rotateY(32deg) skewY(-7deg);animation-delay:-6s}
.contact-visual .contact-massive-at{position:absolute;z-index:2;inset:13% auto auto 22%;font-weight:870;font-size:clamp(13rem,28vw,30rem);line-height:1;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(176,222,255,.43);filter:drop-shadow(0 0 47px rgba(99,149,251,.24));animation:contactBreathe 13s ease-in-out infinite alternate}
.contact-visual .contact-data{position:absolute;z-index:3;bottom:8%;right:0;text-align:right;color:#89bdea;font:650 10px/2 ui-monospace,monospace;letter-spacing:.17em}
@keyframes contactBreathe{to{translate:0 -32px;filter:brightness(1.3)}}
.contact-page-bottom{border-top:1px solid rgba(151,201,255,.2);padding:25px 0 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;color:#92adcc;font-size:11px}
:root[data-theme=light] .contact-page,:root[data-theme=light] body.contact-page{background:#edf5ff;color:#15304a}
:root[data-theme=light] .contact-page::before{background:radial-gradient(ellipse at 70% 40%,rgba(79,127,222,.13),transparent 65%)}
:root[data-theme=light] .contact-page .contact-giant-title em{color:#17375d}
:root[data-theme=light] .contact-page .contact-intro,:root[data-theme=light] .contact-noform{color:#48617f}
:root[data-theme=light] .contact-page .email-monument strong,:root[data-theme=light] .contact-page .contact-back{color:#15304a}
:root[data-theme=light] .contact-page .contact-topbar .footer-brand{color:#15304a}
:root[data-theme=light] .contact-page .contact-back{border-color:#acc4df}
@media(prefers-color-scheme:light){:root[data-theme=system] .contact-page{background:#edf5ff;color:#15304a}:root[data-theme=system] .contact-page .contact-giant-title em{color:#17375d}:root[data-theme=system] .contact-page .contact-intro{color:#48617f}}
@media(max-width:1100px){.hero-art{inset:0 -17% 0 28%}.hero h1{font-size:clamp(4.9rem,9.4vw,8.5rem)}.contact-showcase{grid-template-columns:1fr .8fr}.contact-visual{min-height:430px}.contact-giant-title{font-size:clamp(5.5rem,10vw,10rem)}}
@media(max-width:800px){.hero-art{inset:7% -22% 13% 4%;opacity:.54}.hero-beam{background:linear-gradient(90deg,var(--bg) 0%,rgba(8,15,27,.68) 65%,transparent)}.hero-inner{padding-top:160px}.hero-corner-coordinates{top:89px}.hero-fallback{width:780px;min-height:730px;transform:translateX(26%) rotateY(-24deg)}.hero-telemetry,.hero-vertical-label{display:none}.founder-band{grid-template-columns:.6fr 1.4fr;gap:25px}.founder-seal{display:none}.contact-showcase{grid-template-columns:1fr}.contact-visual{position:absolute;right:-11%;top:10%;width:60%;height:65%;min-height:0;opacity:.26;pointer-events:none}.contact-page .contact-showcase{position:relative;min-height:calc(100svh - 170px)}.contact-showcase>div:first-child{position:relative;z-index:2}.contact-content{padding:38px 0 88px}}
@media(max-width:560px){.hero{background:#08101c}.hero-inner{padding-top:135px}.hero-art{inset:3% -80% 9% -13%;opacity:.34}.hero-fallback{width:740px;min-height:660px;transform:translateX(25%) rotateY(-20deg)}.hero-beam{background:linear-gradient(90deg,rgba(8,15,27,.74),rgba(8,15,27,.2))}.hero-edition{font-size:8px;gap:9px;margin-bottom:35px}.hero-corner-coordinates{display:none}.hero h1{font-size:clamp(3.75rem,15vw,6.8rem);line-height:.98;letter-spacing:-.075em}.hero-lead{border-inline-start-width:2px;padding-inline-start:15px}.hero-telemetry{display:none}.founder-band{grid-template-columns:1fr;margin-top:65px;padding:32px 0;gap:26px}.founder-index-top{font-size:9px}.founder-monogram{font-size:6.5rem}.founder-statement h3{font-size:3.05rem}.founder-lineage{font-size:9px}.architecture-cipher{font-size:9rem}.contact-section{min-height:700px}.contact-content{padding:26px 0 65px}.contact-side-label{font-size:7px;gap:10px}.contact-heading{font-size:clamp(3.7rem,12vw,6.5rem)}.contact-actions{margin-top:25px}.email-monument{padding:20px 42px 23px 18px}.email-monument strong{font-size:clamp(1.25rem,5.6vw,2rem)}.contact-bottom-grid{display:grid;grid-template-columns:1fr 1fr;font-size:8px}.contact-page .contact-topbar{align-items:flex-start;gap:8px}.contact-page .contact-topbar .footer-brand{font-size:17px}.contact-page .contact-navigation{gap:5px}.contact-page .contact-navigation select{max-width:55px;font-size:9px}.contact-page .contact-back{font-size:9px;padding:10px}.contact-showcase{padding-top:50px}.contact-giant-title{font-size:clamp(4.4rem,16vw,8.5rem)}.contact-page .email-monument strong{font-size:clamp(1.2rem,5vw,2.5rem)}.contact-visual{width:85%;right:-48%;top:7%;opacity:.2}.contact-page-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){.architecture-column,.architecture-ribbon,.hero-fallback,.contact-signal i,.contact-visual .beam,.contact-visual .contact-massive-at{animation:none!important}.intro{display:none!important}}
@media(forced-colors:active){.contact-gradient,.hero-gradient,.contact-giant-title span,.founder-monogram{color:CanvasText!important;-webkit-text-stroke:0!important}.architecture-column{border:1px solid CanvasText}}
.contact-copy-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.contact-copy-actions .btn-ghost{background:rgba(133,185,253,.08);color:#daeeff}
:root[data-theme=light] .contact-copy-actions .btn-ghost{color:#163552;border:1px solid rgba(48,104,183,.28)}
@media(max-width:560px){.contact-copy-actions{align-items:stretch}.contact-copy-actions .btn{min-height:49px}}

/* Circular remnants removed from subsidiary sections. Editorial / architectural continuity. */
.project-visual{background:repeating-linear-gradient(90deg,transparent 0 14px,var(--card-ink) 15px 16px,transparent 16px 25px),linear-gradient(130deg,rgba(118,167,255,.09),transparent 65%);border:1px solid var(--card-ink);width:125px;height:125px;right:21px;top:52px;opacity:.4;display:grid;place-items:center;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.tech-grid-lines{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);transform:perspective(450px) rotateX(22deg) rotateY(-8deg)}
.tech-cloud:before,.tech-cloud:after{border-radius:8px;inset:10% 16%;transform:perspective(660px) rotateY(32deg) rotateX(16deg);animation:none;background:linear-gradient(125deg,rgba(98,171,243,.07),transparent)}
.tech-cloud:after{inset:24% 26%;transform:perspective(660px) rotateY(-32deg) rotateX(-14deg)}
.tech-inner{border:1px solid var(--line-strong);padding:48px 24px;transform:rotate(-5deg);background:var(--glass);backdrop-filter:blur(8px)}
.expertise-card{border-radius:13px}.expertise-card:after{border-radius:4px;clip-path:polygon(14% 0,100% 0,88% 100%,0 93%)}
@media(prefers-reduced-motion:reduce){.tech-cloud:before,.tech-cloud:after{animation:none!important}}

/* Section-to-section editorial journey + non-blocking cursor-responsive depth. */
.journey-spine{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:13px;align-items:center;pointer-events:none;opacity:.6;mix-blend-mode:screen;color:var(--blue)}
.journey-kicker{writing-mode:vertical-rl;text-orientation:mixed;font:700 8px ui-monospace,monospace;letter-spacing:.16em;color:var(--soft)}
.journey-spine strong{font:800 24px ui-monospace,monospace;letter-spacing:-.1em}.journey-spine i{height:55px;width:1px;background:linear-gradient(var(--blue),transparent)}
.journey-spine #journeyName{writing-mode:vertical-rl;font:700 8px ui-monospace,monospace;letter-spacing:.18em;color:var(--muted)}
.project-card{background:radial-gradient(circle 220px at var(--cursor-x,80%) var(--cursor-y,15%),var(--card-glow),transparent),linear-gradient(145deg,var(--surface),var(--bg-2))}
.about-panel .panel-architecture{transition:transform .24s ease;transform:perspective(850px) rotateY(var(--architectural-x,0deg)) rotateX(var(--architectural-y,0deg))}
@media(max-width:1300px){.journey-spine{display:none}}
@media(prefers-reduced-motion:reduce){.about-panel .panel-architecture{transform:none!important}}
:root[data-theme=light] .contact-giant-title span{background:linear-gradient(110deg,#194775,#0074bd,#7046ad);background-clip:text;color:transparent}
@media(prefers-color-scheme:light){:root[data-theme=system] .contact-giant-title span{background:linear-gradient(110deg,#194775,#0074bd,#7046ad);background-clip:text;color:transparent}:root[data-theme=system] .contact-page .email-monument strong{color:#15304a}:root[data-theme=system] .contact-page .contact-topbar .footer-brand{color:#15304a}}
