:root{--bg:#050407;--secondary:#10051f;--panel:#0b0a12;--purple:#7900ff;--violet:#b026ff;--green:#39ff14;--gold:#ffd166;--white:#f4f0ff;--muted:#aaa2b8;--border:#352044;--mono:'Space Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--display);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.mono,.panel-label,.eyebrow,.tag,.label,.tiny{font-family:var(--mono);letter-spacing:.09em}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.09;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(166,99,255,.11) 4px)}.topbar{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(5,4,7,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font:700 12px var(--mono);letter-spacing:.14em;white-space:nowrap}.brand b{color:var(--muted)}.ss-mark{color:var(--violet);font-size:25px;font-weight:700;line-height:1;text-shadow:0 0 14px var(--purple);display:inline-block;transform:skew(-12deg)}.ss-mark span{margin-left:-7px}.nav{display:flex;gap:clamp(10px,1.5vw,25px)}.nav a,.availability,.icon-btn{font:10px var(--mono);letter-spacing:.06em;color:#c7c0d3}.nav a{transition:color .2s}.nav a:hover,.nav a.active{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:14px}.availability{font-size:9px;color:var(--muted)}.availability i,.status-dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:6px}.icon-btn{border:1px solid var(--border);background:none;padding:8px 10px;cursor:pointer}.icon-btn:hover{border-color:var(--green);color:var(--green)}.menu-toggle{display:none;background:none;border:0;font-size:22px}.hero{min-height:690px;height:min(790px,calc(100vh - 68px));position:relative;overflow:hidden;padding:clamp(55px,9vh,100px) 8vw 50px;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(121,0,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(121,0,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,black,transparent 95%)}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 48%,rgba(65,14,100,.34),transparent 43%),linear-gradient(90deg,var(--bg) 0%,transparent 50%,rgba(5,4,7,.55) 100%);pointer-events:none}.hero-copy{position:relative;z-index:4;width:54%;max-width:680px;margin-top:-15px}.eyebrow{font-size:10px;color:var(--muted)}.slash{color:var(--violet);padding:0 8px}.hero h1{font-size:clamp(53px,7vw,102px);letter-spacing:-.075em;line-height:.89;margin:25px 0 23px;font-weight:700}.hero h1 span,.section h2 em,.section-heading em,.contact-section h2 em{color:var(--violet);font-style:normal;text-shadow:0 0 28px rgba(121,0,255,.24)}.hero-copy>p{color:#cec7d8;line-height:1.75;font-size:16px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{padding:14px 18px;font:10px var(--mono);letter-spacing:.08em;border:1px solid var(--border);display:inline-flex;gap:14px;align-items:center}.button.primary{background:var(--purple);border-color:var(--purple);box-shadow:0 0 20px rgba(121,0,255,.2)}.button.primary:hover{background:#8c1aff}.button.secondary:hover{border-color:var(--green);color:var(--green)}.hero-coordinates{margin-top:56px;color:#746b80;font-size:9px}.hero-coordinates span{color:var(--green);padding:0 12px}.hero-aside{position:absolute;z-index:5;right:4vw;top:27%;width:225px;border-left:1px solid var(--border);padding:5px 0 10px 19px;background:linear-gradient(90deg,rgba(5,4,7,.8),transparent)}.tag{font-size:8px;color:var(--green)}.hero-aside h3{font-size:17px;line-height:1.25;margin:20px 0 10px}.hero-aside h3 em{color:var(--violet);font-style:normal}.hero-aside p{font-size:11px;color:var(--muted);line-height:1.7}.text-link{background:none;border:0;color:var(--green);font:10px var(--mono);letter-spacing:.1em;padding:9px 0;cursor:pointer}.text-link:hover{color:var(--white)}.aside-rule{height:1px;background:var(--border);margin:17px 0}.tiny{font-size:8px;color:var(--muted)}.mini-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.mini-tags span,.tech-list span{font:8px var(--mono);color:#b5a8c7;border:1px solid var(--border);padding:5px}.hero-index{position:absolute;z-index:4;bottom:28px;right:5vw;color:#777084;font-size:10px}.hero-index span{color:var(--green)}.guardian{position:absolute;z-index:2;width:min(45vw,600px);height:min(74vh,610px);right:25%;top:50%;transform:translate(50%,-50%);filter:drop-shadow(0 0 40px rgba(146,35,255,.18))}.aura{position:absolute;width:64%;height:72%;left:18%;top:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(154,89,255,.2),rgba(83,28,140,.08) 40%,transparent 70%);filter:blur(15px)}.halo{position:absolute;top:14%;left:43%;width:15%;height:8%;border:4px solid var(--gold);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 12px var(--gold),inset 0 0 8px var(--gold);z-index:4}.guardian-head{position:absolute;top:22%;left:45%;width:12%;height:12%;border-radius:48% 48% 42% 42%;background:linear-gradient(100deg,#d2c6b9,#fff4d9 45%,#887e7e);z-index:4;box-shadow:0 0 18px rgba(255,209,102,.18)}.guardian-head:after{content:'';position:absolute;top:55%;left:27%;width:50%;height:90%;background:#201a25;clip-path:polygon(0 0,100% 0,75% 100%,45% 70%,20% 100%)}.guardian-body{position:absolute;z-index:3;top:34%;left:34%;width:34%;height:52%;clip-path:polygon(24% 0,76% 0,100% 35%,75% 100%,50% 84%,24% 100%,0 35%);background:linear-gradient(100deg,#4e4655 0,#17131c 26%,#756651 48%,#241b2a 70%,#09080d);border:1px solid #a98c56}.armor{position:absolute;inset:4%;clip-path:polygon(24% 0,76% 0,95% 35%,73% 94%,50% 78%,27% 94%,5% 35%);background:linear-gradient(105deg,#cfc7bb 0%,#746b70 18%,#17131d 39%,#45384a 54%,#15111b 70%,#d0ae68 75%,#211b25 83%)}.guardian-body:before,.guardian-body:after{content:'';position:absolute;width:38%;height:31%;top:0;background:linear-gradient(135deg,#f2e9d1,#796542 30%,#18131c 55%,#d1ad6b);clip-path:polygon(0 0,100% 0,85% 100%,20% 80%)}.guardian-body:before{left:6%}.guardian-body:after{right:6%;transform:scaleX(-1)}.chest-emblem{position:absolute;z-index:5;left:40%;top:29%;font-size:31px;color:#dba8ff;text-shadow:0 0 5px #fff,0 0 16px #a000ff,0 0 30px #7900ff;transform:skew(-12deg)}.chest-emblem span{margin-left:-9px}.armor-line{position:absolute;left:48%;top:9%;height:14%;width:2px;background:var(--gold);box-shadow:0 0 6px var(--gold)}.wing{position:absolute;z-index:2;top:23%;width:50%;height:58%;}.wing-left{left:-3%;transform:rotate(-14deg)}.wing-right{right:-3%;transform:scaleX(-1) rotate(-14deg)}.feather{position:absolute;width:79%;height:20%;left:9%;border-radius:100% 10% 80% 15%;transform:rotate(-25deg);background:linear-gradient(165deg,#fffdf4 0,#d5c9b2 52%,#6d5842 63%,#ffdf91 71%,#29202f 78%);box-shadow:inset 0 -4px 5px rgba(40,19,39,.5),0 0 8px rgba(255,226,169,.2);clip-path:polygon(0 0,96% 18%,100% 48%,5% 100%,22% 65%)}.feather.f1{top:0%;left:0%;width:94%;height:21%;transform:rotate(-34deg)}.feather.f2{top:13%;left:0%;width:100%;height:20%;transform:rotate(-22deg)}.feather.f3{top:26%;left:4%;width:88%;height:19%;transform:rotate(-10deg)}.feather.f4{top:38%;left:9%;width:78%;height:18%;transform:rotate(2deg)}.feather.f5{top:50%;left:17%;width:66%;height:17%;transform:rotate(13deg)}.feather.f6{top:61%;left:25%;width:54%;height:16%;transform:rotate(23deg)}.wing:after{content:'';position:absolute;inset:12% 23%;background:repeating-linear-gradient(160deg,transparent 0 18px,rgba(255,209,102,.23) 19px,transparent 21px);transform:rotate(-20deg);filter:blur(1px)}.energy{position:absolute;z-index:5;width:3px;background:linear-gradient(transparent,var(--violet),#fff,transparent);filter:drop-shadow(0 0 6px var(--violet));opacity:.8}.e1{height:34%;left:25%;top:23%;transform:rotate(26deg);clip-path:polygon(45% 0,75% 27%,48% 41%,100% 58%,35% 100%,59% 63%,5% 54%,44% 37%)}.e2{height:38%;right:16%;top:39%;transform:rotate(-15deg);clip-path:polygon(45% 0,75% 27%,48% 41%,100% 58%,35% 100%,59% 63%,5% 54%,44% 37%)}.guard-caption{position:absolute;bottom:4%;right:5%;color:rgba(255,209,102,.6);font-size:8px}.status-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border);background:#09070d;padding:20px 8vw}.status-strip>div{padding:4px 22px;border-right:1px solid var(--border)}.status-strip>div:first-child{padding-left:0}.status-strip>div:last-child{border:0}.label{display:block;color:#807589;font-size:8px;margin-bottom:9px}.status-strip strong{font-size:13px;font-weight:500}.status-strip small{font:8px var(--mono);color:var(--violet);margin-left:8px}.section{padding:110px 10vw;position:relative}.section-kicker{color:var(--green);font-size:9px;margin-bottom:36px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:9%;margin-bottom:48px}.section h2,.contact-section h2{font-size:clamp(45px,6vw,76px);letter-spacing:-.07em;line-height:.92;margin:0}.section-heading>p{max-width:460px;color:var(--muted);line-height:1.8;font-size:14px;margin:0 0 4px}.panel{background:var(--panel);border:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-note,.journey{padding:25px}.panel-label{color:var(--green);font-size:9px}.interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 10px;margin-top:28px}.interest-grid span{font-size:12px;color:#d8d1e2}.interest-grid span:first-letter{color:var(--green)}.timeline{border-left:1px solid var(--purple);margin:23px 0 2px 5px;padding-left:21px;display:grid;gap:19px}.timeline div{position:relative}.timeline i{position:absolute;left:-26px;top:4px;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green)}.timeline b{font-size:13px}.timeline p{font-size:11px;color:var(--muted);margin:4px 0}.timeline small{font:8px var(--mono);color:var(--violet)}.feature-section{background:linear-gradient(180deg,#08050e,var(--bg));border-block:1px solid #241333}.feature-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.feature-heading h2{font-size:75px;margin:14px 0}.feature-heading>div:first-child>p:not(.project-full){max-width:420px;color:var(--muted);line-height:1.75;margin-bottom:24px}.project-full{font-size:11px;color:var(--muted)}.project-full strong{color:var(--gold);font-weight:500}.dashboard{border:1px solid #58347b;background:#08070d;padding:13px;box-shadow:0 0 45px rgba(121,0,255,.1)}.dash-top{height:33px;display:flex;align-items:center;gap:10px;font:9px var(--mono);color:#d9d1e5;border-bottom:1px solid #261637}.small-mark{font-size:17px}.dash-state{color:var(--violet);margin-left:auto;font-size:8px}.dash-nav{font-size:8px;color:#857d91;padding:13px 0}.dash-warning{font-size:7px;color:var(--gold);border:1px solid #5f4826;padding:7px;text-align:center}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.dash-card{border:1px solid #2d203a;padding:12px}.dash-card small,.dash-card span{display:block;font:7px var(--mono);color:#887e95}.dash-card strong{display:block;color:var(--green);font:15px var(--mono);padding:8px 0}.dash-graph{height:130px;margin-top:10px;position:relative;border:1px solid #291b37;padding:11px}.graph-head{display:flex;justify-content:space-between;font:7px var(--mono);color:#9487a4}.graph-head span:last-child{color:var(--gold)}.dash-graph svg{position:absolute;bottom:10px;left:10px;width:calc(100% - 20px);height:75px;z-index:2}.dash-graph path{fill:none;stroke:var(--violet);stroke-width:2;vector-effect:non-scaling-stroke}.graph-grid{position:absolute;inset:38px 10px 10px;background:repeating-linear-gradient(0deg,transparent 0 20px,#241532 21px),repeating-linear-gradient(90deg,transparent 0 60px,#241532 61px)}.dash-bottom{display:flex;justify-content:space-between;padding-top:10px;font:7px var(--mono);color:#8f829f}.tabs{display:flex;border-bottom:1px solid var(--border);margin-top:32px;gap:24px;overflow-x:auto}.tab{white-space:nowrap;border:0;background:none;color:#8e8399;padding:14px 0;font:9px var(--mono);cursor:pointer;border-bottom:2px solid transparent}.tab.active,.tab:hover{color:var(--green);border-color:var(--green)}.tab-panel{padding:22px 25px;min-height:130px}.tab-panel h3{font:11px var(--mono);color:var(--violet)}.tab-panel p{font-size:12px;line-height:1.7;color:var(--muted);max-width:850px}.arch-layout{display:grid;grid-template-columns:1.7fr .7fr;gap:22px}.arch-diagram{height:350px;position:relative;border:1px solid var(--border);background:linear-gradient(rgba(121,0,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(121,0,255,.04) 1px,transparent 1px);background-size:30px 30px}.connectors{position:absolute;inset:0;width:100%;height:100%}.connectors path{fill:none;stroke:#573078;stroke-width:1.5;stroke-dasharray:4 5}.arch-node{position:absolute;background:#0b0810;border:1px solid #553375;padding:12px 15px;font:9px var(--mono);line-height:1.5;text-align:center;cursor:pointer;min-width:100px}.arch-node:hover,.arch-node.active{border-color:var(--green);color:var(--green);box-shadow:0 0 16px rgba(57,255,20,.11)}.node-ui{left:4%;top:44%}.node-process{left:35%;top:44%}.node-analysis{right:4%;top:44%}.node-detect{left:29%;top:10%}.node-data{left:29%;bottom:10%}.node-report{right:4%;bottom:10%}.proposed-stamp{position:absolute;bottom:8px;left:10px;font-size:7px;color:#8b7d9b}.arch-detail{padding:22px;align-self:center;min-height:150px}.arch-detail h3{font-size:16px;color:var(--violet)}.arch-detail p{font-size:12px;line-height:1.7;color:var(--muted)}.gallery-section{background:#09070d}.gallery-top{display:flex;align-items:end;justify-content:space-between;gap:25px}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter{background:none;border:1px solid var(--border);padding:8px 10px;color:#9b91a7;font:8px var(--mono);cursor:pointer}.filter.active,.filter:hover{border-color:var(--green);color:var(--green)}.project-gallery{display:grid;grid-template-columns:190px 1fr;margin-top:45px;min-height:350px}.project-rail{display:flex;flex-direction:column}.project-pick{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;background:transparent;border:1px solid var(--border);border-right:0;padding:14px 17px;cursor:pointer;text-align:left;min-height:86px}.project-pick span{font:8px var(--mono);color:var(--green)}.project-pick b{font:10px var(--mono);color:#aaa0b6}.project-pick:hover b,.project-pick.selected b{color:var(--white)}.project-pick.selected{background:#100a18;border-left:2px solid var(--violet)}.project-detail{display:grid;grid-template-columns:.8fr 1.2fr;min-height:345px}.project-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(121,0,255,.23),transparent 65%),linear-gradient(135deg,#100b18,#07060a);display:grid;place-items:center;border-right:1px solid var(--border)}.art-grid{position:absolute;inset:0;background:linear-gradient(rgba(121,0,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(121,0,255,.08) 1px,transparent 1px);background-size:28px 28px}.art-icon{font-size:92px;color:var(--violet);text-shadow:0 0 30px var(--purple);transform:skew(-12deg)}.art-code{position:absolute;bottom:17px;left:18px;color:#93869f;font-size:8px;line-height:1.8}.project-copy{padding:30px}.project-copy .eyebrow{font-size:8px;color:var(--green)}.project-copy h3{font-size:31px;margin:13px 0}.project-copy p{font-size:12px;line-height:1.8;color:var(--muted)}.tech-list{display:flex;gap:6px;flex-wrap:wrap;margin:19px 0}.details-action{padding:8px 0}.research-section .section-heading{margin-bottom:37px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.note-card{position:relative;text-align:left;background:var(--panel);border:1px solid var(--border);padding:20px;min-height:170px;cursor:pointer;transition:transform .2s,border-color .2s}.note-card:hover{transform:translateY(-3px);border-color:var(--violet)}.note-id{display:block;color:var(--green);font:8px var(--mono)}.note-card b{display:block;margin-top:18px;font-size:14px}.note-card p{color:var(--muted);font-size:11px;line-height:1.6}.note-status{position:absolute;bottom:13px;right:14px;color:var(--violet);font:7px var(--mono)}.skills-section{border-top:1px solid var(--border);background:linear-gradient(135deg,#0d0715,transparent 65%)}.skills-disclaimer{font-size:12px;color:var(--muted);margin:20px 0 35px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skill-column{border-top:1px solid var(--violet);background:rgba(11,10,18,.8);padding:18px}.skill-column p{font-size:12px;color:#c8bfd2;line-height:1.9;margin-bottom:0}.terminal-section{padding-top:65px}.terminal-wrap{max-width:920px;margin:auto;border:1px solid #52306d;background:#07060a;min-height:340px;box-shadow:0 0 45px rgba(121,0,255,.09)}.terminal-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #271a33;color:#8e819e;font:8px var(--mono)}.window-dots{color:#8d45cc;letter-spacing:3px}.terminal-output{padding:18px 20px;min-height:255px;color:#ddd6e6;font:11px/1.8 var(--mono)}.terminal-output p{margin:3px 0}.terminal-output .green{color:var(--green)}.terminal-output b{color:var(--violet)}#terminal-form{display:flex;align-items:center;gap:10px;border-top:1px solid #261832;padding:13px 18px}.prompt{font:10px var(--mono);color:var(--violet);white-space:nowrap}#terminal-input{flex:1;min-width:0;background:none;color:var(--white);border:0;outline:none;font:11px var(--mono)}#terminal-form button{background:none;border:0;color:var(--green);font-size:20px;cursor:pointer}.contact-section{position:relative;overflow:hidden;padding:120px 12vw;text-align:center;background:radial-gradient(ellipse at 50% 20%,rgba(87,22,143,.25),transparent 65%),#08060d;border-top:1px solid var(--border)}.contact-orbit{position:absolute;width:500px;height:500px;border:1px solid rgba(176,38,255,.16);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-35%);box-shadow:0 0 0 50px rgba(121,0,255,.025),0 0 0 110px rgba(121,0,255,.02);pointer-events:none}.contact-section>*:not(.contact-orbit){position:relative}.contact-section .section-kicker{margin-bottom:35px}.contact-section h2{font-size:clamp(46px,7vw,84px);margin:20px auto}.contact-section>p:not(.eyebrow):not(.contact-note){color:var(--muted);font-size:13px}.contact-links{display:flex;justify-content:center;gap:10px;margin:30px 0}.contact-links a,.contact-links button{border:1px solid var(--border);background:#0b0910;padding:13px 17px;font:9px var(--mono);letter-spacing:.08em;cursor:pointer}.contact-links a:hover,.contact-links button:hover{border-color:var(--green);color:var(--green)}.contact-links b{color:var(--green);margin-left:10px}.contact-note{font:9px var(--mono);color:#81778d}footer{min-height:86px;border-top:1px solid var(--border);padding:20px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .ss-mark{font-size:20px}footer .brand{font-size:9px}footer p{color:#a79daf;font:9px var(--mono);letter-spacing:.08em}footer>.mono{font-size:8px;color:#736b7c}.palette,.note-dialog{color:var(--white);background:#0c0911;border:1px solid #563777;padding:0;box-shadow:0 20px 90px rgba(0,0,0,.8);width:min(600px,calc(100% - 30px));max-height:85vh}.palette::backdrop,.note-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.palette-head{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--border)}.palette-head input{flex:1;background:none;border:0;outline:none;color:var(--white);font:13px var(--display)}kbd{font:9px var(--mono);border:1px solid var(--border);padding:4px 7px;color:#9f94ad}.palette-items{max-height:390px;overflow-y:auto;padding:8px}.palette-item{width:100%;display:flex;justify-content:space-between;padding:12px;background:transparent;border:0;text-align:left;color:#cfc7d9;cursor:pointer;font:11px var(--mono)}.palette-item:hover,.palette-item.selected{background:#21132e;color:var(--green)}.palette-item small{color:#8f829b}.palette-hint{border-top:1px solid var(--border);padding:11px 15px;color:#81768d;font-size:8px}.note-dialog{padding:30px;max-width:500px}.note-dialog h2{font-size:30px;color:var(--violet)}.note-dialog p,.note-dialog li{font-size:13px;color:#c6bdcf;line-height:1.8}.note-dialog .tiny{color:var(--gold)}.dialog-close{position:absolute;right:15px;top:9px;font-size:24px;color:var(--muted);background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}::selection{background:var(--purple);color:white}
@media(max-width:1120px){.nav{gap:10px}.nav a{font-size:8px}.availability{display:none}.hero-aside{right:2vw;width:180px}.guardian{right:30%;width:52vw}.hero-copy{width:58%}.section{padding-inline:7vw}}
@media(max-width:850px){.topbar{padding:0 20px}.menu-toggle{display:block;order:3;color:var(--white);cursor:pointer}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:15px 22px 22px;background:#08060c;border-bottom:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:0}.nav.open{display:grid}.nav a{padding:12px;border-bottom:1px solid #21142e;font-size:10px}.nav-actions{margin-left:auto;margin-right:18px}.hero{min-height:790px;height:auto;align-items:flex-start;padding:85px 7vw 70px}.hero-copy{width:70%}.hero h1{font-size:clamp(54px,9vw,82px)}.guardian{right:19%;top:55%;width:62vw;height:530px;opacity:.8}.hero-aside{top:auto;bottom:60px;right:7vw;width:210px}.hero-coordinates{margin-top:35px}.feature-heading{grid-template-columns:1fr;gap:35px}.feature-heading>div:first-child{max-width:600px}.arch-layout{grid-template-columns:1fr}.arch-detail{min-height:110px}.skill-grid{grid-template-columns:repeat(2,1fr)}.gallery-top{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.project-gallery{grid-template-columns:130px 1fr}.project-pick{padding:12px;min-height:80px}.project-pick b{font-size:8px}.section{padding:85px 7vw}}
@media(max-width:560px){.topbar{height:60px}.nav{top:60px}.brand{font-size:10px}.nav-actions{gap:7px;margin-right:10px}.icon-btn{padding:7px;font-size:9px}.hero{min-height:750px;padding:80px 23px 45px}.hero-copy{width:100%;z-index:4}.hero h1{font-size:clamp(49px,13vw,70px);margin-top:21px}.hero-copy>p{font-size:13px}.hero-buttons{gap:8px}.button{font-size:8px;padding:12px}.guardian{width:100vw;height:440px;right:8%;top:59%;opacity:.57}.hero-aside{display:none}.hero-coordinates{margin-top:24px;font-size:7px}.hero-index{bottom:15px}.status-strip{grid-template-columns:1fr;padding:8px 23px}.status-strip>div{padding:13px 0;border-right:0;border-bottom:1px solid var(--border)}.status-strip>div:last-child{border-bottom:0}.status-strip strong{font-size:12px}.section{padding:67px 23px}.section-kicker{margin-bottom:27px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.section h2{font-size:55px}.section-heading>p{font-size:12px}.about-grid{grid-template-columns:1fr}.about-note,.journey{padding:19px}.interest-grid{grid-template-columns:1fr;gap:13px}.feature-heading h2{font-size:58px}.dash-nav{font-size:6px}.dash-card{padding:8px}.dash-card small,.dash-card span{font-size:6px}.dash-graph{height:110px}.tabs{gap:18px}.tab{font-size:8px}.tab-panel{padding:17px}.arch-diagram{height:390px}.connectors{display:none}.arch-node{min-width:110px}.node-ui{left:calc(50% - 55px);top:8%}.node-process{left:calc(50% - 55px);top:26%}.node-analysis{left:calc(50% - 55px);top:45%;right:auto}.node-detect{left:calc(50% - 55px);top:64%}.node-data{left:calc(50% - 55px);bottom:8%}.node-report{display:none}.project-gallery{grid-template-columns:1fr}.project-rail{flex-direction:row;overflow:auto}.project-pick{min-width:112px;border-right:1px solid var(--border);border-bottom:0;min-height:63px}.project-detail{grid-template-columns:1fr}.project-art{height:170px;border-right:0;border-bottom:1px solid var(--border)}.project-copy{padding:23px}.notes-grid{grid-template-columns:1fr 1fr;gap:8px}.note-card{padding:15px;min-height:164px}.note-card b{font-size:12px}.note-card p{font-size:10px}.skill-grid{grid-template-columns:1fr}.terminal-section{padding-top:40px}.terminal-output{min-height:230px;padding:13px;font-size:9px}.prompt{font-size:8px}#terminal-input{font-size:10px}.terminal-bar{font-size:7px}.contact-section{padding:85px 22px}.contact-section h2{font-size:50px}.contact-links{flex-wrap:wrap}.contact-links a,.contact-links button{font-size:8px;padding:12px}footer{padding:20px;align-items:flex-start;flex-direction:column;gap:12px}footer p{font-size:8px;margin:0}.palette-items{max-height:55vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.unavailable{color:#8f829b;cursor:default}.unavailable-contact{border:1px solid var(--border);padding:13px 17px;color:#9b91a7;font:9px var(--mono);letter-spacing:.08em;display:flex;align-items:center}.filter-empty{border:1px solid var(--border);padding:25px;color:var(--muted);font:10px var(--mono);align-self:start}

.hero-aside{padding:16px;border:1px solid rgba(53,32,68,.85);border-left:2px solid var(--purple);background:rgba(5,4,7,.9);backdrop-filter:blur(7px);box-shadow:0 8px 35px rgba(0,0,0,.35)}

/* Denser reference composition with luminous violet framing */
:root{--bg:#040208;--panel:#080710;--border:#3d1763}
body{background-image:radial-gradient(ellipse at 5% 25%,rgba(86,0,156,.16),transparent 36%),radial-gradient(ellipse at 95% 70%,rgba(73,0,139,.12),transparent 40%),linear-gradient(rgba(108,19,174,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(108,19,174,.04) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;background-attachment:fixed}
.topbar{height:54px;padding-inline:3vw;border-color:#4a1d77;box-shadow:0 2px 24px rgba(121,0,255,.13)}.brand{color:var(--violet)}.brand b{color:#c9a5ff}.nav a{font-size:9px}.availability{display:block;color:var(--green)}
.hero{height:390px;min-height:390px;padding:32px 3.4vw 25px;border-bottom:1px solid var(--violet);background:linear-gradient(90deg,rgba(5,3,9,.98),rgba(5,3,9,.82) 27%,rgba(5,3,9,.2) 58%,rgba(5,3,9,.88)),radial-gradient(ellipse at 50% 54%,rgba(104,0,210,.3),transparent 48%)}.hero-copy{width:42%;margin-top:0}.hero h1{font-size:clamp(43px,5.2vw,77px);margin:18px 0 15px}.hero-copy>p{font:12px/1.8 var(--mono);max-width:460px}.hero-buttons{margin-top:20px}.hero-buttons .primary{background:rgba(6,9,8,.78);border-color:var(--green);color:var(--green);box-shadow:0 0 12px rgba(57,255,20,.12)}.hero-buttons .primary:hover{background:rgba(57,255,20,.12)}.hero-buttons .secondary{border-color:var(--purple);color:#d5b2ff}.hero-coordinates{margin-top:25px;font-size:8px}
.guardian{width:min(48vw,650px);height:390px;right:34%;top:51%;opacity:.94;filter:drop-shadow(0 0 34px rgba(144,18,255,.38))}.aura{background:radial-gradient(ellipse,rgba(156,47,255,.35),rgba(85,17,143,.14) 48%,transparent 72%)}.chest-emblem{font-size:37px}
.hero-aside{top:7%;right:2.4%;width:30.4%;height:85%;padding:13px 14px;display:grid;grid-template-columns:1.14fr .86fr;gap:14px;border:1px solid #8122c7;background:rgba(5,3,10,.91);backdrop-filter:blur(8px);box-shadow:0 0 22px rgba(121,0,255,.16)}.aside-about h3{font-size:clamp(13px,1.15vw,17px);margin:11px 0 7px}.aside-about p{font-size:10px;line-height:1.55;margin:5px 0 8px}.aside-about .mini-tags{display:grid;grid-template-columns:1fr;gap:4px}.aside-about .mini-tags span{font-size:7px;padding:2px 0;border:0}.aside-journey{border-left:1px solid #4b216b;padding-left:12px}.journey-mini{border-left:1px solid var(--violet);margin:13px 0 12px 4px;padding-left:13px;display:grid;gap:13px}.journey-mini div{position:relative}.journey-mini i{position:absolute;left:-17px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.journey-mini b,.journey-mini small{display:block;font:8px/1.45 var(--mono)}.journey-mini small{color:#c29bff;font-size:7px;margin-top:3px}.aside-journey blockquote{margin:17px 0 0;color:#d99cff;font:italic 9px/1.5 var(--mono)}.hero-index{bottom:12px;font-size:8px}
.status-strip{padding:9px 3.7vw;background:rgba(6,4,11,.94);border-bottom-color:#6922a6}.status-strip>div{padding:2px 18px}.status-strip .label{margin-bottom:4px;font-size:7px}.status-strip strong{font:10px var(--mono)}.status-strip small{font-size:7px}
.section{padding:58px 4vw}.section-kicker{margin-bottom:21px;font-size:8px}.section-heading{margin-bottom:30px}.section h2{font-size:clamp(38px,4.8vw,62px)}.panel{background:rgba(8,7,16,.96);border-color:#45205f}.feature-section{padding:42px 3.8vw;background:rgba(5,3,8,.9);border-block-color:#451d68}.feature-heading{grid-template-columns:.65fr 1.35fr;gap:3%}.feature-heading h2{font-size:clamp(44px,5vw,66px);margin:10px 0}.feature-heading>div:first-child>p:not(.project-full){font-size:11px;line-height:1.65}.dashboard{border-color:#6c2998;box-shadow:0 0 24px rgba(121,0,255,.15)}.dash-graph{height:102px}.dash-warning{color:var(--green);border-color:#2e5f30}.tabs{margin-top:20px}.tab-panel{padding:14px 18px;min-height:100px}.gallery-section{padding:54px 3.8vw;background:rgba(7,5,12,.9);border-top:1px solid #542078}.project-gallery{min-height:285px;margin-top:25px}.project-detail{min-height:285px;border-color:#4c216e}.project-copy{padding:22px}.contact-section{border-top-color:#67259c}
@media(max-width:1120px){.hero-aside{width:32%;right:2%}.guardian{right:32%;width:49vw}.hero-copy{width:43%}}
@media(max-width:850px){.hero{height:auto;min-height:670px;padding:75px 6vw 48px}.hero-copy{width:72%}.hero h1{font-size:clamp(54px,9vw,82px)}.guardian{height:520px;width:65vw;right:17%;top:56%}.hero-aside{top:auto;bottom:24px;right:5vw;width:90%;height:auto;min-height:150px;grid-template-columns:1fr 1fr}.hero-aside .mini-tags{grid-template-columns:1fr 1fr}.feature-heading{grid-template-columns:1fr;gap:25px}}
@media(max-width:560px){.hero{min-height:710px;padding:80px 22px 225px}.hero-copy{width:100%}.hero h1{font-size:clamp(49px,13vw,70px)}.guardian{width:102vw;height:390px;right:1%;top:56%;opacity:.7}.hero-aside{display:grid;bottom:16px;right:4%;width:92%;min-height:173px;padding:10px;gap:8px}.aside-about h3{font-size:12px}.aside-about p{font-size:8px}.aside-about .mini-tags{gap:2px}.aside-about .mini-tags span{font-size:6px}.journey-mini{gap:8px;margin-top:9px}.journey-mini b{font-size:7px}.journey-mini small{font-size:6px}.aside-journey blockquote{font-size:7px;margin-top:8px}.status-strip{padding:8px 20px}.status-strip strong{font-size:9px}.section{padding:58px 20px}.feature-section,.gallery-section{padding-inline:20px}.project-gallery{grid-template-columns:1fr}.project-rail{flex-direction:row}.project-pick{min-width:105px}.project-detail{min-height:0}.project-art{height:170px}}

/* Silent Shadow identity replaces the guardian artwork in the hero */
.guardian{display:none!important}
.hero-emblem{position:absolute;z-index:2;right:44%;top:50%;transform:translate(50%,-50%);width:320px;height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.emblem-aura{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(126,0,255,.28),rgba(76,0,126,.12) 42%,transparent 72%);filter:blur(12px)}
.hero-ss-mark{position:relative;width:164px;height:145px;overflow:visible;filter:drop-shadow(0 0 8px #a238ff) drop-shadow(0 0 25px rgba(121,0,255,.9))}
.hero-ss-mark path{fill:#bd62ff;stroke:#f4dfff;stroke-width:2;stroke-linejoin:round}
.hero-brand-wordmark{position:relative;margin-top:8px;font:700 17px var(--mono);letter-spacing:.2em;color:#d9b5ff;text-shadow:0 0 12px rgba(176,38,255,.8)}
.hero-brand-wordmark b{color:var(--white)}
.hero-brand-tag{position:relative;margin-top:9px;color:#a89ab8;font-size:7px;line-height:1.7}
@media(max-width:1120px){.hero-emblem{right:43%;width:280px}.hero-ss-mark{width:140px;height:125px}.hero-brand-wordmark{font-size:14px}}
@media(max-width:850px){.hero-emblem{top:53%;right:34%;width:300px;height:250px;opacity:.8}.hero-ss-mark{width:135px;height:120px}.hero-brand-wordmark{font-size:13px}.hero-brand-tag{font-size:6px}}
@media(max-width:560px){.hero-emblem{top:57%;right:50%;width:230px;height:205px;opacity:.44}.hero-ss-mark{width:105px;height:95px}.hero-brand-wordmark{font-size:11px}.hero-brand-tag{font-size:5px}}

/* First-screen presentation: keep the hero, side profile, and status strip together */
.hero{height:calc(100svh - 112px);min-height:620px;max-height:900px}
.hero-aside{top:50%;height:auto;min-height:310px;max-height:calc(100% - 48px);transform:translateY(-50%);}
.hero-emblem{animation:emblemFloat 6s ease-in-out infinite}
.emblem-aura{animation:auraPulse 4.8s ease-in-out infinite}
.hero-ss-mark{animation:markGlow 3.6s ease-in-out infinite alternate}
.hero-aside{animation:panelGlow 7s ease-in-out infinite}
.pulse,.status-dot,.availability i{animation:signalPulse 2s ease-in-out infinite}
@keyframes emblemFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes auraPulse{0%,100%{opacity:.65;scale:.94}50%{opacity:1;scale:1.08}}
@keyframes markGlow{from{filter:drop-shadow(0 0 6px #942cff) drop-shadow(0 0 18px rgba(121,0,255,.65))}to{filter:drop-shadow(0 0 12px #d994ff) drop-shadow(0 0 34px rgba(121,0,255,.95))}}
@keyframes panelGlow{0%,100%{box-shadow:0 0 15px rgba(121,0,255,.1)}50%{box-shadow:0 0 27px rgba(121,0,255,.25)}}
@keyframes signalPulse{0%,100%{box-shadow:0 0 4px var(--green);opacity:.7}50%{box-shadow:0 0 12px var(--green);opacity:1}}
@media(max-width:850px){.hero{height:auto;min-height:calc(100svh - 112px);max-height:none}.hero-aside{top:auto;bottom:24px;transform:none}}
@media(max-width:560px){.hero{min-height:710px;height:auto}.hero-aside{top:auto;bottom:16px;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-emblem,.emblem-aura,.hero-ss-mark,.hero-aside,.pulse,.status-dot,.availability i{animation:none!important;translate:none!important;scale:none!important}}

/* The profile lives in the dedicated About section below the hero */
@media(min-width:1121px){.hero-emblem{right:26%;width:360px;height:310px}.hero-ss-mark{width:195px;height:172px}.hero-brand-wordmark{font-size:19px}}
@media(min-width:851px) and (max-width:1120px){.hero-emblem{right:27%;width:340px;height:290px}.hero-ss-mark{width:175px;height:155px}.hero-brand-wordmark{font-size:17px}}

/* Your supplied Silent Shadow sigil used consistently across the portfolio */
.ss-mark{display:block;width:27px;height:29px;object-fit:contain;transform:none;filter:drop-shadow(0 0 5px rgba(176,38,255,.75))}
.small-mark{width:21px;height:23px;font-size:0}
.hero-ss-mark{display:block;object-fit:contain}
.art-icon img{display:block;width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(121,0,255,.85))}
.terminal-brand{display:inline-flex;align-items:center;gap:8px}
.ss-mark,.hero-ss-mark,.art-icon img{mix-blend-mode:screen}
@media(max-width:560px){.ss-mark{width:23px;height:25px}.small-mark{width:18px;height:20px}.art-icon img{width:90px;height:90px}}
@media(min-width:1121px){.hero-ss-mark{width:250px;height:250px}}
@media(min-width:851px) and (max-width:1120px){.hero-ss-mark{width:220px;height:220px}}
@media(max-width:850px){.hero-ss-mark{width:170px;height:170px}}
@media(max-width:560px){.hero-ss-mark{width:120px;height:120px}}

/* Expanded portfolio details */
.panel-footnote{margin:22px 0 0;padding-top:13px;border-top:1px solid var(--border);color:#9c91a8;font:9px/1.6 var(--mono)}
.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.practice-card{padding:18px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(17,9,27,.95),rgba(7,6,12,.95))}
.practice-card h3{font-size:15px;margin:17px 0 8px;color:var(--white)}
.practice-card p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.project-full small{display:block;color:#9e91ac;font:8px/1.5 var(--mono);margin-top:6px}
.project-facts{display:grid;gap:9px;margin:18px 0 22px;padding:14px;border-left:2px solid var(--violet);background:rgba(13,8,20,.82)}
.project-facts div{display:grid;grid-template-columns:125px 1fr;gap:10px;align-items:start}
.project-facts span{font:7px var(--mono);color:var(--green);letter-spacing:.07em}
.project-facts strong{font:9px/1.55 var(--mono);color:#d4cadd;font-weight:400}
.project-context{padding:9px 11px;border-left:1px solid var(--gold);background:rgba(255,209,102,.035);color:#c8bba8!important;font-size:9px!important;line-height:1.55!important}
.project-highlights{padding-left:17px;margin:13px 0;color:#c9bfd2;font-size:10px;line-height:1.65}
.project-highlights li{padding-left:3px;margin:5px 0}.project-highlights li::marker{color:var(--green)}
.skill-column>p{color:#9e93aa;font-size:10px;line-height:1.6}
.skill-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.skill-tags span{padding:5px 7px;border:1px solid #382149;color:#d0c4dd;font:8px var(--mono)}
.research-loop{margin-top:18px;padding:18px;border:1px solid var(--border);background:rgba(8,7,16,.9)}
.research-loop>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;font:9px var(--mono);color:#ddd3e6}
.research-loop b{color:var(--green);font-size:8px}.research-loop i{font-style:normal;color:var(--violet)}
.research-loop p{margin:12px 0 0;color:var(--muted);font-size:10px}
.note-dialog ol{padding-left:21px}.note-dialog li{padding:3px 0}
@media(max-width:850px){.practice-grid{grid-template-columns:1fr 1fr}.project-facts div{grid-template-columns:110px 1fr}}
@media(max-width:560px){.practice-grid{grid-template-columns:1fr}.project-facts div{grid-template-columns:1fr;gap:4px}.project-facts{padding:11px}.project-highlights{font-size:9px}.skill-tags span{font-size:7px}.research-loop{padding:13px}}

/* Page motion: gentle ambient movement, reveal on scroll, and responsive hover states */
@keyframes signal-pulse{0%,100%{opacity:.72;box-shadow:0 0 7px var(--green)}50%{opacity:1;box-shadow:0 0 15px var(--green)}}
@keyframes grid-drift{to{background-position:54px 54px,54px 54px}}
@keyframes mark-float{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 10px rgba(176,38,255,.45))}50%{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 0 23px rgba(176,38,255,.8))}}
@keyframes orbit-turn{to{transform:translate(-50%,-35%) rotate(360deg)}}
@keyframes graph-draw{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}
@keyframes scan-glow{0%,100%{opacity:.055}50%{opacity:.1}}
@media(prefers-reduced-motion:no-preference){
  .hero-grid{animation:grid-drift 36s linear infinite}
  .pulse,.status-dot,.availability i{animation:signal-pulse 2.2s ease-in-out infinite}
  .hero-ss-mark{animation:mark-float 6s ease-in-out infinite}
  .contact-orbit{animation:orbit-turn 90s linear infinite}
  .dash-graph path{stroke-dasharray:800;animation:graph-draw 2.4s cubic-bezier(.2,.7,.2,1) both}
  .scanlines{animation:scan-glow 8s ease-in-out infinite}
  .nav a{position:relative}
  .nav a:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}
  .nav a:hover:after,.nav a.active:after{transform:scaleX(1)}
  .button,.icon-btn,.filter,.contact-links a,.contact-links button,.project-pick,.arch-node,.skill-column,.practice-card,.dashboard,.terminal-wrap{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background-color .24s ease}
  .button:hover,.icon-btn:hover,.filter:hover,.contact-links a:hover,.contact-links button:hover{transform:translateY(-2px)}
  .project-pick:hover,.arch-node:hover{transform:translateX(3px)}
  .note-card,.skill-column,.practice-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
  .note-card:hover,.skill-column:hover,.practice-card:hover{transform:translateY(-5px);border-color:var(--violet);box-shadow:0 12px 32px rgba(121,0,255,.12)}
  .dashboard:hover,.terminal-wrap:hover{box-shadow:0 0 54px rgba(121,0,255,.17)}
  .project-art .art-icon img{transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s}
  .project-detail:hover .art-icon img{transform:scale(1.08);filter:drop-shadow(0 0 24px rgba(121,0,255,.95))}
  .motion-in{opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1);transition-delay:var(--motion-delay,0ms)}
  .motion-ready .motion-in:not(.is-visible){opacity:0;transform:translate3d(0,24px,0) scale(.985)}
  .motion-ready .motion-in.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
  .motion-ready .motion-in[data-motion='left']:not(.is-visible){transform:translate3d(-28px,0,0)}
  .motion-ready .motion-in[data-motion='right']:not(.is-visible){transform:translate3d(28px,0,0)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-in{opacity:1!important;transform:none!important}}