:root{--bg:#080808;--panel:#111;--ink:#f3efe7;--muted:#9f9b94;--line:rgba(255,255,255,.11);--accent:#ff6338;--max:1240px;--mx:50vw;--my:30vh}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(720px circle at var(--mx) var(--my),rgba(255,99,56,.09),transparent 48%),linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.55) 65%,transparent)}a{color:inherit}.shell{width:min(var(--max),calc(100% - 44px));margin:auto;position:relative;z-index:1}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:100}
.nav{position:fixed;top:0;left:0;right:0;z-index:90;transition:.35s}.nav.scrolled{background:rgba(8,8,8,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:"Manrope";font-weight:800}.brandmark{width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center}.brandmark:after{content:"";width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent)}.navlinks{display:flex;gap:26px;align-items:center}.navlinks a{font-size:13px;text-decoration:none;color:#c9c4bc}.navlinks a:hover{color:#fff}.menu-dot{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.hero{min-height:100svh;padding:138px 0 68px;display:grid;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:74px;align-items:center}.kicker{display:flex;align-items:center;gap:12px;color:#bdb9b2;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.pulse{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 0 rgba(255,99,56,.55);animation:pulse 2.2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 11px rgba(255,99,56,0)}100%{box-shadow:0 0 0 0 rgba(255,99,56,0)}}h1,h2,h3{font-family:"Manrope"}h1{font-size:clamp(55px,7.1vw,110px);line-height:.91;letter-spacing:-.068em;margin:28px 0 26px;font-weight:700}.hero-name{display:block;margin-bottom:18px;color:#bdb9b2;font-family:"DM Sans",system-ui,sans-serif;font-size:.18em;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.accent{color:var(--accent)}.hero-copy{max-width:730px;color:#b0ada6;font-size:clamp(17px,1.5vw,21px);line-height:1.66}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{height:52px;padding:0 21px;border-radius:999px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid var(--line);transition:.25s}.btn.primary{background:var(--accent);color:#101010;border-color:var(--accent)}.btn.secondary{background:rgba(255,255,255,.035)}.btn:hover{transform:translateY(-3px)}
.portrait-stage{min-height:620px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:min(430px,94vw);aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:spin 24s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;background:var(--accent);box-shadow:0 0 22px rgba(255,99,56,.72)}.orbit:before{width:11px;height:11px;top:78px;left:34px}.orbit:after{width:6px;height:6px;bottom:104px;right:18px}.orbit.two{width:min(345px,76vw);animation-duration:31s;animation-direction:reverse;border-color:rgba(255,99,56,.23)}.orbit.three{width:min(495px,100vw);animation-duration:39s;border-style:dashed;border-color:rgba(255,255,255,.08)}.orbit.three:before{width:5px;height:5px;top:45%;left:-3px;background:#fff;box-shadow:none}.orbit.three:after{width:8px;height:8px;bottom:16%;right:11%;background:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}
.portrait-card{width:330px;aspect-ratio:.73;border:1px solid rgba(255,255,255,.14);border-radius:170px 170px 30px 30px;overflow:hidden;position:relative;background:#111;box-shadow:0 38px 90px rgba(0,0,0,.55);animation:float 7s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.portrait-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.30));pointer-events:none}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:grayscale(100%) contrast(1.02) brightness(1)}
.floating-tag{position:absolute;padding:12px 16px;background:rgba(18,18,18,.87);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;font-size:12px;color:#cfcbc4;box-shadow:0 16px 50px rgba(0,0,0,.3)}.floating-tag.one{left:-5px;top:25%}.floating-tag.two{right:-12px;bottom:21%}.floating-tag b{color:var(--accent)}.floating-tag.one:after,.floating-tag.two:before{content:"";position:absolute;height:1px;background:linear-gradient(90deg,rgba(255,99,56,.55),transparent)}.floating-tag.one:after{width:50px;right:-50px;top:50%}.floating-tag.two:before{width:44px;left:-44px;top:50%;transform:rotate(180deg)}
.portrait-stage:before{content:"";position:absolute;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,rgba(255,99,56,.08),transparent 61%);filter:blur(8px);pointer-events:none}.stage-axis{position:absolute;background:rgba(255,255,255,.07);pointer-events:none}.stage-axis.v{width:1px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%)}.stage-axis.h{height:1px;width:520px;left:50%;top:50%;transform:translate(-50%,-50%)}.stage-index,.stage-location,.stage-caption{position:absolute;z-index:5;font:700 9px/1.2 "DM Sans",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#77736e}.stage-index{right:7px;top:11%}.stage-location{left:6px;bottom:10%;display:flex;align-items:center;gap:7px}.stage-location i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(255,99,56,.65)}.stage-caption{right:2px;bottom:8%;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.2em}.stage-stack{position:absolute;right:3px;top:24%;z-index:5;display:grid;gap:5px}.stage-stack span{display:block;padding:5px 7px;border:1px solid rgba(255,255,255,.08);background:rgba(8,8,8,.58);backdrop-filter:blur(8px);font:700 8px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.13em;color:#8f8b85}.orbit-label{position:absolute;z-index:4;padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(8,8,8,.67);backdrop-filter:blur(8px);font:700 8px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.12em;color:#8f8b85;animation:drift 6s ease-in-out infinite}.orbit-label.sql{right:13%;top:8%}.orbit-label.gis{left:6%;bottom:26%;animation-delay:-1.5s}.orbit-label.net{right:3%;bottom:34%;animation-delay:-3s}.orbit-label.bi{left:12%;top:14%;animation-delay:-4.5s}@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.portrait-corner{position:absolute;width:18px;height:18px;z-index:4;opacity:.62}.portrait-corner.tl{left:15px;top:92px;border-left:1px solid var(--accent);border-top:1px solid var(--accent)}.portrait-corner.tr{right:15px;top:92px;border-right:1px solid rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.6)}.portrait-corner.bl{left:15px;bottom:18px;border-left:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6)}.portrait-corner.br{right:15px;bottom:18px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent)}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#0c0c0c}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite;padding:17px 0}.marquee span{display:flex;align-items:center;gap:28px;color:#aaa7a0;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;margin-right:28px}.marquee i{width:5px;height:5px;background:var(--accent);border-radius:50%}@keyframes marquee{to{transform:translateX(-50%)}}
section.content{padding:122px 0}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-bottom:62px;align-items:end;position:relative}.section-head:after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:1px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.08) 18%,transparent)}.section-num{font:700 11px/1 "Manrope";letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:18px}.section-title{font-size:clamp(42px,5vw,72px);line-height:.97;letter-spacing:-.05em;margin:0}.section-copy{color:#9e9b94;max-width:620px;font-size:17px;line-height:1.7;margin:0}
.project{padding:34px;border:1px solid var(--line);background:linear-gradient(155deg,#151515,#0d0d0d);position:relative;overflow:hidden;border-radius:22px;text-decoration:none;display:flex;flex-direction:column;transition:.35s;--px:50%;--py:50%}.project:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--px) var(--py),rgba(255,99,56,.10),transparent 55%);opacity:0;transition:.25s}.project:hover:before{opacity:1}.project:hover{transform:translateY(-6px);border-color:rgba(255,99,56,.45)}.project-top{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}.project-type{text-transform:uppercase;color:#87837d;font-size:10px;letter-spacing:.16em;font-weight:700}.project-body{margin-top:auto;position:relative;z-index:2}.project h3{font-size:clamp(30px,3.4vw,54px);letter-spacing:-.045em;line-height:1;margin:0 0 15px}.project p{color:#999690;line-height:1.65;margin:0;max-width:650px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#a7a39d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.work-deck{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.project-feature{min-height:520px}.project-mini{min-height:250px}.work-stack{display:grid;gap:18px}.project-serial{font:700 10px/1 "DM Sans";letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.project-mini .big-no{position:absolute;right:18px;top:4px;font:800 86px/1 "Manrope";letter-spacing:-.08em;color:rgba(255,255,255,.035)}.system-map{position:absolute;right:22px;top:70px;width:220px;height:170px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(255,99,56,.08),transparent 58%)}.system-map:before,.system-map:after{content:"";position:absolute;background:rgba(255,255,255,.08)}.system-map:before{width:1px;top:18px;bottom:18px;left:50%}.system-map:after{height:1px;left:18px;right:18px;top:50%}.map-node{position:absolute;padding:6px 8px;border:1px solid rgba(255,255,255,.11);background:#111;border-radius:999px;font:700 8px/1 "DM Sans";letter-spacing:.1em;color:#aaa6a0}.map-node.n1{left:14px;top:18px}.map-node.n2{right:14px;top:46px}.map-node.n3{left:26px;bottom:24px}.map-node.n4{right:18px;bottom:18px;color:var(--accent)}.signal-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.signal{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8f8b85;text-align:center}.signal b{color:var(--accent)}
.experience-layout{display:grid;grid-template-columns:220px 1fr;gap:48px}.exp-summary{position:sticky;top:120px;align-self:start}.exp-summary .seven{font:800 clamp(80px,10vw,150px)/.8 "Manrope";letter-spacing:-.08em;color:var(--accent)}.exp-summary p{color:#8f8b85;line-height:1.6}.timeline{position:relative;padding-left:34px;border-top:1px solid var(--line)}.timeline:before{content:"";position:absolute;left:5px;top:5px;bottom:5px;width:1px;background:linear-gradient(var(--accent),rgba(255,255,255,.08) 45%,rgba(255,255,255,.02))}.exp{position:relative;display:grid;grid-template-columns:130px 1fr auto;gap:34px;padding:28px 0;border-bottom:1px solid var(--line)}.exp:before{content:"";position:absolute;left:-34px;top:37px;width:11px;height:11px;border-radius:50%;background:#111;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 5px #080808}.exp:first-child:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px rgba(255,99,56,.35)}.exp-date{color:#77736e;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding-top:7px}.exp h3{font-size:24px;margin:0 0 7px}.exp p{color:#929089;line-height:1.65;margin:0}.exp-dot{width:9px;height:9px;background:#34322f;border-radius:50%;margin-top:11px}.exp-role{display:inline-block;margin-top:10px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7f7b75}
.cap-grid{display:grid;grid-template-columns:repeat(12,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap{position:relative;overflow:hidden;min-height:290px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012);transition:.3s}.cap:nth-child(1),.cap:nth-child(2){grid-column:span 6;min-height:330px}.cap:nth-child(3),.cap:nth-child(4){grid-column:span 6}.cap:hover{background:rgba(255,255,255,.025)}.cap:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-70px;top:-70px;transition:.5s}.cap:hover:before{transform:scale(1.14)}.cap:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);right:26px;top:26px;box-shadow:0 0 18px rgba(255,99,56,.55)}.cap-index{color:var(--accent);font-size:11px}.cap h3{font-size:clamp(24px,2.5vw,32px);line-height:1.08;margin:62px 0 14px}.cap p{color:#8d8a84;font-size:14px;line-height:1.65;max-width:520px}.cap-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.cap-tools span{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:9px;letter-spacing:.08em;color:#8f8b85}
.education{padding:105px 0;border-top:1px solid var(--line);position:relative;overflow:hidden}.education:before{content:"ISBAT";position:absolute;right:-1vw;top:7px;font:800 clamp(110px,22vw,310px)/1 "Manrope";letter-spacing:-.09em;color:rgba(255,255,255,.025);pointer-events:none}.edu-wrap{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:stretch}.edu{padding:34px;border:1px solid var(--line);background:#0d0d0d;border-radius:20px;position:relative;overflow:hidden}.edu small{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:10px;margin-bottom:28px}.edu h3{font-size:clamp(30px,4vw,48px);margin:0 0 14px;max-width:760px}.edu p{color:#96928b;line-height:1.7;max-width:720px}.edu-side{border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(255,99,56,.06),rgba(255,255,255,.015))}.edu-side strong{font:800 72px/.9 "Manrope";letter-spacing:-.07em;color:var(--accent)}.edu-side span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8f8b85}.edu-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.edu-points span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;font-size:9px;color:#8f8b85}
.cta{padding:128px 0 90px;text-align:center;border-top:1px solid var(--line);position:relative;overflow:hidden}.cta:before{content:"CONNECT";position:absolute;left:50%;top:20px;transform:translateX(-50%);font:800 clamp(100px,20vw,280px)/1 "Manrope";letter-spacing:-.09em;color:rgba(255,255,255,.025);white-space:nowrap}.cta h2{font-size:clamp(48px,7vw,100px);line-height:.93;letter-spacing:-.06em;margin:0 auto 28px;max-width:1050px;position:relative}.cta p{color:#aaa69f;max-width:690px;margin:0 auto;font-size:18px;line-height:1.7;position:relative}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:920px;margin:34px auto 0;position:relative}.contact-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:18px;text-decoration:none;text-align:left;background:rgba(255,255,255,.018);transition:.25s}.contact-card:hover{transform:translateY(-5px);border-color:rgba(255,99,56,.4);background:rgba(255,99,56,.045)}.contact-card small{display:block;color:#77736e;text-transform:uppercase;letter-spacing:.14em;font-size:9px;margin-bottom:22px}.contact-card strong{font:700 22px/1.1 "Manrope"}.contact-card span{position:absolute;right:18px;top:18px;color:var(--accent)}.contact-status{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#8f8b85;font-size:11px;position:relative}.contact-status i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(255,99,56,.55)}
.footer{padding:28px 0 42px;border-top:1px solid var(--line);color:#74716c;font-size:12px}.footerin{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:980px){.hero-grid,.section-head,.work-deck,.experience-layout,.edu-wrap{grid-template-columns:1fr}.portrait-stage{min-height:560px}.navlinks a:not(.mobile-show){display:none}.exp-summary{position:relative;top:auto}.contact-grid{grid-template-columns:1fr}.cap:nth-child(n){grid-column:span 12}.system-map{opacity:.48}.signal-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.shell{width:min(var(--max),calc(100% - 28px))}.hero{padding-top:120px}.portrait-card{width:280px}.portrait-stage{min-height:520px}.floating-tag{font-size:10px}.stage-stack,.stage-caption{display:none}.stage-axis.h{width:360px}.stage-axis.v{height:450px}.orbit.three{width:360px}.orbit-label{font-size:7px}.orbit-label.net{right:0}.orbit-label.gis{left:0}.exp{grid-template-columns:1fr;gap:8px}.exp-dot{display:none}.section-title{font-size:45px}.system-map{display:none}.signal-row{grid-template-columns:1fr 1fr}.project{padding:26px}.edu-side strong{font-size:56px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}