:root{--bg:#0a1015;--panel:#151e25;--line:rgba(233,245,242,.13);--white:#f2f5f0;--muted:#a4b0b3;--subdued:#77868c;--mint:#b8eccd;--lilac:#cbbbf6;--max:1320px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--white);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-feature-settings:"ss01" on;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(120deg,transparent 3%,#000 45%,transparent 100%);pointer-events:none}
.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.24}
.ambient-one{width:570px;height:570px;background:#244c43;top:-340px;left:-230px}
.ambient-two{width:540px;height:540px;background:#322c51;right:-350px;top:160px;opacity:.16}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:50;background:var(--white);color:var(--bg);padding:13px 17px;border-radius:7px}.skip-link:focus{top:14px}
.layout{max-width:var(--max);margin:auto;padding:0 clamp(22px,5.1vw,68px);min-height:100vh;display:flex;flex-direction:column}
.site-header{display:flex;justify-content:space-between;align-items:center;min-height:110px;border-bottom:1px solid var(--line);gap:30px}
.identity{display:inline-flex;align-items:center;gap:17px}.monogram{font-size:37px;line-height:1;letter-spacing:-.13em;font-weight:800}.mono-dot{color:var(--mint);letter-spacing:0}.identity-title{font-size:11px;letter-spacing:.16em;font-weight:760;line-height:1.5}.identity-sub{display:block;margin-top:5px;color:#8a989e;letter-spacing:.14em;font-weight:560;font-size:9px}
.header-meta{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:10px;font-weight:600;letter-spacing:.13em;color:#8fa09f}.meta-line{width:26px;height:1px;background:var(--mint)}.meta-year{color:#54646a}
.hero{padding:clamp(64px,6.5vw,102px) 0 70px}
.eyebrow,.coming-eyebrow{display:flex;align-items:center;gap:12px;color:#b8c9c5;font-size:10px;font-weight:700;letter-spacing:.23em}.eyebrow-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px #9af7c75c}
.hero h1{font-weight:600;letter-spacing:-.071em;font-size:clamp(43px,6.45vw,88px);line-height:1.105;margin:29px 0 31px;max-width:1150px}.hero h1>span{color:#97a8aa}.hero .full-stop{color:var(--mint)}
.hero-end{display:flex;align-items:end;justify-content:space-between;gap:28px}.hero-end p{max-width:545px;font-size:clamp(14px,1.5vw,17px);color:#a6b5b5;line-height:1.74;margin:0}.section-indicator{white-space:nowrap;color:#89989b;font-size:10px;letter-spacing:.16em;font-weight:750;display:flex;gap:17px;align-items:center}.down-arrow{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #45575a;color:var(--mint);font-size:16px;font-weight:300}
.projects{padding:0 0 80px}.projects-label{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;color:#839498;font-size:10px;font-weight:650;letter-spacing:.17em}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.project-card{isolation:isolate;position:relative;min-height:450px;border:1px solid rgba(211,229,227,.18);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#1c3132,#112023 70%,#111e24);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.project-card:hover{transform:translateY(-6px);border-color:#b8eccd77;box-shadow:0 24px 55px #0005}
.project-ai{background:linear-gradient(135deg,#28243d,#1b1d32 62%,#171e2b)}.project-ai:hover{border-color:#cbbbf687}
.project-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(7,15,19,.35),transparent 58%);z-index:-1}
.card-heading{padding:28px 30px 0;display:flex;gap:14px;align-items:center;justify-content:space-between;position:relative;z-index:2}.project-id,.status{font-size:10px;letter-spacing:.16em;font-weight:750;color:#c0d3c8}.status{color:#b9d7c4;display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-size:9px}.status i{width:6px;height:6px;background:#aaf1bc;border-radius:50%;box-shadow:0 0 14px #9cf3aa}.status-future{color:#d1c8e9}.status-future i{background:#c6b1ff;box-shadow:0 0 14px #c6b1ff}
.card-content{position:relative;z-index:2;padding:0 30px 24px;max-width:95%;margin-top:128px}.card-kicker{color:var(--mint);font-weight:700;font-size:9px;letter-spacing:.17em}.project-ai .card-kicker{color:var(--lilac)}.card-content h2{font-weight:620;letter-spacing:-.065em;font-size:clamp(31px,3.6vw,47px);line-height:1.04;margin:14px 0 14px}.card-content .accent-dot{color:var(--mint)}.project-ai .accent-dot{color:var(--lilac)}.card-content p{color:#b8c7c3;font-size:13px;line-height:1.7;max-width:335px;min-height:44px;margin:0 0 27px}.project-ai .card-content p{color:#c8c5d3}
.card-action{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(234,248,244,.20);padding-top:18px;font-size:11px;font-weight:650;color:#eef5ed}.action-arrow{border:1px solid #ffffff44;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-size:20px;transition:transform .3s,color .3s,background .3s}.project-card:hover .action-arrow{background:var(--mint);color:#122222;transform:rotate(45deg)}.project-ai:hover .action-arrow{background:var(--lilac);color:#1b1730}
.etn-art{position:absolute;width:310px;height:310px;top:32px;right:-18px;opacity:.7;z-index:-1;filter:drop-shadow(0 0 50px #3ebaa322)}.net-ring{position:absolute;border:1px solid rgba(177,253,221,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:102px;height:102px}.ring-two{width:172px;height:172px}.ring-three{width:242px;height:242px}.ring-four{width:308px;height:308px;border-color:#9ad3be22}.net-center{position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:#baf3d1;box-shadow:0 0 60px 18px #a8ffe07c}.node{position:absolute;width:8px;height:8px;border-radius:50%;background:#aceacb;box-shadow:0 0 15px 2px #9ee4c7}.node-a{top:65px;left:76px}.node-b{top:122px;right:19px}.node-c{bottom:49px;left:93px}.project-etn:hover .ring-two{animation:breathing 2s ease-in-out infinite}
.ai-art{position:absolute;width:340px;height:310px;top:5px;right:-15px;z-index:-1;opacity:.74;perspective:600px}.ai-orbit{border:1px solid #bdabfa64;position:absolute;left:50%;top:49%;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) rotate(-32deg)}.ai-orbit-a{width:240px;height:240px;box-shadow:0 0 44px #9584ed22}.ai-orbit-b{width:300px;height:300px;transform:translate(-50%,-50%) rotateX(61deg) rotate(49deg)}.ai-orbit-c{width:190px;height:190px;transform:translate(-50%,-50%) rotateY(63deg) rotate(-15deg);border-color:#e5dbff88}.ai-core{position:absolute;width:113px;height:113px;left:calc(50% - 56px);top:calc(49% - 56px);border-radius:50%;background:radial-gradient(circle at 36% 29%,#efddff,#a68af4 24%,#6553c0 53%,#272342 78%);box-shadow:0 0 70px #a288df83,inset -14px -18px 27px #1b183c77}.project-ai:hover .ai-core{animation:float 3s ease-in-out infinite}
.linkedin-card{border:1px solid var(--line);background:#131d23;border-radius:12px;min-height:112px;margin-top:19px;padding:23px 29px;display:flex;align-items:center;gap:23px;transition:border-color .3s,background .3s}.linkedin-card:hover{background:#1c2b34;border-color:#a7bcd177}.linkedin-logo{width:52px;height:52px;border-radius:9px;background:#e9eef5;color:#131c2a;display:grid;place-items:center;font-size:29px;font-weight:800;letter-spacing:-.07em;flex:none;line-height:1}.linkedin-content{display:flex;flex-direction:column;gap:7px}.linkedin-overline{font-size:9px;letter-spacing:.17em;color:#9eaeb6;font-weight:750}.linkedin-content strong{font-size:24px;letter-spacing:-.045em}.linkedin-text{font-size:12px;color:#a1b0b6}.linkedin-cta{margin-left:auto;display:flex;gap:24px;align-items:center;white-space:nowrap;font-size:11px;font-weight:650}.social-arrow{font-size:20px;width:38px;height:38px;border:1px solid #566870;border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}.linkedin-card:hover .social-arrow{background:#e9eef5;color:#131c2a;transform:rotate(45deg)}
.site-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0 31px;color:#7f9196;font-size:10px;letter-spacing:.07em}.site-footer span:last-child{letter-spacing:.16em}
/* Coming soon */
.back-link{display:inline-flex;align-items:center;gap:13px;border:1px solid #71818852;border-radius:99px;padding:13px 18px;font-size:10px;letter-spacing:.13em;font-weight:700;transition:background .2s,border-color .2s}.back-link:hover{background:#ffffff11;border-color:#a5b4ba}.back-link span{font-size:17px;color:var(--lilac)}
.coming-main{flex:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:650px;padding:65px 0 90px;gap:35px}.coming-copy{position:relative;z-index:2}.coming-eyebrow{color:#d5c6fa}.coming-eyebrow .eyebrow-dot{background:var(--lilac);box-shadow:0 0 15px #bfa7ff}.coming-issue{font-size:11px;letter-spacing:.15em;color:#95a1ab;margin:95px 0 24px;font-weight:650}.coming-issue span{color:#4d5c66;margin:0 9px}.coming-copy h1{font-weight:630;font-size:clamp(45px,5.2vw,76px);letter-spacing:-.075em;line-height:1.09;margin:0 0 29px}.coming-copy h1 em{font-style:normal;color:#c7baf9}.coming-description{max-width:500px;color:#a7b5b9;font-size:15px;line-height:1.9;margin:0 0 50px}.coming-tag{display:inline-flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid #c0aaf55e;border-radius:8px;background:linear-gradient(100deg,#bda6f51f,#a3d2c10c);letter-spacing:.19em;font-weight:800;font-size:12px}.small-sparkle{font-size:23px;color:#c7b8fc}.coming-tag-arrow{color:#c5b5f5;margin-left:32px;font-size:18px}
.coming-visual{height:510px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden}.coming-visual::before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#9075dc2f,transparent 70%);filter:blur(25px)}.orbital{position:absolute;left:50%;top:50%;width:420px;height:420px;border:1px solid #bca5f326;border-radius:50%;transform:translate(-50%,-50%)}.orbital-2{width:330px;height:330px;border-color:#c9b6f744}.orbital-3{width:490px;height:190px;transform:translate(-50%,-50%) rotate(-32deg);border-color:#bea9f67a}.orbital-4{width:180px;height:480px;transform:translate(-50%,-50%) rotate(20deg);border-color:#d2c4ff4d}.orb-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:#a998f380;filter:blur(60px)}.orb-shell{position:relative;width:205px;height:205px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#f4edff,#d0b8ff 19%,#9a7fe8 40%,#654ba8 58%,#282342 81%);box-shadow:inset -22px -35px 35px #1811268f,0 0 70px #9871e877;animation:orbFloat 7s ease-in-out infinite}.orb-highlight{position:absolute;left:calc(50% - 72px);top:calc(50% - 63px);width:67px;height:21px;border-radius:50%;background:#ffffff70;transform:rotate(-35deg);filter:blur(18px)}.visual-label{position:absolute;font-size:9px;letter-spacing:.2em;color:#8e8ba8;font-weight:700}.visual-label-top{top:9px;right:9px}.visual-label-bottom{bottom:12px;left:9px}
@keyframes float{50%{transform:translateY(-10px)}}@keyframes breathing{50%{opacity:.5;transform:translate(-50%,-50%) scale(1.07)}}@keyframes orbFloat{50%{transform:translateY(-15px)}}
@media(max-width:980px){.hero h1{font-size:clamp(44px,6.6vw,75px)}.header-meta{font-size:9px}.project-card{min-height:435px}.card-heading{padding:24px 25px 0}.card-content{padding:0 25px 21px}.card-content h2{font-size:clamp(29px,4vw,40px)}.card-content p{min-height:65px}.coming-main{gap:10px}.coming-copy h1{font-size:clamp(42px,5vw,61px)}}
@media(max-width:690px){.layout{padding:0 22px}.site-header{min-height:87px}.header-meta{display:none}.hero{padding:74px 0 55px}.hero h1{font-size:clamp(42px,8.7vw,61px);letter-spacing:-.065em;margin:24px 0}.hero-end{align-items:start;flex-direction:column;gap:24px}.hero-end p{font-size:14px}.section-indicator{font-size:9px}.projects-label{font-size:9px}.project-grid{grid-template-columns:1fr;gap:15px}.project-card{min-height:410px}.card-content{margin-top:130px}.card-content h2{font-size:42px}.card-content p{min-height:unset;font-size:13px}.etn-art,.ai-art{right:-23px;top:12px}.linkedin-card{padding:20px;gap:16px;flex-wrap:wrap}.linkedin-logo{width:45px;height:45px;font-size:25px}.linkedin-content strong{font-size:21px}.linkedin-cta{width:100%;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line)}.site-footer{font-size:9px;line-height:1.6;align-items:flex-start}.site-footer span:last-child{text-align:right}.coming-main{grid-template-columns:1fr;padding:60px 0 35px;min-height:unset;gap:0}.coming-issue{margin:70px 0 22px}.coming-copy h1{font-size:clamp(44px,9vw,67px)}.coming-description{font-size:14px;max-width:550px;margin-bottom:31px}.coming-visual{height:360px}.orbital{width:315px;height:315px}.orbital-2{width:245px;height:245px}.orbital-3{width:335px;height:130px}.orbital-4{width:130px;height:342px}.orb-shell{width:165px;height:165px}.visual-label{font-size:8px}.back-link{font-size:9px;padding:12px}.identity{gap:11px}.identity-title{font-size:9px}.monogram{font-size:33px}}
@media(max-width:390px){.layout{padding:0 17px}.hero h1{font-size:39px}.card-heading{padding:20px 20px 0}.card-content{padding:0 20px 18px}.card-content h2{font-size:38px}.status{font-size:8px}.project-id{font-size:8px}.linkedin-text{font-size:11px}.coming-copy h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}