:root{
  --bg:#010103;
  --bg-2:#030305;
  --bg-3:#070609;
  --panel:#08070a;
  --panel-2:#0c0a0f;
  --ink:#f6f1e5;
  --soft:#b7aa96;
  --muted:#726a5e;
  --line:rgba(246,241,229,.075);
  --line-strong:rgba(246,241,229,.16);
  --gold:#b99b57;
  --gold-2:#d7bd78;
  --gold-soft:rgba(185,155,87,.105);
  --wine:#4b1023;
  --violet:#27203e;
  --green:#7ac7a4;:root{
  --bg:#010103;
  --bg-2:#030305;
  --bg-3:#070609;
  --panel:#08070a;
  --panel-2:#0c0a0f;
  --ink:#f6f1e5;
  --soft:#b7aa96;
  --muted:#726a5e;
  --line:rgba(246,241,229,.075);
  --line-strong:rgba(246,241,229,.16);
  --gold:#b99b57;
  --gold-2:#d7bd78;
  --gold-soft:rgba(185,155,87,.105);
  --wine:#4b1023;
  --violet:#27203e;
  --green:#7ac7a4;
  --shadow:rgba(0,0,0,.72);
  --font-main:'Manrope',sans-serif;
  --font-display:'Space Grotesk',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% -8%,rgba(83,55,23,.22),transparent 30%),
    radial-gradient(circle at 92% 2%,rgba(45,37,83,.22),transparent 27%),
    radial-gradient(circle at 52% 112%,rgba(75,16,35,.18),transparent 35%),
    linear-gradient(180deg,var(--bg),#030204 44%,#010103 100%);
  color:var(--ink);
  font-family:var(--font-main);
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
::selection{background:rgba(185,155,87,.25);color:#fff}
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
.grain::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:92px 92px;opacity:.45}
.cursor-aura{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(185,155,87,.09),transparent 68%);filter:blur(18px);transform:translate(-50%,-50%);opacity:.75}
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;height:74px;padding:0 42px;
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(180deg,rgba(1,1,3,.94),rgba(1,1,3,.68));
  backdrop-filter:blur(22px);border-bottom:1px solid rgba(246,241,229,.055)
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.04em}.brand-mark{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(185,155,87,.9),rgba(94,70,31,.9));color:#070609;font:900 .9rem var(--font-display);box-shadow:0 0 38px rgba(185,155,87,.14)}
.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{text-decoration:none;color:var(--muted);font-size:.78rem;font-weight:900;transition:color .2s}.nav-links a:hover{color:var(--ink)}
.nav-signal{text-decoration:none;border:1px solid var(--line-strong);border-radius:999px;padding:9px 15px;color:var(--soft);font:900 .72rem var(--font-mono);background:rgba(255,255,255,.018);transition:all .22s}.nav-signal:hover{color:var(--ink);border-color:rgba(185,155,87,.34);background:var(--gold-soft)}
main{position:relative;z-index:1;width:min(100% - 64px,1240px);margin:0 auto;padding:130px 0 70px}.hero{min-height:calc(100vh - 130px);display:grid;grid-template-columns:minmax(0,1.12fr) 430px;gap:56px;align-items:center;position:relative}.hero::before{content:'ABOUT / SYSTEMS / AI';position:absolute;right:-70px;top:54%;transform:rotate(90deg);font:900 .62rem var(--font-mono);letter-spacing:5px;color:rgba(246,241,229,.08)}
.overline,.section-kicker{display:inline-flex;align-items:center;gap:10px;font:900 .65rem var(--font-mono);letter-spacing:1.85px;text-transform:uppercase;color:var(--gold-2)}.overline span{width:48px;height:1px;background:linear-gradient(90deg,var(--gold-2),transparent)}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.07em;line-height:.96}h1{font-size:clamp(4.35rem,8.2vw,8.45rem);max-width:920px;margin:25px 0 30px;text-shadow:0 28px 90px rgba(0,0,0,.9)}h2{font-size:clamp(2.35rem,4.8vw,4.8rem)}h3{font-size:clamp(2.08rem,3.6vw,3.35rem)}
.hero-text{max-width:800px;color:var(--soft);font-size:1.08rem}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;border-radius:17px;min-height:56px;padding:0 20px;font-weight:950;letter-spacing:-.025em;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s}.primary-action{background:linear-gradient(135deg,#f2deb0,#a6843b);color:#040305;box-shadow:0 26px 60px rgba(0,0,0,.42),0 0 0 1px rgba(246,241,229,.2) inset}.secondary-action{border:1px solid var(--line-strong);background:rgba(255,255,255,.024);color:var(--soft)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.secondary-action:hover{border-color:rgba(185,155,87,.38);color:var(--ink);background:var(--gold-soft)}
.hero-instrument{border:1px solid var(--line);border-radius:38px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),#050407;box-shadow:0 55px 140px rgba(0,0,0,.66);overflow:hidden;position:relative}.hero-instrument::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(185,155,87,.13),transparent 36%);pointer-events:none}.hero-instrument::after{content:'';position:absolute;inset:1px;border-radius:37px;pointer-events:none;background:linear-gradient(135deg,rgba(215,189,120,.13),transparent 34%,rgba(75,16,35,.22));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;mask-composite:exclude}.instrument-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);font:900 .62rem var(--font-mono);letter-spacing:1.35px;color:var(--muted)}.instrument-top b{color:var(--green)}
.radar-shell{height:372px;position:relative;display:grid;place-items:center;overflow:hidden}.radar-grid{position:absolute;inset:36px;border-radius:50%;border:1px solid rgba(185,155,87,.11);background:radial-gradient(circle,transparent 0 24%,rgba(185,155,87,.038) 25% 25.5%,transparent 26% 48%,rgba(185,155,87,.052) 49% 49.5%,transparent 50%),conic-gradient(from 30deg,transparent,rgba(185,155,87,.13),transparent 32%);animation:scan 16s linear infinite}.radar-grid::before,.radar-grid::after{content:'';position:absolute;inset:44px;border-radius:50%;border:1px solid rgba(246,241,229,.07)}.radar-grid::after{inset:88px}.radar-core{width:82px;height:82px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(185,155,87,.28),rgba(39,32,62,.22));border:1px solid rgba(185,155,87,.28);font:900 1.15rem var(--font-display);box-shadow:0 0 70px rgba(185,155,87,.10)}
.orbit{position:absolute;border:1px solid var(--line-strong);background:rgba(3,3,5,.82);border-radius:999px;padding:7px 10px;font:900 .6rem var(--font-mono);color:var(--soft);box-shadow:0 22px 55px rgba(0,0,0,.42)}.orbit-a{left:38px;top:88px}.orbit-b{right:40px;top:120px}.orbit-c{left:56px;bottom:82px}.orbit-d{right:64px;bottom:76px}.orbit-e{left:50%;top:36px;transform:translateX(-50%)}
.instrument-readout{padding:0 20px 21px}.instrument-readout div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(246,241,229,.065);padding:13px 0;font:850 .7rem var(--font-mono)}.instrument-readout span{color:var(--muted)}.instrument-readout strong{text-align:right;color:var(--ink)}
.manifest{display:grid;grid-template-columns:90px minmax(0,.95fr) minmax(0,1fr);gap:28px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0;margin:20px 0 98px}.manifest-number{font:900 3.45rem var(--font-display);letter-spacing:-.08em;color:rgba(185,155,87,.48)}.manifest p{color:var(--soft);font-size:1.02rem}.manifest h2{font-size:clamp(2.15rem,4vw,3.82rem)}
.section-head{max-width:870px;margin-bottom:32px}.section-head h2{margin:13px 0 13px}.section-head p{color:var(--muted);max-width:730px}.narrow{max-width:780px}.vault,.stack-board,.journey,.principles{margin-bottom:104px}
.vault-layout{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid var(--line);border-radius:38px;overflow:hidden;background:rgba(255,255,255,.012);box-shadow:0 45px 130px rgba(0,0,0,.48)}.vault-tabs{display:flex;flex-direction:column;background:rgba(0,0,0,.28);border-right:1px solid var(--line)}.vault-tab{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:23px;text-align:left;font:900 .86rem var(--font-main);cursor:pointer;display:flex;gap:14px;align-items:center;transition:background .22s,color .22s}.vault-tab span{font:900 .66rem var(--font-mono);color:rgba(185,155,87,.5)}.vault-tab:hover,.vault-tab.active{background:linear-gradient(90deg,rgba(185,155,87,.11),transparent);color:var(--ink)}
.vault-panels{min-height:540px;position:relative}.vault-panel{display:none;height:100%;padding:56px;background:radial-gradient(circle at 86% 18%,rgba(185,155,87,.08),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.028),transparent)}.vault-panel.active{display:flex;flex-direction:column;justify-content:center;animation:fadeSlide .42s var(--ease)}.panel-meta{font:900 .66rem var(--font-mono);letter-spacing:1.45px;text-transform:uppercase;color:var(--gold-2);margin-bottom:18px}.vault-panel p{color:var(--soft);max-width:760px;margin:19px 0 29px;font-size:1.03rem}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:780px}.evidence-grid span{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.26);padding:13px 14px;font:850 .76rem var(--font-mono);color:var(--soft)}
.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:34px;background:var(--line);overflow:hidden;box-shadow:0 35px 110px rgba(0,0,0,.36)}.stack-grid article{min-height:198px;padding:25px;background:#040406;display:flex;flex-direction:column;justify-content:flex-end;transition:background .22s}.stack-grid article:hover{background:#08070a}.stack-grid b{font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.045em}.stack-grid p{margin-top:10px;color:var(--muted);font-size:.9rem}
.journey-line{position:relative;border-left:1px solid rgba(185,155,87,.25);margin-left:14px}.journey-item{position:relative;padding:0 0 32px 35px}.journey-item:last-child{padding-bottom:0}.journey-item::before{content:'';position:absolute;left:-8px;top:5px;width:15px;height:15px;border-radius:50%;background:var(--bg);border:1px solid var(--gold);box-shadow:0 0 0 7px rgba(185,155,87,.06)}.journey-item span{display:block;font:900 .66rem var(--font-mono);letter-spacing:1.28px;text-transform:uppercase;color:var(--gold-2);margin-bottom:6px}.journey-item strong{font-size:1.18rem;letter-spacing:-.025em;color:var(--soft)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principles article{border:1px solid var(--line);border-radius:31px;padding:29px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),#050407;min-height:245px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.principles span{font:900 .64rem var(--font-mono);color:var(--gold-2);letter-spacing:1.38px;text-transform:uppercase}.principles b{display:block;font-family:var(--font-display);font-size:1.48rem;letter-spacing:-.045em;line-height:1.04;margin:32px 0 12px}.principles p{color:var(--muted);font-size:.92rem}
.contact{border-top:1px solid var(--line);padding-top:44px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.contact h2{max-width:760px;font-size:clamp(2.05rem,4vw,3.6rem);margin-top:12px}.contact-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.contact-actions a{width:44px;height:44px;display:grid;place-items:center;text-decoration:none;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);color:var(--soft);transition:all .22s}.contact-actions a:hover{color:#fff;background:var(--gold-soft);border-color:rgba(185,155,87,.35);transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes scan{to{transform:rotate(360deg)}}@keyframes fadeSlide{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1080px){.hero{grid-template-columns:1fr}.hero-instrument{max-width:520px}.manifest{grid-template-columns:1fr}.vault-layout{grid-template-columns:1fr}.vault-tabs{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr}.contact{display:block}.contact-actions{justify-content:flex-start;margin-top:24px}}
@media(max-width:840px){.topbar{padding:0 22px}.nav-links{display:none}main{width:min(100% - 36px,1240px);padding-top:104px}h1{font-size:clamp(3.15rem,14vw,5.25rem)}.hero{min-height:auto}.hero::before{display:none}.vault-tabs{grid-template-columns:1fr}.vault-panel{padding:34px 24px;min-height:520px}.evidence-grid,.stack-grid{grid-template-columns:1fr}.radar-shell{height:314px}.manifest{margin-bottom:74px}.cursor-aura{display:none}}
@media(max-width:560px){.brand span:last-child{display:none}.nav-signal{padding:8px 12px}.hero-actions{flex-direction:column}.primary-action,.secondary-action{width:100%}.instrument-readout div{display:block}.instrument-readout strong{display:block;text-align:left;margin-top:4px}.orbit{font-size:.55rem}.orbit-a{left:20px}.orbit-b{right:20px}.orbit-c{left:24px}.orbit-d{right:28px}.principles article{min-height:auto}}

/* V2.1 — darker typography, heavier surfaces, lower-brightness palette */
:root{
  --bg:#000001;
  --bg-2:#010102;
  --bg-3:#030304;
  --panel:#030304;
  --panel-2:#050406;
  --ink:#d8cfbd;
  --soft:#918573;
  --muted:#514a40;
  --line:rgba(216,207,189,.052);
  --line-strong:rgba(216,207,189,.105);
  --gold:#806735;
  --gold-2:#a58b50;
  --gold-soft:rgba(128,103,53,.075);
  --wine:#210711;
  --violet:#120f1d;
  --green:#5d927b;
  --shadow:rgba(0,0,0,.86);
}

body{
  background:
    radial-gradient(circle at 10% -10%,rgba(65,43,19,.13),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(20,17,34,.16),transparent 26%),
    radial-gradient(circle at 54% 115%,rgba(33,7,17,.12),transparent 34%),
    linear-gradient(180deg,#000001 0%,#010102 45%,#000001 100%) !important;
  color:var(--ink);
}

.grain{opacity:.115 !important;mix-blend-mode:multiply;}
.grain::after{opacity:.28 !important;background-size:112px 112px !important;}
.cursor-aura{background:radial-gradient(circle,rgba(128,103,53,.045),transparent 70%) !important;opacity:.55 !important;filter:blur(26px) !important;}

.topbar{
  background:linear-gradient(180deg,rgba(0,0,1,.97),rgba(0,0,1,.76)) !important;
  border-bottom-color:rgba(216,207,189,.038) !important;
  box-shadow:0 22px 80px rgba(0,0,0,.48);
}
.brand{color:#d0c4ae;font-weight:950;}
.brand-mark{
  background:linear-gradient(135deg,#8c7138,#4b3517) !important;
  color:#020202 !important;
  box-shadow:0 0 34px rgba(128,103,53,.08) !important;
}
.nav-links a{color:#4e493f !important;}
.nav-links a:hover{color:#c4b8a3 !important;}
.nav-signal{color:#7d735f !important;background:rgba(255,255,255,.01) !important;border-color:rgba(216,207,189,.075) !important;}
.nav-signal:hover{color:#cbbfaa !important;background:rgba(128,103,53,.055) !important;border-color:rgba(128,103,53,.24) !important;}

.overline,.section-kicker,.panel-meta,.journey-item span,.principles span{
  color:#987f48 !important;
  letter-spacing:2.05px;
  opacity:.95;
}
.overline span{background:linear-gradient(90deg,#806735,transparent) !important;opacity:.65;}

h1,h2,h3{
  color:#d3c8b6;
  text-shadow:0 36px 120px rgba(0,0,0,.95);
  font-weight:900;
}
h1{
  color:#d1c4ad;
  letter-spacing:-.083em;
  text-shadow:0 45px 140px rgba(0,0,0,1), 0 1px 0 rgba(255,255,255,.025) !important;
}
h2{color:#c7baa4;letter-spacing:-.078em;}
h3{color:#cbbfa9;letter-spacing:-.074em;}
.hero-text,.manifest p,.vault-panel p{color:#8e826f !important;}
.section-head p,.stack-grid p,.principles p{color:#554d42 !important;}

.primary-action{
  background:linear-gradient(135deg,#a98e55,#5b421f) !important;
  color:#030202 !important;
  border:1px solid rgba(216,207,189,.08);
  box-shadow:0 30px 80px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.secondary-action{
  color:#8a7f6c !important;
  background:rgba(255,255,255,.009) !important;
  border-color:rgba(216,207,189,.075) !important;
}
.secondary-action:hover{color:#c8baa2 !important;background:rgba(128,103,53,.055) !important;border-color:rgba(128,103,53,.24) !important;}

.hero-instrument,
.vault-layout,
.principles article{
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004)),#020203 !important;
  border-color:rgba(216,207,189,.048) !important;
  box-shadow:0 60px 160px rgba(0,0,0,.72) !important;
}
.hero-instrument::before{background:radial-gradient(circle at 50% 0,rgba(128,103,53,.07),transparent 38%) !important;}
.hero-instrument::after{background:linear-gradient(135deg,rgba(128,103,53,.08),transparent 34%,rgba(33,7,17,.12)) !important;}
.instrument-top{border-bottom-color:rgba(216,207,189,.048) !important;color:#4f493f !important;}
.instrument-top b{color:#668d78 !important;}

.radar-grid{
  border-color:rgba(128,103,53,.075) !important;
  background:radial-gradient(circle,transparent 0 24%,rgba(128,103,53,.024) 25% 25.5%,transparent 26% 48%,rgba(128,103,53,.032) 49% 49.5%,transparent 50%),conic-gradient(from 30deg,transparent,rgba(128,103,53,.075),transparent 32%) !important;
}
.radar-grid::before,.radar-grid::after{border-color:rgba(216,207,189,.044) !important;}
.radar-core{
  background:linear-gradient(135deg,rgba(128,103,53,.16),rgba(18,15,29,.15)) !important;
  border-color:rgba(128,103,53,.19) !important;
  box-shadow:0 0 60px rgba(128,103,53,.055) !important;
  color:#c2b498;
}
.orbit{
  background:rgba(1,1,2,.88) !important;
  border-color:rgba(216,207,189,.08) !important;
  color:#7f7462 !important;
  box-shadow:0 24px 60px rgba(0,0,0,.56) !important;
}
.instrument-readout div{border-top-color:rgba(216,207,189,.043) !important;color:#554d42 !important;}
.instrument-readout strong{color:#bbb09b !important;}

.manifest{
  border-color:rgba(216,207,189,.05) !important;
}
.manifest-number{color:rgba(128,103,53,.36) !important;}

.vault-layout{background:rgba(255,255,255,.006) !important;}
.vault-tabs{background:rgba(0,0,0,.36) !important;border-color:rgba(216,207,189,.046) !important;}
.vault-tab{
  color:#544d42 !important;
  border-bottom-color:rgba(216,207,189,.046) !important;
  background:#010102 !important;
  font-weight:950;
}
.vault-tab span{color:rgba(128,103,53,.44) !important;}
.vault-tab:hover,.vault-tab.active{
  background:linear-gradient(90deg,rgba(128,103,53,.075),rgba(0,0,0,0)) !important;
  color:#c6b9a0 !important;
}
.vault-panel{
  background:radial-gradient(circle at 86% 18%,rgba(128,103,53,.045),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.012),transparent) !important;
}
.evidence-grid span{
  background:rgba(0,0,0,.35) !important;
  border-color:rgba(216,207,189,.05) !important;
  color:#8d806c !important;
}

.stack-grid{
  border-color:rgba(216,207,189,.05) !important;
  background:rgba(216,207,189,.045) !important;
  box-shadow:0 45px 130px rgba(0,0,0,.58) !important;
}
.stack-grid article{
  background:#020203 !important;
}
.stack-grid article:hover{background:#050405 !important;}
.stack-grid b{color:#c7bba4 !important;}

.journey-line{border-left-color:rgba(128,103,53,.17) !important;}
.journey-item::before{background:#000001 !important;border-color:#806735 !important;box-shadow:0 0 0 7px rgba(128,103,53,.035) !important;}
.journey-item strong{color:#908471 !important;}

.principles article{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.003)),#020203 !important;}
.principles b{color:#c7baa4 !important;}
.contact{border-top-color:rgba(216,207,189,.05) !important;}
.contact-actions a{
  background:rgba(255,255,255,.009) !important;
  border-color:rgba(216,207,189,.055) !important;
  color:#7f7462 !important;
}
.contact-actions a:hover{color:#c8baa2 !important;background:rgba(128,103,53,.055) !important;border-color:rgba(128,103,53,.22) !important;}

.reveal{transition-duration:.95s !important;}

/* V2.2 — sharper separation system: clearer architecture without brightening the page */
:root{
  --line:rgba(216,207,189,.105);
  --line-strong:rgba(216,207,189,.22);
  --edge-gold:rgba(128,103,53,.32);
  --edge-cold:rgba(255,255,255,.035);
  --section-gap-line:rgba(216,207,189,.14);
}

/* stronger global section rhythm */
.hero,
.manifest,
.vault,
.stack-board,
.journey,
.principles,
.contact{
  position:relative;
}

.manifest,
.vault,
.stack-board,
.journey{
  padding-top:18px;
}

.vault::before,
.stack-board::before,
.journey::before,
.principles::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-42px;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(216,207,189,.05) 5%,
    rgba(128,103,53,.34) 18%,
    rgba(216,207,189,.16) 52%,
    rgba(128,103,53,.20) 82%,
    transparent 100%);
  box-shadow:0 1px 0 rgba(0,0,0,.85);
}

.section-head{
  padding-left:22px;
  border-left:2px solid rgba(128,103,53,.42);
}

.section-head::before{
  content:'';
  display:block;
  width:68px;
  height:1px;
  margin-bottom:18px;
  background:linear-gradient(90deg,rgba(128,103,53,.62),transparent);
}

/* sharper top navigation */
.topbar{
  border-bottom-color:rgba(216,207,189,.12) !important;
  box-shadow:0 18px 70px rgba(0,0,0,.72), 0 1px 0 rgba(128,103,53,.12) !important;
}

/* hero instrument gets a visible premium frame */
.hero-instrument,
.vault-layout,
.stack-grid,
.principles article{
  border-color:rgba(216,207,189,.14) !important;
  box-shadow:
    0 56px 150px rgba(0,0,0,.76),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 0 1px rgba(128,103,53,.055) !important;
}

.hero-instrument::after,
.vault-layout::after,
.stack-grid::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(128,103,53,.09);
}

.vault-layout,
.stack-grid{
  position:relative;
}

.instrument-top,
.instrument-readout div{
  border-color:rgba(216,207,189,.12) !important;
}

.instrument-readout div{
  background:linear-gradient(90deg,rgba(255,255,255,.012),transparent 55%);
}

/* operating thesis block: clearer separation */
.manifest{
  border-top-color:rgba(216,207,189,.14) !important;
  border-bottom-color:rgba(216,207,189,.14) !important;
  background:
    linear-gradient(90deg,rgba(128,103,53,.045),transparent 32%,transparent 68%,rgba(128,103,53,.025)),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));
  padding:54px 26px;
  border-radius:28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 28px 90px rgba(0,0,0,.28);
}

.manifest-number{
  text-shadow:0 0 42px rgba(128,103,53,.12);
}

/* vault: make tabs and panels unmistakable */
.vault-layout{
  border-width:1px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004)),
    #010102 !important;
}

.vault-tabs{
  border-right-color:rgba(216,207,189,.13) !important;
  box-shadow:inset -1px 0 0 rgba(128,103,53,.08);
}

.vault-tab{
  border-bottom-color:rgba(216,207,189,.105) !important;
  position:relative;
}

.vault-tab::after{
  content:'';
  position:absolute;
  left:22px;
  right:22px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(128,103,53,.16),transparent);
}

.vault-tab.active{
  box-shadow:inset 3px 0 0 rgba(128,103,53,.72), inset 0 1px 0 rgba(255,255,255,.025);
}

.vault-panel{
  border-left:1px solid rgba(128,103,53,.06);
}

.panel-meta{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border:1px solid rgba(128,103,53,.26);
  border-radius:999px;
  background:rgba(128,103,53,.045);
}

.evidence-grid span{
  border-color:rgba(216,207,189,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

/* technical board: card boundaries must be visible */
.stack-grid{
  gap:1px;
  background:rgba(216,207,189,.12) !important;
  border-color:rgba(216,207,189,.16) !important;
}

.stack-grid article{
  position:relative;
  border:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.stack-grid article::before{
  content:'';
  position:absolute;
  left:24px;
  top:23px;
  width:34px;
  height:2px;
  background:linear-gradient(90deg,rgba(128,103,53,.52),transparent);
}

.stack-grid b{
  display:block;
  margin-top:12px;
}

/* journey: stronger timeline and nodes */
.journey-line{
  border-left-color:rgba(128,103,53,.34) !important;
  box-shadow:inset 1px 0 0 rgba(216,207,189,.055);
}

.journey-item{
  border-bottom:1px solid rgba(216,207,189,.085);
  padding-bottom:27px;
}

.journey-item:last-child{
  border-bottom:0;
}

.journey-item::before{
  border-color:rgba(128,103,53,.86) !important;
  box-shadow:0 0 0 7px rgba(128,103,53,.06), 0 0 28px rgba(128,103,53,.10) !important;
}

/* principles: separated cards with visible edges */
.principles{
  gap:20px;
}

.principles article{
  border-color:rgba(216,207,189,.13) !important;
  position:relative;
  overflow:hidden;
}

.principles article::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg,rgba(128,103,53,.55),transparent 78%);
}

.principles article::after{
  content:'';
  position:absolute;
  left:24px;
  right:24px;
  top:58px;
  height:1px;
  background:linear-gradient(90deg,rgba(216,207,189,.12),transparent);
}

/* footer separation */
.contact{
  border-top-color:rgba(216,207,189,.16) !important;
  box-shadow:0 -1px 0 rgba(128,103,53,.12);
}

.contact-actions a{
  border-color:rgba(216,207,189,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

@media(max-width:1080px){
  .vault-tabs{
    border-right:0 !important;
    border-bottom-color:rgba(216,207,189,.13) !important;
  }
  .vault-panel{
    border-left:0;
  }
}

@media(max-width:840px){
  .section-head{
    padding-left:16px;
  }
  .manifest{
    padding:38px 20px;
  }
  .vault::before,
  .stack-board::before,
  .journey::before,
  .principles::before{
    top:-32px;
  }
}

/* V2.3 — dark but readable: stronger text, visible color accents, clearer section contrast */
:root{
  --bg:#030304;
  --bg-2:#060507;
  --bg-3:#0b080c;
  --panel:#08070a;
  --panel-2:#100d12;
  --ink:#eee5d4;
  --soft:#c0b39f;
  --muted:#8f806b;
  --line:rgba(238,229,212,.16);
  --line-strong:rgba(238,229,212,.28);
  --gold:#b78d3f;
  --gold-2:#d1b46d;
  --gold-soft:rgba(183,141,63,.13);
  --wine:#64203a;
  --violet:#30294e;
  --green:#77c5a6;
  --blue:#7188ff;
}

body{
  background:
    radial-gradient(circle at 13% -9%,rgba(183,141,63,.22),transparent 31%),
    radial-gradient(circle at 86% 3%,rgba(113,136,255,.13),transparent 30%),
    radial-gradient(circle at 78% 70%,rgba(100,32,58,.12),transparent 34%),
    radial-gradient(circle at 20% 98%,rgba(119,197,166,.08),transparent 30%),
    linear-gradient(180deg,#030304 0%,#050406 42%,#020203 100%) !important;
  color:var(--ink) !important;
}

.grain{opacity:.13 !important;}
.cursor-aura{
  background:radial-gradient(circle,rgba(209,180,109,.12),rgba(113,136,255,.035) 38%,transparent 70%) !important;
  opacity:.8 !important;
}

.topbar{
  background:linear-gradient(180deg,rgba(3,3,4,.96),rgba(3,3,4,.78)) !important;
  border-bottom-color:rgba(238,229,212,.18) !important;
}
.brand{color:#e8dec9 !important;}
.brand-mark{
  background:linear-gradient(135deg,#d1b46d,#8b6424) !important;
  box-shadow:0 0 34px rgba(209,180,109,.18) !important;
}
.nav-links a{color:#8b806f !important;}
.nav-links a:hover{color:#eee5d4 !important;}
.nav-signal{color:#bdae91 !important;border-color:rgba(238,229,212,.18) !important;}
.nav-signal:hover{color:#f1e7d5 !important;background:rgba(183,141,63,.12) !important;border-color:rgba(209,180,109,.35) !important;}

.overline,
.section-kicker,
.panel-meta,
.journey-item span,
.principles span{
  color:#d1b46d !important;
  opacity:1 !important;
  text-shadow:0 0 26px rgba(209,180,109,.12) !important;
}
.overline span,
.section-head::before{
  background:linear-gradient(90deg,#d1b46d,rgba(113,136,255,.38),transparent) !important;
  opacity:1 !important;
}

h1,h2,h3{
  color:#eee5d4 !important;
  text-shadow:0 30px 110px rgba(0,0,0,.95), 0 0 34px rgba(183,141,63,.06) !important;
}
h1{
  color:#f0e6d4 !important;
  background:linear-gradient(180deg,#f1eadc 0%,#d3c4ac 76%,#aa9675 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
h2{color:#e5dac7 !important;}
h3{color:#eadfcc !important;}

.hero-text,
.manifest p,
.vault-panel p{
  color:#bfb29d !important;
}
.section-head p,
.stack-grid p,
.principles p{
  color:#a69a88 !important;
}

.primary-action{
  background:linear-gradient(135deg,#d5bd78,#977033) !important;
  color:#050404 !important;
  border-color:rgba(238,229,212,.22) !important;
  box-shadow:0 28px 78px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.08) inset,0 0 48px rgba(183,141,63,.12) !important;
}
.secondary-action{
  color:#d8cab3 !important;
  background:rgba(238,229,212,.035) !important;
  border-color:rgba(238,229,212,.2) !important;
}
.secondary-action:hover{
  color:#f1e7d5 !important;
  background:rgba(183,141,63,.12) !important;
  border-color:rgba(209,180,109,.36) !important;
}

.hero-instrument,
.vault-layout,
.stack-grid,
.principles article{
  background:linear-gradient(180deg,rgba(238,229,212,.035),rgba(238,229,212,.008)),#060507 !important;
  border-color:rgba(238,229,212,.20) !important;
  box-shadow:0 56px 150px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.045), inset 0 0 0 1px rgba(209,180,109,.08) !important;
}
.hero-instrument::before{
  background:radial-gradient(circle at 50% 0,rgba(209,180,109,.16),transparent 40%) !important;
}
.hero-instrument::after{
  background:linear-gradient(135deg,rgba(209,180,109,.18),transparent 34%,rgba(100,32,58,.18)) !important;
}
.instrument-top,
.instrument-readout div{
  border-color:rgba(238,229,212,.15) !important;
}
.instrument-top{color:#9c8e78 !important;}
.instrument-top b{color:#77c5a6 !important;}
.instrument-readout strong{color:#e4d8c2 !important;}
.instrument-readout span{color:#938671 !important;}

.radar-grid{
  border-color:rgba(209,180,109,.19) !important;
  background:radial-gradient(circle,transparent 0 24%,rgba(209,180,109,.055) 25% 25.5%,transparent 26% 48%,rgba(113,136,255,.045) 49% 49.5%,transparent 50%),conic-gradient(from 30deg,transparent,rgba(209,180,109,.18),rgba(113,136,255,.08),transparent 32%) !important;
}
.radar-grid::before,.radar-grid::after{border-color:rgba(238,229,212,.12) !important;}
.radar-core{
  color:#f0e6d4 !important;
  background:linear-gradient(135deg,rgba(209,180,109,.30),rgba(113,136,255,.14)) !important;
  border-color:rgba(209,180,109,.34) !important;
  box-shadow:0 0 72px rgba(209,180,109,.14) !important;
}
.orbit{
  color:#d4c6ae !important;
  border-color:rgba(238,229,212,.18) !important;
  background:rgba(5,5,7,.88) !important;
}

.manifest{
  border-color:rgba(238,229,212,.18) !important;
  background:
    linear-gradient(90deg,rgba(183,141,63,.075),transparent 35%,rgba(113,136,255,.028) 72%,rgba(100,32,58,.055)),
    linear-gradient(180deg,rgba(238,229,212,.025),rgba(238,229,212,.004)) !important;
}
.manifest-number{color:rgba(209,180,109,.55) !important;}

.section-head{
  border-left-color:rgba(209,180,109,.60) !important;
}
.vault::before,
.stack-board::before,
.journey::before,
.principles::before{
  background:linear-gradient(90deg,transparent 0%,rgba(209,180,109,.44) 18%,rgba(238,229,212,.20) 50%,rgba(113,136,255,.18) 78%,transparent 100%) !important;
}

.vault-tabs{
  background:rgba(0,0,0,.34) !important;
  border-right-color:rgba(238,229,212,.18) !important;
}
.vault-tab{
  color:#a99b84 !important;
  background:#050406 !important;
  border-bottom-color:rgba(238,229,212,.14) !important;
}
.vault-tab span{color:rgba(209,180,109,.75) !important;}
.vault-tab:hover,
.vault-tab.active{
  color:#f0e4cc !important;
  background:linear-gradient(90deg,rgba(183,141,63,.18),rgba(113,136,255,.045),transparent) !important;
}
.vault-tab.active{
  box-shadow:inset 4px 0 0 rgba(209,180,109,.86), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.vault-panel{
  background:radial-gradient(circle at 86% 18%,rgba(209,180,109,.12),transparent 35%),radial-gradient(circle at 8% 92%,rgba(113,136,255,.055),transparent 32%),linear-gradient(135deg,rgba(238,229,212,.025),transparent) !important;
}
.panel-meta{
  background:rgba(183,141,63,.10) !important;
  border-color:rgba(209,180,109,.34) !important;
}
.evidence-grid span{
  color:#d7cab3 !important;
  background:rgba(0,0,0,.34) !important;
  border-color:rgba(238,229,212,.17) !important;
}

.stack-grid{
  background:rgba(238,229,212,.16) !important;
  border-color:rgba(238,229,212,.22) !important;
}
.stack-grid article{
  background:linear-gradient(180deg,rgba(238,229,212,.018),rgba(238,229,212,.004)),#050406 !important;
}
.stack-grid article:hover{
  background:linear-gradient(180deg,rgba(183,141,63,.08),rgba(113,136,255,.025)),#08070a !important;
}
.stack-grid article::before{
  background:linear-gradient(90deg,rgba(209,180,109,.75),rgba(113,136,255,.35),transparent) !important;
}
.stack-grid b{color:#eadfcc !important;}
.stack-grid p{color:#aa9e8a !important;}

.journey-line{
  border-left-color:rgba(209,180,109,.56) !important;
  box-shadow:inset 1px 0 0 rgba(238,229,212,.12), 0 0 28px rgba(209,180,109,.05) !important;
}
.journey-item{border-bottom-color:rgba(238,229,212,.13) !important;}
.journey-item::before{
  background:#050406 !important;
  border-color:#d1b46d !important;
  box-shadow:0 0 0 8px rgba(209,180,109,.08),0 0 30px rgba(209,180,109,.18) !important;
}
.journey-item strong{color:#cbbda7 !important;}

.principles article{
  background:linear-gradient(180deg,rgba(238,229,212,.03),rgba(238,229,212,.006)),#050406 !important;
  border-color:rgba(238,229,212,.20) !important;
}
.principles article::before{
  background:linear-gradient(180deg,rgba(209,180,109,.85),rgba(113,136,255,.22),transparent 82%) !important;
}
.principles article::after{
  background:linear-gradient(90deg,rgba(238,229,212,.18),rgba(209,180,109,.22),transparent) !important;
}
.principles b{color:#eadfcc !important;}
.principles p{color:#a79b87 !important;}

.contact{
  border-top-color:rgba(238,229,212,.22) !important;
}
.contact-actions a{
  color:#c7b89d !important;
  background:rgba(238,229,212,.025) !important;
  border-color:rgba(238,229,212,.18) !important;
}
.contact-actions a:hover{
  color:#f1e7d5 !important;
  background:rgba(183,141,63,.14) !important;
  border-color:rgba(209,180,109,.38) !important;
  transform:translateY(-3px);
}


/* V3 — expanded AI vault content + clearer readable dark system */
:root{
  --ink:#eee5d4;
  --soft:#c4b79f;
  --muted:#807563;
  --line:rgba(238,229,212,.15);
  --line-strong:rgba(238,229,212,.28);
  --gold:#b48a3b;
  --gold-2:#d6b56f;
  --gold-soft:rgba(214,181,111,.105);
  --violet:#211b39;
  --green:#76b99a;
}
body{
  background:
    radial-gradient(circle at 9% -8%,rgba(180,138,59,.18),transparent 30%),
    radial-gradient(circle at 96% 2%,rgba(70,58,125,.20),transparent 30%),
    radial-gradient(circle at 55% 112%,rgba(27,84,67,.09),transparent 36%),
    linear-gradient(180deg,#020203 0%,#050407 44%,#010102 100%) !important;
}
.topbar{border-bottom-color:rgba(238,229,212,.12) !important;}
.hero{padding-top:18px;}
h1{font-size:clamp(3.9rem,7.4vw,7.7rem); color:#eee4cf;}
h2,h3{color:#eadfcb;}
.hero-text,.manifest p,.vault-panel p{color:#c4b79f !important;}
.section-head p,.stack-grid p,.principles p{color:#968a75 !important;}
.vault,.stack-board,.journey,.principles{position:relative;}
.vault::before,.stack-board::before,.journey::before,.principles::before{
  content:'';position:absolute;left:0;right:0;top:-42px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,181,111,.32),rgba(238,229,212,.08),transparent);
}
.wide-tabs{grid-template-columns:290px minmax(0,1fr) !important;}
.wide-tabs .vault-tabs{max-height:720px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(214,181,111,.32) transparent;}
.wide-tabs .vault-tabs::-webkit-scrollbar{width:5px;}
.wide-tabs .vault-tabs::-webkit-scrollbar-thumb{background:rgba(214,181,111,.32);border-radius:999px;}
.profile-panels{min-height:640px;}
.profile-panels .vault-panel{padding:58px 60px;}
.profile-panels .vault-panel p{max-width:900px;font-size:1.03rem;line-height:1.9;}
.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;}
.book-strip{display:grid;gap:10px;margin-top:28px;max-width:980px;}
.book-strip span{
  display:block;border:1px solid rgba(238,229,212,.13);border-left:3px solid rgba(214,181,111,.46);
  border-radius:14px;background:linear-gradient(90deg,rgba(214,181,111,.065),rgba(0,0,0,.28));
  padding:12px 15px;color:#bfb199;font:850 .77rem var(--font-mono);
}
.evidence-grid span{
  border-color:rgba(238,229,212,.14) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(0,0,0,.34) !important;
  color:#bcae96 !important;
}
.stack-grid{grid-template-columns:repeat(4,1fr) !important;}
.stack-grid article{min-height:190px;}
.stack-grid b{display:block;margin-bottom:12px;color:#eadfc9 !important;}
.stack-grid p{line-height:1.7;color:#a79981 !important;}
.orbit-a{left:24px;top:86px}.orbit-b{right:42px;top:120px}.orbit-c{left:42px;bottom:78px}.orbit-d{right:62px;bottom:75px}.orbit-e{left:50%;top:35px;transform:translateX(-50%)}
.icon-only-footer{
  display:flex !important;justify-content:center !important;align-items:center !important;
  border-top:1px solid rgba(238,229,212,.13) !important;padding:34px 0 10px !important;margin-top:40px;
}
.icon-only-footer .contact-actions{justify-content:center !important;gap:24px !important;margin:0 !important;}
.icon-only-footer .contact-actions a{
  width:auto !important;height:auto !important;border:0 !important;border-radius:0 !important;background:transparent !important;
  color:#9e927d !important;font-size:1.32rem !important;box-shadow:none !important;padding:0 !important;
}
.icon-only-footer .contact-actions a:hover{background:transparent !important;color:#e5c478 !important;transform:translateY(-3px) !important;}
@media(max-width:1180px){.stack-grid{grid-template-columns:repeat(2,1fr) !important}.wide-tabs{grid-template-columns:1fr !important}.wide-tabs .vault-tabs{display:grid;grid-template-columns:repeat(2,1fr);max-height:none}.profile-panels{min-height:auto}}
@media(max-width:840px){.wide-tabs .vault-tabs{grid-template-columns:1fr}.profile-panels .vault-panel{padding:34px 24px}.profile-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:1fr !important}.hero{padding-top:0}.icon-only-footer .contact-actions{flex-wrap:wrap}}

/* V5 — skill atlas + icon typography motion */
.skill-atlas{
  position:relative;
  margin-bottom:104px;
}
.skill-atlas::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-42px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,181,111,.34),rgba(238,229,212,.09),transparent);
}
.logo-runway{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(238,229,212,.14);
  border-radius:34px;
  background:
    radial-gradient(circle at 10% 0%,rgba(214,181,111,.10),transparent 28%),
    radial-gradient(circle at 90% 100%,rgba(70,58,125,.12),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    #030305;
  box-shadow:0 45px 130px rgba(0,0,0,.42);
  padding:28px 0;
  margin-bottom:22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
}
.logo-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:34px;
  animation:skillMarquee 52s linear infinite;
}
.logo-runway:hover .logo-track{animation-play-state:paused;}
.logo-track span{
  min-width:94px;
  display:grid;
  justify-items:center;
  gap:10px;
  color:#b9ac94;
  font:900 .74rem var(--font-mono);
  letter-spacing:-.02em;
  opacity:.78;
  transition:opacity .2s ease, transform .2s ease, color .2s ease;
}
.logo-track span:hover{
  opacity:1;
  color:#eee2ca;
  transform:translateY(-3px);
}
.logo-track i{
  font-size:2.25rem;
  line-height:1;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.65));
}
.logo-track .devicon-github-original{
  color:#e6dcc8;
}
.skill-table{
  border:1px solid rgba(238,229,212,.14);
  border-radius:34px;
  overflow:hidden;
  background:rgba(238,229,212,.10);
  box-shadow:0 48px 140px rgba(0,0,0,.42);
}
.skill-row{
  display:grid;
  grid-template-columns:285px minmax(0,1fr);
  gap:1px;
  background:rgba(238,229,212,.10);
  border-bottom:1px solid rgba(238,229,212,.11);
}
.skill-row:last-child{border-bottom:0;}
.skill-category,
.skill-items{
  background:
    linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),
    #030305;
}
.skill-category{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:22px 24px;
  color:#eadfc9;
  font:950 .84rem var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.9px;
}
.skill-category i{
  width:34px;
  min-width:34px;
  text-align:center;
  font-size:1.55rem;
  color:#d6b56f;
}
.skill-items{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  padding:20px 22px;
}
.skill-items span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  border:1px solid rgba(238,229,212,.13);
  border-radius:999px;
  padding:7px 11px;
  background:rgba(255,255,255,.018);
  color:#b7aa92;
  font:850 .72rem var(--font-mono);
  transition:all .18s ease;
}
.skill-items span:hover{
  color:#f1e5ce;
  border-color:rgba(214,181,111,.40);
  background:rgba(214,181,111,.09);
  transform:translateY(-1px);
}
@keyframes skillMarquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media(max-width:960px){
  .skill-row{grid-template-columns:1fr;}
  .skill-category{min-height:auto;border-bottom:1px solid rgba(238,229,212,.08);}
  .logo-track{gap:24px;animation-duration:65s;}
  .logo-track span{min-width:82px;}
}
@media(max-width:560px){
  .logo-runway{border-radius:24px;padding:22px 0;}
  .skill-table{border-radius:24px;}
  .skill-category{padding:18px 18px;}
  .skill-items{padding:18px;}
}


/* V6 — portrait slot + cleaned icon runway */
.portrait-slot{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:20px 20px 0;
}
.portrait-frame{
  position:relative;
  width:112px;
  aspect-ratio:1;
  border-radius:30px;
  padding:1px;
  background:linear-gradient(135deg,rgba(214,181,111,.55),rgba(238,229,212,.10),rgba(80,64,122,.26));
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(238,229,212,.06) inset;
}
.portrait-frame::after{
  content:'';
  position:absolute;
  inset:-10px;
  border-radius:36px;
  background:radial-gradient(circle at 50% 0%,rgba(214,181,111,.15),transparent 62%);
  z-index:-1;
  pointer-events:none;
}
.portrait-image{
  width:100%;
  height:100%;
  border-radius:29px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22)),
    var(--profile-image, url('assets/profile.png')) center/cover no-repeat,
    radial-gradient(circle at 35% 24%,rgba(214,181,111,.22),transparent 34%),
    linear-gradient(135deg,#090807,#030304 64%,#0d0a12);
  border:1px solid rgba(238,229,212,.09);
}
.portrait-image span{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.52);
  border:1px solid rgba(214,181,111,.30);
  color:#d9c490;
  font:950 .88rem var(--font-mono);
  letter-spacing:.08em;
  box-shadow:0 18px 42px rgba(0,0,0,.55);
}
.portrait-caption span{
  display:block;
  margin-bottom:7px;
  color:#9a8050;
  font:950 .62rem var(--font-mono);
  letter-spacing:1.45px;
}
.portrait-caption strong{
  display:block;
  max-width:220px;
  color:#cfc2aa;
  font:850 .76rem/1.55 var(--font-mono);
}
.portrait-caption code{
  color:#e0c77d;
  font:inherit;
}
.compact-radar{
  height:310px !important;
}
.logo-track .devicon-jupyter-plain,
.logo-track .devicon-vscode-plain{
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.65));
}
@media(max-width:1080px){
  .portrait-slot{grid-template-columns:104px minmax(0,1fr);} 
  .portrait-frame{width:104px;}
}
@media(max-width:560px){
  .portrait-slot{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .portrait-caption strong{max-width:100%;}
  .compact-radar{height:300px !important;}
}


/* V7 — hero metric strip + footer credit on its own line */
.hero-metrics{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-width:820px;
}
.hero-metric{
  min-height:82px;
  padding:13px 14px;
  border:1px solid rgba(214,188,118,.16);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    radial-gradient(circle at 20% 0%,rgba(185,155,87,.10),transparent 60%),
    rgba(5,4,3,.58);
  box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  overflow:hidden;
}
.hero-metric i{
  font-size:1.45rem;
  line-height:1;
  margin-bottom:5px;
  filter:saturate(.88) brightness(.92);
}
.hero-metric b{
  font-family:var(--font-mono);
  font-size:.58rem;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.13em;
  color:rgba(214,188,118,.70);
}
.hero-metric span{
  font-family:var(--font-display);
  font-size:.95rem;
  font-weight:850;
  line-height:1.1;
  color:#e5d9c3;
  letter-spacing:-.03em;
}
.hero-metric-number span{
  font-size:1.85rem;
  color:#f0dba3;
  letter-spacing:-.07em;
}
.icon-only-footer{
  flex-direction:column !important;
  gap:18px !important;
}
.icon-only-footer .contact-actions{
  width:100%;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
.editorial-credits{
  display:block;
  width:100%;
  text-align:center;
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(214,188,118,.58);
}
@media(max-width:960px){
  .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .hero-metrics{grid-template-columns:1fr;}
  .hero-metric{min-height:72px;}
}

/* V8 — count-up metrics without boxed cards */
.hero-metrics{
  margin-top:26px !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:34px !important;
  max-width:860px !important;
  padding:0 0 18px !important;
  border-bottom:1px solid rgba(214,188,118,.18) !important;
  background:none !important;
}
.metric-count{
  position:relative;
  min-width:132px;
  padding:0 0 0 18px;
}
.metric-count::before{
  content:'';
  position:absolute;
  left:0;
  top:9px;
  bottom:7px;
  width:1px;
  background:linear-gradient(180deg,rgba(214,188,118,.12),rgba(214,188,118,.74),rgba(214,188,118,.10));
}
.metric-count span,
.metric-count em{
  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,3.15rem);
  font-weight:850;
  line-height:.9;
  letter-spacing:-.08em;
  color:#f0dfba;
  font-style:normal;
  text-shadow:0 18px 54px rgba(185,155,87,.14);
}
.metric-count em{
  margin-left:4px;
  color:rgba(214,188,118,.70);
}
.metric-count b{
  display:block;
  margin-top:9px;
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(184,169,142,.74);
}
.hero-tool-signature{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:16px 24px;
  align-items:center;
  max-width:880px;
}
.hero-tool-signature span{
  display:inline-grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "icon name"
    "icon label";
  column-gap:9px;
  align-items:center;
  padding-right:24px;
  border-right:1px solid rgba(214,188,118,.13);
}
.hero-tool-signature span:last-child{border-right:0;padding-right:0;}
.hero-tool-signature i{
  grid-area:icon;
  font-size:1.22rem;
  filter:saturate(.86) brightness(.96);
}
.hero-tool-signature b{
  grid-area:name;
  font-family:var(--font-display);
  font-size:.92rem;
  font-weight:800;
  line-height:1;
  color:#e8ddc9;
  letter-spacing:-.025em;
}
.hero-tool-signature small{
  grid-area:label;
  margin-top:4px;
  font-family:var(--font-mono);
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(214,188,118,.54);
}
.hero-metric,
.hero-metric-number{
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:0 !important;
}
@media(max-width:720px){
  .hero-metrics{gap:22px !important;flex-wrap:wrap !important;}
  .metric-count{min-width:120px;}
  .hero-tool-signature span{border-right:0;padding-right:0;min-width:128px;}
}


/* V9 — signature row lock + clean portrait image path */
.portrait-slot{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  padding:14px !important;
}
.portrait-caption{display:none !important;}
.portrait-frame{
  width:min(100%, 230px) !important;
  aspect-ratio:1 / 1.08 !important;
}
.hero-tool-signature{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:0 !important;
  max-width:100% !important;
  width:100% !important;
  overflow:visible !important;
}
.hero-tool-signature span{
  min-width:0 !important;
  padding:0 12px 0 0 !important;
  margin-right:12px !important;
  border-right:1px solid rgba(214,188,118,.13) !important;
  column-gap:8px !important;
}
.hero-tool-signature span:last-child{
  border-right:0 !important;
  padding-right:0 !important;
  margin-right:0 !important;
}
.hero-tool-signature i{font-size:1.08rem !important;}
.hero-tool-signature b{
  font-size:.82rem !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.hero-tool-signature small{
  font-size:.49rem !important;
  letter-spacing:.11em !important;
  white-space:nowrap !important;
}
@media(max-width:820px){
  .hero-tool-signature{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px 0 !important;}
  .hero-tool-signature span{border-right:0 !important; margin-right:0 !important;}
}
@media(max-width:520px){
  .hero-tool-signature{grid-template-columns:1fr !important;}
}


/* V10 — remove initials badge from real profile photo */
.portrait-image span{
  display:none !important;
}

/* V11 — mobile-only Personal Archive fix
   Keeps desktop/tablet behavior intact, improves phone vault readability,
   prevents clipped text, and turns the category selector into a compact sticky rail. */
@media(max-width:840px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .vault{
    scroll-margin-top:92px;
  }

  .vault-layout.wide-tabs,
  .vault-layout,
  .vault-panels,
  .profile-panels,
  .vault-panel,
  .profile-grid,
  .evidence-grid,
  .book-strip{
    min-width:0 !important;
    max-width:100% !important;
  }

  .vault-layout.wide-tabs{
    grid-template-columns:1fr !important;
    overflow:hidden !important;
    border-radius:30px !important;
  }

  .wide-tabs .vault-tabs,
  .vault-tabs{
    position:sticky !important;
    top:74px;
    z-index:12;
    display:flex !important;
    flex-direction:row !important;
    grid-template-columns:none !important;
    gap:8px;
    max-height:none !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:10px 12px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(238,229,212,.16) !important;
    background:linear-gradient(180deg,rgba(5,4,6,.98),rgba(5,4,6,.90)) !important;
    backdrop-filter:blur(18px);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }

  .wide-tabs .vault-tabs::-webkit-scrollbar,
  .vault-tabs::-webkit-scrollbar{
    display:none;
  }

  .vault-tab{
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    min-height:42px;
    justify-content:center;
    align-items:center;
    gap:8px;
    padding:10px 14px !important;
    border:1px solid rgba(238,229,212,.13) !important;
    border-radius:999px;
    color:#aa9d86 !important;
    background:rgba(255,255,255,.018) !important;
    white-space:nowrap;
    scroll-snap-align:center;
    box-shadow:none !important;
  }

  .vault-tab::after{
    display:none !important;
  }

  .vault-tab span{
    font-size:.58rem !important;
    color:rgba(214,181,111,.84) !important;
  }

  .vault-tab.active,
  .vault-tab:hover{
    color:#f0e4cc !important;
    border-color:rgba(214,181,111,.44) !important;
    background:linear-gradient(135deg,rgba(214,181,111,.18),rgba(113,136,255,.06)) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.26), inset 0 0 0 1px rgba(214,181,111,.12) !important;
  }

  .profile-panels{
    min-height:0 !important;
  }

  .profile-panels .vault-panel,
  .vault-panel{
    min-height:0 !important;
    height:auto !important;
    justify-content:flex-start !important;
    padding:30px 22px 28px !important;
    overflow:visible !important;
  }

  .vault-panel.active{
    display:flex !important;
  }

  .panel-meta{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    white-space:normal !important;
    line-height:1.45 !important;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .vault-panel h3{
    max-width:100% !important;
    font-size:clamp(1.72rem,8.4vw,2.08rem) !important;
    line-height:1.04 !important;
    letter-spacing:-.066em !important;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:auto;
  }

  .profile-panels .vault-panel p,
  .vault-panel p{
    max-width:100% !important;
    margin:17px 0 24px !important;
    font-size:.96rem !important;
    line-height:1.82 !important;
    overflow-wrap:normal;
    word-break:normal;
  }

  .profile-grid,
  .evidence-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .evidence-grid span,
  .book-strip span{
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.55 !important;
  }
}

@media(max-width:560px){
  main{
    width:min(100% - 28px,1240px) !important;
  }

  .section-head{
    padding-left:14px !important;
  }

  .vault-layout.wide-tabs{
    border-radius:28px !important;
  }

  .wide-tabs .vault-tabs,
  .vault-tabs{
    top:72px;
    padding:9px 10px !important;
  }

  .vault-tab{
    min-height:40px;
    padding:9px 12px !important;
    font-size:.74rem !important;
  }

  .profile-panels .vault-panel,
  .vault-panel{
    padding:26px 18px 26px !important;
  }

  .vault-panel h3{
    font-size:clamp(1.62rem,8.9vw,1.95rem) !important;
    line-height:1.06 !important;
  }

  .profile-panels .vault-panel p,
  .vault-panel p{
    font-size:.93rem !important;
    line-height:1.78 !important;
  }

  .panel-meta{
    font-size:.56rem !important;
    letter-spacing:1.15px !important;
  }

  .evidence-grid span,
  .book-strip span{
    font-size:.70rem !important;
    padding:12px 13px !important;
  }
}



/* V12 — mobile-only header tabs
   Brings header links back on phone with a clean tab-like text row.
   Desktop behavior remains unchanged. */
@media(max-width:840px){
  .topbar{
    height:116px !important;
    padding:14px 18px 12px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    row-gap:12px !important;
  }

  .brand{
    min-width:0 !important;
    max-width:100% !important;
    gap:12px !important;
  }

  .brand span:last-child{
    display:inline !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:clamp(1rem,4.4vw,1.18rem) !important;
    line-height:1 !important;
  }

  .nav-signal{
    display:none !important;
  }

  .nav-links{
    display:flex !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    gap:22px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 1px 3px !important;
    white-space:nowrap !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    scroll-snap-type:x proximity !important;
  }

  .nav-links::-webkit-scrollbar{
    display:none !important;
  }

  .nav-links a{
    flex:0 0 auto !important;
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:24px !important;
    padding:0 0 7px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:rgba(238,229,212,.68) !important;
    font-family:var(--font-main) !important;
    font-size:.76rem !important;
    font-weight:800 !important;
    letter-spacing:-.015em !important;
    line-height:1 !important;
    text-decoration:none !important;
    scroll-snap-align:start !important;
  }

  .nav-links a::after{
    content:'' !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:2px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,var(--gold-2),rgba(113,136,255,.46)) !important;
    transform:scaleX(0) !important;
    transform-origin:left !important;
    transition:transform .22s ease !important;
  }

  .nav-links a:hover,
  .nav-links a:focus-visible{
    color:var(--ink) !important;
    outline:none !important;
  }

  .nav-links a:hover::after,
  .nav-links a:focus-visible::after{
    transform:scaleX(1) !important;
  }

  main{
    padding-top:146px !important;
  }

  .vault{
    scroll-margin-top:136px !important;
  }

  .wide-tabs .vault-tabs,
  .vault-tabs{
    top:116px !important;
  }

  .cursor-aura{
    display:none !important;
  }
}

@media(max-width:380px){
  .topbar{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .nav-links{
    gap:18px !important;
  }

  .nav-links a{
    font-size:.72rem !important;
  }
}

  --shadow:rgba(0,0,0,.72);
  --font-main:'Manrope',sans-serif;
  --font-display:'Space Grotesk',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% -8%,rgba(83,55,23,.22),transparent 30%),
    radial-gradient(circle at 92% 2%,rgba(45,37,83,.22),transparent 27%),
    radial-gradient(circle at 52% 112%,rgba(75,16,35,.18),transparent 35%),
    linear-gradient(180deg,var(--bg),#030204 44%,#010103 100%);
  color:var(--ink);
  font-family:var(--font-main);
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
::selection{background:rgba(185,155,87,.25);color:#fff}
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
.grain::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:92px 92px;opacity:.45}
.cursor-aura{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(185,155,87,.09),transparent 68%);filter:blur(18px);transform:translate(-50%,-50%);opacity:.75}
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;height:74px;padding:0 42px;
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(180deg,rgba(1,1,3,.94),rgba(1,1,3,.68));
  backdrop-filter:blur(22px);border-bottom:1px solid rgba(246,241,229,.055)
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.04em}.brand-mark{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(185,155,87,.9),rgba(94,70,31,.9));color:#070609;font:900 .9rem var(--font-display);box-shadow:0 0 38px rgba(185,155,87,.14)}
.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{text-decoration:none;color:var(--muted);font-size:.78rem;font-weight:900;transition:color .2s}.nav-links a:hover{color:var(--ink)}
.nav-signal{text-decoration:none;border:1px solid var(--line-strong);border-radius:999px;padding:9px 15px;color:var(--soft);font:900 .72rem var(--font-mono);background:rgba(255,255,255,.018);transition:all .22s}.nav-signal:hover{color:var(--ink);border-color:rgba(185,155,87,.34);background:var(--gold-soft)}
main{position:relative;z-index:1;width:min(100% - 64px,1240px);margin:0 auto;padding:130px 0 70px}.hero{min-height:calc(100vh - 130px);display:grid;grid-template-columns:minmax(0,1.12fr) 430px;gap:56px;align-items:center;position:relative}.hero::before{content:'ABOUT / SYSTEMS / AI';position:absolute;right:-70px;top:54%;transform:rotate(90deg);font:900 .62rem var(--font-mono);letter-spacing:5px;color:rgba(246,241,229,.08)}
.overline,.section-kicker{display:inline-flex;align-items:center;gap:10px;font:900 .65rem var(--font-mono);letter-spacing:1.85px;text-transform:uppercase;color:var(--gold-2)}.overline span{width:48px;height:1px;background:linear-gradient(90deg,var(--gold-2),transparent)}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.07em;line-height:.96}h1{font-size:clamp(4.35rem,8.2vw,8.45rem);max-width:920px;margin:25px 0 30px;text-shadow:0 28px 90px rgba(0,0,0,.9)}h2{font-size:clamp(2.35rem,4.8vw,4.8rem)}h3{font-size:clamp(2.08rem,3.6vw,3.35rem)}
.hero-text{max-width:800px;color:var(--soft);font-size:1.08rem}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;border-radius:17px;min-height:56px;padding:0 20px;font-weight:950;letter-spacing:-.025em;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s}.primary-action{background:linear-gradient(135deg,#f2deb0,#a6843b);color:#040305;box-shadow:0 26px 60px rgba(0,0,0,.42),0 0 0 1px rgba(246,241,229,.2) inset}.secondary-action{border:1px solid var(--line-strong);background:rgba(255,255,255,.024);color:var(--soft)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.secondary-action:hover{border-color:rgba(185,155,87,.38);color:var(--ink);background:var(--gold-soft)}
.hero-instrument{border:1px solid var(--line);border-radius:38px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),#050407;box-shadow:0 55px 140px rgba(0,0,0,.66);overflow:hidden;position:relative}.hero-instrument::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(185,155,87,.13),transparent 36%);pointer-events:none}.hero-instrument::after{content:'';position:absolute;inset:1px;border-radius:37px;pointer-events:none;background:linear-gradient(135deg,rgba(215,189,120,.13),transparent 34%,rgba(75,16,35,.22));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;mask-composite:exclude}.instrument-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);font:900 .62rem var(--font-mono);letter-spacing:1.35px;color:var(--muted)}.instrument-top b{color:var(--green)}
.radar-shell{height:372px;position:relative;display:grid;place-items:center;overflow:hidden}.radar-grid{position:absolute;inset:36px;border-radius:50%;border:1px solid rgba(185,155,87,.11);background:radial-gradient(circle,transparent 0 24%,rgba(185,155,87,.038) 25% 25.5%,transparent 26% 48%,rgba(185,155,87,.052) 49% 49.5%,transparent 50%),conic-gradient(from 30deg,transparent,rgba(185,155,87,.13),transparent 32%);animation:scan 16s linear infinite}.radar-grid::before,.radar-grid::after{content:'';position:absolute;inset:44px;border-radius:50%;border:1px solid rgba(246,241,229,.07)}.radar-grid::after{inset:88px}.radar-core{width:82px;height:82px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(185,155,87,.28),rgba(39,32,62,.22));border:1px solid rgba(185,155,87,.28);font:900 1.15rem var(--font-display);box-shadow:0 0 70px rgba(185,155,87,.10)}
.orbit{position:absolute;border:1px solid var(--line-strong);background:rgba(3,3,5,.82);border-radius:999px;padding:7px 10px;font:900 .6rem var(--font-mono);color:var(--soft);box-shadow:0 22px 55px rgba(0,0,0,.42)}.orbit-a{left:38px;top:88px}.orbit-b{right:40px;top:120px}.orbit-c{left:56px;bottom:82px}.orbit-d{right:64px;bottom:76px}.orbit-e{left:50%;top:36px;transform:translateX(-50%)}
.instrument-readout{padding:0 20px 21px}.instrument-readout div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(246,241,229,.065);padding:13px 0;font:850 .7rem var(--font-mono)}.instrument-readout span{color:var(--muted)}.instrument-readout strong{text-align:right;color:var(--ink)}
.manifest{display:grid;grid-template-columns:90px minmax(0,.95fr) minmax(0,1fr);gap:28px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0;margin:20px 0 98px}.manifest-number{font:900 3.45rem var(--font-display);letter-spacing:-.08em;color:rgba(185,155,87,.48)}.manifest p{color:var(--soft);font-size:1.02rem}.manifest h2{font-size:clamp(2.15rem,4vw,3.82rem)}
.section-head{max-width:870px;margin-bottom:32px}.section-head h2{margin:13px 0 13px}.section-head p{color:var(--muted);max-width:730px}.narrow{max-width:780px}.vault,.stack-board,.journey,.principles{margin-bottom:104px}
.vault-layout{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid var(--line);border-radius:38px;overflow:hidden;background:rgba(255,255,255,.012);box-shadow:0 45px 130px rgba(0,0,0,.48)}.vault-tabs{display:flex;flex-direction:column;background:rgba(0,0,0,.28);border-right:1px solid var(--line)}.vault-tab{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:23px;text-align:left;font:900 .86rem var(--font-main);cursor:pointer;display:flex;gap:14px;align-items:center;transition:background .22s,color .22s}.vault-tab span{font:900 .66rem var(--font-mono);color:rgba(185,155,87,.5)}.vault-tab:hover,.vault-tab.active{background:linear-gradient(90deg,rgba(185,155,87,.11),transparent);color:var(--ink)}
.vault-panels{min-height:540px;position:relative}.vault-panel{display:none;height:100%;padding:56px;background:radial-gradient(circle at 86% 18%,rgba(185,155,87,.08),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.028),transparent)}.vault-panel.active{display:flex;flex-direction:column;justify-content:center;animation:fadeSlide .42s var(--ease)}.panel-meta{font:900 .66rem var(--font-mono);letter-spacing:1.45px;text-transform:uppercase;color:var(--gold-2);margin-bottom:18px}.vault-panel p{color:var(--soft);max-width:760px;margin:19px 0 29px;font-size:1.03rem}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:780px}.evidence-grid span{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.26);padding:13px 14px;font:850 .76rem var(--font-mono);color:var(--soft)}
.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:34px;background:var(--line);overflow:hidden;box-shadow:0 35px 110px rgba(0,0,0,.36)}.stack-grid article{min-height:198px;padding:25px;background:#040406;display:flex;flex-direction:column;justify-content:flex-end;transition:background .22s}.stack-grid article:hover{background:#08070a}.stack-grid b{font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.045em}.stack-grid p{margin-top:10px;color:var(--muted);font-size:.9rem}
.journey-line{position:relative;border-left:1px solid rgba(185,155,87,.25);margin-left:14px}.journey-item{position:relative;padding:0 0 32px 35px}.journey-item:last-child{padding-bottom:0}.journey-item::before{content:'';position:absolute;left:-8px;top:5px;width:15px;height:15px;border-radius:50%;background:var(--bg);border:1px solid var(--gold);box-shadow:0 0 0 7px rgba(185,155,87,.06)}.journey-item span{display:block;font:900 .66rem var(--font-mono);letter-spacing:1.28px;text-transform:uppercase;color:var(--gold-2);margin-bottom:6px}.journey-item strong{font-size:1.18rem;letter-spacing:-.025em;color:var(--soft)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principles article{border:1px solid var(--line);border-radius:31px;padding:29px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),#050407;min-height:245px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.principles span{font:900 .64rem var(--font-mono);color:var(--gold-2);letter-spacing:1.38px;text-transform:uppercase}.principles b{display:block;font-family:var(--font-display);font-size:1.48rem;letter-spacing:-.045em;line-height:1.04;margin:32px 0 12px}.principles p{color:var(--muted);font-size:.92rem}
.contact{border-top:1px solid var(--line);padding-top:44px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.contact h2{max-width:760px;font-size:clamp(2.05rem,4vw,3.6rem);margin-top:12px}.contact-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.contact-actions a{width:44px;height:44px;display:grid;place-items:center;text-decoration:none;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);color:var(--soft);transition:all .22s}.contact-actions a:hover{color:#fff;background:var(--gold-soft);border-color:rgba(185,155,87,.35);transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes scan{to{transform:rotate(360deg)}}@keyframes fadeSlide{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1080px){.hero{grid-template-columns:1fr}.hero-instrument{max-width:520px}.manifest{grid-template-columns:1fr}.vault-layout{grid-template-columns:1fr}.vault-tabs{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr}.contact{display:block}.contact-actions{justify-content:flex-start;margin-top:24px}}
@media(max-width:840px){.topbar{padding:0 22px}.nav-links{display:none}main{width:min(100% - 36px,1240px);padding-top:104px}h1{font-size:clamp(3.15rem,14vw,5.25rem)}.hero{min-height:auto}.hero::before{display:none}.vault-tabs{grid-template-columns:1fr}.vault-panel{padding:34px 24px;min-height:520px}.evidence-grid,.stack-grid{grid-template-columns:1fr}.radar-shell{height:314px}.manifest{margin-bottom:74px}.cursor-aura{display:none}}
@media(max-width:560px){.brand span:last-child{display:none}.nav-signal{padding:8px 12px}.hero-actions{flex-direction:column}.primary-action,.secondary-action{width:100%}.instrument-readout div{display:block}.instrument-readout strong{display:block;text-align:left;margin-top:4px}.orbit{font-size:.55rem}.orbit-a{left:20px}.orbit-b{right:20px}.orbit-c{left:24px}.orbit-d{right:28px}.principles article{min-height:auto}}

/* V2.1 — darker typography, heavier surfaces, lower-brightness palette */
:root{
  --bg:#000001;
  --bg-2:#010102;
  --bg-3:#030304;
  --panel:#030304;
  --panel-2:#050406;
  --ink:#d8cfbd;
  --soft:#918573;
  --muted:#514a40;
  --line:rgba(216,207,189,.052);
  --line-strong:rgba(216,207,189,.105);
  --gold:#806735;
  --gold-2:#a58b50;
  --gold-soft:rgba(128,103,53,.075);
  --wine:#210711;
  --violet:#120f1d;
  --green:#5d927b;
  --shadow:rgba(0,0,0,.86);
}

body{
  background:
    radial-gradient(circle at 10% -10%,rgba(65,43,19,.13),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(20,17,34,.16),transparent 26%),
    radial-gradient(circle at 54% 115%,rgba(33,7,17,.12),transparent 34%),
    linear-gradient(180deg,#000001 0%,#010102 45%,#000001 100%) !important;
  color:var(--ink);
}

.grain{opacity:.115 !important;mix-blend-mode:multiply;}
.grain::after{opacity:.28 !important;background-size:112px 112px !important;}
.cursor-aura{background:radial-gradient(circle,rgba(128,103,53,.045),transparent 70%) !important;opacity:.55 !important;filter:blur(26px) !important;}

.topbar{
  background:linear-gradient(180deg,rgba(0,0,1,.97),rgba(0,0,1,.76)) !important;
  border-bottom-color:rgba(216,207,189,.038) !important;
  box-shadow:0 22px 80px rgba(0,0,0,.48);
}
.brand{color:#d0c4ae;font-weight:950;}
.brand-mark{
  background:linear-gradient(135deg,#8c7138,#4b3517) !important;
  color:#020202 !important;
  box-shadow:0 0 34px rgba(128,103,53,.08) !important;
}
.nav-links a{color:#4e493f !important;}
.nav-links a:hover{color:#c4b8a3 !important;}
.nav-signal{color:#7d735f !important;background:rgba(255,255,255,.01) !important;border-color:rgba(216,207,189,.075) !important;}
.nav-signal:hover{color:#cbbfaa !important;background:rgba(128,103,53,.055) !important;border-color:rgba(128,103,53,.24) !important;}

.overline,.section-kicker,.panel-meta,.journey-item span,.principles span{
  color:#987f48 !important;
  letter-spacing:2.05px;
  opacity:.95;
}
.overline span{background:linear-gradient(90deg,#806735,transparent) !important;opacity:.65;}

h1,h2,h3{
  color:#d3c8b6;
  text-shadow:0 36px 120px rgba(0,0,0,.95);
  font-weight:900;
}
h1{
  color:#d1c4ad;
  letter-spacing:-.083em;
  text-shadow:0 45px 140px rgba(0,0,0,1), 0 1px 0 rgba(255,255,255,.025) !important;
}
h2{color:#c7baa4;letter-spacing:-.078em;}
h3{color:#cbbfa9;letter-spacing:-.074em;}
.hero-text,.manifest p,.vault-panel p{color:#8e826f !important;}
.section-head p,.stack-grid p,.principles p{color:#554d42 !important;}

.primary-action{
  background:linear-gradient(135deg,#a98e55,#5b421f) !important;
  color:#030202 !important;
  border:1px solid rgba(216,207,189,.08);
  box-shadow:0 30px 80px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.secondary-action{
  color:#8a7f6c !important;
  background:rgba(255,255,255,.009) !important;
  border-color:rgba(216,207,189,.075) !important;
}
.secondary-action:hover{color:#c8baa2 !important;background:rgba(128,103,53,.055) !important;border-color:rgba(128,103,53,.24) !important;}

.hero-instrument,
.vault-layout,
.principles article{
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004)),#020203 !important;
  border-color:rgba(216,207,189,.048) !important;
  box-shadow:0 60px 160px rgba(0,0,0,.72) !important;
}
.hero-instrument::before{background:radial-gradient(circle at 50% 0,rgba(128,103,53,.07),transparent 38%) !important;}
.hero-instrument::after{background:linear-gradient(135deg,rgba(128,103,53,.08),transparent 34%,rgba(33,7,17,.12)) !important;}
.instrument-top{border-bottom-color:rgba(216,207,189,.048) !important;color:#4f493f !important;}
.instrument-top b{color:#668d78 !important;}

.radar-grid{
  border-color:rgba(128,103,53,.075) !important;
  background:radial-gradient(circle,transparent 0 24%,rgba(128,103,53,.024) 25% 25.5%,transparent 26% 48%,rgba(128,103,53,.032) 49% 49.5%,transparent 50%),conic-gradient(from 30deg,transparent,rgba(128,103,53,.075),transparent 32%) !important;
}
.radar-grid::before,.radar-grid::after{border-color:rgba(216,207,189,.044) !important;}
.radar-core{
  background:linear-gradient(135deg,rgba(128,103,53,.16),rgba(18,15,29,.15)) !important;
  border-color:rgba(128,103,53,.19) !important;
  box-shadow:0 0 60px rgba(128,103,53,.055) !important;
  color:#c2b498;
}
.orbit{
  background:rgba(1,1,2,.88) !important;
  border-color:rgba(216,207,189,.08) !important;
  color:#7f7462 !important;
  box-shadow:0 24px 60px rgba(0,0,0,.56) !important;
}
.instrument-readout div{border-top-color:rgba(216,207,189,.043) !important;color:#554d42 !important;}
.instrument-readout strong{color:#bbb09b !important;}

.manifest{
  border-color:rgba(216,207,189,.05) !important;
}
.manifest-number{color:rgba(128,103,53,.36) !important;}

.vault-layout{background:rgba(255,255,255,.006) !important;}
.vault-tabs{background:rgba(0,0,0,.36) !important;border-color:rgba(216,207,189,.046) !important;}
.vault-tab{
  color:#544d42 !important;
  border-bottom-color:rgba(216,207,189,.046) !important;
  background:#010102 !important;
  font-weight:950;
}
.vault-tab span{color:rgba(128,103,53,.44) !important;}
.vault-tab:hover,.vault-tab.active{
  background:linear-gradient(90deg,rgba(128,103,53,.075),rgba(0,0,0,0)) !important;
  color:#c6b9a0 !important;
}
.vault-panel{
  background:radial-gradient(circle at 86% 18%,rgba(128,103,53,.045),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.012),transparent) !important;
}
.evidence-grid span{
  background:rgba(0,0,0,.35) !important;
  border-color:rgba(216,207,189,.05) !important;
  color:#8d806c !important;
}

.stack-grid{
  border-color:rgba(216,207,189,.05) !important;
  background:rgba(216,207,189,.045) !important;
  box-shadow:0 45px 130px rgba(0,0,0,.58) !important;
}
.stack-grid article{
  background:#020203 !important;
}
.stack-grid article:hover{background:#050405 !important;}
.stack-grid b{color:#c7bba4 !important;}

.journey-line{border-left-color:rgba(128,103,53,.17) !important;}
.journey-item::before{background:#000001 !important;border-color:#806735 !important;box-shadow:0 0 0 7px rgba(128,103,53,.035) !important;}
.journey-item strong{color:#908471 !important;}

.principles article{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.003)),#020203 !important;}
.principles b{color:#c7baa4 !important;}
.contact{border-top-color:rgba(216,207,189,.05) !important;}
.contact-actions a{
  background:rgba(255,255,255,.009) !important;
  border-color:rgba(216,207,189,.055) !important;
  color:#7f7462 !important;
}
.contact-actions a:hover{color:#c8baa2 !important;background:rgba(128,103,53,.055) !important;border-color:rgba(128,103,53,.22) !important;}

.reveal{transition-duration:.95s !important;}

/* V2.2 — sharper separation system: clearer architecture without brightening the page */
:root{
  --line:rgba(216,207,189,.105);
  --line-strong:rgba(216,207,189,.22);
  --edge-gold:rgba(128,103,53,.32);
  --edge-cold:rgba(255,255,255,.035);
  --section-gap-line:rgba(216,207,189,.14);
}

/* stronger global section rhythm */
.hero,
.manifest,
.vault,
.stack-board,
.journey,
.principles,
.contact{
  position:relative;
}

.manifest,
.vault,
.stack-board,
.journey{
  padding-top:18px;
}

.vault::before,
.stack-board::before,
.journey::before,
.principles::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-42px;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(216,207,189,.05) 5%,
    rgba(128,103,53,.34) 18%,
    rgba(216,207,189,.16) 52%,
    rgba(128,103,53,.20) 82%,
    transparent 100%);
  box-shadow:0 1px 0 rgba(0,0,0,.85);
}

.section-head{
  padding-left:22px;
  border-left:2px solid rgba(128,103,53,.42);
}

.section-head::before{
  content:'';
  display:block;
  width:68px;
  height:1px;
  margin-bottom:18px;
  background:linear-gradient(90deg,rgba(128,103,53,.62),transparent);
}

/* sharper top navigation */
.topbar{
  border-bottom-color:rgba(216,207,189,.12) !important;
  box-shadow:0 18px 70px rgba(0,0,0,.72), 0 1px 0 rgba(128,103,53,.12) !important;
}

/* hero instrument gets a visible premium frame */
.hero-instrument,
.vault-layout,
.stack-grid,
.principles article{
  border-color:rgba(216,207,189,.14) !important;
  box-shadow:
    0 56px 150px rgba(0,0,0,.76),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 0 1px rgba(128,103,53,.055) !important;
}

.hero-instrument::after,
.vault-layout::after,
.stack-grid::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(128,103,53,.09);
}

.vault-layout,
.stack-grid{
  position:relative;
}

.instrument-top,
.instrument-readout div{
  border-color:rgba(216,207,189,.12) !important;
}

.instrument-readout div{
  background:linear-gradient(90deg,rgba(255,255,255,.012),transparent 55%);
}

/* operating thesis block: clearer separation */
.manifest{
  border-top-color:rgba(216,207,189,.14) !important;
  border-bottom-color:rgba(216,207,189,.14) !important;
  background:
    linear-gradient(90deg,rgba(128,103,53,.045),transparent 32%,transparent 68%,rgba(128,103,53,.025)),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));
  padding:54px 26px;
  border-radius:28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 28px 90px rgba(0,0,0,.28);
}

.manifest-number{
  text-shadow:0 0 42px rgba(128,103,53,.12);
}

/* vault: make tabs and panels unmistakable */
.vault-layout{
  border-width:1px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004)),
    #010102 !important;
}

.vault-tabs{
  border-right-color:rgba(216,207,189,.13) !important;
  box-shadow:inset -1px 0 0 rgba(128,103,53,.08);
}

.vault-tab{
  border-bottom-color:rgba(216,207,189,.105) !important;
  position:relative;
}

.vault-tab::after{
  content:'';
  position:absolute;
  left:22px;
  right:22px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(128,103,53,.16),transparent);
}

.vault-tab.active{
  box-shadow:inset 3px 0 0 rgba(128,103,53,.72), inset 0 1px 0 rgba(255,255,255,.025);
}

.vault-panel{
  border-left:1px solid rgba(128,103,53,.06);
}

.panel-meta{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border:1px solid rgba(128,103,53,.26);
  border-radius:999px;
  background:rgba(128,103,53,.045);
}

.evidence-grid span{
  border-color:rgba(216,207,189,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

/* technical board: card boundaries must be visible */
.stack-grid{
  gap:1px;
  background:rgba(216,207,189,.12) !important;
  border-color:rgba(216,207,189,.16) !important;
}

.stack-grid article{
  position:relative;
  border:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.stack-grid article::before{
  content:'';
  position:absolute;
  left:24px;
  top:23px;
  width:34px;
  height:2px;
  background:linear-gradient(90deg,rgba(128,103,53,.52),transparent);
}

.stack-grid b{
  display:block;
  margin-top:12px;
}

/* journey: stronger timeline and nodes */
.journey-line{
  border-left-color:rgba(128,103,53,.34) !important;
  box-shadow:inset 1px 0 0 rgba(216,207,189,.055);
}

.journey-item{
  border-bottom:1px solid rgba(216,207,189,.085);
  padding-bottom:27px;
}

.journey-item:last-child{
  border-bottom:0;
}

.journey-item::before{
  border-color:rgba(128,103,53,.86) !important;
  box-shadow:0 0 0 7px rgba(128,103,53,.06), 0 0 28px rgba(128,103,53,.10) !important;
}

/* principles: separated cards with visible edges */
.principles{
  gap:20px;
}

.principles article{
  border-color:rgba(216,207,189,.13) !important;
  position:relative;
  overflow:hidden;
}

.principles article::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg,rgba(128,103,53,.55),transparent 78%);
}

.principles article::after{
  content:'';
  position:absolute;
  left:24px;
  right:24px;
  top:58px;
  height:1px;
  background:linear-gradient(90deg,rgba(216,207,189,.12),transparent);
}

/* footer separation */
.contact{
  border-top-color:rgba(216,207,189,.16) !important;
  box-shadow:0 -1px 0 rgba(128,103,53,.12);
}

.contact-actions a{
  border-color:rgba(216,207,189,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

@media(max-width:1080px){
  .vault-tabs{
    border-right:0 !important;
    border-bottom-color:rgba(216,207,189,.13) !important;
  }
  .vault-panel{
    border-left:0;
  }
}

@media(max-width:840px){
  .section-head{
    padding-left:16px;
  }
  .manifest{
    padding:38px 20px;
  }
  .vault::before,
  .stack-board::before,
  .journey::before,
  .principles::before{
    top:-32px;
  }
}

/* V2.3 — dark but readable: stronger text, visible color accents, clearer section contrast */
:root{
  --bg:#030304;
  --bg-2:#060507;
  --bg-3:#0b080c;
  --panel:#08070a;
  --panel-2:#100d12;
  --ink:#eee5d4;
  --soft:#c0b39f;
  --muted:#8f806b;
  --line:rgba(238,229,212,.16);
  --line-strong:rgba(238,229,212,.28);
  --gold:#b78d3f;
  --gold-2:#d1b46d;
  --gold-soft:rgba(183,141,63,.13);
  --wine:#64203a;
  --violet:#30294e;
  --green:#77c5a6;
  --blue:#7188ff;
}

body{
  background:
    radial-gradient(circle at 13% -9%,rgba(183,141,63,.22),transparent 31%),
    radial-gradient(circle at 86% 3%,rgba(113,136,255,.13),transparent 30%),
    radial-gradient(circle at 78% 70%,rgba(100,32,58,.12),transparent 34%),
    radial-gradient(circle at 20% 98%,rgba(119,197,166,.08),transparent 30%),
    linear-gradient(180deg,#030304 0%,#050406 42%,#020203 100%) !important;
  color:var(--ink) !important;
}

.grain{opacity:.13 !important;}
.cursor-aura{
  background:radial-gradient(circle,rgba(209,180,109,.12),rgba(113,136,255,.035) 38%,transparent 70%) !important;
  opacity:.8 !important;
}

.topbar{
  background:linear-gradient(180deg,rgba(3,3,4,.96),rgba(3,3,4,.78)) !important;
  border-bottom-color:rgba(238,229,212,.18) !important;
}
.brand{color:#e8dec9 !important;}
.brand-mark{
  background:linear-gradient(135deg,#d1b46d,#8b6424) !important;
  box-shadow:0 0 34px rgba(209,180,109,.18) !important;
}
.nav-links a{color:#8b806f !important;}
.nav-links a:hover{color:#eee5d4 !important;}
.nav-signal{color:#bdae91 !important;border-color:rgba(238,229,212,.18) !important;}
.nav-signal:hover{color:#f1e7d5 !important;background:rgba(183,141,63,.12) !important;border-color:rgba(209,180,109,.35) !important;}

.overline,
.section-kicker,
.panel-meta,
.journey-item span,
.principles span{
  color:#d1b46d !important;
  opacity:1 !important;
  text-shadow:0 0 26px rgba(209,180,109,.12) !important;
}
.overline span,
.section-head::before{
  background:linear-gradient(90deg,#d1b46d,rgba(113,136,255,.38),transparent) !important;
  opacity:1 !important;
}

h1,h2,h3{
  color:#eee5d4 !important;
  text-shadow:0 30px 110px rgba(0,0,0,.95), 0 0 34px rgba(183,141,63,.06) !important;
}
h1{
  color:#f0e6d4 !important;
  background:linear-gradient(180deg,#f1eadc 0%,#d3c4ac 76%,#aa9675 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
h2{color:#e5dac7 !important;}
h3{color:#eadfcc !important;}

.hero-text,
.manifest p,
.vault-panel p{
  color:#bfb29d !important;
}
.section-head p,
.stack-grid p,
.principles p{
  color:#a69a88 !important;
}

.primary-action{
  background:linear-gradient(135deg,#d5bd78,#977033) !important;
  color:#050404 !important;
  border-color:rgba(238,229,212,.22) !important;
  box-shadow:0 28px 78px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.08) inset,0 0 48px rgba(183,141,63,.12) !important;
}
.secondary-action{
  color:#d8cab3 !important;
  background:rgba(238,229,212,.035) !important;
  border-color:rgba(238,229,212,.2) !important;
}
.secondary-action:hover{
  color:#f1e7d5 !important;
  background:rgba(183,141,63,.12) !important;
  border-color:rgba(209,180,109,.36) !important;
}

.hero-instrument,
.vault-layout,
.stack-grid,
.principles article{
  background:linear-gradient(180deg,rgba(238,229,212,.035),rgba(238,229,212,.008)),#060507 !important;
  border-color:rgba(238,229,212,.20) !important;
  box-shadow:0 56px 150px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.045), inset 0 0 0 1px rgba(209,180,109,.08) !important;
}
.hero-instrument::before{
  background:radial-gradient(circle at 50% 0,rgba(209,180,109,.16),transparent 40%) !important;
}
.hero-instrument::after{
  background:linear-gradient(135deg,rgba(209,180,109,.18),transparent 34%,rgba(100,32,58,.18)) !important;
}
.instrument-top,
.instrument-readout div{
  border-color:rgba(238,229,212,.15) !important;
}
.instrument-top{color:#9c8e78 !important;}
.instrument-top b{color:#77c5a6 !important;}
.instrument-readout strong{color:#e4d8c2 !important;}
.instrument-readout span{color:#938671 !important;}

.radar-grid{
  border-color:rgba(209,180,109,.19) !important;
  background:radial-gradient(circle,transparent 0 24%,rgba(209,180,109,.055) 25% 25.5%,transparent 26% 48%,rgba(113,136,255,.045) 49% 49.5%,transparent 50%),conic-gradient(from 30deg,transparent,rgba(209,180,109,.18),rgba(113,136,255,.08),transparent 32%) !important;
}
.radar-grid::before,.radar-grid::after{border-color:rgba(238,229,212,.12) !important;}
.radar-core{
  color:#f0e6d4 !important;
  background:linear-gradient(135deg,rgba(209,180,109,.30),rgba(113,136,255,.14)) !important;
  border-color:rgba(209,180,109,.34) !important;
  box-shadow:0 0 72px rgba(209,180,109,.14) !important;
}
.orbit{
  color:#d4c6ae !important;
  border-color:rgba(238,229,212,.18) !important;
  background:rgba(5,5,7,.88) !important;
}

.manifest{
  border-color:rgba(238,229,212,.18) !important;
  background:
    linear-gradient(90deg,rgba(183,141,63,.075),transparent 35%,rgba(113,136,255,.028) 72%,rgba(100,32,58,.055)),
    linear-gradient(180deg,rgba(238,229,212,.025),rgba(238,229,212,.004)) !important;
}
.manifest-number{color:rgba(209,180,109,.55) !important;}

.section-head{
  border-left-color:rgba(209,180,109,.60) !important;
}
.vault::before,
.stack-board::before,
.journey::before,
.principles::before{
  background:linear-gradient(90deg,transparent 0%,rgba(209,180,109,.44) 18%,rgba(238,229,212,.20) 50%,rgba(113,136,255,.18) 78%,transparent 100%) !important;
}

.vault-tabs{
  background:rgba(0,0,0,.34) !important;
  border-right-color:rgba(238,229,212,.18) !important;
}
.vault-tab{
  color:#a99b84 !important;
  background:#050406 !important;
  border-bottom-color:rgba(238,229,212,.14) !important;
}
.vault-tab span{color:rgba(209,180,109,.75) !important;}
.vault-tab:hover,
.vault-tab.active{
  color:#f0e4cc !important;
  background:linear-gradient(90deg,rgba(183,141,63,.18),rgba(113,136,255,.045),transparent) !important;
}
.vault-tab.active{
  box-shadow:inset 4px 0 0 rgba(209,180,109,.86), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.vault-panel{
  background:radial-gradient(circle at 86% 18%,rgba(209,180,109,.12),transparent 35%),radial-gradient(circle at 8% 92%,rgba(113,136,255,.055),transparent 32%),linear-gradient(135deg,rgba(238,229,212,.025),transparent) !important;
}
.panel-meta{
  background:rgba(183,141,63,.10) !important;
  border-color:rgba(209,180,109,.34) !important;
}
.evidence-grid span{
  color:#d7cab3 !important;
  background:rgba(0,0,0,.34) !important;
  border-color:rgba(238,229,212,.17) !important;
}

.stack-grid{
  background:rgba(238,229,212,.16) !important;
  border-color:rgba(238,229,212,.22) !important;
}
.stack-grid article{
  background:linear-gradient(180deg,rgba(238,229,212,.018),rgba(238,229,212,.004)),#050406 !important;
}
.stack-grid article:hover{
  background:linear-gradient(180deg,rgba(183,141,63,.08),rgba(113,136,255,.025)),#08070a !important;
}
.stack-grid article::before{
  background:linear-gradient(90deg,rgba(209,180,109,.75),rgba(113,136,255,.35),transparent) !important;
}
.stack-grid b{color:#eadfcc !important;}
.stack-grid p{color:#aa9e8a !important;}

.journey-line{
  border-left-color:rgba(209,180,109,.56) !important;
  box-shadow:inset 1px 0 0 rgba(238,229,212,.12), 0 0 28px rgba(209,180,109,.05) !important;
}
.journey-item{border-bottom-color:rgba(238,229,212,.13) !important;}
.journey-item::before{
  background:#050406 !important;
  border-color:#d1b46d !important;
  box-shadow:0 0 0 8px rgba(209,180,109,.08),0 0 30px rgba(209,180,109,.18) !important;
}
.journey-item strong{color:#cbbda7 !important;}

.principles article{
  background:linear-gradient(180deg,rgba(238,229,212,.03),rgba(238,229,212,.006)),#050406 !important;
  border-color:rgba(238,229,212,.20) !important;
}
.principles article::before{
  background:linear-gradient(180deg,rgba(209,180,109,.85),rgba(113,136,255,.22),transparent 82%) !important;
}
.principles article::after{
  background:linear-gradient(90deg,rgba(238,229,212,.18),rgba(209,180,109,.22),transparent) !important;
}
.principles b{color:#eadfcc !important;}
.principles p{color:#a79b87 !important;}

.contact{
  border-top-color:rgba(238,229,212,.22) !important;
}
.contact-actions a{
  color:#c7b89d !important;
  background:rgba(238,229,212,.025) !important;
  border-color:rgba(238,229,212,.18) !important;
}
.contact-actions a:hover{
  color:#f1e7d5 !important;
  background:rgba(183,141,63,.14) !important;
  border-color:rgba(209,180,109,.38) !important;
  transform:translateY(-3px);
}


/* V3 — expanded AI vault content + clearer readable dark system */
:root{
  --ink:#eee5d4;
  --soft:#c4b79f;
  --muted:#807563;
  --line:rgba(238,229,212,.15);
  --line-strong:rgba(238,229,212,.28);
  --gold:#b48a3b;
  --gold-2:#d6b56f;
  --gold-soft:rgba(214,181,111,.105);
  --violet:#211b39;
  --green:#76b99a;
}
body{
  background:
    radial-gradient(circle at 9% -8%,rgba(180,138,59,.18),transparent 30%),
    radial-gradient(circle at 96% 2%,rgba(70,58,125,.20),transparent 30%),
    radial-gradient(circle at 55% 112%,rgba(27,84,67,.09),transparent 36%),
    linear-gradient(180deg,#020203 0%,#050407 44%,#010102 100%) !important;
}
.topbar{border-bottom-color:rgba(238,229,212,.12) !important;}
.hero{padding-top:18px;}
h1{font-size:clamp(3.9rem,7.4vw,7.7rem); color:#eee4cf;}
h2,h3{color:#eadfcb;}
.hero-text,.manifest p,.vault-panel p{color:#c4b79f !important;}
.section-head p,.stack-grid p,.principles p{color:#968a75 !important;}
.vault,.stack-board,.journey,.principles{position:relative;}
.vault::before,.stack-board::before,.journey::before,.principles::before{
  content:'';position:absolute;left:0;right:0;top:-42px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,181,111,.32),rgba(238,229,212,.08),transparent);
}
.wide-tabs{grid-template-columns:290px minmax(0,1fr) !important;}
.wide-tabs .vault-tabs{max-height:720px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(214,181,111,.32) transparent;}
.wide-tabs .vault-tabs::-webkit-scrollbar{width:5px;}
.wide-tabs .vault-tabs::-webkit-scrollbar-thumb{background:rgba(214,181,111,.32);border-radius:999px;}
.profile-panels{min-height:640px;}
.profile-panels .vault-panel{padding:58px 60px;}
.profile-panels .vault-panel p{max-width:900px;font-size:1.03rem;line-height:1.9;}
.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;}
.book-strip{display:grid;gap:10px;margin-top:28px;max-width:980px;}
.book-strip span{
  display:block;border:1px solid rgba(238,229,212,.13);border-left:3px solid rgba(214,181,111,.46);
  border-radius:14px;background:linear-gradient(90deg,rgba(214,181,111,.065),rgba(0,0,0,.28));
  padding:12px 15px;color:#bfb199;font:850 .77rem var(--font-mono);
}
.evidence-grid span{
  border-color:rgba(238,229,212,.14) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(0,0,0,.34) !important;
  color:#bcae96 !important;
}
.stack-grid{grid-template-columns:repeat(4,1fr) !important;}
.stack-grid article{min-height:190px;}
.stack-grid b{display:block;margin-bottom:12px;color:#eadfc9 !important;}
.stack-grid p{line-height:1.7;color:#a79981 !important;}
.orbit-a{left:24px;top:86px}.orbit-b{right:42px;top:120px}.orbit-c{left:42px;bottom:78px}.orbit-d{right:62px;bottom:75px}.orbit-e{left:50%;top:35px;transform:translateX(-50%)}
.icon-only-footer{
  display:flex !important;justify-content:center !important;align-items:center !important;
  border-top:1px solid rgba(238,229,212,.13) !important;padding:34px 0 10px !important;margin-top:40px;
}
.icon-only-footer .contact-actions{justify-content:center !important;gap:24px !important;margin:0 !important;}
.icon-only-footer .contact-actions a{
  width:auto !important;height:auto !important;border:0 !important;border-radius:0 !important;background:transparent !important;
  color:#9e927d !important;font-size:1.32rem !important;box-shadow:none !important;padding:0 !important;
}
.icon-only-footer .contact-actions a:hover{background:transparent !important;color:#e5c478 !important;transform:translateY(-3px) !important;}
@media(max-width:1180px){.stack-grid{grid-template-columns:repeat(2,1fr) !important}.wide-tabs{grid-template-columns:1fr !important}.wide-tabs .vault-tabs{display:grid;grid-template-columns:repeat(2,1fr);max-height:none}.profile-panels{min-height:auto}}
@media(max-width:840px){.wide-tabs .vault-tabs{grid-template-columns:1fr}.profile-panels .vault-panel{padding:34px 24px}.profile-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:1fr !important}.hero{padding-top:0}.icon-only-footer .contact-actions{flex-wrap:wrap}}

/* V5 — skill atlas + icon typography motion */
.skill-atlas{
  position:relative;
  margin-bottom:104px;
}
.skill-atlas::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-42px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,181,111,.34),rgba(238,229,212,.09),transparent);
}
.logo-runway{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(238,229,212,.14);
  border-radius:34px;
  background:
    radial-gradient(circle at 10% 0%,rgba(214,181,111,.10),transparent 28%),
    radial-gradient(circle at 90% 100%,rgba(70,58,125,.12),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    #030305;
  box-shadow:0 45px 130px rgba(0,0,0,.42);
  padding:28px 0;
  margin-bottom:22px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
}
.logo-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:34px;
  animation:skillMarquee 52s linear infinite;
}
.logo-runway:hover .logo-track{animation-play-state:paused;}
.logo-track span{
  min-width:94px;
  display:grid;
  justify-items:center;
  gap:10px;
  color:#b9ac94;
  font:900 .74rem var(--font-mono);
  letter-spacing:-.02em;
  opacity:.78;
  transition:opacity .2s ease, transform .2s ease, color .2s ease;
}
.logo-track span:hover{
  opacity:1;
  color:#eee2ca;
  transform:translateY(-3px);
}
.logo-track i{
  font-size:2.25rem;
  line-height:1;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.65));
}
.logo-track .devicon-github-original{
  color:#e6dcc8;
}
.skill-table{
  border:1px solid rgba(238,229,212,.14);
  border-radius:34px;
  overflow:hidden;
  background:rgba(238,229,212,.10);
  box-shadow:0 48px 140px rgba(0,0,0,.42);
}
.skill-row{
  display:grid;
  grid-template-columns:285px minmax(0,1fr);
  gap:1px;
  background:rgba(238,229,212,.10);
  border-bottom:1px solid rgba(238,229,212,.11);
}
.skill-row:last-child{border-bottom:0;}
.skill-category,
.skill-items{
  background:
    linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),
    #030305;
}
.skill-category{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:22px 24px;
  color:#eadfc9;
  font:950 .84rem var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.9px;
}
.skill-category i{
  width:34px;
  min-width:34px;
  text-align:center;
  font-size:1.55rem;
  color:#d6b56f;
}
.skill-items{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  padding:20px 22px;
}
.skill-items span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  border:1px solid rgba(238,229,212,.13);
  border-radius:999px;
  padding:7px 11px;
  background:rgba(255,255,255,.018);
  color:#b7aa92;
  font:850 .72rem var(--font-mono);
  transition:all .18s ease;
}
.skill-items span:hover{
  color:#f1e5ce;
  border-color:rgba(214,181,111,.40);
  background:rgba(214,181,111,.09);
  transform:translateY(-1px);
}
@keyframes skillMarquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media(max-width:960px){
  .skill-row{grid-template-columns:1fr;}
  .skill-category{min-height:auto;border-bottom:1px solid rgba(238,229,212,.08);}
  .logo-track{gap:24px;animation-duration:65s;}
  .logo-track span{min-width:82px;}
}
@media(max-width:560px){
  .logo-runway{border-radius:24px;padding:22px 0;}
  .skill-table{border-radius:24px;}
  .skill-category{padding:18px 18px;}
  .skill-items{padding:18px;}
}


/* V6 — portrait slot + cleaned icon runway */
.portrait-slot{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:20px 20px 0;
}
.portrait-frame{
  position:relative;
  width:112px;
  aspect-ratio:1;
  border-radius:30px;
  padding:1px;
  background:linear-gradient(135deg,rgba(214,181,111,.55),rgba(238,229,212,.10),rgba(80,64,122,.26));
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(238,229,212,.06) inset;
}
.portrait-frame::after{
  content:'';
  position:absolute;
  inset:-10px;
  border-radius:36px;
  background:radial-gradient(circle at 50% 0%,rgba(214,181,111,.15),transparent 62%);
  z-index:-1;
  pointer-events:none;
}
.portrait-image{
  width:100%;
  height:100%;
  border-radius:29px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22)),
    var(--profile-image, url('assets/profile.png')) center/cover no-repeat,
    radial-gradient(circle at 35% 24%,rgba(214,181,111,.22),transparent 34%),
    linear-gradient(135deg,#090807,#030304 64%,#0d0a12);
  border:1px solid rgba(238,229,212,.09);
}
.portrait-image span{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.52);
  border:1px solid rgba(214,181,111,.30);
  color:#d9c490;
  font:950 .88rem var(--font-mono);
  letter-spacing:.08em;
  box-shadow:0 18px 42px rgba(0,0,0,.55);
}
.portrait-caption span{
  display:block;
  margin-bottom:7px;
  color:#9a8050;
  font:950 .62rem var(--font-mono);
  letter-spacing:1.45px;
}
.portrait-caption strong{
  display:block;
  max-width:220px;
  color:#cfc2aa;
  font:850 .76rem/1.55 var(--font-mono);
}
.portrait-caption code{
  color:#e0c77d;
  font:inherit;
}
.compact-radar{
  height:310px !important;
}
.logo-track .devicon-jupyter-plain,
.logo-track .devicon-vscode-plain{
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.65));
}
@media(max-width:1080px){
  .portrait-slot{grid-template-columns:104px minmax(0,1fr);} 
  .portrait-frame{width:104px;}
}
@media(max-width:560px){
  .portrait-slot{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .portrait-caption strong{max-width:100%;}
  .compact-radar{height:300px !important;}
}


/* V7 — hero metric strip + footer credit on its own line */
.hero-metrics{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-width:820px;
}
.hero-metric{
  min-height:82px;
  padding:13px 14px;
  border:1px solid rgba(214,188,118,.16);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    radial-gradient(circle at 20% 0%,rgba(185,155,87,.10),transparent 60%),
    rgba(5,4,3,.58);
  box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  overflow:hidden;
}
.hero-metric i{
  font-size:1.45rem;
  line-height:1;
  margin-bottom:5px;
  filter:saturate(.88) brightness(.92);
}
.hero-metric b{
  font-family:var(--font-mono);
  font-size:.58rem;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.13em;
  color:rgba(214,188,118,.70);
}
.hero-metric span{
  font-family:var(--font-display);
  font-size:.95rem;
  font-weight:850;
  line-height:1.1;
  color:#e5d9c3;
  letter-spacing:-.03em;
}
.hero-metric-number span{
  font-size:1.85rem;
  color:#f0dba3;
  letter-spacing:-.07em;
}
.icon-only-footer{
  flex-direction:column !important;
  gap:18px !important;
}
.icon-only-footer .contact-actions{
  width:100%;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
.editorial-credits{
  display:block;
  width:100%;
  text-align:center;
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(214,188,118,.58);
}
@media(max-width:960px){
  .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .hero-metrics{grid-template-columns:1fr;}
  .hero-metric{min-height:72px;}
}

/* V8 — count-up metrics without boxed cards */
.hero-metrics{
  margin-top:26px !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:34px !important;
  max-width:860px !important;
  padding:0 0 18px !important;
  border-bottom:1px solid rgba(214,188,118,.18) !important;
  background:none !important;
}
.metric-count{
  position:relative;
  min-width:132px;
  padding:0 0 0 18px;
}
.metric-count::before{
  content:'';
  position:absolute;
  left:0;
  top:9px;
  bottom:7px;
  width:1px;
  background:linear-gradient(180deg,rgba(214,188,118,.12),rgba(214,188,118,.74),rgba(214,188,118,.10));
}
.metric-count span,
.metric-count em{
  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,3.15rem);
  font-weight:850;
  line-height:.9;
  letter-spacing:-.08em;
  color:#f0dfba;
  font-style:normal;
  text-shadow:0 18px 54px rgba(185,155,87,.14);
}
.metric-count em{
  margin-left:4px;
  color:rgba(214,188,118,.70);
}
.metric-count b{
  display:block;
  margin-top:9px;
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(184,169,142,.74);
}
.hero-tool-signature{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:16px 24px;
  align-items:center;
  max-width:880px;
}
.hero-tool-signature span{
  display:inline-grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "icon name"
    "icon label";
  column-gap:9px;
  align-items:center;
  padding-right:24px;
  border-right:1px solid rgba(214,188,118,.13);
}
.hero-tool-signature span:last-child{border-right:0;padding-right:0;}
.hero-tool-signature i{
  grid-area:icon;
  font-size:1.22rem;
  filter:saturate(.86) brightness(.96);
}
.hero-tool-signature b{
  grid-area:name;
  font-family:var(--font-display);
  font-size:.92rem;
  font-weight:800;
  line-height:1;
  color:#e8ddc9;
  letter-spacing:-.025em;
}
.hero-tool-signature small{
  grid-area:label;
  margin-top:4px;
  font-family:var(--font-mono);
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(214,188,118,.54);
}
.hero-metric,
.hero-metric-number{
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:0 !important;
}
@media(max-width:720px){
  .hero-metrics{gap:22px !important;flex-wrap:wrap !important;}
  .metric-count{min-width:120px;}
  .hero-tool-signature span{border-right:0;padding-right:0;min-width:128px;}
}


/* V9 — signature row lock + clean portrait image path */
.portrait-slot{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  padding:14px !important;
}
.portrait-caption{display:none !important;}
.portrait-frame{
  width:min(100%, 230px) !important;
  aspect-ratio:1 / 1.08 !important;
}
.hero-tool-signature{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:0 !important;
  max-width:100% !important;
  width:100% !important;
  overflow:visible !important;
}
.hero-tool-signature span{
  min-width:0 !important;
  padding:0 12px 0 0 !important;
  margin-right:12px !important;
  border-right:1px solid rgba(214,188,118,.13) !important;
  column-gap:8px !important;
}
.hero-tool-signature span:last-child{
  border-right:0 !important;
  padding-right:0 !important;
  margin-right:0 !important;
}
.hero-tool-signature i{font-size:1.08rem !important;}
.hero-tool-signature b{
  font-size:.82rem !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.hero-tool-signature small{
  font-size:.49rem !important;
  letter-spacing:.11em !important;
  white-space:nowrap !important;
}
@media(max-width:820px){
  .hero-tool-signature{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px 0 !important;}
  .hero-tool-signature span{border-right:0 !important; margin-right:0 !important;}
}
@media(max-width:520px){
  .hero-tool-signature{grid-template-columns:1fr !important;}
}


/* V10 — remove initials badge from real profile photo */
.portrait-image span{
  display:none !important;
}

/* V11 — mobile-only Personal Archive fix
   Keeps desktop/tablet behavior intact, improves phone vault readability,
   prevents clipped text, and turns the category selector into a compact sticky rail. */
@media(max-width:840px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .vault{
    scroll-margin-top:92px;
  }

  .vault-layout.wide-tabs,
  .vault-layout,
  .vault-panels,
  .profile-panels,
  .vault-panel,
  .profile-grid,
  .evidence-grid,
  .book-strip{
    min-width:0 !important;
    max-width:100% !important;
  }

  .vault-layout.wide-tabs{
    grid-template-columns:1fr !important;
    overflow:hidden !important;
    border-radius:30px !important;
  }

  .wide-tabs .vault-tabs,
  .vault-tabs{
    position:sticky !important;
    top:74px;
    z-index:12;
    display:flex !important;
    flex-direction:row !important;
    grid-template-columns:none !important;
    gap:8px;
    max-height:none !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:10px 12px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(238,229,212,.16) !important;
    background:linear-gradient(180deg,rgba(5,4,6,.98),rgba(5,4,6,.90)) !important;
    backdrop-filter:blur(18px);
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }

  .wide-tabs .vault-tabs::-webkit-scrollbar,
  .vault-tabs::-webkit-scrollbar{
    display:none;
  }

  .vault-tab{
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    min-height:42px;
    justify-content:center;
    align-items:center;
    gap:8px;
    padding:10px 14px !important;
    border:1px solid rgba(238,229,212,.13) !important;
    border-radius:999px;
    color:#aa9d86 !important;
    background:rgba(255,255,255,.018) !important;
    white-space:nowrap;
    scroll-snap-align:center;
    box-shadow:none !important;
  }

  .vault-tab::after{
    display:none !important;
  }

  .vault-tab span{
    font-size:.58rem !important;
    color:rgba(214,181,111,.84) !important;
  }

  .vault-tab.active,
  .vault-tab:hover{
    color:#f0e4cc !important;
    border-color:rgba(214,181,111,.44) !important;
    background:linear-gradient(135deg,rgba(214,181,111,.18),rgba(113,136,255,.06)) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.26), inset 0 0 0 1px rgba(214,181,111,.12) !important;
  }

  .profile-panels{
    min-height:0 !important;
  }

  .profile-panels .vault-panel,
  .vault-panel{
    min-height:0 !important;
    height:auto !important;
    justify-content:flex-start !important;
    padding:30px 22px 28px !important;
    overflow:visible !important;
  }

  .vault-panel.active{
    display:flex !important;
  }

  .panel-meta{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    white-space:normal !important;
    line-height:1.45 !important;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .vault-panel h3{
    max-width:100% !important;
    font-size:clamp(1.72rem,8.4vw,2.08rem) !important;
    line-height:1.04 !important;
    letter-spacing:-.066em !important;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:auto;
  }

  .profile-panels .vault-panel p,
  .vault-panel p{
    max-width:100% !important;
    margin:17px 0 24px !important;
    font-size:.96rem !important;
    line-height:1.82 !important;
    overflow-wrap:normal;
    word-break:normal;
  }

  .profile-grid,
  .evidence-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .evidence-grid span,
  .book-strip span{
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.55 !important;
  }
}

@media(max-width:560px){
  main{
    width:min(100% - 28px,1240px) !important;
  }

  .section-head{
    padding-left:14px !important;
  }

  .vault-layout.wide-tabs{
    border-radius:28px !important;
  }

  .wide-tabs .vault-tabs,
  .vault-tabs{
    top:72px;
    padding:9px 10px !important;
  }

  .vault-tab{
    min-height:40px;
    padding:9px 12px !important;
    font-size:.74rem !important;
  }

  .profile-panels .vault-panel,
  .vault-panel{
    padding:26px 18px 26px !important;
  }

  .vault-panel h3{
    font-size:clamp(1.62rem,8.9vw,1.95rem) !important;
    line-height:1.06 !important;
  }

  .profile-panels .vault-panel p,
  .vault-panel p{
    font-size:.93rem !important;
    line-height:1.78 !important;
  }

  .panel-meta{
    font-size:.56rem !important;
    letter-spacing:1.15px !important;
  }

  .evidence-grid span,
  .book-strip span{
    font-size:.70rem !important;
    padding:12px 13px !important;
  }
}



/* V13 — requested About page refinements: mobile archive polish + selected works */
.works-section{
  position:relative;
  margin-bottom:104px;
}
.works-section::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-42px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,181,111,.34),rgba(238,229,212,.09),transparent);
}
.works-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.work-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(238,229,212,.16);
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 0%,rgba(214,181,111,.10),transparent 32%),
    radial-gradient(circle at 96% 100%,rgba(70,58,125,.13),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.007)),
    #040405;
  box-shadow:0 48px 140px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
  display:flex;
  flex-direction:column;
  transition:transform .24s var(--ease), border-color .24s var(--ease), background .24s var(--ease);
}
.work-card:hover{
  transform:translateY(-4px);
  border-color:rgba(214,181,111,.34);
  background:
    radial-gradient(circle at 12% 0%,rgba(214,181,111,.15),transparent 34%),
    radial-gradient(circle at 96% 100%,rgba(70,58,125,.17),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.010)),
    #060507;
}
.work-media{
  position:relative;
  aspect-ratio:16 / 9;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 20%,rgba(214,181,111,.10),transparent 38%),
    linear-gradient(135deg,#020203,#07070a 58%,#0d0a12);
  border-bottom:1px solid rgba(238,229,212,.12);
}
.work-media::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.30));
}
.work-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.94) contrast(1.02) brightness(.92);
}
.work-education .work-media img,
.work-tweet .work-media img,
.work-quora .work-media img{
  object-fit:contain;
  padding:34px;
}
.work-education .work-media img{padding:30px;}
.work-quora .work-media img{padding:36px;}
.work-body{
  min-width:0;
  padding:28px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.work-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}
.work-tags span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border:1px solid rgba(238,229,212,.14);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.018);
  color:#b9ad96;
  font:850 .66rem var(--font-mono);
}
.work-card h3{
  font-size:clamp(1.55rem,2.5vw,2.25rem);
  line-height:1.02;
  letter-spacing:-.06em;
  margin-bottom:14px;
}
.work-card p{
  color:#aaa08e;
  font-size:.95rem;
  line-height:1.75;
  margin-bottom:24px;
  flex:1;
}
.work-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:auto;
}
.work-actions .primary-action,
.work-actions .secondary-action{
  min-height:50px;
  border-radius:16px;
  padding:0 15px;
  font-size:.88rem;
  white-space:nowrap;
}
.work-actions .secondary-action{
  background:rgba(255,255,255,.016) !important;
}

@media(max-width:840px){
  .vault-layout.wide-tabs{
    overflow:visible !important;
  }

  .wide-tabs .vault-tabs,
  .vault-tabs{
    position:relative !important;
    top:auto !important;
    z-index:5 !important;
  }

  .vault .section-head h2{
    font-size:clamp(2rem,9vw,2.75rem) !important;
    line-height:1.03 !important;
    letter-spacing:-.07em !important;
  }

  .vault .section-head p{
    font-size:.95rem !important;
    line-height:1.75 !important;
  }

  .profile-panels .vault-panel,
  .vault-panel{
    padding-top:28px !important;
  }

  .vault-panel h3{
    font-size:clamp(1.55rem,7.4vw,2.05rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.062em !important;
    hyphens:none !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .works-section::before{
    top:-32px;
  }

  .works-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .work-media{
    aspect-ratio:16 / 10;
  }

  .work-body{
    padding:24px;
  }
}

@media(max-width:560px){
  .work-card{
    border-radius:26px;
  }

  .work-media{
    aspect-ratio:16 / 11;
  }

  .work-education .work-media img,
  .work-tweet .work-media img,
  .work-quora .work-media img{
    padding:24px;
  }

  .work-body{
    padding:21px 18px 20px;
  }

  .work-tags{
    gap:7px;
    margin-bottom:15px;
  }

  .work-tags span{
    font-size:.62rem;
    min-height:26px;
    padding:5px 9px;
  }

  .work-card h3{
    font-size:clamp(1.48rem,8vw,1.86rem) !important;
    line-height:1.07;
  }

  .work-card p{
    font-size:.92rem;
    line-height:1.72;
  }

  .work-actions{
    grid-template-columns:1fr;
  }

  .work-actions .primary-action,
  .work-actions .secondary-action{
    width:100%;
    min-height:48px;
  }
}

/* V15 — phone-only work card image fill
   Keeps desktop/tablet image behavior intact, but removes the mobile contain/padding
   treatment so every project visual fills the full media window on phones. */
@media(max-width:840px){
  .work-media{
    display:block !important;
    aspect-ratio:16 / 10 !important;
    min-height:220px !important;
  }

  .work-media img,
  .work-education .work-media img,
  .work-tweet .work-media img,
  .work-quora .work-media img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    padding:0 !important;
  }
}

@media(max-width:560px){
  .work-media{
    aspect-ratio:16 / 10 !important;
    min-height:230px !important;
  }
}