@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

:root{--ink:#090c12;--panel:#10151d;--soft:#a4adbb;--white:#edf1f7;--cyan:#78e5ff;--line:rgba(237,241,247,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:'Noto Sans SC',sans-serif}.portfolio{overflow:hidden;background:radial-gradient(circle at var(--mx) var(--my),#172535 0%,#090c12 27%,#090c12 100%)}.wrap{width:min(1700px,calc(100% - 10vw));margin:auto}.overline,.section-label,.hero-foot{font:11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#9da9b9}.hero{height:100vh;min-height:720px;position:relative;border-bottom:1px solid var(--line);isolation:isolate}.hero-video{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 55% 35%,#1e5d7c 0%,#132839 22%,#090c12 67%)}.scan-lines{position:absolute;inset:0;opacity:.17;background:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px 6px)}.orb{position:absolute;border-radius:50%;filter:blur(5px)}.orb-a{width:55vw;height:55vw;top:-20vw;right:-8vw;background:#275375;opacity:.7}.orb-b{width:24vw;height:24vw;right:12%;bottom:-14vw;background:#00a5ce;opacity:.27}.terrain{position:absolute;inset:auto -5% 0;height:47%;opacity:.75;background:linear-gradient(145deg,transparent 25%,#172230 26%,transparent 27%),repeating-linear-gradient(108deg,transparent 0 42px,#2b5367 43px 44px,transparent 45px 100px);clip-path:polygon(0 86%,17% 67%,30% 80%,46% 44%,60% 65%,75% 28%,100% 70%,100% 100%,0 100%)}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{color:var(--white);font:900 20px 'DM Mono',monospace;letter-spacing:-.1em;text-decoration:none}.logo span{color:var(--cyan)}.nav-links{display:flex;gap:36px}.nav a{color:inherit;text-decoration:none;font-size:13px}.nav-cta{border:1px solid var(--line);padding:12px 17px}.nav-cta i{color:var(--cyan);font-style:normal;margin-left:7px}.hero-copy{padding-top:clamp(120px,19vh,220px)}.hero h1,.about h2,.strengths h2,.contact h2{font-size:clamp(64px,8.2vw,148px);line-height:.92;letter-spacing:-.075em;margin:22px 0 30px;font-weight:900}.hero h1 em,h2 em{font-style:normal;color:var(--cyan);font-weight:400}.hero-sub{max-width:470px;font-size:18px;line-height:1.8;color:#c2cad4}.hero-actions{display:flex;gap:14px;margin-top:37px}.button{font-size:13px;text-decoration:none;padding:14px 19px;display:inline-flex;gap:20px;align-items:center;border:1px solid var(--line);color:var(--white);cursor:pointer}.primary{background:var(--cyan);color:#06121a;border-color:var(--cyan);font-weight:700}.ghost{background:#ffffff09}.hero-foot{position:absolute;bottom:31px;left:0;right:0;display:flex;gap:20px;align-items:center}.hero-foot .line{height:1px;background:var(--line);flex:1}.about{padding:170px 0;display:grid;grid-template-columns:10% 33% 1fr;gap:6%;position:relative}.section-label{display:flex;gap:13px}.section-label span{color:var(--white)}.portrait{min-height:520px;position:relative;background:#121b25;border:1px solid var(--line);overflow:hidden}.portrait:before{content:'';position:absolute;inset:15% 15% 0;background:radial-gradient(ellipse at 50% 35%,#5a788b,transparent 55%),linear-gradient(150deg,#101b27,#26323c 45%,#0d1116)}.portrait-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:var(--cyan);filter:blur(80px);opacity:.25;left:18%;top:20%}.portrait-frame{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,rgba(6,13,20,.55),transparent)}.portrait-frame span{font:10px 'DM Mono';color:var(--cyan)}.portrait-frame strong{font:900 48px/.84 'DM Mono';letter-spacing:-.1em;color:#e9edf0cc}.bio{align-self:center}.about h2,.strengths h2{font-size:clamp(48px,5vw,88px)}.body-copy{max-width:590px;color:var(--soft);line-height:2;font-size:16px}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:40px 0}.credentials div{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:7px}.credentials small{color:var(--cyan);font:10px 'DM Mono'}.credentials b{font-size:15px}.credentials span{font-size:12px;color:var(--soft)}.text-link{font:13px 'DM Mono';color:var(--white);text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:7px}.text-link span{color:var(--cyan);margin-left:18px}.projects{padding:120px 0 170px;background:#0d1219;border-top:1px solid var(--line)}.split-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:80px}.split-head>p{margin:0;color:var(--soft);line-height:1.8}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{cursor:pointer;position:relative}.project-visual{height:460px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0d1722;transition:transform .4s}.project-card:hover .project-visual{transform:translateY(-9px)}.project-card.signal .project-visual{background:radial-gradient(circle at 70% 25%,#94e8ff 0%,#22627e 8%,transparent 29%),linear-gradient(145deg,#111c2a,#001a2b)}.project-card.abyss .project-visual{background:radial-gradient(circle at 35% 38%,#294b81,transparent 25%),linear-gradient(160deg,#0c0d20,#11192e 55%,#0f3d4f)}.project-card.horizon .project-visual{background:linear-gradient(160deg,#322d48,#111527 55%,#18283a)}.project-grid{position:absolute;inset:0;background:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(to top,#000,transparent 80%)}.project-mark{position:absolute;bottom:25px;left:25px;font:900 120px/.7 'DM Mono';letter-spacing:-.17em;color:#ffffff0c}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid #ffffff99;background:#07101677;color:var(--cyan);cursor:pointer}.project-info{padding:21px 2px;position:relative}.project-info p{font:10px 'DM Mono';color:var(--cyan);margin:0 0 9px}.project-info h3{font-size:28px;margin:0}.arrow{position:absolute;right:3px;bottom:23px;color:var(--cyan);font-size:21px}.strengths{padding:170px 0;display:grid;grid-template-columns:10% 1fr;column-gap:6%}.strength-intro{grid-column:2}.strength-grid{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:70px}.strength-grid article{min-height:285px;border-right:1px solid var(--line);padding:22px;position:relative}.strength-grid article:first-child{border-left:1px solid var(--line)}.strength-grid span{font:11px 'DM Mono';color:var(--cyan)}.strength-grid h3{font-size:23px;margin:73px 0 15px}.strength-grid p{color:var(--soft);font-size:13px;line-height:1.8;margin:0}.strength-grid i{position:absolute;bottom:18px;right:20px;font:25px 'DM Mono';color:#596573}.contact{min-height:100vh;position:relative;background:radial-gradient(circle at 70% 30%,#132e43,transparent 33%),#0c1016;display:flex;align-items:center;border-top:1px solid var(--line);overflow:hidden}.contact-noise{position:absolute;inset:0;background:repeating-linear-gradient(102deg,transparent 0 70px,#5ed0ee09 71px 72px)}.contact-inner{position:relative}.contact h2{font-size:clamp(55px,7vw,122px);margin:25px 0 50px}.contact-mail{font:clamp(20px,2.5vw,40px) 'DM Mono';color:var(--white);text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:12px}.contact-mail span{color:var(--cyan)}.contact-bottom{position:absolute;top:calc(100% + 150px);left:0;right:0;display:flex;justify-content:space-between;font:10px 'DM Mono';color:var(--soft)}.contact-bottom a{color:var(--white);text-decoration:none}.modal{position:fixed;inset:0;z-index:10;background:#080b10ee;backdrop-filter:blur(15px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:7vw;gap:6vw}.modal-close{position:absolute;right:4vw;top:3vw;background:none;border:0;color:white;font-size:42px;cursor:pointer}.modal-visual{height:58vh;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative}.modal-visual.signal{background:radial-gradient(circle,#3992ae,transparent 60%),#102133}.modal-visual.abyss{background:linear-gradient(135deg,#263d69,#07101d)}.modal-visual.horizon{background:linear-gradient(135deg,#4b395d,#0a1623)}.modal-visual>span{position:absolute;top:20px;left:20px;font:10px 'DM Mono';color:var(--cyan)}.modal .large{position:static;transform:none;width:90px;height:90px}.modal-copy h2{font-size:64px;margin:20px 0}.modal-copy>p:not(.overline){color:var(--soft);line-height:1.9;margin-bottom:35px}@media(max-width:900px){.nav-links{display:none}.wrap{width:calc(100% - 48px)}.about{grid-template-columns:1fr;gap:32px;padding:100px 0}.portrait{min-height:390px}.projects{padding:90px 0}.split-head{display:block}.split-head>p{margin-top:30px}.project-list{grid-template-columns:1fr}.project-visual{height:330px}.strengths{display:block;padding:100px 0}.strength-intro{margin:35px 0}.strength-grid{grid-template-columns:1fr 1fr;margin-top:40px}.contact-bottom{position:static;margin-top:100px;gap:20px;flex-wrap:wrap}.modal{grid-template-columns:1fr;padding:55px 24px}.modal-visual{height:40vh}.modal-copy h2{font-size:48px}}