:root{--bg:#06070b;--panel:#0b0e15;--panel2:#0e121c;--text:#f3f5fb;--muted:#8891a4;--line:#202637;--p:#9a66ff;--b:#3aa8ff;--green:#69e6a6;--mono:'JetBrains Mono',monospace;--sans:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.grid-bg{position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.grid-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 12%,rgba(112,62,255,.13),transparent 32%),radial-gradient(circle at 25% 45%,rgba(39,142,255,.07),transparent 30%)}.boot{position:fixed;inset:0;z-index:999;background:#05060a;display:grid;place-items:center;transition:opacity .7s,visibility .7s}.boot.done{opacity:0;visibility:hidden}.boot-core{width:min(520px,82vw);font-family:var(--mono);text-align:center}.boot-core p,.boot-core small{color:var(--muted);font-size:10px;letter-spacing:.16em}.boot-mark{font-size:clamp(48px,10vw,92px);font-weight:800;letter-spacing:-.08em}.boot-mark span,.brand span{color:var(--p)}.boot-line{height:2px;background:#191e2b;margin:24px 0;overflow:hidden}.boot-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--p),var(--b));animation:load 1.7s ease forwards}@keyframes load{to{width:100%}}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(132,80,255,.08),transparent 65%);transform:translate(-50%,-50%)}.site-header{height:72px;padding:0 4vw;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);background:rgba(6,7,11,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{font:700 18px var(--mono);letter-spacing:-.05em}.nav{display:flex;gap:26px;margin:auto}.nav a{font:500 10px var(--mono);letter-spacing:.08em;color:#727c91}.nav a b{color:#454e62;margin-right:5px}.nav a:hover{color:#fff}.system-status{font:9px var(--mono);color:#727c91}.system-status i,.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.menu-toggle{display:none;background:none;border:0;color:#fff;font:24px var(--mono)}.rail{position:fixed;right:1.2vw;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:7px;color:#424a5c;font:8px var(--mono)}.rail b{writing-mode:vertical-rl;margin-bottom:10px;color:#687287}.rail i{height:24px;width:1px;background:#252b39}.rail span.active{color:var(--p)}.section{width:min(1180px,88vw);margin:auto;padding:120px 0}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.micro,.type{font:600 10px var(--mono);letter-spacing:.14em;color:#687287;text-transform:uppercase}.kicker{font:600 12px var(--mono);letter-spacing:.18em;color:var(--p);margin:28px 0 14px}.hero h1,.section-head h2,.profile-panel h2,.contact h2{font-size:clamp(48px,6vw,84px);line-height:.91;letter-spacing:-.07em;margin:0}.hero h1>span,.section-head h2 span,.profile-panel h2 span,.contact h2 span{color:#687287}.hero .cursor{color:var(--p);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.lead{max-width:620px;color:#969fb1;font-size:16px;line-height:1.7;margin:28px 0}.lead strong{color:#d9deea}.actions{display:flex;gap:10px}.btn{padding:13px 17px;border:1px solid var(--line);font:600 10px var(--mono);letter-spacing:.05em;display:inline-flex;gap:28px}.btn.primary{background:#f1f3f8;color:#07090d}.btn:hover{border-color:var(--p);transform:translateY(-2px)}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.hero-pills span{border:1px solid var(--line);padding:6px 8px;font:8px var(--mono);color:#657084}.hero-system{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,18,29,.92),rgba(8,10,16,.85));min-height:560px;position:relative;overflow:hidden;box-shadow:0 30px 100px #0008}.hero-system:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(138,93,255,.05) 50%,transparent 51%);background-size:100% 8px}.hud-top{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font:9px var(--mono);color:#697389}.online{color:var(--green)!important}.core-orbit{height:370px;position:relative;display:grid;place-items:center}.core{width:125px;height:125px;border:1px solid #594386;border-radius:50%;display:grid;place-items:center;font:700 24px var(--mono);box-shadow:0 0 55px rgba(139,91,255,.12);position:relative}.core small{position:absolute;top:72%;font:7px var(--mono);color:#6f7788}.orbit{position:absolute;border:1px solid #242b3b;border-radius:50%;animation:spin 14s linear infinite}.o1{width:245px;height:245px}.o2{width:330px;height:330px;animation-direction:reverse;animation-duration:20s}@keyframes spin{to{transform:rotate(360deg)}}.node{position:absolute;border:1px solid #2a3245;background:#090c12;padding:7px 10px;font:8px var(--mono);color:#8c96aa}.n1{top:70px;left:48px}.n2{right:25px;top:185px}.n3{bottom:42px;left:60px}.telemetry{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.telemetry div{padding:14px;border-right:1px solid var(--line)}.telemetry div:last-child{border:0}.telemetry small,.telemetry b{display:block;font:7px var(--mono);color:#657084}.telemetry b{font-size:9px;color:#aeb6c5;margin:5px 0 10px}.telemetry i{display:block;height:2px;background:#242b39}.telemetry em{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--p),var(--b))}.section-head{max-width:900px;margin-bottom:55px}.section-head h2,.profile-panel h2,.contact h2{font-size:clamp(38px,5vw,66px)}.section-head .micro{color:var(--p);margin-bottom:18px}.cap-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:stretch;position:relative}.cap-map article{border:1px solid var(--line);padding:28px;min-height:220px;background:rgba(10,12,19,.65);transition:.25s}.cap-map article:hover{border-color:#554476;transform:translateY(-4px)}.cap-map article b{font:9px var(--mono);color:var(--p)}.cap-map h3{font:700 15px var(--mono);margin-top:45px}.cap-map p{font-size:13px;color:#818b9e;line-height:1.7}.cap-map article span{font:8px var(--mono);color:#535d71}.connector{display:grid;place-items:center;color:#3d4658;font:18px var(--mono)}.cap-result{grid-column:1/-1;text-align:center;color:#424b5e;font:12px var(--mono);padding-top:18px}.cap-result strong{display:block;color:#b7bfce;margin-top:12px;letter-spacing:.12em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-card{position:relative;overflow:hidden;border:1px solid var(--line);padding:26px;background:rgba(10,12,19,.72);min-height:390px;display:flex;flex-direction:column;transition:.25s}.project-card:hover{transform:translateY(-4px);border-color:#4a5368}.project-card .scan{position:absolute;left:0;right:0;top:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--p),transparent);opacity:0}.project-card:hover .scan{opacity:1;animation:scan 1.4s linear infinite}@keyframes scan{to{top:100%}}.project-card header,.project-card footer{display:flex;justify-content:space-between;gap:15px;font:8px var(--mono);color:#667084}.project-card header i{font-style:normal;color:var(--green)}.project-card .type{margin-top:55px;color:#5f687a}.project-card h3{font:700 clamp(26px,3vw,38px) var(--mono);letter-spacing:-.05em;margin:8px 0 18px}.project-card>p:not(.type){color:#8a94a6;line-height:1.65;font-size:13px;max-width:520px}.project-card footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.project-card footer a{color:#b8c0ce}.mini-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 22px}.mini-flow span,.quadrant span{border:1px solid #293144;padding:7px 9px;font:8px var(--mono);color:#8a95a9}.mini-flow b{color:var(--p);font:10px var(--mono)}.accent-card{background:radial-gradient(circle at 90% 10%,rgba(112,64,255,.13),transparent 38%),rgba(10,12,19,.8)}.quadrant{display:grid;grid-template-columns:1fr 1fr;width:220px;margin:10px 0 22px}.quadrant span{text-align:center}.lab-console{border:1px solid var(--line);display:grid;grid-template-columns:280px 1fr;min-height:420px;background:#090c12}.lab-menu{border-right:1px solid var(--line);display:flex;flex-direction:column}.lab-menu button{background:none;border:0;border-bottom:1px solid var(--line);color:#697488;text-align:left;padding:19px;font:9px var(--mono);cursor:pointer}.lab-menu button.active,.lab-menu button:hover{color:#fff;background:#101521;box-shadow:inset 2px 0 var(--p)}.lab-screen{padding:30px;display:flex;flex-direction:column}.lab-screen>p,.lab-screen>small{font:9px var(--mono);color:#657084}.lab-screen>p span{color:var(--p)}.lab-screen>small{margin-top:auto}.lab-content{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.lab-content b{border:1px solid #30394d;padding:16px;font:10px var(--mono);font-weight:500}.lab-content i{font-style:normal;color:var(--p)}.about{display:block}.profile-panel,.skill-tree{border:1px solid var(--line);background:rgba(10,12,19,.72);padding:30px}.profile-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;align-items:center}.avatar-placeholder{min-height:390px;border:1px solid #293044;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(139,91,255,.12),transparent 50%)}.avatar-placeholder span{font:800 48px var(--mono);color:#252c3b}.avatar-placeholder small{position:absolute;font:8px/1.8 var(--mono);color:#5d6679}.profile-panel>div>p:not(.micro){color:#8d97aa;line-height:1.75;font-size:14px}.profile-meta{display:grid;gap:8px;margin-top:28px}.profile-meta span{font:8px var(--mono);color:#596376}.profile-meta b{display:block;color:#b9c1cf;margin-top:3px}.skill-tree .micro{color:var(--p)}.tree{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.tree span{border:1px solid #293144;padding:9px 11px;font:8px var(--mono);color:#929caf}.tree b{color:var(--p)}.tree div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.contact{border-top:1px solid var(--line)}.contact>.micro{color:var(--p)}.contact-copy{max-width:980px}.contact-copy>p{color:#8d97aa;max-width:650px;line-height:1.7}.contact-routes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border:1px solid var(--line)}.contact-routes a{padding:25px;border-right:1px solid var(--line);display:grid;gap:30px;font:9px var(--mono);color:#7d879a;transition:.2s}.contact-routes a:last-child{border:0}.contact-routes a:hover{background:#0e121b;color:#fff}.contact-routes b{color:var(--p)}.site-footer{border-top:1px solid var(--line);padding:28px 4vw;display:flex;justify-content:space-between;align-items:center;color:#5d6779;font:8px var(--mono)}.site-footer i{font-style:normal}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.boot{display:none}}@media(max-width:900px){.nav{position:absolute;top:72px;left:0;right:0;background:#080a0f;border-bottom:1px solid var(--line);padding:24px 5vw;display:none;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.system-status,.rail{display:none}.section{padding:85px 0}.hero{grid-template-columns:1fr;padding-top:70px}.hero-system{min-height:520px}.cap-map{grid-template-columns:1fr}.connector{display:none}.project-grid{grid-template-columns:1fr}.about{display:block}.profile-panel{grid-template-columns:1fr}.lab-console{grid-template-columns:1fr}.lab-menu{border-right:0;display:grid;grid-template-columns:1fr 1fr}.contact-routes{grid-template-columns:1fr}.contact-routes a{border-right:0;border-bottom:1px solid var(--line)}.site-footer{flex-direction:column;gap:15px;text-align:center}}@media(max-width:560px){.section{width:min(92vw,1180px);padding:70px 0}.hero h1{font-size:45px}.actions{flex-direction:column}.btn{justify-content:space-between}.hero-system{min-height:460px}.core-orbit{height:310px}.o2{width:270px;height:270px}.o1{width:205px;height:205px}.telemetry{grid-template-columns:1fr}.telemetry div{border-right:0;border-top:1px solid var(--line)}.project-card{padding:20px;min-height:410px}.project-card footer{flex-direction:column}.lab-menu{grid-template-columns:1fr}.lab-screen{min-height:320px;padding:20px}.avatar-placeholder{min-height:280px}.site-footer p{line-height:1.6}}

/* === RJHU VISUAL SYSTEM V3 === */
:root{--rjhu-purple:#9a63ff;--rjhu-blue:#48a7ff;--rjhu-glow:rgba(125,102,255,.18);--rjhu-panel:rgba(13,15,26,.72)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
radial-gradient(circle at 80% 10%,rgba(81,100,255,.09),transparent 30%),
radial-gradient(circle at 10% 65%,rgba(157,82,255,.07),transparent 28%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.rjhu-progress{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:grid;gap:12px}
.rjhu-progress a{width:10px;height:10px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:block;position:relative;background:#090b12;transition:.25s}
.rjhu-progress a:hover,.rjhu-progress a.active{border-color:var(--rjhu-purple);box-shadow:0 0 18px var(--rjhu-glow);background:var(--rjhu-purple)}
.rjhu-progress a:after{content:attr(data-label);position:absolute;right:18px;top:-5px;white-space:nowrap;font:10px/1 monospace;letter-spacing:.12em;opacity:0;transform:translateX(5px);transition:.2s;color:#c9c6da}
.rjhu-progress a:hover:after{opacity:1;transform:none}
.project-card,.lab-console,.capability-system,.profile-card,.case-section .seo-card,.case-section .decision,.case-section .flowbox{backdrop-filter:blur(10px)}
.project-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.project-card:hover{transform:translateY(-6px);border-color:rgba(154,99,255,.6);box-shadow:0 18px 55px rgba(0,0,0,.25),0 0 32px rgba(113,91,255,.08)}
.project-card .scan{transition:transform .8s ease,opacity .3s}.project-card:hover .scan{transform:translateY(240px);opacity:.8}
.case-nav{backdrop-filter:blur(18px);background:rgba(7,8,14,.72)!important}
.case-hero{position:relative;overflow:hidden}.case-hero:after{content:"PROJECT // RJHU";position:absolute;right:4vw;bottom:3vw;font:10px monospace;letter-spacing:.25em;opacity:.28}
.case-section{position:relative}.case-section:before{content:attr(data-module);position:absolute;right:3vw;top:2rem;font:10px monospace;letter-spacing:.2em;opacity:.22}
.case-section h2 span,.section-head h2 span{background:linear-gradient(90deg,var(--rjhu-purple),var(--rjhu-blue));-webkit-background-clip:text;color:transparent}
.case-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:2rem max(5vw,24px);border-top:1px solid rgba(255,255,255,.1);font:12px monospace;letter-spacing:.08em}
.case-pagination a{padding:1rem;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:inherit;transition:.2s}.case-pagination a:hover{border-color:var(--rjhu-purple);background:rgba(154,99,255,.06)}.case-pagination .next{text-align:right}
.system-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.14);padding:.45rem .7rem;font:10px monospace;letter-spacing:.12em}.system-chip i{width:6px;height:6px;border-radius:50%;background:#72e2b3;box-shadow:0 0 12px #72e2b3}
@media(max-width:900px){.rjhu-progress{display:none}.case-pagination{grid-template-columns:1fr 1fr}.case-pagination span{display:none}}

/* HOME V3.1 */
.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;left:-15vw;top:12%;width:52vw;height:52vw;border-radius:50%;background:radial-gradient(circle,rgba(125,85,255,.12),transparent 64%);filter:blur(10px);z-index:-1}
.hero-copy h1{position:relative;text-shadow:0 0 45px rgba(121,91,255,.08)}
.hero-copy h1 span{background:linear-gradient(90deg,var(--rjhu-purple),var(--rjhu-blue));-webkit-background-clip:text;color:transparent}
.hero-system{position:relative;overflow:hidden}.hero-system:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent,rgba(125,91,255,.08),transparent 28%);animation:rjhuRadar 8s linear infinite;pointer-events:none}
@keyframes rjhuRadar{to{transform:rotate(360deg)}}
.role-switcher{position:relative;z-index:2}.role-switcher .role{width:100%;color:inherit;background:transparent;border:0;text-align:left;cursor:pointer;opacity:.48;transition:.25s;padding:.65rem 0}.role-switcher .role:hover,.role-switcher .role.active{opacity:1}.role-switcher .role.active small{color:#bfa8ff}.role-switcher .role i{display:block;width:0;height:1px;margin-top:.45rem;background:linear-gradient(90deg,var(--rjhu-purple),var(--rjhu-blue));transition:.4s}.role-switcher .role.active i{width:100%}
.hero-console{position:relative;z-index:2;margin-top:1rem;border:1px solid rgba(255,255,255,.12);background:rgba(4,6,12,.64);font-family:monospace}.console-head{display:flex;justify-content:space-between;padding:.55rem .7rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:9px;letter-spacing:.12em;opacity:.7}.hero-console pre{white-space:pre-wrap;padding:.8rem;margin:0;font-size:11px;line-height:1.7;color:#bfc4d8;min-height:102px}
.boot-strip{display:flex;overflow:hidden;border-block:1px solid rgba(255,255,255,.09);background:rgba(8,9,16,.72);font:9px monospace;letter-spacing:.12em;white-space:nowrap}.boot-strip span{flex:1;padding:.8rem 1rem;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.boot-strip b{color:#78e0b4;font-weight:500}
.core-orbit .core{animation:corePulse 3s ease-in-out infinite}@keyframes corePulse{50%{box-shadow:0 0 35px rgba(128,92,255,.22);transform:scale(1.025)}}
.hero-pills span{transition:.2s}.hero-pills span:hover{border-color:var(--rjhu-purple);transform:translateY(-2px)}
@media(max-width:760px){.boot-strip{overflow-x:auto}.boot-strip span{min-width:145px}.hero-console pre{min-height:90px}}
@media(prefers-reduced-motion:reduce){.hero-system:before,.core-orbit .core{animation:none!important}}

/* DEV LAB V3.2 */
.lab-status{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.8rem;margin-bottom:1rem;font:10px monospace;letter-spacing:.1em}.lab-status span:last-child{color:#77dfb1}
.live-lab{display:none;min-height:290px}.live-lab.active{display:block}.lab-controls{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.lab-controls button,.lab-controls select{background:#0a0c14;color:#d8d8e4;border:1px solid rgba(255,255,255,.16);padding:.7rem .9rem;font:10px monospace;letter-spacing:.08em}.lab-controls button{cursor:pointer}.lab-controls button:hover{border-color:var(--rjhu-purple)}
.lab-controls input[type=range]{width:min(420px,100%);accent-color:var(--rjhu-purple)}.request-flow{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.7rem 0}.request-flow span{border:1px solid rgba(255,255,255,.13);padding:.45rem .6rem;font:9px monospace}.request-flow i{opacity:.35}
.live-lab pre{background:#060810;border:1px solid rgba(255,255,255,.1);padding:1rem;min-height:150px;white-space:pre-wrap;overflow:auto;color:#aeb8cf;font:11px/1.65 monospace}
.algo-bars{height:210px;display:flex;align-items:end;gap:6px;padding:1rem;border:1px solid rgba(255,255,255,.1);background:#060810}.algo-bar{flex:1;min-width:8px;background:linear-gradient(180deg,var(--rjhu-purple),var(--rjhu-blue));opacity:.72;transition:height .25s,opacity .2s}.algo-bar.compare{opacity:1;box-shadow:0 0 16px rgba(132,93,255,.35)}
.lab-caption{margin-top:.7rem;font:9px monospace;letter-spacing:.12em;opacity:.5}
.viewport-stage{overflow:auto;border:1px solid rgba(255,255,255,.1);padding:1rem;background:#060810}.viewport-demo{max-width:100%;margin:auto;border:1px solid rgba(154,99,255,.45);background:linear-gradient(135deg,#111323,#080a11);transition:width .18s;min-height:210px}.viewport-demo header{padding:.7rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font:9px monospace}.viewport-demo .viewport-main{padding:2rem}.viewport-demo .viewport-main b{font-size:clamp(1rem,3vw,2rem)}.viewport-demo button{background:transparent;color:inherit;border:1px solid var(--rjhu-purple);padding:.5rem;margin-top:.5rem}
@media(max-width:650px){.viewport-demo header span{display:none}.lab-status{gap:1rem;flex-wrap:wrap}}

/* PROFILE V3.3 */
.avatar-placeholder{position:relative}.avatar-placeholder i{position:absolute;bottom:.65rem;left:.65rem;font:8px monospace;letter-spacing:.12em;opacity:.35}
.profile-capabilities{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1rem;margin-top:1.2rem}.profile-capabilities article{border:1px solid rgba(255,255,255,.11);background:rgba(10,12,21,.62);padding:1.2rem;transition:.25s}.profile-capabilities article:hover{border-color:rgba(154,99,255,.5);transform:translateY(-3px)}.profile-capabilities header{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.12em;opacity:.55}.profile-capabilities h3{margin:.9rem 0 .6rem}.profile-capabilities p{min-height:82px}.profile-capabilities footer{border-top:1px solid rgba(255,255,255,.09);padding-top:.7rem;font:9px monospace;letter-spacing:.1em;color:#b8a4ff}
.career,.education{margin-top:clamp(4rem,8vw,8rem)}.section-head.compact h2{font-size:clamp(2rem,5vw,4.5rem)}
.career-log{border-top:1px solid rgba(255,255,255,.12)}.career-log article{display:grid;grid-template-columns:90px 1fr auto;gap:1.5rem;padding:1.3rem 0;border-bottom:1px solid rgba(255,255,255,.1);align-items:start;transition:.2s}.career-log article:hover{padding-left:.7rem;background:linear-gradient(90deg,rgba(145,91,255,.05),transparent)}.career-log time,.career-log small,.career-log i{font:9px monospace;letter-spacing:.11em}.career-log time{color:#bda5ff}.career-log small{opacity:.45}.career-log h3{margin:.25rem 0}.career-log p{margin:0;opacity:.7}.career-log i{font-style:normal;opacity:.55}
.knowledge-tree{display:grid;justify-items:center;text-align:center}.knowledge-root{border:1px solid rgba(154,99,255,.55);padding:1.2rem 2.2rem;font-weight:800;box-shadow:0 0 30px rgba(116,87,255,.08)}.knowledge-root small{display:block;font:8px monospace;letter-spacing:.13em;margin-top:.35rem;opacity:.5}.tree-line{height:55px;display:grid;place-items:center;opacity:.35}.knowledge-level{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:min(800px,100%)}.knowledge-level article{border:1px solid rgba(255,255,255,.11);padding:1rem}.knowledge-level b,.knowledge-level span{display:block}.knowledge-level b{font:9px monospace;letter-spacing:.1em;opacity:.5}.knowledge-level span{margin-top:.45rem}
.profile-principle{margin-top:clamp(4rem,8vw,8rem);border-left:2px solid var(--rjhu-purple);padding:1.5rem 2rem;background:linear-gradient(90deg,rgba(137,88,255,.07),transparent)}.profile-principle blockquote{font-size:clamp(1.25rem,2.5vw,2rem);max-width:900px;margin:1rem 0}.principle-flow{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font:9px monospace;letter-spacing:.1em}.principle-flow span{border:1px solid rgba(255,255,255,.12);padding:.45rem .65rem}.principle-flow i{opacity:.3}
@media(max-width:800px){.profile-capabilities{grid-template-columns:1fr}.profile-capabilities p{min-height:0}.career-log article{grid-template-columns:60px 1fr}.career-log i{display:none}.knowledge-level{grid-template-columns:1fr}}

/* CONTACT + GLOBAL TERMINAL V3.4 */
.final-status{display:flex;justify-content:space-between;gap:1rem;border-block:1px solid rgba(255,255,255,.1);padding:.7rem 0;font:9px monospace;letter-spacing:.12em}.final-status b{color:#78dfb3}.contact-routes a span{display:grid}.contact-routes a small{font:8px monospace;letter-spacing:.08em;opacity:.45;margin-top:.25rem;font-weight:400}.contact-console-call{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.12);padding:1rem;font:9px monospace;letter-spacing:.1em}.contact-console-call button{background:transparent;color:inherit;border:1px solid var(--rjhu-purple);padding:.65rem .8rem;cursor:pointer}.contact-console-call kbd{margin-left:.5rem;opacity:.5}
.terminal-fab{position:fixed;right:22px;bottom:22px;z-index:80;width:48px;height:48px;border:1px solid rgba(154,99,255,.65);background:rgba(8,10,18,.88);color:#d9d7e5;font:700 13px monospace;cursor:pointer;box-shadow:0 0 30px rgba(120,90,255,.12);backdrop-filter:blur(12px)}.terminal-fab:hover{background:rgba(154,99,255,.12)}
.global-terminal{position:fixed;inset:0;z-index:100;background:rgba(2,3,7,.72);display:none;place-items:center;padding:1rem;backdrop-filter:blur(8px)}.global-terminal.open{display:grid}.terminal-window{width:min(760px,100%);border:1px solid rgba(154,99,255,.5);background:#070910;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 50px rgba(116,85,255,.08);font-family:monospace}.terminal-window header{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:9px;letter-spacing:.12em}.terminal-window header button{border:0;background:none;color:inherit;font-size:20px;cursor:pointer}.terminal-output{height:310px;overflow:auto;padding:1rem;color:#b9bfd0;font-size:12px;line-height:1.65}.terminal-output p{margin:.15rem 0}.terminal-output .cmd{color:#c2aaff}.terminal-output .ok{color:#75deb0}.terminal-output .error{color:#ff8d9d}
#terminalForm{display:flex;gap:.6rem;border-top:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;font-size:12px}#terminalForm label{color:#9d75ff}#terminalInput{flex:1;background:transparent;border:0;outline:0;color:#f0eff7;font:12px monospace}
.terminal-shortcuts{display:flex;gap:.35rem;flex-wrap:wrap;padding:.7rem 1rem;border-top:1px solid rgba(255,255,255,.06)}.terminal-shortcuts button{background:transparent;border:1px solid rgba(255,255,255,.1);color:#aaaebd;padding:.35rem .5rem;font:9px monospace;cursor:pointer}.terminal-shortcuts button:hover{border-color:var(--rjhu-purple)}
@media(max-width:650px){.final-status,.contact-console-call{align-items:flex-start;flex-direction:column}.terminal-output{height:46vh}.terminal-fab{right:14px;bottom:14px}}

/* QA / ACCESSIBILITY V3.5 */
.skip-link{position:fixed;left:1rem;top:1rem;z-index:9999;transform:translateY(-180%);background:#fff;color:#080a12;padding:.7rem 1rem;font:700 12px monospace;text-decoration:none}.skip-link:focus{transform:none}
:focus-visible{outline:2px solid #b895ff!important;outline-offset:4px!important}
button,a,input,select{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* DEV LAB COMPLETE V3.6 */
.sql-code{min-height:auto!important;color:#bca7ff!important}.sql-table{overflow:auto;border:1px solid rgba(255,255,255,.1)}.sql-table table{width:100%;border-collapse:collapse;font:10px monospace}.sql-table th,.sql-table td{padding:.65rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.sql-table th{color:#bda8ff;background:rgba(154,99,255,.06)}
.motion-stage{min-height:220px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:#060810;perspective:800px;overflow:hidden}.motion-card{width:min(390px,82%);padding:1.4rem;border:1px solid rgba(154,99,255,.45);background:linear-gradient(135deg,#15182a,#090b12);position:relative;transition:transform .25s,box-shadow .25s}.motion-card small,.motion-card span{display:block;font:9px monospace;letter-spacing:.1em;opacity:.55}.motion-card b{display:block;margin:.65rem 0}.motion-card i{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--rjhu-purple),transparent);opacity:0}.motion-card.scanning i{opacity:1;animation:labScan 1.2s linear infinite}.motion-card.pulsing{animation:labPulse 1.1s ease-in-out infinite}@keyframes labScan{to{top:100%}}@keyframes labPulse{50%{box-shadow:0 0 45px rgba(137,91,255,.25);transform:scale(1.025)}}
.demo-warning{border:1px solid rgba(255,201,94,.3);color:#e8c77d;padding:.55rem .7rem;margin-bottom:1rem;font:9px monospace;letter-spacing:.12em}.demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}.demo-kpis article{border:1px solid rgba(255,255,255,.1);padding:.9rem}.demo-kpis small{display:block;font:8px monospace;letter-spacing:.1em;opacity:.5}.demo-kpis b{font-size:1.4rem}.data-chart{height:180px;border:1px solid rgba(255,255,255,.1);padding:1rem;display:flex;align-items:end;gap:6px;background:#060810}.data-chart i{flex:1;background:linear-gradient(180deg,var(--rjhu-purple),var(--rjhu-blue));opacity:.65;min-height:5px;transition:height .35s}
@media(max-width:600px){.demo-kpis{grid-template-columns:1fr}.data-chart{height:145px}}
@media(prefers-reduced-motion:reduce){.motion-card.scanning i,.motion-card.pulsing{animation:none!important}}

/* PROJECT DATABASE V3.7 */
.projects-db{background:#070910;color:#e8e7ef}.db-hero,.db-content,.db-next{padding:clamp(5rem,9vw,9rem) max(5vw,24px)}.db-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:end;border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.db-hero:after{content:"DATABASE // 04 RECORDS";position:absolute;right:5vw;top:28%;font:9px monospace;letter-spacing:.18em;opacity:.3}.db-hero h1{font-size:clamp(4rem,11vw,10rem);line-height:.8;margin:.7rem 0 1.4rem}.db-hero h1 span,.db-next h2 span{background:linear-gradient(90deg,var(--rjhu-purple),var(--rjhu-blue));-webkit-background-clip:text;color:transparent}.db-hero>p:last-of-type{max-width:720px;opacity:.72}.db-stats{display:flex;gap:1px;flex-wrap:wrap;margin-top:2rem}.db-stats span{border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;font:9px monospace;letter-spacing:.1em}.db-stats b{color:#bda8ff;margin-right:.35rem}
.db-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.db-filter button{background:transparent;color:#b9bac5;border:1px solid rgba(255,255,255,.13);padding:.65rem .9rem;font:9px monospace;letter-spacing:.1em;cursor:pointer}.db-filter button:hover,.db-filter button.active{border-color:var(--rjhu-purple);color:#fff;background:rgba(154,99,255,.08)}
.db-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.db-card{position:relative;border:1px solid rgba(255,255,255,.11);background:rgba(10,12,20,.72);padding:1.4rem;overflow:hidden;transition:.25s}.db-card:hover{transform:translateY(-4px);border-color:rgba(154,99,255,.5)}.db-card.featured{background:linear-gradient(135deg,rgba(116,77,210,.11),rgba(10,12,20,.8))}.db-card header,.db-card footer{display:flex;justify-content:space-between;gap:1rem;font:9px monospace;letter-spacing:.1em}.db-card header{opacity:.55}.db-card header i{font-style:normal}.db-index{position:absolute;right:1rem;top:2.4rem;font-size:5rem;font-weight:900;opacity:.035}.db-card>p{max-width:75%;opacity:.65}.db-card h2{font-size:clamp(1.8rem,4vw,3.5rem);margin:.4rem 0 1rem}.db-tags{display:flex;gap:.4rem;flex-wrap:wrap}.db-tags span{border:1px solid rgba(255,255,255,.11);padding:.35rem .5rem;font:8px monospace}.db-card footer{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem;margin-top:1.3rem}.db-card footer a{color:#c6b2ff;text-decoration:none}.db-empty{border:1px dashed rgba(255,255,255,.16);padding:3rem;text-align:center;font:11px monospace;letter-spacing:.15em}.db-next{border-top:1px solid rgba(255,255,255,.1)}.db-next h2{font-size:clamp(2.5rem,7vw,6rem);line-height:.9}
@media(max-width:800px){.db-grid{grid-template-columns:1fr}.db-card>p{max-width:100%}.db-hero{min-height:62vh}}

/* CONTINUOUS NAVIGATION V3.8 */
.page-transition{position:fixed;inset:0;z-index:9998;background:#06070c;display:grid;place-items:center;align-content:center;gap:.7rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s,visibility .28s}.page-transition.active{opacity:1;visibility:visible;pointer-events:auto}.page-transition span{font-size:clamp(2rem,6vw,5rem);font-weight:900;letter-spacing:-.06em}.page-transition i{width:min(260px,55vw);height:1px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}.page-transition i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--rjhu-purple),var(--rjhu-blue),transparent);transform:translateX(-100%);animation:routeScan .7s linear infinite}.page-transition small{font:8px monospace;letter-spacing:.18em;opacity:.45}@keyframes routeScan{to{transform:translateX(100%)}}
.project-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:70;display:grid;grid-template-columns:42px auto 42px;border:1px solid rgba(255,255,255,.12);background:rgba(7,9,16,.82);backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.25)}.project-dock a{color:inherit;text-decoration:none}.dock-prev,.dock-next{display:grid;place-items:center;font:14px monospace;transition:.2s}.dock-prev:hover,.dock-next:hover{background:rgba(154,99,255,.12);color:#c4adff}.dock-db{display:grid;grid-template-columns:auto auto;column-gap:.7rem;padding:.55rem .9rem;border-inline:1px solid rgba(255,255,255,.1);font-family:monospace}.dock-db small{font-size:7px;letter-spacing:.12em;opacity:.45}.dock-db b{font-size:9px;color:#c0a9ff}.dock-db span{grid-column:1/-1;font-size:8px;letter-spacing:.13em;margin-top:.2rem}.case-pagination{padding-bottom:6rem}
@media(max-width:600px){.project-dock{bottom:10px}.dock-db{padding:.45rem .65rem}.case-pagination{padding-bottom:5.5rem}}
@media(prefers-reduced-motion:reduce){.page-transition{transition:none}.page-transition i:after{animation:none}}

/* LIVE STATUS V3.9 */
.live-status{border-top:1px solid rgba(255,255,255,.08)}.status-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.status-card{border:1px solid rgba(255,255,255,.11);background:rgba(9,11,19,.66);padding:1.3rem;position:relative;overflow:hidden;transition:.25s}.status-card:hover{border-color:rgba(154,99,255,.48);transform:translateY(-3px)}.status-card.primary{grid-row:span 2;background:linear-gradient(145deg,rgba(126,82,230,.1),rgba(9,11,19,.72))}.status-card.primary:after{content:"ACTIVE BUILD";position:absolute;right:-1.3rem;bottom:2rem;transform:rotate(-90deg);font:8px monospace;letter-spacing:.18em;opacity:.18}.status-card header,.status-card footer{display:flex;justify-content:space-between;gap:1rem;font:8px monospace;letter-spacing:.11em}.status-card header{opacity:.55}.status-card header i{font-style:normal;color:#7adfb3}.status-type{font:8px monospace;letter-spacing:.13em;color:#bca6ff;margin-top:1.6rem}.status-card h3{font-size:clamp(1.5rem,3vw,3rem);line-height:.95;margin:.45rem 0 1rem}.status-card>p:not(.status-type){opacity:.67;max-width:620px}.status-card footer{border-top:1px solid rgba(255,255,255,.08);padding-top:.8rem;margin-top:1.5rem}.status-card footer span{opacity:.4}.status-flow{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:2rem;font:8px monospace;letter-spacing:.09em}.status-flow span{border:1px solid rgba(255,255,255,.11);padding:.45rem .55rem}.status-flow b{opacity:.25}.status-manifest{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;margin-top:1rem;border:1px solid rgba(255,255,255,.1);padding:1rem 1.2rem}.status-manifest span,.status-manifest i{font:8px monospace;letter-spacing:.13em}.status-manifest span{color:#bba5ff}.status-manifest i{font-style:normal;opacity:.4}.status-manifest p{margin:0;opacity:.65}
@media(max-width:800px){.status-grid{grid-template-columns:1fr}.status-card.primary{grid-row:auto}.status-manifest{grid-template-columns:1fr;gap:.6rem}}

/* MOBILE EXPERIENCE V3.10 */
html{-webkit-text-size-adjust:100%}
@media(max-width:760px){
 body{overflow-x:hidden}
 .section,.db-hero,.db-content,.db-next{padding-left:18px!important;padding-right:18px!important}
 .site-header{height:64px;padding-inline:16px}.site-header .brand{position:relative;z-index:92}.menu-toggle{position:relative;z-index:92;min-width:44px;min-height:44px}
 .nav{position:fixed!important;inset:0!important;z-index:90!important;background:rgba(6,7,12,.97)!important;backdrop-filter:blur(20px);display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;padding:72px 24px 28px;transform:translateY(-105%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .25s ease,visibility .3s ease}
 .nav.open{transform:none;opacity:1;visibility:visible}.nav a{font-size:clamp(1.5rem,8vw,2.8rem)!important;padding:.55rem 0!important;border-bottom:1px solid rgba(255,255,255,.09)}.nav a b{font:9px monospace;color:#a985ff;margin-right:.8rem}.system-status{display:none!important}
 .hero{min-height:auto!important;padding-top:110px!important}.hero-copy h1{font-size:clamp(3.4rem,17vw,6rem)!important;line-height:.78!important}.hero-copy .lead{font-size:1rem}.actions{display:grid!important;grid-template-columns:1fr!important}.actions .btn{text-align:center;justify-content:center;min-height:48px}
 .hero-system{margin-top:2rem}.core-orbit{transform:scale(.88);transform-origin:center}.role-switcher .role{min-height:48px}
 .boot-strip{scrollbar-width:none}.boot-strip::-webkit-scrollbar{display:none}
 .project-grid{grid-template-columns:1fr!important}.project-card{padding:1rem!important}.project-card footer{align-items:flex-start!important;flex-direction:column!important;gap:.7rem}.project-card footer a{min-height:44px;display:flex;align-items:center}
 .lab-console{display:block!important}.lab-menu{display:flex!important;overflow-x:auto;gap:.35rem;padding-bottom:.6rem;scroll-snap-type:x proximity;scrollbar-width:none}.lab-menu::-webkit-scrollbar{display:none}.lab-menu button{min-width:max-content;min-height:44px;scroll-snap-align:start}.lab-screen{padding:1rem!important}.lab-controls>*{min-height:44px}.request-flow{font-size:8px}.algo-bars{height:160px}.motion-stage{min-height:190px}
 .profile-panel{grid-template-columns:1fr!important}.avatar-placeholder{min-height:230px}.profile-meta{grid-template-columns:1fr!important}
 .contact-routes a{min-height:72px;padding-block:1rem!important}
 .terminal-fab{width:52px;height:52px}.global-terminal{padding:0!important;align-items:end!important}.terminal-window{width:100%!important;max-height:88dvh;border-inline:0!important;border-bottom:0!important}.terminal-output{height:42dvh!important}.terminal-shortcuts{overflow-x:auto;flex-wrap:nowrap!important}.terminal-shortcuts button{min-height:40px;min-width:max-content}
 .db-hero h1{font-size:clamp(3.5rem,18vw,6.5rem)!important}.db-stats{display:grid!important;grid-template-columns:1fr 1fr}.db-stats span{text-align:left!important}.db-filter{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.db-filter button{min-width:max-content;min-height:44px}
 .case-hero{padding-top:96px!important}.case-hero h1{overflow-wrap:anywhere}.case-nav{padding-inline:14px!important}.case-nav .system-chip{display:none}.case-pagination{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.case-pagination a{min-height:52px;display:flex;align-items:center}.case-pagination .next{justify-content:flex-end}
 .project-dock{width:calc(100% - 24px);grid-template-columns:48px 1fr 48px;bottom:max(10px,env(safe-area-inset-bottom))}.dock-prev,.dock-next{min-height:48px}.dock-db{text-align:center;justify-content:center}
}
@media(max-width:380px){.hero-copy h1{font-size:3.15rem!important}.db-stats{grid-template-columns:1fr}.terminal-window{max-height:92dvh}.project-dock{width:calc(100% - 12px)}}
@media(hover:none){.project-card:hover,.db-card:hover,.status-card:hover,.profile-capabilities article:hover{transform:none}}

body.menu-open{overflow:hidden}

/* =========================================================
   RJHU LORRAINE — V4.0 VISUAL FOUNDATION
   Final design-token pass. No fabricated project assets.
   ========================================================= */
:root{
 --rjhu-purple:#9a66ff;--rjhu-blue:#3aa8ff;
 --v4-bg:#06070b;--v4-surface:#0a0d14;--v4-surface-hi:#101521;
 --v4-text:#f4f5fa;--v4-muted:#9299aa;--v4-hairline:rgba(255,255,255,.105);
 --v4-glow:rgba(126,82,230,.16);
 --v4-space-1:.375rem;--v4-space-2:.625rem;--v4-space-3:1rem;--v4-space-4:1.5rem;
 --v4-space-5:2.25rem;--v4-space-6:3.5rem;--v4-space-7:5.5rem;--v4-space-8:8rem;
 --v4-radius:2px;--v4-max:1440px;
 --v4-display:clamp(3.5rem,9.2vw,9.4rem);--v4-h2:clamp(2.6rem,6.4vw,6.8rem);
}
body{background:
 radial-gradient(circle at 76% 8%,rgba(108,67,215,.09),transparent 27rem),
 radial-gradient(circle at 14% 54%,rgba(43,130,218,.045),transparent 31rem),
 var(--v4-bg);color:var(--v4-text);text-rendering:optimizeLegibility}
.section{width:min(100%,var(--v4-max));margin-inline:auto;padding-block:clamp(5.5rem,10vw,10rem)}
.section-head{max-width:1040px;margin-bottom:clamp(2.5rem,5vw,5rem)}
.section-head h2{font-size:var(--v4-h2);line-height:.86;letter-spacing:-.065em;margin:.55rem 0 1.3rem}
.section-head>p:last-child{max-width:680px;font-size:clamp(.94rem,1.2vw,1.08rem);line-height:1.75;color:var(--v4-muted)}
.micro{font:9px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#a995d8}
.site-header{border-bottom:1px solid var(--v4-hairline);background:rgba(6,7,11,.68);backdrop-filter:blur(18px) saturate(125%)}
.brand{font-weight:900;letter-spacing:-.055em}.brand span{color:var(--rjhu-purple)}
.hero-copy h1{font-size:var(--v4-display);letter-spacing:-.075em;line-height:.77;text-wrap:balance}
.hero-copy h1 span{background:linear-gradient(100deg,#b48cff 5%,#8363ff 46%,#45adff 95%);-webkit-background-clip:text;color:transparent}
.btn{border-radius:var(--v4-radius);letter-spacing:.08em;transition:transform .2s,border-color .2s,background .2s}
.btn.primary{background:linear-gradient(110deg,rgba(154,102,255,.22),rgba(58,168,255,.12));border-color:rgba(171,132,255,.58)}
.project-card,.status-card,.profile-capabilities article,.db-card,.live-lab{border-color:var(--v4-hairline);background:linear-gradient(145deg,rgba(14,18,29,.72),rgba(7,9,15,.82));box-shadow:inset 0 1px rgba(255,255,255,.018)}
.project-card:before,.db-card:before,.status-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(154,102,255,.5),rgba(58,168,255,.28),transparent);opacity:.35}
.project-card h3,.db-card h2,.status-card h3{letter-spacing:-.045em}
.db-content{max-width:var(--v4-max);margin:auto}.db-grid{gap:1.15rem}
.db-card{min-height:390px;display:flex;flex-direction:column}.db-card footer{margin-top:auto}
.lab-screen{border-color:var(--v4-hairline);box-shadow:0 30px 90px rgba(0,0,0,.18)}
.status-card.primary{box-shadow:0 24px 80px rgba(55,32,115,.1)}
.profile-capabilities article{position:relative;overflow:hidden}
.profile-capabilities article:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(154,102,255,.08);border-radius:50%;right:-60px;bottom:-60px}
.site-footer{border-top:1px solid var(--v4-hairline);background:#05060a}
::selection{background:rgba(154,102,255,.38);color:#fff}
@media(min-width:1100px){
 .hero{max-width:var(--v4-max);margin-inline:auto}
 .project-card:hover,.db-card:hover,.status-card:hover{box-shadow:0 24px 75px rgba(0,0,0,.24),0 0 0 1px rgba(154,102,255,.08)}
}
@media(max-width:760px){
 :root{--v4-display:clamp(3.35rem,17vw,5.7rem);--v4-h2:clamp(2.5rem,13vw,4.7rem)}
 .section{padding-top:5.3rem!important;padding-bottom:5.3rem!important}
 .section-head{margin-bottom:2.3rem}.section-head h2{line-height:.9}
 .hero-copy h1{line-height:.8}
 .project-card,.status-card,.db-card{border-inline-color:rgba(255,255,255,.09)}
}
.v4-signature{max-width:var(--v4-max);margin:0 auto;padding:1rem max(5vw,18px);border-top:1px solid var(--v4-hairline);display:flex;gap:1rem;justify-content:space-between;font:8px var(--mono);letter-spacing:.12em;color:var(--v4-muted)}.v4-signature b{color:#bda7ff}.v4-signature i{font-style:normal}@media(max-width:700px){.v4-signature{flex-direction:column;gap:.35rem}}
/* HOME FINAL NARRATIVE V4.1 */
.home-proof{max-width:var(--v4-max);margin:0 auto;border-block:1px solid var(--v4-hairline);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,9,15,.5)}.home-proof>div{padding:1rem 1.25rem;border-right:1px solid var(--v4-hairline)}.home-proof>div:last-child{border-right:0}.home-proof small{display:block;font:7px var(--mono);letter-spacing:.14em;color:var(--v4-muted);margin-bottom:.35rem}.home-proof b{font:9px var(--mono);letter-spacing:.08em;color:#ddd7eb}
.recruiter-scan{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,7rem);align-items:end;border-top:1px solid var(--v4-hairline)}.scan-head h2{font-size:clamp(2.8rem,6.3vw,6.4rem);line-height:.87;letter-spacing:-.065em;margin:.5rem 0}.scan-head h2 span{background:linear-gradient(90deg,#ae8aff,#48abff);-webkit-background-clip:text;color:transparent}.scan-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--v4-hairline)}.scan-grid article{padding:1.3rem;border-right:1px solid var(--v4-hairline);min-height:210px}.scan-grid article:last-child{border-right:0}.scan-grid b{font:8px var(--mono);color:#aa91e8}.scan-grid h3{font-size:1.5rem;margin:2.8rem 0 .6rem}.scan-grid p{font-size:.85rem;line-height:1.6;color:var(--v4-muted);margin:0}
.database-cta{width:min(calc(100% - 10vw),var(--v4-max));margin:0 auto clamp(4rem,7vw,7rem);border:1px solid rgba(154,102,255,.28);background:linear-gradient(100deg,rgba(154,102,255,.08),rgba(58,168,255,.035));padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.database-cta small{display:block;font:7px var(--mono);letter-spacing:.14em;color:#a793d5;margin-bottom:.4rem}.database-cta strong{font-size:clamp(1rem,2vw,1.45rem);letter-spacing:-.02em}
@media(max-width:800px){.home-proof{grid-template-columns:1fr 1fr;margin-inline:18px}.home-proof>div{border-bottom:1px solid var(--v4-hairline)}.recruiter-scan{grid-template-columns:1fr}.scan-grid{grid-template-columns:1fr}.scan-grid article{min-height:auto;border-right:0;border-bottom:1px solid var(--v4-hairline)}.scan-grid article:last-child{border-bottom:0}.scan-grid h3{margin-top:1.4rem}.database-cta{width:calc(100% - 36px);flex-direction:column;align-items:stretch}.database-cta .btn{text-align:center}}

/* CASE STUDIES FINAL POLISH V4.2 */
.case-identity{max-width:1440px;margin:0 auto;border-block:1px solid var(--v4-hairline);display:grid;grid-template-columns:1.05fr 1fr 1.15fr .8fr;background:rgba(8,10,17,.58)}.case-identity>div{padding:1rem 1.15rem;border-right:1px solid var(--v4-hairline)}.case-identity>div:last-child{border-right:0}.case-identity small{display:block;font:7px var(--mono);letter-spacing:.14em;color:var(--v4-muted);margin-bottom:.38rem}.case-identity b{font:8px/1.5 var(--mono);letter-spacing:.06em;color:#ddd9e9}
.case-section{position:relative}.case-section:before{content:"";position:absolute;left:0;top:0;width:44px;height:1px;background:linear-gradient(90deg,var(--rjhu-purple),transparent);opacity:.5}.case-section h2{letter-spacing:-.06em;text-wrap:balance}.case-section p{line-height:1.72}
.case-evidence{max-width:1440px;margin:clamp(4rem,8vw,8rem) auto 7rem;border:1px solid rgba(154,102,255,.2);padding:1rem 1.2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;background:linear-gradient(90deg,rgba(154,102,255,.045),rgba(58,168,255,.02))}.case-evidence span,.case-evidence i{font:8px var(--mono);letter-spacing:.13em}.case-evidence span{color:#b79ff1}.case-evidence i{font-style:normal;color:#78c5ff}.case-evidence p{margin:0;color:var(--v4-muted);font-size:.8rem;line-height:1.55}
.case-hero{position:relative;overflow:hidden}.case-hero:after{content:"CASE STUDY // RJHU_";position:absolute;right:5vw;bottom:2.2rem;font:7px var(--mono);letter-spacing:.18em;opacity:.22}.case-hero h1{letter-spacing:-.075em;text-wrap:balance}
.architecture,.api-map,.decision-grid,.seo-grid,.flow-grid{border-color:var(--v4-hairline)!important}
@media(max-width:800px){.case-identity{grid-template-columns:1fr 1fr;margin-inline:14px}.case-identity>div:nth-child(2){border-right:0}.case-identity>div:nth-child(-n+2){border-bottom:1px solid var(--v4-hairline)}.case-evidence{margin-inline:18px;grid-template-columns:1fr;gap:.55rem}.case-hero:after{display:none}}
@media(max-width:430px){.case-identity{grid-template-columns:1fr}.case-identity>div{border-right:0!important;border-bottom:1px solid var(--v4-hairline)!important}.case-identity>div:last-child{border-bottom:0!important}}

/* PROJECT DATABASE + DEV LAB FINAL POLISH V4.3 */
.db-legend{display:grid;grid-template-columns:auto repeat(2,1fr) auto;align-items:center;gap:1.2rem;border:1px solid var(--v4-hairline);padding:.8rem 1rem;margin-bottom:1rem;background:rgba(8,10,16,.5)}.db-legend>span,.db-legend>i{font:7px var(--mono);letter-spacing:.13em}.db-legend>span{color:#b79ff1}.db-legend>i{font-style:normal;color:var(--v4-muted)}.db-legend p{font-size:.72rem;margin:0;color:var(--v4-muted)}.db-legend p b{font:7px var(--mono);color:#d6c8f7}
.db-card[hidden]{display:none!important}.db-card{isolation:isolate}.db-card:after{content:"INSPECT";position:absolute;right:1rem;bottom:4.3rem;font:7px var(--mono);letter-spacing:.16em;opacity:0;transform:translateX(8px);transition:.22s}.db-card:hover:after{opacity:.25;transform:none}
.lab-proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--v4-hairline);border-bottom:0}.lab-proof>div{padding:.85rem 1rem;border-right:1px solid var(--v4-hairline)}.lab-proof>div:last-child{border-right:0}.lab-proof small{display:block;font:7px var(--mono);letter-spacing:.13em;color:var(--v4-muted);margin-bottom:.35rem}.lab-proof b{font:8px var(--mono);letter-spacing:.07em;color:#d9d4e4}
.lab-console{border-top-color:rgba(154,102,255,.24)!important;background:linear-gradient(150deg,rgba(12,15,25,.86),rgba(6,8,13,.92))}.lab-menu button{position:relative}.lab-menu button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--rjhu-purple),var(--rjhu-blue))}.lab-status{border-bottom:1px solid var(--v4-hairline);padding-bottom:.8rem;margin-bottom:1rem}
.lab-guide{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--v4-hairline);margin-top:1rem}.lab-guide article{padding:1rem;border-right:1px solid var(--v4-hairline);min-height:150px}.lab-guide article:last-child{border-right:0}.lab-guide b{font:8px var(--mono);color:#a98eea}.lab-guide span{display:block;font:9px var(--mono);letter-spacing:.1em;margin:1.3rem 0 .5rem}.lab-guide p{font-size:.72rem;line-height:1.55;color:var(--v4-muted);margin:0}
@media(max-width:900px){.db-legend{grid-template-columns:1fr 1fr}.db-legend>i{grid-column:1/-1}.lab-guide{grid-template-columns:repeat(3,1fr)}.lab-guide article:nth-child(3){border-right:0}.lab-guide article:nth-child(-n+3){border-bottom:1px solid var(--v4-hairline)}}
@media(max-width:700px){.lab-proof{grid-template-columns:1fr 1fr}.lab-proof>div:nth-child(2){border-right:0}.lab-proof>div:nth-child(-n+2){border-bottom:1px solid var(--v4-hairline)}.lab-guide{grid-template-columns:1fr 1fr}.lab-guide article{min-height:125px}.lab-guide article:nth-child(odd){border-right:1px solid var(--v4-hairline)!important}.lab-guide article:nth-child(even){border-right:0!important}.lab-guide article{border-bottom:1px solid var(--v4-hairline)}.lab-guide article:nth-last-child(-n+2){border-bottom:0}.db-legend{grid-template-columns:1fr}.db-legend>i{grid-column:auto}}

/* PROFESSIONAL PROFILE + CONTACT V4.4 */
.profile-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--v4-hairline);border-top:0;margin-bottom:1rem}.profile-facts>div{padding:.9rem 1rem;border-right:1px solid var(--v4-hairline)}.profile-facts>div:last-child{border-right:0}.profile-facts small{display:block;font:7px var(--mono);letter-spacing:.13em;color:var(--v4-muted);margin-bottom:.35rem}.profile-facts b{font:8px/1.45 var(--mono);letter-spacing:.07em;color:#ddd7e9}
.career-log article{transition:border-color .2s,background .2s}.career-log article:hover{border-color:rgba(154,102,255,.3);background:rgba(154,102,255,.025)}.career-log h3{letter-spacing:-.025em}
.knowledge-tree{position:relative}.knowledge-root{box-shadow:0 0 55px rgba(112,70,210,.07)}.education-note{max-width:820px;margin:1rem 0 0 auto;border-left:1px solid rgba(154,102,255,.4);padding:.7rem 1rem;color:var(--v4-muted);font-size:.78rem;line-height:1.65}.education-note span{font:7px var(--mono);letter-spacing:.13em;color:#b8a2ed;margin-right:.6rem}
.avatar-placeholder{background:radial-gradient(circle at 50% 42%,rgba(154,102,255,.09),transparent 32%),linear-gradient(145deg,#0d101a,#07090f);border-color:rgba(154,102,255,.18)!important}.avatar-placeholder:after{content:"FINAL IDENTITY SLOT";position:absolute;bottom:1rem;right:1rem;font:7px var(--mono);letter-spacing:.14em;opacity:.24}
.contact-intro{display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem;align-items:center;border:1px solid var(--v4-hairline);padding:.8rem 1rem;margin:1.4rem 0 .7rem}.contact-intro span,.contact-intro i{font:7px var(--mono);letter-spacing:.13em}.contact-intro span{color:#b79ff1}.contact-intro i{font-style:normal;color:#7fc8ff}.contact-intro p{margin:0;font-size:.78rem;color:var(--v4-muted);line-height:1.5}.contact-routes a{position:relative;overflow:hidden}.contact-routes a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--rjhu-purple),var(--rjhu-blue));transform:scaleY(0);transition:.2s}.contact-routes a:hover:before{transform:scaleY(1)}
@media(max-width:800px){.profile-facts{grid-template-columns:1fr 1fr}.profile-facts>div:nth-child(2){border-right:0}.profile-facts>div:nth-child(-n+2){border-bottom:1px solid var(--v4-hairline)}.contact-intro{grid-template-columns:1fr;gap:.45rem}}
@media(max-width:430px){.profile-facts{grid-template-columns:1fr}.profile-facts>div{border-right:0!important;border-bottom:1px solid var(--v4-hairline)!important}.profile-facts>div:last-child{border-bottom:0!important}}

/* MOTION SYSTEM V4.5
   Motion purposes: ORIENT / CONFIRM / DEPTH */
:root{--motion-fast:160ms;--motion-ui:240ms;--motion-route:320ms;--motion-ease:cubic-bezier(.2,.75,.2,1);--motion-enter:cubic-bezier(.16,1,.3,1)}
.reveal{opacity:0;transform:translateY(18px);filter:blur(2px);transition:opacity .65s var(--motion-enter),transform .65s var(--motion-enter),filter .65s var(--motion-enter)}.reveal.visible{opacity:1;transform:none;filter:none}
.btn,.nav a,.lab-menu button,.db-filter button,.contact-routes a,.project-dock a{transition-duration:var(--motion-ui);transition-timing-function:var(--motion-ease)}
.project-card,.db-card,.status-card{transition:transform var(--motion-ui) var(--motion-ease),border-color var(--motion-ui),box-shadow var(--motion-ui)}
@media(hover:hover) and (pointer:fine){
 .project-card:hover,.db-card:hover,.status-card:hover{transform:translateY(-4px)}
 .btn:hover{transform:translateY(-2px)}
}
.cursor-glow{transition:opacity .2s;will-change:transform,left,top;pointer-events:none}
.motion-card,.algo-bars i,.data-chart i,.viewport-demo{will-change:transform}
.lab-menu button.active,.db-filter button.active{box-shadow:inset 2px 0 var(--rjhu-purple)}
.page-transition{transition:opacity var(--motion-route) var(--motion-ease),visibility var(--motion-route)}
.page-transition.active span{animation:routeMark .32s var(--motion-enter) both}@keyframes routeMark{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.project-dock{transition:transform .25s var(--motion-ease),opacity .25s}.project-dock.is-scrolling{opacity:.72}
@media(hover:none),(pointer:coarse){.cursor-glow{display:none!important}.project-card,.db-card,.status-card,.btn{transform:none!important}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
 .reveal{opacity:1!important;transform:none!important;filter:none!important}.page-transition i:after{display:none!important}
}

/* V4.7 DESKTOP FINAL DEFINITION + OFFICIAL AVATAR */
.avatar-official{position:relative;margin:0;min-height:520px;overflow:hidden;border:1px solid rgba(154,102,255,.22);background:#080a10}
.avatar-official:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 56%,rgba(7,9,15,.88) 100%);pointer-events:none}
.avatar-official:after{content:"IDENTITY // RJHU";position:absolute;top:14px;left:14px;z-index:2;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.12);background:rgba(7,9,15,.6);backdrop-filter:blur(8px);font:7px var(--mono);letter-spacing:.15em;color:#c6b5ef}
.avatar-official img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:50% 25%;display:block;filter:saturate(.94) contrast(1.02)}
.avatar-official figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;gap:1rem;font:7px var(--mono);letter-spacing:.12em;color:#b8b2c6}
.avatar-official figcaption span{color:#a77cff}
@media(min-width:1180px){
 .profile-panel{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);align-items:stretch}
 .profile-panel>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4.5rem)}
 .section{scroll-margin-top:86px}
 .hero{min-height:min(900px,92vh)}
 .project-grid,.profile-capabilities{gap:1rem}
}
@media(max-width:800px){.avatar-official,.avatar-official img{min-height:430px}.avatar-official figcaption{flex-direction:column;gap:.25rem}}

/* V4.9 — LIGHT / DARK HYBRID VISUAL SYSTEM */
:root{
 --light-bg:#f4f6fb;--light-bg-2:#edf1f8;--light-surface:#ffffff;
 --light-text:#141824;--light-muted:#626a7b;--light-line:rgba(28,34,51,.12);
}
.theme-light,.theme-soft{position:relative;color:var(--light-text);isolation:isolate}
.theme-light{background:
 radial-gradient(circle at 85% 15%,rgba(58,168,255,.10),transparent 28%),
 radial-gradient(circle at 10% 80%,rgba(154,102,255,.09),transparent 25%),
 var(--light-bg)}
.theme-soft{background:linear-gradient(180deg,#eef2f9,#f8f9fc)}
.theme-light:before,.theme-soft:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.34;background-image:linear-gradient(var(--light-line) 1px,transparent 1px),linear-gradient(90deg,var(--light-line) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.theme-light h1,.theme-light h2,.theme-light h3,.theme-light h4,.theme-soft h1,.theme-soft h2,.theme-soft h3{color:#101522;text-shadow:none}
.theme-light p,.theme-soft p{color:var(--light-muted)}
.theme-light .micro,.theme-soft .micro,.theme-light small,.theme-soft small{color:#6d5a9f}
.theme-light .section-kicker,.theme-soft .section-kicker{color:#7659b6}
.theme-light .section-head:after,.theme-soft .section-head:after{background:linear-gradient(90deg,rgba(118,89,182,.38),transparent)}
.theme-light .cap-card,.theme-light .project-card,.theme-light .profile-capabilities>article,.theme-light .career-log article,.theme-light .knowledge-tree>div,.theme-soft .scan-card{
 background:rgba(255,255,255,.78);border-color:var(--light-line);box-shadow:0 14px 40px rgba(36,44,70,.06);backdrop-filter:blur(12px)}
.theme-light .cap-card:hover,.theme-light .project-card:hover,.theme-soft .scan-card:hover{border-color:rgba(112,76,190,.28);box-shadow:0 20px 50px rgba(53,49,93,.10)}
.theme-light .tag,.theme-light .chip,.theme-soft .tag{background:rgba(105,79,170,.06);border-color:rgba(105,79,170,.16);color:#51446e}
.theme-light .btn:not(.primary),.theme-soft .btn:not(.primary){color:#242b3a;border-color:rgba(36,43,58,.18);background:rgba(255,255,255,.65)}
.theme-light .profile-facts{border-color:var(--light-line);background:rgba(255,255,255,.48)}
.theme-light .profile-facts>div{border-color:var(--light-line)}
.theme-light .profile-facts b{color:#202737}
.theme-light .education-note{color:#626a7b}
.theme-light .profile-principle{background:linear-gradient(120deg,rgba(154,102,255,.07),rgba(58,168,255,.06));border-color:rgba(83,78,125,.15)}
/* Avatar becomes the visual bridge between light personal-brand content and dark tech identity */
.theme-light .avatar-official{border-color:rgba(92,70,155,.18);box-shadow:0 30px 80px rgba(40,37,74,.14)}
/* Keep technical environments intentionally dark */
.lab,.live-status{position:relative;background:linear-gradient(180deg,#090c14,#0d111d)}
.lab:before,.live-status:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(58,168,255,.07),transparent 28%),radial-gradient(circle at 12% 70%,rgba(154,102,255,.07),transparent 28%)}
/* Contact: brighter transition rather than another black block */
.theme-contact{position:relative;background:
 radial-gradient(circle at 25% 20%,rgba(154,102,255,.24),transparent 30%),
 radial-gradient(circle at 80% 65%,rgba(58,168,255,.20),transparent 34%),
 linear-gradient(135deg,#111426,#16152b 55%,#10192a)}
.theme-contact .contact-wrap{box-shadow:0 30px 90px rgba(0,0,0,.22)}
/* section separation is part of the visual rhythm */
.theme-light,.theme-soft,.lab,.live-status,.theme-contact{border-top:1px solid rgba(128,128,160,.12)}
@media(max-width:800px){.theme-light:before,.theme-soft:before{background-size:38px 38px;opacity:.22}}

/* V4.9.1 — HYBRID CONTRAST FIX
   Correct selectors from the original component system. */
body{background:#090b12}
.theme-light,.theme-soft{width:100%;max-width:none;margin:0;padding-left:max(4vw,calc((100vw - 1440px)/2));padding-right:max(4vw,calc((100vw - 1440px)/2))}
.theme-light .cap-map>article{
 background:rgba(255,255,255,.92)!important;
 border:1px solid rgba(33,39,58,.13)!important;
 color:#151a27!important;
 box-shadow:0 14px 38px rgba(37,44,68,.07)!important;
}
.theme-light .cap-map>article h3{color:#151a27!important}
.theme-light .cap-map>article p{color:#626a7b!important}
.theme-light .cap-map>article>span{color:#7659b6!important}
.theme-light .cap-map>article>b{color:#835cff!important}
.theme-light .connector{color:#8773b9!important}
.theme-light .cap-result{color:#586174!important}
.theme-light .cap-result strong{color:#222a3b!important}
.theme-soft .scan-grid>article,.theme-soft .scan-card{
 background:#fff!important;border:1px solid rgba(33,39,58,.12)!important;color:#151a27!important;
 box-shadow:0 12px 34px rgba(37,44,68,.06)!important}
.theme-soft .scan-grid h3{color:#151a27!important}.theme-soft .scan-grid p{color:#626a7b!important}
.theme-light .project-grid>article,.theme-light .project-card{
 background:rgba(255,255,255,.94)!important;border-color:rgba(33,39,58,.12)!important;color:#151a27!important}
.theme-light .project-grid h3,.theme-light .project-grid h4{color:#151a27!important}
.theme-light .project-grid p{color:#626a7b!important}
/* soft bridge from dark header/proof into first light section */
.cap.theme-light{box-shadow:inset 0 18px 35px rgba(25,30,50,.025)}
.cap.theme-light:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(130,102,210,.28),rgba(58,168,255,.22),transparent)}
/* prevent the old dark card surfaces leaking into light About */
.theme-light .profile-panel,.theme-light .profile-facts,.theme-light .profile-capabilities>article,.theme-light .career-log article,.theme-light .knowledge-tree>div{
 background-color:rgba(255,255,255,.86)!important;color:#151a27!important}
.theme-light .profile-panel h2,.theme-light .profile-panel h3,.theme-light .career-log h3,.theme-light .knowledge-tree strong{color:#151a27!important}
@media(min-width:1000px){.theme-light,.theme-soft{padding-left:max(7vw,calc((100vw - 1320px)/2));padding-right:max(7vw,calc((100vw - 1320px)/2))}}

/* V4.9.2 — ABOUT DESKTOP REBUILD */
@media(min-width:1000px){
 #about.theme-light{padding-top:clamp(6rem,8vw,9rem);padding-bottom:clamp(6rem,8vw,9rem)}
 #about>.section-head{max-width:760px;margin-bottom:3rem}
 #about>.section-head h2{font-size:clamp(3.4rem,5.7vw,6.6rem);line-height:.86;letter-spacing:-.065em}
 #about .profile-panel{
   display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr)!important;
   min-height:590px;background:transparent!important;border:0!important;gap:clamp(2.5rem,5vw,6rem);align-items:center
 }
 #about .profile-panel>div:last-child{order:1;padding:0!important;display:block}
 #about .avatar-official{order:2;min-height:590px;max-height:650px;border-radius:2px}
 #about .avatar-official img{min-height:590px;height:650px;object-position:50% 28%}
 #about .profile-panel>div:last-child>h2{font-size:clamp(3.1rem,5vw,5.8rem);line-height:.88;letter-spacing:-.055em;margin:.5rem 0 1.4rem}
 #about .profile-panel>div:last-child>p:not(.micro){font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.75;max-width:650px;color:#535c6e!important}
 #about .profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:2rem;max-width:650px;border:1px solid var(--light-line)}
 #about .profile-meta span{padding:1rem;border:0!important;border-right:1px solid var(--light-line)!important;border-bottom:1px solid var(--light-line)!important;color:#697183!important}
 #about .profile-meta span:nth-child(2n){border-right:0!important}
 #about .profile-meta span:nth-last-child(-n+2){border-bottom:0!important}
 #about .profile-meta b{display:block;margin-top:.3rem;color:#202737!important}
 #about .profile-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:3.5rem 0 1rem;background:#fff!important}
 #about .profile-facts>div{min-height:92px;padding:1.15rem 1.25rem}
 #about .profile-capabilities{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem;margin-top:1rem}
 #about .profile-capabilities>article{min-width:0;padding:1.5rem!important}
 #about .profile-capabilities p{font-size:.88rem!important;line-height:1.65!important;overflow-wrap:anywhere}
 #about .career,#about .education{margin-top:clamp(5rem,7vw,8rem)}
 #about .career{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:4rem;align-items:start}
 #about .career .section-head{position:sticky;top:110px}
 #about .education{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:4rem;align-items:start}
 #about .education>.section-head{grid-column:1}.knowledge-tree{grid-column:2}
 #about .education-note{grid-column:2;max-width:none;margin:1rem 0 0}
 #about .profile-principle{margin-top:5rem;padding:clamp(2rem,4vw,4rem)!important}
}
@media(max-width:999px){
 #about .profile-panel{display:flex!important;flex-direction:column}
 #about .profile-panel>div:last-child{order:1;padding:1rem 0!important}
 #about .avatar-official{order:2;width:100%}
}


/* V4.9.4 — VERIFIED DESKTOP LAYOUT */
@media(min-width:1000px){
 :root{--desktop-content:1320px}
 .section{width:min(calc(100% - 96px),var(--desktop-content));margin-inline:auto}
 .theme-light,.theme-soft,.theme-contact{width:100%;max-width:none;margin:0;padding-left:max(48px,calc((100vw - var(--desktop-content))/2));padding-right:max(48px,calc((100vw - var(--desktop-content))/2));box-sizing:border-box}
 #about{display:block!important}
 #about>.section-head{max-width:920px}
 #about .profile-panel{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) 460px!important;gap:clamp(3rem,6vw,7rem);align-items:center}
 #about .profile-panel>div:last-child{min-width:0;width:auto!important}
 #about .avatar-official{width:460px;max-width:100%;justify-self:end}
 #about .profile-facts{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
 #about .profile-capabilities{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #about .career,#about .education{width:100%;display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:clamp(3rem,6vw,7rem);align-items:start}
 #about .career .section-head,#about .education>.section-head{grid-column:1}
 #about .career-log,#about .knowledge-tree{grid-column:2;width:100%}
 #about .education-note{grid-column:2}
 #projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #lab .lab-console{grid-template-columns:280px minmax(0,1fr)}
 .live-status .status-grid{grid-template-columns:1.15fr .85fr}
 #contact .contact-wrap{width:100%;max-width:var(--desktop-content);margin-inline:auto}
}
@media(max-width:999px){#about{display:block!important}}

/* V4.10 — SPACING / BORDER / RHYTHM SYSTEM */
:root{
 --space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;
 --space-6:48px;--space-7:72px;--space-8:96px;--space-9:128px;
 --edge-dark:rgba(255,255,255,.10);--edge-light:rgba(24,31,48,.11);
}
@media(min-width:1000px){
 /* One vertical rhythm for every major section */
 .section{padding-top:var(--space-9)!important;padding-bottom:var(--space-9)!important}
 .section-head{margin-bottom:var(--space-7)!important}
 .section-head .micro{margin-bottom:var(--space-3)!important}
 .section-head>p:last-child{margin-top:var(--space-4)!important}

 /* Dark/light section transitions: one divider, not stacked boxes */
 .theme-light,.theme-soft,.lab,.live-status,.theme-contact{border-top:1px solid rgba(115,124,150,.14)!important}
 .theme-light+.theme-light,.theme-soft+.theme-light,.theme-light+.theme-soft{border-top-color:rgba(31,39,58,.08)!important}

 /* Cards: consistent internal breathing room */
 .cap-map article,.project-card,.scan-grid article,.profile-capabilities>article,
 .career-log article,.knowledge-tree>div,.status-grid>article,.contact-routes a{padding:var(--space-5)!important}
 .cap-map{gap:var(--space-4)!important}
 .project-grid,.profile-capabilities{gap:var(--space-4)!important}

 /* Capability section: remove unnecessary boxed feeling */
 .cap-map article{min-height:240px!important}
 .cap-map h3{margin-top:var(--space-6)!important;margin-bottom:var(--space-3)!important}
 .cap-result{padding-top:var(--space-5)!important}

 /* Recruiter scan */
 .recruiter-scan{gap:var(--space-7)!important}
 .scan-grid article{min-height:230px!important}
 .scan-grid h3{margin:var(--space-6) 0 var(--space-2)!important}

 /* Projects */
 .project-card{min-height:420px!important}
 .project-card .type{margin-top:var(--space-6)!important}
 .project-card h3{margin:var(--space-2) 0 var(--space-4)!important}
 .project-card footer{padding-top:var(--space-4)!important}

 /* Dev Lab: keep technical density but add air */
 #lab .section-head{margin-bottom:var(--space-6)!important}
 .lab-proof>div{padding:var(--space-3) var(--space-4)!important}
 .lab-console{margin-top:0!important;min-height:500px!important}
 .lab-menu button{padding:var(--space-4)!important}
 .lab-screen{padding:var(--space-5)!important}
 .lab-guide{margin-top:var(--space-4)!important}
 .lab-guide article{padding:var(--space-4)!important;min-height:165px!important}

 /* About */
 #about.theme-light{padding-top:var(--space-9)!important;padding-bottom:var(--space-9)!important}
 #about .profile-panel{gap:var(--space-8)!important;min-height:0!important}
 #about .avatar-official,#about .avatar-official img{min-height:560px!important;height:600px!important}
 #about .profile-panel>div:last-child>h2{margin:var(--space-2) 0 var(--space-4)!important}
 #about .profile-panel>div:last-child>p:not(.micro){margin-bottom:0!important}
 #about .profile-meta{margin-top:var(--space-5)!important}
 #about .profile-meta span{padding:var(--space-3) var(--space-4)!important}
 #about .profile-facts{margin:var(--space-7) 0 var(--space-4)!important}
 #about .profile-facts>div{padding:var(--space-4)!important;min-height:96px!important}
 #about .profile-capabilities{margin-top:0!important}
 #about .career,#about .education{margin-top:var(--space-9)!important;gap:var(--space-8)!important}
 #about .career .section-head,#about .education>.section-head{margin-bottom:0!important}
 #about .career-log,#about .knowledge-tree{gap:var(--space-3)!important}
 #about .profile-principle{margin-top:var(--space-8)!important;padding:var(--space-6)!important}

 /* Borders: hierarchy instead of every object having the same outline */
 .theme-light .profile-panel{border:0!important;box-shadow:none!important;background:transparent!important}
 .theme-light .profile-capabilities>article,.theme-light .career-log article,.theme-light .knowledge-tree>div,
 .theme-light .project-card,.theme-light .cap-map>article,.theme-soft .scan-grid>article{
   border:1px solid var(--edge-light)!important;
 }
 .profile-facts,.profile-meta,.scan-grid,.lab-proof,.lab-console,.lab-guide,.contact-intro{border-width:1px!important}

 /* Status + Contact */
 .live-status .status-grid{gap:var(--space-4)!important}
 .contact-intro{margin:var(--space-5) 0 var(--space-3)!important;padding:var(--space-3) var(--space-4)!important}
 .contact-routes{margin-top:var(--space-4)!important}
 .contact-routes a{min-height:104px!important}
}
@media(min-width:700px) and (max-width:999px){
 .section{padding-top:var(--space-8)!important;padding-bottom:var(--space-8)!important}
 .section-head{margin-bottom:var(--space-6)!important}
 .theme-light,.theme-soft,.theme-contact{padding-inline:32px!important}
 .project-grid{gap:var(--space-4)!important}
 #about .profile-facts{grid-template-columns:1fr 1fr!important}
 #about .profile-capabilities{grid-template-columns:1fr!important}
}
@media(max-width:699px){
 .section{padding-top:var(--space-7)!important;padding-bottom:var(--space-7)!important}
 .section-head{margin-bottom:var(--space-5)!important}
 .theme-light,.theme-soft,.theme-contact{padding-inline:18px!important}
 .cap-map article,.project-card,.profile-capabilities>article,.career-log article,.knowledge-tree>div{padding:var(--space-4)!important}
 #about .profile-facts{grid-template-columns:1fr 1fr!important;margin:var(--space-6) 0 var(--space-3)!important}
 #about .profile-facts>div{padding:var(--space-3)!important}
 #about .profile-principle{margin-top:var(--space-6)!important;padding:var(--space-4)!important}
}

/* V4.11 — CV ALIGNMENT + CREATIVE TECH / 3D */
.cap-map-four{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important}
.cap-map-four .cap-result{grid-column:1/-1}
.creative-tech{position:relative}
.creative-tech:after{content:"3D";position:absolute;right:18px;top:16px;font:700 10px var(--mono);letter-spacing:.18em;color:#8d67e8;opacity:.55}
.profile-capabilities-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.creative-lab{overflow:hidden}
.creative-lab-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}
.creative-lab-grid article{position:relative;padding:32px;background:rgba(255,255,255,.9);border:1px solid rgba(33,39,58,.12);min-height:210px}
.creative-lab-grid .creative-main{grid-row:span 2;min-height:444px;background:linear-gradient(145deg,#111526,#18142b);color:#f5f6fa;border-color:rgba(154,102,255,.25)}
.creative-lab-grid article>span{font:700 9px var(--mono);letter-spacing:.15em;color:#795cb9}
.creative-lab-grid .creative-main>span{color:#a988ff}
.creative-lab-grid h3{font-size:clamp(2rem,3vw,3.4rem);margin:18px 0 10px;letter-spacing:-.045em}
.creative-lab-grid .creative-main h3{color:#fff}
.creative-lab-grid p{max-width:560px;line-height:1.65}
.creative-placeholder{position:absolute;left:32px;right:32px;bottom:32px;min-height:190px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(169,136,255,.35);background:radial-gradient(circle at 50% 40%,rgba(154,102,255,.15),transparent 48%),rgba(255,255,255,.025);font:700 11px var(--mono);letter-spacing:.14em;color:#d8cdf5}
.creative-placeholder small{display:block;margin-top:8px;color:#8f86a7}
.career-log article{grid-template-columns:92px minmax(0,1fr) auto!important}
@media(max-width:1100px){
 .cap-map-four{grid-template-columns:1fr 24px 1fr!important}
 .cap-map-four article:nth-of-type(3),.cap-map-four article:nth-of-type(4){margin-top:16px}
 .cap-map-four .cap-result{grid-column:1/-1}
}
@media(max-width:800px){
 .cap-map-four{display:grid!important;grid-template-columns:1fr!important}
 .cap-map-four .connector{display:none}
 .profile-capabilities-four,.creative-lab-grid{grid-template-columns:1fr!important}
 .creative-lab-grid .creative-main{grid-row:auto;min-height:400px}
 .career-log article{grid-template-columns:1fr!important}
}
/* V4.13 — Creative Tech 3D asset system */
.asset-lab-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:center;padding:32px;margin-bottom:24px;background:linear-gradient(145deg,#0e1220,#181329);color:#f7f8fc;border:1px solid rgba(145,94,255,.28);overflow:hidden}
.asset-lab-hero>div>span,.asset-lab-note b{font:700 9px var(--mono);letter-spacing:.16em;color:#a988ff}.asset-lab-hero h3{font-size:clamp(2rem,4vw,4rem);margin:12px 0;letter-spacing:-.05em}.asset-lab-hero p{max-width:700px;line-height:1.65;color:#c7cbd8}.asset-lab-hero img{width:100%;height:270px;object-fit:cover;object-position:left center;border:1px solid rgba(255,255,255,.1)}
.asset-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.asset-icon-grid article{padding:14px;background:#111522;color:#fff;border:1px solid rgba(154,102,255,.2)}.asset-icon-grid img{width:100%;aspect-ratio:1.2/1;object-fit:cover;display:block;margin-bottom:16px}.asset-icon-grid h3{font-size:1rem;margin:0 0 5px}.asset-icon-grid p{font:500 10px var(--mono);color:#aeb5c9;margin:0}.asset-lab-note{display:flex;gap:24px;align-items:flex-start;padding:18px 22px;margin-bottom:24px;border-left:2px solid #8d67e8;background:rgba(141,103,232,.07)}.asset-lab-note p{margin:0;max-width:900px;line-height:1.6}.asset-showcase .asset-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.asset-showcase .asset-duo img{width:100%;height:210px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.asset-lab-hero{grid-template-columns:1fr}.asset-lab-hero img{height:300px}.asset-icon-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.asset-lab-hero{padding:22px}.asset-icon-grid{grid-template-columns:1fr 1fr;gap:10px}.asset-icon-grid article{padding:9px}.asset-lab-note{display:block}.asset-lab-note b{display:block;margin-bottom:10px}.asset-showcase .asset-duo{grid-template-columns:1fr}.asset-showcase .asset-duo img{height:180px}}

/* V4.14 — 3D ICON SYSTEM */
.cap-3d-icon,.about-3d-icon,.project-3d-icon,.db-3d-icon{display:block;object-fit:cover;border:1px solid rgba(139,92,246,.18);background:#090c16;box-shadow:0 12px 30px rgba(12,10,35,.12);transition:transform .25s ease}
.cap-3d-icon{width:64px;height:64px;border-radius:16px;margin:0 0 22px auto}
.about-3d-icon{width:58px;height:58px;border-radius:14px;margin:0 0 18px auto}
.project-3d-icon{width:68px;height:68px;border-radius:16px;margin:18px 0 22px auto}
.db-3d-icon{width:72px;height:72px;border-radius:16px;margin:12px 0 18px auto}
.cap-map article:hover .cap-3d-icon,.project-card:hover .project-3d-icon,.db-card:hover .db-3d-icon{transform:translateY(-3px) rotate(-1deg)}
@media(max-width:800px){.cap-3d-icon,.about-3d-icon{width:52px;height:52px}.project-3d-icon,.db-3d-icon{width:58px;height:58px}}

/* V4.15 — BOOTSTRAP ICONS 3D / CLEAN CREATIVE TECH */
.bi3d-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:center;padding:32px;border:1px solid rgba(111,76,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(245,247,255,.92));margin-bottom:32px}
.bi3d-intro>div:first-child>span{font:700 10px var(--mono);letter-spacing:.16em;color:#6d46d9}
.bi3d-intro h3{margin:8px 0 12px;font-size:clamp(24px,3vw,38px)}
.bi3d-intro p{max-width:760px;margin:0;line-height:1.7}
.bi3d-feature{text-align:center;display:grid;justify-items:center;gap:7px}
.bi3d-feature b{font:800 13px var(--mono);letter-spacing:.1em}.bi3d-feature span{font:600 10px var(--mono);color:#6d7180}
.bi3d-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bi3d-card{min-width:0;padding:26px 20px 22px;border:1px solid rgba(32,37,54,.11);background:rgba(255,255,255,.68);text-align:center;overflow:visible;transition:.25s ease}
.bi3d-card:hover{transform:translateY(-5px);border-color:rgba(111,76,255,.3);box-shadow:0 18px 42px rgba(30,24,70,.09)}
.bi3d-card h3{margin:17px 0 5px;font-size:14px;letter-spacing:.025em}.bi3d-card p{margin:0;font-size:12px;color:#6d7180}
.bi3d-object{--bi3d-size:72px;width:var(--bi3d-size);height:var(--bi3d-size);margin:auto;display:grid;place-items:center;position:relative;perspective:500px}
.bi3d-object i,.bi3d-mini i{font-size:calc(var(--bi3d-size,52px)*.82);line-height:1;display:block;color:#171a25;transform:perspective(420px) rotateX(7deg) rotateY(-10deg);text-shadow:1px 1px 0 #5840a6,2px 2px 0 #4c54c9,3px 3px 0 #2876c7,5px 7px 13px rgba(37,31,84,.24);filter:drop-shadow(0 9px 9px rgba(31,28,72,.13));transition:transform .25s ease}
.bi3d-card:hover .bi3d-object i,.bi3d-mini:hover i{transform:perspective(420px) rotateX(2deg) rotateY(4deg) translateY(-3px)}
.bi3d-xl{--bi3d-size:112px}
.bi3d-process{margin-top:28px;padding:24px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px;border-top:1px solid rgba(32,37,54,.12);border-bottom:1px solid rgba(32,37,54,.12)}
.bi3d-process>div{min-width:0}.bi3d-process b{display:block;color:#724de0;font:800 11px var(--mono)}.bi3d-process span{display:block;margin:6px 0;font:800 11px var(--mono)}.bi3d-process p{margin:0;font-size:11px;color:#6d7180}.bi3d-process>i{font-style:normal;color:#8c78cf}
.cap-3d-icon,.about-3d-icon,.project-3d-icon,.db-3d-icon{border:0!important;background:transparent!important;box-shadow:none!important;object-fit:initial!important;overflow:visible!important;display:grid!important;place-items:center}
.cap-3d-icon{--bi3d-size:58px;width:58px;height:58px}.about-3d-icon{--bi3d-size:52px;width:52px;height:52px}.project-3d-icon{--bi3d-size:60px;width:60px;height:60px}.db-3d-icon{--bi3d-size:64px;width:64px;height:64px}
@media(max-width:1100px){.bi3d-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bi3d-process{grid-template-columns:repeat(5,1fr)}.bi3d-process>i{display:none}}
@media(max-width:800px){.bi3d-intro{grid-template-columns:1fr;padding:24px}.bi3d-feature{justify-items:start}.bi3d-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bi3d-card{padding:20px 12px}.bi3d-process{grid-template-columns:1fr 1fr;gap:18px}.bi3d-process>div:last-child{grid-column:1/-1}.bi3d-object{--bi3d-size:60px}}
@media(max-width:420px){.bi3d-grid{grid-template-columns:1fr 1fr}.bi3d-card h3{font-size:12px}.bi3d-card p{font-size:10px}}

/* V5 · PHASE B — INFORMATION HIERARCHY */
#projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#projects .project-card{min-height:390px}
.database-cta{margin-top:32px}
#lab .section-head,#creative-3d .section-head,#about .section-head,#status .section-head{max-width:980px}
#creative-3d .bi3d-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){#projects .project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#projects .project-grid{grid-template-columns:1fr}#projects .project-card{min-height:auto}}

/* V5 · PHASE C — CREATIVE TECH PROFESSIONAL */
#creative-3d{overflow:hidden}
.creative-focus{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:48px;align-items:center;padding:40px;border:1px solid rgba(111,76,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(245,247,255,.72));margin-bottom:32px}
.creative-focus-copy>span,.creative-skill span{font:800 10px var(--mono);letter-spacing:.14em;color:#704cdb}
.creative-focus h3{font-size:clamp(26px,3vw,42px);margin:8px 0 14px}
.creative-focus p{max-width:720px;line-height:1.7;margin:0}
.creative-focus-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.creative-focus-tags span{padding:7px 10px;border:1px solid rgba(32,37,54,.12);font:700 9px var(--mono);letter-spacing:.08em;color:#555b69;background:rgba(255,255,255,.55)}
.creative-focus-object{position:relative;width:min(300px,100%);aspect-ratio:1;margin:auto;perspective:700px}
.creative-core,.creative-orbit{position:absolute;display:grid;place-items:center;color:#171a25;filter:drop-shadow(0 14px 15px rgba(38,29,82,.16))}
.creative-core{inset:30%;border:1px solid rgba(111,76,255,.2);border-radius:28%;transform:rotate(-8deg);background:rgba(255,255,255,.42)}
.creative-core i{font-size:68px;text-shadow:2px 2px 0 #604ab5,4px 4px 0 #3372c8}
.creative-orbit{width:74px;height:74px;border:1px solid rgba(111,76,255,.14);border-radius:22px;background:rgba(255,255,255,.48)}
.creative-orbit i{font-size:40px;text-shadow:1px 1px 0 #604ab5,3px 3px 0 #3372c8}
.orbit-a{top:4%;left:16%;transform:rotate(-9deg)}.orbit-b{right:3%;top:38%;transform:rotate(8deg)}.orbit-c{bottom:5%;left:12%;transform:rotate(6deg)}
.creative-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.creative-skill{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:start;padding:26px;border:1px solid rgba(32,37,54,.11);background:rgba(255,255,255,.68);min-height:190px}
.creative-skill-icon{--bi3d-size:60px;width:64px;height:64px;margin:0}
.creative-skill h3{font-size:16px;margin:6px 0 9px}.creative-skill p{font-size:12px;line-height:1.6;color:#626878;margin:0 0 14px}.creative-skill small{font:700 9px var(--mono);letter-spacing:.06em;color:#343947}
.creative-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;background:rgba(32,37,54,.11);border:1px solid rgba(32,37,54,.11)}
.creative-proof>div{padding:26px;background:#f8f9fd}.creative-proof span{font:800 9px var(--mono);letter-spacing:.14em;color:#704cdb}.creative-proof b{display:block;margin:7px 0 9px;font-size:13px}.creative-proof p{margin:0;font-size:12px;line-height:1.6;color:#656b79}
.creative-evidence-note{display:flex;gap:16px;align-items:flex-start;margin-top:22px;padding:18px 22px;border-left:3px solid #704cdb;background:rgba(111,76,255,.05)}
.creative-evidence-note>i{font-size:20px;color:#704cdb}.creative-evidence-note b{font:800 10px var(--mono);letter-spacing:.1em}.creative-evidence-note p{margin:5px 0 0;font-size:12px;line-height:1.6;color:#626878}
@media(max-width:1050px){.creative-focus{grid-template-columns:1fr 280px}.creative-skills{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.creative-focus{grid-template-columns:1fr;padding:26px}.creative-focus-object{width:230px}.creative-skills{grid-template-columns:1fr}.creative-skill{min-height:auto}.creative-proof{grid-template-columns:1fr}.creative-evidence-note{margin-top:18px}}

/* V5 · PHASE E — MARKETING / CONTENT EVIDENCE */
.marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.marketing-grid article{padding:30px;border:1px solid rgba(32,37,54,.11);background:#fff;min-height:230px}.marketing-grid article>span{font:800 9px var(--mono);letter-spacing:.14em;color:#704cdb}.marketing-grid h3{margin:12px 0;font-size:18px}.marketing-grid p{font-size:13px;line-height:1.65;color:#626878}.marketing-grid small{font:700 9px var(--mono);letter-spacing:.06em;color:#343947}.marketing-cases{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;padding:32px;border:1px solid rgba(111,76,255,.15);background:linear-gradient(135deg,rgba(111,76,255,.04),rgba(51,114,200,.04))}.marketing-cases h3{margin:8px 0 10px}.marketing-cases p{line-height:1.65}.marketing-links{display:grid;gap:12px}.marketing-links a{display:flex;justify-content:space-between;gap:18px;padding:18px;border:1px solid rgba(32,37,54,.11);background:#fff;font:800 11px var(--mono)}.marketing-links a span{font-weight:600;color:#6b7180;text-align:right}@media(max-width:850px){.marketing-grid{grid-template-columns:1fr}.marketing-cases{grid-template-columns:1fr}.marketing-grid article{min-height:auto}}

/* V5 · PHASE E — PRODUCTION HARDENING */
.contact-direct{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.contact-direct a{display:grid;gap:5px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);min-width:260px}.contact-direct small{font:8px var(--mono);letter-spacing:.12em;color:#8f78c9}.contact-direct b{font:600 10px var(--mono)}
@media(max-width:760px){.section{width:100%!important;max-width:100%!important;margin-inline:0!important}.hero-copy,.hero-system{width:100%!important;max-width:100%!important}.hero-copy h1{font-size:clamp(2.9rem,14vw,4.5rem)!important;overflow-wrap:anywhere}.hero-copy .lead,.actions,.hero-pills{width:100%;max-width:100%}.core-orbit{max-width:100%}.boot-strip{max-width:100vw}.contact-direct{display:grid}.contact-direct a{min-width:0;width:100%}}
@media(max-width:760px){
 #status .section-head h2{font-size:clamp(2.25rem,11.5vw,3.65rem)!important;overflow-wrap:anywhere}
 #status .section-head h2 span{display:block;max-width:100%}
}

/* V5.1 — MORE LIFE, LIGHTER PROJECTS, REAL MARKETING WORK */
html{scroll-behavior:smooth}
.project-showcase{position:relative}
#projects{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f5f2ff 52%,#eef5ff 100%)!important}
#projects:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:90px;background:radial-gradient(circle,rgba(121,82,255,.16),transparent 68%);pointer-events:none}
#projects:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-180px;bottom:-100px;background:radial-gradient(circle,rgba(51,114,200,.12),transparent 68%);pointer-events:none}
#projects .project-card{position:relative;overflow:hidden;background:rgba(255,255,255,.82)!important;color:#171a25!important;border:1px solid rgba(74,61,122,.14)!important;box-shadow:0 20px 60px rgba(36,30,65,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
#projects .project-card:hover{transform:translateY(-10px);box-shadow:0 28px 70px rgba(55,39,117,.16);border-color:rgba(111,76,219,.34)!important}
#projects .project-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#7650db,#3977ca);transform:scaleX(.2);transform-origin:left;transition:transform .4s ease}
#projects .project-card:hover:before{transform:scaleX(1)}
#projects .project-card h3{font-size:clamp(26px,2.3vw,40px);margin:16px 0;color:#171a25}
#projects .project-card p{color:#5c6270;line-height:1.65}
.project-index{position:absolute;right:20px;top:14px;font:800 56px var(--mono);color:rgba(91,69,163,.07)}
.project-type{font:800 9px var(--mono);letter-spacing:.12em;color:#6d4fd0}
.project-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:24px 0}.project-flow span{padding:7px 9px;background:#f3f0ff;border:1px solid rgba(111,76,219,.13);font:700 9px var(--mono)}.project-flow i{font-style:normal;color:#8a8f9a}
#projects .project-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid rgba(25,28,40,.1);font:800 10px var(--mono);letter-spacing:.08em;color:#282d39}
#projects .project-card>a b{font-size:18px;transition:transform .25s ease}#projects .project-card:hover>a b{transform:translate(4px,-4px)}
.database-cta{background:linear-gradient(100deg,#171927,#25233d)!important;border:1px solid rgba(125,93,255,.28)!important}

.marketing-work{position:relative;overflow:hidden;background:#fff}
.marketing-work:before{content:"MARKETING";position:absolute;right:-30px;top:80px;font:900 clamp(80px,14vw,220px) var(--sans);letter-spacing:-.08em;color:rgba(94,65,187,.035);pointer-events:none}
.marketing-marquee{margin:0 calc(var(--page-pad)*-1) 42px;overflow:hidden;border-block:1px solid rgba(29,31,42,.1);background:#171927;color:#fff}
.marketing-marquee div{width:max-content;padding:13px 0;font:700 10px var(--mono);letter-spacing:.16em;animation:marketingTicker 24s linear infinite}
@keyframes marketingTicker{to{transform:translateX(-35%)}}
.marketing-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.marketing-case{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);min-height:310px;border:1px solid rgba(31,34,47,.12);background:#fafbfe;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.marketing-case:hover{transform:translateY(-7px);box-shadow:0 24px 65px rgba(36,30,65,.12)}
.marketing-case-main{grid-column:1/-1;grid-template-columns:1fr 1fr;min-height:390px}
.marketing-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;overflow:hidden;color:#fff;background:#171927;isolation:isolate}
.marketing-visual:before,.marketing-visual:after{content:"";position:absolute;border-radius:50%;z-index:-1;filter:blur(2px);transition:transform .5s ease}.marketing-visual:before{width:240px;height:240px;right:-50px;top:-50px;background:linear-gradient(135deg,rgba(127,74,255,.9),rgba(42,118,217,.5))}.marketing-visual:after{width:160px;height:160px;left:-50px;bottom:-50px;border:30px solid rgba(255,255,255,.07)}
.marketing-case:hover .marketing-visual:before{transform:scale(1.15) translate(-8px,8px)}
.marketing-visual>span{position:absolute;top:24px;left:26px;font:800 9px var(--mono);letter-spacing:.16em}.marketing-visual>i{position:absolute;right:28px;top:25px;font-size:28px}.marketing-visual>b{font-size:clamp(27px,3vw,48px);line-height:.92;letter-spacing:-.05em}.marketing-visual>small{margin-top:12px;font:700 9px var(--mono);letter-spacing:.12em}
.visual-kiongi:before{background:linear-gradient(135deg,rgba(131,63,232,.95),rgba(38,106,230,.7))}.visual-sanjose:before{background:linear-gradient(135deg,rgba(179,130,26,.9),rgba(62,39,35,.8))}.visual-moments:before{background:linear-gradient(135deg,rgba(232,87,150,.85),rgba(122,76,205,.75))}
.marketing-copy{padding:30px;display:flex;flex-direction:column;justify-content:center}.marketing-copy>span{font:800 9px var(--mono);letter-spacing:.13em;color:#704cdb}.marketing-copy h3{margin:9px 0 12px;font-size:20px}.marketing-copy p{margin:0;color:#646a78;line-height:1.65;font-size:13px}.marketing-copy>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.marketing-copy small{padding:6px 8px;border:1px solid rgba(31,34,47,.12);font:700 8px var(--mono)}
.marketing-note{margin-top:24px;padding:18px 22px;border-left:3px solid #704cdb;background:#f7f5ff}.marketing-note b{font:800 9px var(--mono);letter-spacing:.12em}.marketing-note p{margin:5px 0 0;font-size:12px;color:#666b77}
.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marketing-marquee div{animation:none!important}#projects .project-card,.marketing-case{transition:none}}
@media(max-width:900px){.marketing-gallery{grid-template-columns:1fr}.marketing-case-main{grid-column:auto}.marketing-case,.marketing-case-main{grid-template-columns:1fr 1fr}.marketing-visual{min-height:280px}}
@media(max-width:620px){.marketing-case,.marketing-case-main{grid-template-columns:1fr}.marketing-visual{min-height:270px}.marketing-copy{padding:24px}.marketing-marquee{margin-inline:-24px}}

/* V5.2 — NAVIGATION + BEHANCE-STYLE MARKETING */
.site-header{background:rgba(8,10,18,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}
.site-header .brand,.site-header .nav a,.site-header .system-status{position:relative;z-index:2}
.site-header .nav a{opacity:.72}.site-header .nav a:hover{opacity:1;color:#9d82ff}
.back-top{position:fixed;right:24px;bottom:24px;z-index:999;width:58px;height:58px;border:1px solid rgba(126,94,255,.35);background:rgba(13,15,25,.88);backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.2);transition:.25s}
.back-top span{font-size:20px;line-height:1}.back-top small{font:700 7px var(--mono);letter-spacing:.1em}.back-top:hover{transform:translateY(-5px);border-color:#8a69ff;background:#201b39}

.marketing-work{padding-inline:0!important;background:#f5f3ef!important;color:#15161d}
.marketing-work>.section-head,.mkt-index,.mkt-project,.mkt-footer{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.marketing-work>.section-head{padding-top:128px;padding-bottom:72px}
.mkt-index{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-block:1px solid #c9c6c0;font:700 9px var(--mono);letter-spacing:.12em}
.mkt-index i{font-style:normal;color:#7253d4}
.mkt-project{padding:90px 0;border-bottom:1px solid #c9c6c0}
.mkt-project header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;margin-bottom:28px}.mkt-project header span,.mkt-project header i{font:700 9px var(--mono);letter-spacing:.1em}.mkt-project header b{font-size:clamp(26px,4vw,58px);letter-spacing:-.05em}.mkt-project header i{text-align:right;font-style:normal}
.mkt-stage{display:grid;grid-template-columns:1.15fr .85fr;min-height:570px;background:#171927}.mkt-stage.reverse{grid-template-columns:.85fr 1.15fr}
.mkt-poster{position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate}.mkt-poster:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-180px;background:linear-gradient(135deg,#744fd8,#3478d3);z-index:-1;transition:transform .6s ease}.mkt-project:hover .mkt-poster:before{transform:scale(1.12) translate(-12px,12px)}
.mkt-poster small{position:absolute;top:38px;left:48px;font:800 10px var(--mono);letter-spacing:.15em}.mkt-poster strong{font-size:clamp(50px,7vw,104px);line-height:.8;letter-spacing:-.07em}.mkt-poster span{margin-top:24px;font:700 10px var(--mono);letter-spacing:.14em}
.mkt-story{padding:clamp(42px,6vw,88px);display:flex;flex-direction:column;justify-content:center;background:#fff}.mkt-story>small{font:800 9px var(--mono);letter-spacing:.16em;color:#7653d8}.mkt-story h3{font-size:clamp(28px,3vw,48px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 20px}.mkt-story p{font-size:14px;line-height:1.8;color:#60636b;max-width:560px}.mkt-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.mkt-tags span{border:1px solid #d9d6d0;padding:8px 10px;font:700 8px var(--mono)}
.mkt-kiongi .mkt-poster:before{background:linear-gradient(135deg,#813fe8,#246ee2)}.mkt-sanjose .mkt-poster:before{background:linear-gradient(135deg,#b3821a,#3e2723)}.mkt-moments .mkt-poster:before{background:linear-gradient(135deg,#e85c9b,#7952c7)}
.mkt-footer{padding:34px 0 128px;display:flex;justify-content:space-between;gap:40px}.mkt-footer span{font:800 9px var(--mono);letter-spacing:.12em}.mkt-footer p{max-width:650px;margin:0;font-size:12px;line-height:1.7;color:#686b72}

.contact-services{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border:1px solid rgba(255,255,255,.14)}.contact-services article{padding:22px;border-right:1px solid rgba(255,255,255,.12)}.contact-services article:last-child{border:0}.contact-services b{font:800 9px var(--mono);color:#9b7cff}.contact-services span{display:block;font-weight:800;margin:9px 0}.contact-services p{font-size:11px!important;opacity:.65;margin:0!important}.contact-direct a i{font-style:normal;font:800 8px var(--mono);letter-spacing:.08em}.contact-end{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);font:700 9px var(--mono);letter-spacing:.08em}.contact-end a{color:#fff}

@media(max-width:900px){.marketing-work>.section-head,.mkt-index,.mkt-project,.mkt-footer{width:min(100% - 48px,1320px)}.mkt-stage,.mkt-stage.reverse{grid-template-columns:1fr}.mkt-poster{min-height:520px}.mkt-project header{grid-template-columns:1fr}.mkt-project header i{text-align:left}.contact-services{grid-template-columns:1fr 1fr}.contact-services article:nth-child(2){border-right:0}.contact-services article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:620px){.marketing-work>.section-head,.mkt-index,.mkt-project,.mkt-footer{width:calc(100% - 40px)}.marketing-work>.section-head{padding-top:80px;padding-bottom:48px}.mkt-index{flex-direction:column}.mkt-project{padding:60px 0}.mkt-poster{min-height:420px;padding:28px}.mkt-poster small{left:28px;top:28px}.mkt-story{padding:32px 26px}.mkt-footer{flex-direction:column;padding-bottom:80px}.contact-services{grid-template-columns:1fr}.contact-services article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)!important}.contact-end{align-items:flex-start;flex-direction:column}.back-top{right:14px;bottom:14px;width:50px;height:50px}}

/* V5.3 — FINAL SPACING + HEADER SYSTEM */
:root{--layout-max:1440px;--layout-pad:clamp(24px,4vw,72px);--section-y:clamp(84px,8vw,128px);--header-h:72px}
html{scroll-padding-top:calc(var(--header-h) + 20px)}
body{overflow-x:hidden}
.section{padding-top:var(--section-y)!important;padding-bottom:var(--section-y)!important}
.section>.section-head{margin-bottom:clamp(44px,5vw,72px)!important}
.site-header{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;height:var(--header-h)!important;min-height:var(--header-h)!important;display:grid!important;grid-template-columns:150px minmax(0,1fr) 150px!important;align-items:center!important;padding:0 var(--layout-pad)!important;margin:0!important;background:rgba(11,13,22,.94)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-sizing:border-box!important}
.site-header .brand{font-size:18px!important;line-height:1!important;margin:0!important}
.site-header .nav{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(18px,2vw,34px)!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;background:none!important;transform:none!important;border:0!important}
.site-header .nav a{display:block!important;padding:27px 0 24px!important;margin:0!important;font:700 9px/1 var(--mono)!important;letter-spacing:.11em!important;color:rgba(232,234,244,.64)!important;border-bottom:2px solid transparent!important;white-space:nowrap!important}
.site-header .nav a:hover,.site-header .nav a:focus{color:#fff!important;border-bottom-color:#8265ef!important}
.site-header .system-status{justify-self:end!important;margin:0!important;font-size:8px!important;letter-spacing:.1em!important;white-space:nowrap!important}
.site-header .menu-toggle{display:none!important}
@media(max-width:1100px){.site-header{grid-template-columns:120px 1fr 120px!important}.site-header .nav{gap:16px!important}.site-header .nav a{font-size:8px!important}}
@media(max-width:900px){
.site-header{grid-template-columns:1fr auto!important;height:64px!important;min-height:64px!important;--header-h:64px}
.site-header .system-status{display:none!important}.site-header .menu-toggle{display:flex!important;position:static!important;width:42px!important;height:42px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.16)!important;background:transparent!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important}
.site-header .menu-toggle span{display:block;width:17px;height:1px;background:#fff}
.site-header .nav{display:none!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;padding:20px var(--layout-pad) 26px!important;background:rgba(11,13,22,.98)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important}
.site-header .nav.open{display:flex!important}.site-header .nav a{width:100%!important;padding:14px 0!important;font-size:10px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
}
@media(max-width:620px){:root{--layout-pad:20px;--section-y:72px}.section>.section-head{margin-bottom:38px!important}}

/* V5.4 — remove legacy duplicate marketing block */
#marketing-content{display:none!important}

/* V5.6 · REAL WORK SHOWCASE */
.marketing-work{background:#f4f2ed;color:#10131a;overflow:hidden;position:relative;padding-block:clamp(88px,9vw,150px)}
.marketing-work:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(82,93,120,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(82,93,120,.07) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.mkt-hero,.mkt-index,.showcase,.mkt-footer{position:relative;z-index:1;max-width:1320px;margin-inline:auto;padding-inline:clamp(24px,5vw,72px)}
.mkt-hero{max-width:1120px;margin-left:max(calc((100vw - 1320px)/2),0px);padding-bottom:clamp(48px,6vw,88px)}
.mkt-hero h2{font-size:clamp(54px,8vw,124px);line-height:.84;letter-spacing:-.065em;margin:16px 0 28px;color:#0b0e15}
.mkt-hero h2 span{background:linear-gradient(90deg,#7c4dff,#258bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mkt-hero>p:last-child{max-width:720px;font-size:clamp(16px,1.35vw,20px);line-height:1.7;color:#555e70}
.mkt-index{display:flex;justify-content:space-between;gap:20px;border-block:1px solid #cfd2da;padding-block:16px;font:700 11px/1.2 var(--mono,monospace);letter-spacing:.12em;color:#5c6372}
.showcase{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(34px,5vw,80px);padding-top:clamp(86px,10vw,150px);padding-bottom:clamp(86px,10vw,150px);border-bottom:1px solid #d7d9df}
.showcase-copy{position:sticky;top:110px;align-self:start}
.showcase-no{display:block;font:800 clamp(42px,5vw,76px)/1 var(--mono,monospace);color:#d7d9e2;margin-bottom:24px}
.showcase-copy h3{font-size:clamp(38px,4vw,64px);line-height:.95;letter-spacing:-.045em;margin:10px 0 20px;color:#0b0e15}
.showcase-copy>p:not(.micro){font-size:16px;line-height:1.65;color:#5c6475}
.marketing-work .micro{color:#7650ff;font-size:11px;letter-spacing:.18em;font-weight:800}
.marketing-work .mkt-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.marketing-work .mkt-tags span{border:1px solid #c9ccd5;padding:8px 10px;font:700 9px/1 var(--mono,monospace);letter-spacing:.12em;background:rgba(255,255,255,.55)}
.showcase-canvas{min-width:0;position:relative;display:grid;gap:18px}.media-card{margin:0;overflow:hidden;background:#0b0d14;box-shadow:0 22px 60px rgba(26,30,42,.13);position:relative}.media-card img,.media-card video{display:block;width:100%;height:100%;object-fit:cover}.media-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.media-card:hover img{transform:scale(1.025)}
.sj-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(110px,auto)}.sj-grid .media-wide{grid-column:1/-1}.sj-grid .media-square:nth-of-type(2){grid-column:1/7}.sj-grid .media-square:nth-of-type(3){grid-column:7/-1}.sj-grid .media-video:nth-of-type(4){grid-column:2/7}.sj-grid .media-video:nth-of-type(5){grid-column:7/12}
.kg-grid{grid-template-columns:repeat(12,1fr)}.kg-grid .media-wide{grid-column:1/-1}.kg-grid .media-portrait:nth-of-type(2){grid-column:1/5}.kg-grid .media-portrait:nth-of-type(3){grid-column:5/9}.kg-grid .media-portrait:nth-of-type(4){grid-column:9/-1}.kg-grid .feature-video{grid-column:5/9;margin-top:18px}
.phone-frame{aspect-ratio:9/16;border-radius:26px;border:8px solid #10131a;box-shadow:0 30px 70px rgba(14,17,25,.25)}.video-toggle{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(5,7,12,.72);color:#fff;backdrop-filter:blur(8px);cursor:pointer}.phone-frame.is-playing .video-toggle{opacity:.25}.phone-frame:hover .video-toggle{opacity:1}
.rjhu-grid{grid-template-columns:repeat(12,1fr);align-items:start}.rjhu-grid .tall-video{grid-column:1/5}.rjhu-grid .offset{grid-column:5/9;margin-top:90px}.editorial-quote{grid-column:9/-1;align-self:center;padding:30px 0}.editorial-quote small{font:700 10px var(--mono,monospace);letter-spacing:.18em;color:#7650ff}.editorial-quote strong{display:block;font-size:clamp(30px,3vw,52px);line-height:.95;margin:16px 0}.editorial-quote p{color:#5d6574;line-height:1.6}
.moments-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 4px 30px;scrollbar-width:thin}.moments-strip figure{flex:0 0 min(330px,72vw);margin:0;scroll-snap-align:center;box-shadow:0 20px 50px rgba(25,29,40,.12);transition:transform .35s ease}.moments-strip figure:nth-child(even){transform:translateY(28px)}.moments-strip figure:hover{transform:translateY(-8px) rotate(-.5deg)}.moments-strip figure:nth-child(even):hover{transform:translateY(18px) rotate(.5deg)}.moments-strip img{display:block;width:100%;height:auto}
.yamile-grid{grid-template-columns:1fr;gap:26px}.yamile-grid .media-card{border:1px solid #dddfe5}.mkt-footer{padding-top:48px;padding-bottom:12px;display:flex;justify-content:space-between;gap:30px;font-size:13px;color:#626a78}.mkt-footer span{font:800 10px var(--mono,monospace);letter-spacing:.14em;color:#111722}.mkt-footer p{max-width:620px;margin:0}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.drift-a{transform:translateY(var(--mkt-drift-a,0px))}.drift-b{transform:translateY(var(--mkt-drift-b,0px))}.drift-c{transform:translateY(var(--mkt-drift-c,0px))}.drift-d{transform:translateY(var(--mkt-drift-d,0px))}}
@media(max-width:900px){.showcase{grid-template-columns:1fr}.showcase-copy{position:relative;top:auto}.sj-grid .media-square:nth-of-type(2),.sj-grid .media-square:nth-of-type(3){grid-column:span 6}.sj-grid .media-video:nth-of-type(4){grid-column:2/7}.sj-grid .media-video:nth-of-type(5){grid-column:7/12}.kg-grid .media-portrait:nth-of-type(2),.kg-grid .media-portrait:nth-of-type(3),.kg-grid .media-portrait:nth-of-type(4){grid-column:span 4}.rjhu-grid .tall-video{grid-column:1/6}.rjhu-grid .offset{grid-column:6/11;margin-top:60px}.editorial-quote{grid-column:1/-1}.mkt-footer{flex-direction:column}}
@media(max-width:620px){.mkt-index{align-items:flex-start;flex-direction:column}.showcase{padding-inline:20px}.sj-grid,.kg-grid,.rjhu-grid{display:grid;grid-template-columns:1fr 1fr}.sj-grid .media-wide,.kg-grid .media-wide,.yamile-grid .media-wide,.editorial-quote{grid-column:1/-1}.sj-grid .media-square:nth-of-type(2),.sj-grid .media-square:nth-of-type(3),.sj-grid .media-video:nth-of-type(4),.sj-grid .media-video:nth-of-type(5),.kg-grid .media-portrait:nth-of-type(2),.kg-grid .media-portrait:nth-of-type(3),.kg-grid .media-portrait:nth-of-type(4),.kg-grid .feature-video,.rjhu-grid .tall-video,.rjhu-grid .offset{grid-column:auto;margin-top:0}.kg-grid .media-portrait:nth-of-type(4),.kg-grid .feature-video{grid-column:span 1}.showcase-copy h3{font-size:42px}.mkt-hero h2{font-size:56px}}
/* legibility pass */
.profile-capabilities p,.status-card p,.contact-services p,.project-card p,.creative-proof p{font-size:max(14px,0.92rem);line-height:1.55}.profile-capabilities header span,.status-card header span,.status-card footer,.contact-services article b,.contact-services article span{opacity:.88}.micro{min-font-size:10px}.theme-contact .contact-copy p{color:rgba(255,255,255,.78)}

/* V5.6 + supplied marketing content only */
.rjhu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.presentation-video,.sanjose-serie{position:relative}
.presentation-video figcaption,.sanjose-serie figcaption{position:absolute;left:14px;bottom:14px;z-index:4;padding:7px 9px;background:rgba(7,9,17,.84);border:1px solid rgba(255,255,255,.18);color:#fff;font:600 9px/1.2 var(--mono);letter-spacing:.12em}
.moments-slider{position:relative;padding:10px 64px 42px}.moments-strip{scrollbar-width:none;padding:16px 4px 34px}.moments-strip::-webkit-scrollbar{display:none}.moments-strip figure{flex:0 0 clamp(260px,30vw,390px)}
.slider-arrow{position:absolute;top:46%;z-index:8;width:46px;height:46px;border:1px solid rgba(91,69,255,.35);background:rgba(255,255,255,.94);color:#11131c;font-size:22px;cursor:pointer;display:grid;place-items:center;box-shadow:0 12px 34px rgba(22,18,55,.12);transition:transform .2s ease,border-color .2s ease}.slider-arrow:hover{transform:scale(1.06);border-color:#7456ff}.slider-prev{left:4px}.slider-next{right:4px}.slider-dots{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;gap:8px;align-items:center}.slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#c7c3d5;cursor:pointer;transition:width .25s ease,background .25s ease}.slider-dots button.is-active{width:28px;background:#7456ff}
@media(max-width:900px){.rjhu-grid{grid-template-columns:1fr 1fr}.presentation-video{grid-column:1/-1;max-width:420px}.moments-slider{padding-inline:46px}.slider-arrow{width:38px;height:38px}}
@media(max-width:620px){.rjhu-grid{grid-template-columns:1fr}.presentation-video{grid-column:auto}.moments-slider{padding-inline:34px}.moments-strip figure{flex-basis:82vw}.slider-arrow{width:34px;height:34px;font-size:18px}}

/* FINAL · V5.6 visual base — marketing integration fixes only */
#marketing.marketing-work{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* San José: explicit placement so added media never collapses into a narrow column */
.sj-grid .sanjose-extra{grid-column:1/-1!important}
.sj-grid .media-square{grid-column:span 6!important}
.sj-grid .media-video{grid-column:span 4!important;width:100%;min-width:0}
.sj-grid .sanjose-serie{grid-column:span 4!important}

/* Keep supplied vertical videos controlled and proportional */
.sj-grid .phone-frame,.kg-grid .phone-frame,.rjhu-grid .phone-frame{width:100%;max-width:430px;justify-self:center}

@media(max-width:900px){
  .sj-grid .media-video,.sj-grid .sanjose-serie{grid-column:span 6!important}
  .sj-grid .sanjose-serie{grid-column:4/10!important}
}
@media(max-width:620px){
  #marketing.marketing-work{width:100%!important;margin:0!important}
  .sj-grid{grid-template-columns:1fr!important}
  .sj-grid .media-wide,.sj-grid .sanjose-extra,.sj-grid .media-square,.sj-grid .media-video,.sj-grid .sanjose-serie{grid-column:1/-1!important}
  .sj-grid .phone-frame{max-width:360px}
}

/* FINAL QA · compact rhythm + complete carousel + local 3D icons */
.icon-img{display:grid!important;place-items:center!important;overflow:visible!important}
.icon-img img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(78,55,180,.18))}
.cap-3d-icon.icon-img{width:72px!important;height:72px!important;margin-bottom:16px!important}
.creative-skill-icon.icon-img{width:92px!important;height:92px!important;flex:0 0 92px!important}
.marketing-work{padding-block:clamp(64px,6vw,96px)!important}
.mkt-hero{padding-bottom:clamp(32px,4vw,52px)!important}
.showcase{padding-top:clamp(58px,6vw,88px)!important;padding-bottom:clamp(58px,6vw,88px)!important}
.showcase-no{margin-bottom:14px!important}
.mkt-footer{padding-top:30px!important}
.showcase-moments{align-items:start}
.moments-slider{min-width:0;width:100%;overflow:hidden;padding:8px 56px 36px!important}
.moments-strip{width:100%;gap:16px;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:8px 0 20px!important}
.moments-strip figure{flex:0 0 min(100%,520px)!important;scroll-snap-align:center;transform:none!important}
.moments-strip figure:hover{transform:translateY(-4px)!important}
.moments-strip img{width:100%;height:auto;max-height:650px;object-fit:contain;background:#fff}
.slider-arrow{top:50%!important;transform:translateY(-50%)}
.slider-arrow:hover{transform:translateY(-50%) scale(1.06)!important}
@media(max-width:900px){.showcase{padding-top:54px!important;padding-bottom:54px!important}.creative-skill-icon.icon-img{width:78px!important;height:78px!important;flex-basis:78px!important}.moments-strip figure{flex-basis:100%!important}}
@media(max-width:620px){.marketing-work{padding-block:54px!important}.showcase{padding-top:44px!important;padding-bottom:44px!important}.moments-slider{padding-inline:38px!important}.moments-strip figure{flex-basis:100%!important}.cap-3d-icon.icon-img{width:60px!important;height:60px!important}}

/* FINAL CONTENT PASS · KIONGI + RJHU + avatar continuity */
.section-head-avatar{position:relative;isolation:isolate}
.section-avatar{position:absolute;right:-28px;bottom:-8px;width:clamp(92px,10vw,150px);height:clamp(116px,13vw,190px);margin:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.88;filter:drop-shadow(0 18px 28px rgba(43,32,91,.16))}
.section-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;mask-image:linear-gradient(#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(#000 72%,transparent 100%)}
.section-head-avatar>p,.section-head-avatar>h2{position:relative;z-index:1}
.section-avatar.avatar-right{right:0;bottom:-24px;opacity:.72}
.marketing-head-avatar{right:2vw;bottom:22px;width:clamp(110px,13vw,190px);height:clamp(145px,17vw,245px);opacity:.7}
.contact{position:relative;overflow:hidden}.contact-avatar{right:4vw;top:44px;bottom:auto;width:clamp(120px,15vw,210px);height:clamp(160px,20vw,280px);opacity:.18;filter:none}.contact-avatar img{mask-image:linear-gradient(#000 60%,transparent);-webkit-mask-image:linear-gradient(#000 60%,transparent)}

/* KIONGI: one clear hierarchy — web, real reels, supplied carousel */
.kg-editorial{grid-template-columns:1fr!important;gap:28px!important}.kg-editorial .kg-web{grid-column:1!important}.kg-video-pair{display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:clamp(18px,3vw,36px);align-items:start}.kg-video-pair .phone-frame{max-width:360px!important;width:100%;margin:0}.kg-video-pair figcaption,.rjhu-editorial figcaption{position:absolute;left:14px;bottom:14px;z-index:4;padding:7px 9px;background:rgba(7,9,17,.84);border:1px solid rgba(255,255,255,.18);color:#fff;font:600 9px/1.2 var(--mono);letter-spacing:.1em}.kg-carousel{width:100%;margin-top:4px}.kg-carousel .moments-strip figure{flex-basis:min(100%,500px)!important}.kg-carousel .moments-strip img{max-height:620px!important}

/* RJHU: avatar anchors the identity, reels follow a clean editorial grid */
.rjhu-editorial{display:grid!important;grid-template-columns:minmax(120px,.55fr) repeat(3,minmax(0,1fr))!important;gap:clamp(16px,2vw,26px)!important;align-items:center!important}.rjhu-editorial .marketing-avatar{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2/3;align-self:center;opacity:.92}.rjhu-editorial .marketing-avatar img{object-position:50% 16%}.rjhu-editorial .tall-video{grid-column:auto!important;margin:0!important;max-width:320px!important;justify-self:center}.rjhu-editorial .editorial-quote{grid-column:1/-1!important;padding:22px 0 0!important;border-top:1px solid #d7d9df}

/* tighter, calmer marketing rhythm */
.showcase-kiongi,.showcase-rjhu{padding-top:clamp(50px,5vw,72px)!important;padding-bottom:clamp(50px,5vw,72px)!important}
@media(max-width:980px){.rjhu-editorial{grid-template-columns:150px 1fr 1fr!important}.rjhu-editorial .marketing-avatar{grid-row:1/3}.rjhu-editorial .tall-video{max-width:300px!important}.rjhu-editorial .tall-video:nth-of-type(4){grid-column:2/3!important}.rjhu-editorial .editorial-quote{grid-column:1/-1!important}}
@media(max-width:700px){.section-avatar:not(.marketing-avatar){width:84px;height:112px;right:0;bottom:-2px;opacity:.45}.marketing-head-avatar{bottom:12px!important}.contact-avatar{top:30px!important;right:10px!important;opacity:.12!important}.kg-video-pair{grid-template-columns:1fr 1fr;gap:12px}.kg-video-pair .phone-frame{border-width:5px;border-radius:20px}.rjhu-editorial{grid-template-columns:1fr 1fr!important}.rjhu-editorial .marketing-avatar{grid-column:1/-1!important;grid-row:auto;width:120px;height:165px;justify-self:center}.rjhu-editorial .tall-video,.rjhu-editorial .tall-video:nth-of-type(4){grid-column:auto!important;max-width:100%!important}.rjhu-editorial .editorial-quote{grid-column:1/-1!important}.kg-carousel .moments-strip figure{flex-basis:100%!important}}

/* RJHU Lorraine · identidad final */
.brand-logo{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}
.brand-logo img{display:block;width:auto;height:36px;object-fit:contain}
.site-header .brand-logo img{height:32px;max-width:154px}
.footer-logo img{height:44px;max-width:210px}
.social-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 34px}
.social-links a{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid var(--line);background:rgba(10,12,19,.52);font:600 9px var(--mono);letter-spacing:.05em;color:#9aa4b7;transition:.25s}
.social-links a i{font-size:15px;color:var(--p)}
.social-links a:hover{color:#fff;border-color:#6650a2;transform:translateY(-2px);background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(59,130,246,.08))}
@media(max-width:760px){.site-header .brand-logo img{height:27px;max-width:128px}.footer-logo img{height:34px;max-width:170px}.social-links{gap:8px}.social-links a{padding:10px 11px}.social-links a span{font-size:8px}}

/* FINAL BRAND — logo oficial visible en la apertura */
.hero-official-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 34px;max-width:520px}
.hero-official-brand img{display:block;width:min(100%,470px);height:auto;object-fit:contain;filter:drop-shadow(0 14px 34px rgba(99,73,255,.12))}
.hero-official-brand span{font:600 8px var(--mono);letter-spacing:.18em;color:#687287;text-transform:uppercase}
@media(max-width:900px){.hero-official-brand{max-width:460px;margin-bottom:30px}.hero-official-brand img{width:min(100%,420px)}}
@media(max-width:560px){.hero-official-brand{margin-bottom:25px}.hero-official-brand img{width:min(100%,340px)}.hero-official-brand span{font-size:7px;line-height:1.6}}


/* === AVATAR MASTER PACK · FINAL INTEGRATION 2026-10-06 === */
.hero-system.hero-avatar-integrated{min-height:620px}
.hero-avatar-stage{position:relative;height:clamp(340px,38vw,430px);overflow:hidden;border-bottom:1px solid var(--line);background:#090c14;isolation:isolate}
.hero-avatar-stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 52%,rgba(5,7,12,.35) 76%,rgba(5,7,12,.94) 100%),linear-gradient(90deg,rgba(154,102,255,.08),transparent 30%,transparent 70%,rgba(58,168,255,.08))}
.hero-avatar-stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 55px rgba(91,61,169,.16)}
.hero-avatar-stage>img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;filter:saturate(.96) contrast(1.02)}
.hero-avatar-ui{position:absolute;z-index:4;left:18px;right:18px;bottom:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:end;padding:12px 14px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(90deg,rgba(5,7,13,.86),rgba(9,11,21,.48));backdrop-filter:blur(12px);font-family:var(--mono)}
.hero-avatar-ui span{grid-row:1/3;color:#bfa8ff;font-size:9px;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-avatar-ui b{font-size:13px;letter-spacing:.08em;color:#fff}.hero-avatar-ui small{font-size:8px;letter-spacing:.1em;color:#8d98ad}
.hero-scanline{position:absolute;z-index:5;left:0;right:0;top:-2px;height:1px;background:linear-gradient(90deg,transparent,rgba(154,102,255,.9),rgba(58,168,255,.9),transparent);animation:avatarScan 7s linear infinite;opacity:.46}@keyframes avatarScan{to{top:100%}}
.hero-system .role-switcher{background:rgba(6,8,14,.78)}

/* Section avatars use the same identity but a context-specific scene. */
.section-avatar{border-radius:16px;border:1px solid rgba(126,91,218,.18);background:#0c0f19;box-shadow:0 18px 42px rgba(44,30,93,.14);opacity:.94!important}
.section-avatar img{object-position:50% 24%!important;filter:saturate(.94) contrast(1.02)}
.avatar-development img{object-position:50% 25%!important}.avatar-creative-tech img{object-position:50% 25%!important}.avatar-strategy img{object-position:50% 24%!important}.avatar-content img{object-position:50% 24%!important}
.rjhu-editorial .marketing-avatar{border-radius:20px;overflow:hidden;border:1px solid rgba(124,86,225,.24);box-shadow:0 26px 60px rgba(42,29,87,.16);background:#111422}
.rjhu-editorial .marketing-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 24%!important;mask-image:linear-gradient(#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(#000 90%,transparent 100%)}

/* About: warm human variation, still inside the same visual system. */
#about .avatar-official{border-radius:22px;overflow:hidden;border:1px solid rgba(121,86,211,.16);box-shadow:0 28px 70px rgba(45,34,78,.12);background:#ede9f7}
#about .avatar-official img{width:100%;height:600px!important;min-height:560px!important;object-fit:cover;object-position:50% 30%!important;display:block}
#about .avatar-official figcaption{background:linear-gradient(90deg,#161421,#24213b);color:#dcd7ec;border-top:1px solid rgba(255,255,255,.12)}

/* Contact: use the full-body Avatar Master as a secondary visual, never over the copy. */
#contact{position:relative;isolation:isolate}
#contact .contact-copy{position:relative;z-index:2}
#contact .contact-avatar{right:max(4vw,calc((100vw - 1320px)/2));top:96px;width:clamp(230px,23vw,340px);height:clamp(340px,37vw,520px);opacity:.46!important;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 32px 90px rgba(0,0,0,.25);overflow:hidden;z-index:1}
#contact .contact-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 44%!important;mask-image:linear-gradient(#000 74%,transparent 100%)!important;-webkit-mask-image:linear-gradient(#000 74%,transparent 100%)!important}
@media(min-width:1000px){#contact .contact-copy{max-width:calc(100% - 330px);padding-right:24px}}

@media(max-width:900px){
 .hero-avatar-stage{height:min(108vw,520px)}
 .hero-avatar-ui{left:12px;right:12px;bottom:12px}
 #contact .contact-avatar{position:relative;right:auto;top:auto;bottom:auto;width:min(260px,62vw);height:auto;aspect-ratio:4/5;margin:0 auto 32px;opacity:.66!important}
 #contact .contact-copy{max-width:none!important;padding-right:0!important}
}
@media(max-width:620px){
 .section-head-avatar .section-avatar{width:92px;height:124px;right:0;bottom:4px;opacity:.72!important}
 .marketing-head-avatar{width:100px!important;height:138px!important}
 .rjhu-editorial .marketing-avatar{display:none!important}
 #about .avatar-official img{height:auto!important;min-height:0!important;aspect-ratio:4/5}
 .hero-avatar-stage{height:118vw;max-height:500px}
 .hero-avatar-ui b{font-size:11px}.hero-avatar-ui small{font-size:7px}
}


/* === AVATAR MASTER · LARGE VISUAL PASS 2026-10-06 ===
   Avatars are key portfolio visuals, not decorative thumbnails. */
@media (min-width:901px){
  .hero-system.hero-avatar-integrated{min-height:760px}
  .hero-avatar-stage{height:clamp(470px,46vw,575px)}

  .section-head-avatar{
    min-height:clamp(270px,25vw,350px);
    padding-right:clamp(240px,25vw,340px);
  }
  .section-head-avatar .section-avatar:not(.marketing-avatar){
    right:0;
    bottom:-24px;
    width:clamp(220px,20vw,300px);
    height:clamp(278px,25vw,378px);
    opacity:.98!important;
    box-shadow:0 28px 70px rgba(44,30,93,.22);
  }
  .section-head-avatar .marketing-head-avatar{
    right:0;
    bottom:-30px;
    width:clamp(250px,23vw,340px)!important;
    height:clamp(315px,29vw,425px)!important;
    opacity:.98!important;
  }

  .rjhu-editorial{
    grid-template-columns:minmax(220px,.82fr) repeat(3,minmax(0,1fr))!important;
  }
  .rjhu-editorial .marketing-avatar{
    min-width:220px;
    max-width:290px;
    justify-self:center;
    opacity:1!important;
  }

  #about .profile-panel{
    grid-template-columns:minmax(430px,.95fr) 1.05fr;
    gap:clamp(42px,5vw,72px);
  }
  #about .avatar-official{
    width:100%;
    max-width:none;
    min-height:640px;
    max-height:none;
  }
  #about .avatar-official img{
    height:680px!important;
    min-height:640px!important;
  }

  #contact .contact-avatar{
    right:max(3vw,calc((100vw - 1320px)/2));
    top:72px;
    width:clamp(390px,31vw,480px);
    height:clamp(520px,43vw,650px);
    opacity:.86!important;
  }
  #contact .contact-copy{
    max-width:calc(100% - 470px);
    padding-right:38px;
  }
}

@media (min-width:621px) and (max-width:900px){
  .hero-system.hero-avatar-integrated{min-height:700px}
  .hero-avatar-stage{height:min(82vw,620px)}
  .section-head-avatar{min-height:245px;padding-right:205px}
  .section-head-avatar .section-avatar:not(.marketing-avatar){
    width:185px;height:235px;right:0;bottom:-10px;opacity:.96!important;
  }
  .section-head-avatar .marketing-head-avatar{width:200px!important;height:252px!important;opacity:.96!important}
  .rjhu-editorial{grid-template-columns:190px 1fr 1fr!important}
  .rjhu-editorial .marketing-avatar{width:190px!important;max-width:190px!important;display:block!important}
  #contact .contact-avatar{width:min(430px,78vw);opacity:.86!important}
}

@media (max-width:620px){
  .hero-system.hero-avatar-integrated{min-height:650px}
  .hero-avatar-stage{height:min(128vw,560px);max-height:560px}

  .section-head-avatar{min-height:0!important;padding-right:0!important}
  .section-head-avatar .section-avatar:not(.marketing-avatar),
  .section-head-avatar .marketing-head-avatar{
    position:relative!important;
    inset:auto!important;
    width:min(58vw,220px)!important;
    height:auto!important;
    aspect-ratio:4/5;
    margin:0 0 24px auto!important;
    opacity:.98!important;
    display:block!important;
  }

  .rjhu-editorial{grid-template-columns:1fr 1fr!important}
  .rjhu-editorial .marketing-avatar{
    display:block!important;
    grid-column:1/-1!important;
    grid-row:auto!important;
    width:min(58vw,220px)!important;
    max-width:220px!important;
    height:auto!important;
    aspect-ratio:4/5;
    justify-self:center;
    margin-bottom:8px;
    opacity:1!important;
  }

  #about .avatar-official{width:100%!important;max-width:none!important}
  #about .avatar-official img{aspect-ratio:4/5;height:auto!important;min-height:0!important}

  #contact .contact-avatar{
    width:min(88vw,350px)!important;
    opacity:.9!important;
    margin-bottom:38px!important;
  }
}


/* === AVATAR MASTER · FINAL PRO VISUAL FRAMING PASS 2026-10-06 ===
   Goal: stronger presence, tighter framing, more editorial crop. */
.hero-avatar-stage>img{object-position:50% 18%!important}
.section-avatar img{object-position:50% 18%!important}
.avatar-development img{object-position:50% 16%!important}
.avatar-creative-tech img{object-position:50% 17%!important}
.avatar-strategy img{object-position:50% 17%!important}
.avatar-content img{object-position:50% 17%!important}
#about .avatar-official img{object-position:50% 22%!important}
#contact .contact-avatar img{object-position:50% 30%!important}
.rjhu-editorial .marketing-avatar img{object-position:50% 18%!important}

@media (min-width:901px){
  .hero-system.hero-avatar-integrated{min-height:820px!important}
  .hero-avatar-stage{height:clamp(520px,50vw,640px)!important}

  .section-head-avatar{
    min-height:clamp(320px,28vw,410px)!important;
    padding-right:clamp(285px,29vw,390px)!important;
  }
  .section-head-avatar .section-avatar:not(.marketing-avatar){
    width:clamp(260px,23vw,340px)!important;
    height:clamp(325px,29vw,425px)!important;
    right:0!important;
    bottom:-10px!important;
  }
  .section-head-avatar .marketing-head-avatar{
    width:clamp(290px,26vw,380px)!important;
    height:clamp(360px,33vw,470px)!important;
    right:0!important;
    bottom:-10px!important;
  }

  .rjhu-editorial{grid-template-columns:minmax(250px,.95fr) repeat(3,minmax(0,1fr))!important;gap:clamp(18px,2.2vw,30px)!important}
  .rjhu-editorial .marketing-avatar{
    min-width:250px!important;
    max-width:320px!important;
  }

  #about .profile-panel{grid-template-columns:minmax(470px,1fr) 1.02fr!important;gap:clamp(44px,5vw,76px)!important}
  #about .avatar-official{min-height:700px!important}
  #about .avatar-official img{height:740px!important;min-height:700px!important}

  #contact .contact-avatar{
    width:clamp(430px,34vw,560px)!important;
    height:clamp(560px,46vw,760px)!important;
    top:58px!important;
    opacity:.92!important;
  }
  #contact .contact-copy{max-width:calc(100% - 520px)!important;padding-right:46px!important}
}

@media (min-width:621px) and (max-width:900px){
  .hero-system.hero-avatar-integrated{min-height:740px!important}
  .hero-avatar-stage{height:min(88vw,660px)!important}
  .section-head-avatar{min-height:285px!important;padding-right:235px!important}
  .section-head-avatar .section-avatar:not(.marketing-avatar){width:210px!important;height:270px!important;bottom:-6px!important}
  .section-head-avatar .marketing-head-avatar{width:230px!important;height:295px!important;bottom:-6px!important}
  .rjhu-editorial{grid-template-columns:220px 1fr 1fr!important}
  .rjhu-editorial .marketing-avatar{width:220px!important;max-width:220px!important}
  #about .avatar-official img{height:650px!important;min-height:600px!important}
  #contact .contact-avatar{width:min(470px,82vw)!important}
}

@media (max-width:620px){
  .hero-system.hero-avatar-integrated{min-height:680px!important}
  .hero-avatar-stage{height:min(132vw,590px)!important;max-height:590px!important}
  .section-head-avatar .section-avatar:not(.marketing-avatar),
  .section-head-avatar .marketing-head-avatar{
    width:min(64vw,250px)!important;
    margin:0 0 26px auto!important;
  }
  .rjhu-editorial .marketing-avatar{
    width:min(64vw,250px)!important;
    max-width:250px!important;
  }
  #about .avatar-official img{aspect-ratio:4/5;height:auto!important;min-height:0!important;object-position:50% 20%!important}
  #contact .contact-avatar{width:min(92vw,390px)!important;margin-bottom:42px!important}
}


/* === FINAL QA · MARKETING HERO COMPOSITION 2026-10-06 ===
   Keep the strategy avatar large without covering the headline. */
@media (min-width:1000px){
  #marketing .mkt-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(320px,390px)!important;
    grid-template-areas:"micro avatar" "title avatar" "copy avatar"!important;
    column-gap:clamp(42px,5vw,76px)!important;
    align-items:center!important;
    max-width:1320px!important;
    width:100%!important;
    margin-inline:auto!important;
    padding-inline:clamp(24px,5vw,72px)!important;
    padding-right:clamp(24px,5vw,72px)!important;
    min-height:0!important;
    padding-bottom:clamp(46px,5vw,72px)!important;
  }
  #marketing .mkt-hero>.micro{grid-area:micro;align-self:end;margin-bottom:4px!important}
  #marketing .mkt-hero>h2{grid-area:title;font-size:clamp(64px,6.2vw,108px)!important;line-height:.86!important;max-width:790px!important;margin:14px 0 26px!important}
  #marketing .mkt-hero>p:last-child{grid-area:copy;max-width:720px!important;margin:0!important}
  #marketing .mkt-hero .marketing-head-avatar{
    grid-area:avatar!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/5!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
    opacity:1!important;
    border-radius:22px!important;
    box-shadow:0 28px 74px rgba(53,43,94,.20)!important;
  }
  #marketing .mkt-hero .marketing-head-avatar img{object-position:50% 16%!important;mask-image:none!important;-webkit-mask-image:none!important}
}

@media (min-width:621px) and (max-width:999px){
  #marketing .mkt-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 230px!important;
    grid-template-areas:"micro avatar" "title avatar" "copy avatar"!important;
    gap:16px 28px!important;
    align-items:center!important;
    padding-right:24px!important;
    min-height:0!important;
  }
  #marketing .mkt-hero>.micro{grid-area:micro}
  #marketing .mkt-hero>h2{grid-area:title;font-size:clamp(54px,8vw,76px)!important;line-height:.87!important;margin:10px 0 18px!important}
  #marketing .mkt-hero>p:last-child{grid-area:copy;margin:0!important}
  #marketing .mkt-hero .marketing-head-avatar{grid-area:avatar!important;position:relative!important;inset:auto!important;width:230px!important;height:auto!important;aspect-ratio:4/5!important;margin:0!important;opacity:1!important}
  #marketing .mkt-hero .marketing-head-avatar img{object-position:50% 16%!important;mask-image:none!important;-webkit-mask-image:none!important}
}

@media (max-width:620px){
  #marketing .mkt-hero{display:flex!important;flex-direction:column!important;padding-right:20px!important;padding-left:20px!important}
  #marketing .mkt-hero>.micro{order:1}
  #marketing .mkt-hero>h2{order:2;font-size:clamp(48px,15vw,62px)!important;line-height:.88!important;margin:12px 0 22px!important}
  #marketing .mkt-hero .marketing-head-avatar{order:3!important;width:min(78vw,300px)!important;margin:0 auto 28px!important;aspect-ratio:4/5!important}
  #marketing .mkt-hero .marketing-head-avatar img{object-position:50% 16%!important;mask-image:none!important;-webkit-mask-image:none!important}
  #marketing .mkt-hero>p:last-child{order:4;margin:0!important}
}

/* RJHU SAFE PATCH — isolated STACK + mobile menu icon */
.rjhu-stack{position:relative}
.rjhu-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rjhu-stack-card{border:1px solid var(--line);background:rgba(10,12,19,.72);padding:24px;min-width:0}
.rjhu-stack-card.is-core{border-color:rgba(154,102,255,.48)}
.rjhu-stack-card h3{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:700 13px var(--mono);letter-spacing:.04em}
.rjhu-stack-card h3>i{color:var(--p);font-size:18px}
.rjhu-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.rjhu-tools>span{min-width:0;min-height:68px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 6px;text-align:center;overflow:hidden}
.rjhu-tools img,.rjhu-tools>span>i{display:block!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:0!important;object-fit:contain!important;flex:0 0 28px!important;font-size:25px!important;line-height:28px!important;color:#a985ff}
.rjhu-tools b{font:600 8px/1.25 var(--mono);color:#aeb6c5;overflow-wrap:anywhere}
.site-header .menu-toggle.is-open span:first-child{transform:translateY(3.5px) rotate(45deg)}
.site-header .menu-toggle.is-open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.site-header .menu-toggle span{transition:transform .2s ease}
@media(max-width:860px){.rjhu-stack-grid{grid-template-columns:1fr}.rjhu-stack-card{padding:18px}.rjhu-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rjhu-tools>span{min-height:64px}.rjhu-tools img,.rjhu-tools>span>i{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;flex-basis:26px!important;font-size:23px!important;line-height:26px!important}}
@media(max-width:380px){.rjhu-stack-card{padding:15px}.rjhu-tools>span{min-height:60px;padding:8px 4px}}

/* RJHU STACK LIGHT FIX — scoped only to #stack */
#stack.rjhu-stack{background:linear-gradient(180deg,#eef2f9,#f8f9fc)!important;color:#101522!important}
#stack .rjhu-stack-card{background:rgba(255,255,255,.82)!important;border-color:rgba(83,72,126,.18)!important;box-shadow:0 12px 30px rgba(45,52,78,.055)!important}
#stack .rjhu-stack-card.is-core{border-color:rgba(139,92,246,.38)!important;box-shadow:0 12px 34px rgba(139,92,246,.075)!important}
#stack .rjhu-stack-card h3{color:#151a27!important}
#stack .rjhu-stack-card h3>i{color:#7c4dff!important}
#stack .rjhu-tools>span{background:#fff!important;border-color:rgba(65,75,100,.16)!important;color:#151a27!important;box-shadow:0 5px 14px rgba(45,52,78,.035)!important}
#stack .rjhu-tools>span>i{color:#7c4dff!important}
#stack .rjhu-tools b{color:#4f596d!important}
@media(max-width:860px){
  #stack .rjhu-stack-card{padding:16px!important}
  #stack .rjhu-stack-card h3{margin-bottom:13px!important}
  #stack .rjhu-tools>span{min-height:58px!important;padding:8px 5px!important;gap:5px!important}
  #stack .rjhu-tools img,#stack .rjhu-tools>span>i{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;flex-basis:24px!important;font-size:21px!important;line-height:24px!important}
}


/* RJHU MOBILE MENU — FINAL SAFE DROPDOWN
   Scoped only to the main header. Keeps document scrolling while open. */
@media (max-width:900px){
  body.menu-open{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    position:static!important;
    height:auto!important;
    touch-action:auto!important;
  }
  .site-header{
    position:sticky!important;
    top:0!important;
    z-index:9990!important;
    overflow:visible!important;
  }
  .site-header .menu-toggle{
    position:relative!important;
    z-index:9992!important;
  }
  .site-header .nav{
    display:none!important;
    position:absolute!important;
    top:64px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 72px)!important;
    max-height:calc(100dvh - 72px)!important;
    margin:0!important;
    padding:8px 20px 12px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    background:#0b0d16!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 16px 32px rgba(0,0,0,.28)!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow-y:auto!important;
    overscroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:9991!important;
  }
  .site-header .nav.open{display:flex!important;}
  .site-header .nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:38px!important;
    margin:0!important;
    padding:9px 0!important;
    font:700 9px/1.2 var(--mono)!important;
    letter-spacing:.09em!important;
    color:rgba(232,234,244,.78)!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    white-space:normal!important;
  }
  .site-header .nav a:last-child{border-bottom:0!important;}
  .site-header .nav a:hover,.site-header .nav a:focus{color:#fff!important;}
}