@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Bricolage+Grotesque:wght@600;700;800&display=swap');
:root{--bg:#0b0b0c;--bg2:#151516;--ink:#f5f5f5;--muted:#b8b8bb;--line:#2f2f33;--card:#171719;--cool:#f0f0f0;--acid:#ffffff}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Sora,system-ui,sans-serif;color:var(--ink);line-height:1.7;background:radial-gradient(900px 440px at -10% -8%,rgba(255,255,255,.08),transparent 64%),radial-gradient(840px 380px at 110% 2%,rgba(255,255,255,.06),transparent 58%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
a,a:visited{color:var(--ink)}
.wrap{width:min(1080px,92vw);margin:0 auto}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:rgba(13,15,24,.72)}
.nav-row{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:.85rem 0}.brand{text-decoration:none;color:var(--ink);font-family:"Bricolage Grotesque",sans-serif;font-size:1.45rem;font-weight:800}
.nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav a{text-decoration:none;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-weight:700;font-size:.86rem}
.nav a:visited{color:var(--muted)}
.switchers{display:flex;gap:.4rem;align-items:flex-start;flex-direction:column}.mood-switch{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
.mood-option{border:1px solid var(--line);background:#101426;color:var(--muted);border-radius:999px;padding:.28rem .55rem;font-size:.68rem;font-weight:700;cursor:pointer}
.mood-option[aria-pressed=true]{background:var(--acid);color:#0e0e0f;border-color:var(--acid)}
.hero{padding:4rem 0 2rem}.eyebrow{display:inline-block;margin:0;background:var(--acid);color:#0e0e0f;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
h1,h2,h3{font-family:"Bricolage Grotesque",sans-serif;letter-spacing:-.03em;line-height:1.06;margin:0}h1{margin-top:.8rem;font-size:clamp(2.2rem,7vw,5rem);max-width:15ch}h2{font-size:clamp(1.4rem,3.3vw,2.05rem);margin-bottom:.8rem}
.lead{margin-top:.95rem;color:var(--muted);max-width:66ch}.hero-badges{margin-top:1.05rem;display:flex;flex-wrap:wrap;gap:.5rem}.badge{background:#12192a;border:1px solid var(--line);border-radius:10px;padding:.3rem .58rem;font-size:.76rem;font-weight:800}.badge:nth-child(3),.badge:nth-child(5){border-color:rgba(255,255,255,.34);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));color:#fff}
.spotlight-row{display:grid;grid-template-columns:1fr;gap:.9rem}.meme-card,.about,.post-list li{background:linear-gradient(165deg,#182035 0%,#131a2c 100%);border:1px solid var(--line);border-radius:18px}
.meme-card{padding:1.2rem;position:relative;overflow:hidden}.meme-card::after{content:"";position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%)}
.meme-top,.meme-bottom{text-transform:uppercase;font-size:.73rem;letter-spacing:.08em;color:var(--muted)}.meme-bottom{margin-top:.7rem;color:var(--cool);font-weight:700}.meme-bottom::before{content:"// ";color:var(--muted)}
.about{padding:1rem}.mini-list{padding-left:1rem;margin:.5rem 0}.mini-list li{margin-bottom:.35rem}
.section{margin:1rem 0}.section-heading-row{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.75rem}.section-kicker{display:inline-block;margin:0 0 .35rem;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-note{margin:0;color:var(--muted);font-size:.9rem}.post-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.post-list li{padding:.85rem .95rem;display:flex;justify-content:space-between;gap:.8rem}.post-list a{color:var(--ink);text-decoration:none;font-weight:700}.meta{color:var(--muted);font-size:.86rem}
.latest-drop{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;background:linear-gradient(165deg,#20283a 0%,#11151f 100%);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:1rem 1.05rem;color:var(--ink);box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
.latest-drop::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(115deg,rgba(0,0,0,.65),transparent 76%);pointer-events:none}
.latest-drop::after{content:"ENTRY";position:absolute;right:1rem;top:.8rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:.1rem .44rem;background:rgba(255,255,255,.06);color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.08em}
.latest-drop-copy,.latest-drop-side{position:relative;z-index:1}
.latest-drop-label{display:inline-block;margin:0 0 .35rem;padding:.2rem .55rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.latest-drop h2{margin-bottom:.35rem;color:var(--ink)}
.latest-drop p{margin:.25rem 0;color:var(--muted)}
.latest-drop-side{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem}
.latest-drop-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}
.latest-drop-meta span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.22rem .5rem;font-size:.72rem;font-weight:800;color:#f5f5f5;background:rgba(255,255,255,.06)}
.latest-drop-link{white-space:nowrap;text-decoration:none;color:#0e0e0f;background:linear-gradient(135deg,#ffffff 0%,#dfe5ff 100%);border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:.55rem .85rem;font-weight:800}
.latest-drop-link:visited{color:#0e0e0f}
.post-list a:visited{color:var(--ink)}
.site-footer{border-top:1px solid var(--line);margin-top:1.8rem}.footer-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem;padding:.95rem 0 1.2rem}
@media(max-width:940px){.spotlight-row{grid-template-columns:1fr}}@media(max-width:760px){.nav-row{grid-template-columns:1fr}.switchers{width:100%}.mood-switch{justify-content:flex-start}.latest-drop{grid-template-columns:1fr}.latest-drop-side{align-items:flex-start}.latest-drop-meta{justify-content:flex-start}.post-list li{flex-direction:column;align-items:flex-start}.footer-row{flex-direction:column;gap:.4rem}}

.post-shell{padding:1.4rem 0 0.8rem}
.post-hero{margin-bottom:1rem}
.post-kicker{display:inline-block;padding:.24rem .62rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.post-title{max-width:16ch;font-size:clamp(1.9rem,5.5vw,3.6rem);margin:.75rem 0 .65rem}
.post-subtitle{max-width:68ch;color:var(--muted);margin:0}
.post-meta-bar{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}
.post-meta-pill{border:1px solid var(--line);border-radius:999px;padding:.25rem .58rem;font-size:.74rem;color:var(--muted);background:#101218}
.post-content{background:linear-gradient(165deg,#182035 0%,#131a2c 100%);border:1px solid var(--line);border-radius:18px;padding:1.2rem;font-family:'IBM Plex Serif',Georgia,serif;line-height:1.78;letter-spacing:.002em}
.post-content h2{font-size:clamp(1.08rem,2.7vw,1.5rem);margin:1rem 0 .45rem;font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.post-content p{margin:.45rem 0}
.math-block{margin:1.3rem 0 1.15rem;padding:1rem 1rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(180deg,rgba(8,10,16,.88),rgba(19,26,44,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.math-line,.math-note{margin:0}
.math-line{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(1rem,2.8vw,1.45rem);line-height:1.18;letter-spacing:-.02em;color:#fbfbfc}
.math-note{margin:.18rem 0 .78rem;color:#9fa6b5;font-size:.8rem;letter-spacing:.07em;text-transform:lowercase}
.math-block .math-note:last-child{margin-bottom:0}
.post-cta{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:.8rem;align-items:center;flex-wrap:wrap}
.post-cta-note{color:var(--muted);font-size:.86rem}
@media(max-width:760px){.post-shell{padding-top:1rem}.post-cta{flex-direction:column;align-items:flex-start}}
.now-card{background:linear-gradient(165deg,#182035 0%,#131a2c 100%);border:1px solid var(--line);border-radius:18px;padding:.9rem 1rem;margin-bottom:1rem}
.now-card p{margin:.28rem 0}
.featured-post{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;background:linear-gradient(165deg,#182035 0%,#131a2c 100%);border:1px solid var(--line);border-radius:18px;padding:1rem 1.05rem}
.featured-post::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(135deg,rgba(0,0,0,.72),transparent 78%);pointer-events:none}
.featured-post::after{content:"";position:absolute;width:96px;height:96px;right:1.1rem;top:1rem;border-radius:50%;border:1px solid rgba(255,255,255,.18);opacity:.35}
.feature-copy{position:relative;z-index:1;max-width:740px}.feature-kicker{display:inline-block;margin:0 0 .45rem;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.feature-copy h2{margin-bottom:.45rem}.feature-copy p{margin:.35rem 0;color:var(--muted);max-width:70ch}
.feature-stats{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.feature-stats span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.24rem .55rem;color:#f5f5f5;background:rgba(255,255,255,.07);font-size:.74rem;font-weight:800}
.feature-link{position:relative;z-index:1;white-space:nowrap;text-decoration:none;color:#0e0e0f;background:linear-gradient(135deg,#ffffff 0%,#dfe5ff 100%);border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:.55rem .9rem;font-weight:800}
.feature-link:visited{color:#0e0e0f}
.feature-link:hover{transform:translateY(-1px);filter:brightness(1.02)}
@media(max-width:760px){.featured-post{grid-template-columns:1fr;align-items:start}.feature-link{width:max-content;max-width:100%;white-space:normal}}

.concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.concept-card{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;text-decoration:none;background:linear-gradient(165deg,#182035 0%,#111727 100%);border:1px solid var(--line);border-radius:18px;padding:.9rem;transition:transform .16s ease,border-color .16s ease,background .16s ease}.concept-card:visited{color:var(--ink)}.concept-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.32);background:linear-gradient(165deg,#1d2942 0%,#111727 100%)}.concept-card span{width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.2rem .5rem;color:var(--muted);background:rgba(255,255,255,.05);font-size:.68rem;font-weight:800;text-transform:uppercase}.concept-card h3{font-size:1.25rem;margin:.85rem 0 .45rem;letter-spacing:-.02em}.concept-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}
@media(max-width:940px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.section-heading-row{flex-direction:column;align-items:flex-start}.concept-grid{grid-template-columns:1fr}.concept-card{min-height:auto}}

.page-shell{padding:1.4rem 0 1rem}
.page-hero{margin-bottom:1rem}
.page-title{font-size:clamp(2rem,6vw,4rem);margin:.7rem 0 .55rem;max-width:14ch}
.page-lead{max-width:68ch;color:var(--muted);margin:0}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.9rem}
.info-grid.single-col{grid-template-columns:1fr}
.info-card{background:linear-gradient(165deg,#182035 0%,#131a2c 100%);border:1px solid var(--line);border-radius:18px;padding:1rem}
.info-card h2{font-size:clamp(1.05rem,2.7vw,1.4rem);margin:0 0 .45rem}
.info-card ul{margin:.25rem 0 0;padding-left:1.1rem}
.info-card li{margin:.3rem 0}
.page-note{background:linear-gradient(165deg,#182035 0%,#131a2c 100%);border:1px solid var(--line);border-radius:18px;padding:.9rem 1rem}
.page-note p{margin:.35rem 0}
@media(max-width:860px){.info-grid{grid-template-columns:1fr}}
.about-shell .about-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:1rem 1rem 1.15rem;background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 46%,rgba(0,0,0,.16)),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}
.about-shell .about-hero::after{content:"inside.exe / still running";position:absolute;right:1rem;bottom:.7rem;color:rgba(255,255,255,.34);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.about-shell .page-title{max-width:18ch}
.about-shell .page-lead{max-width:76ch;color:#d2d2d5}
.about-shell .info-card,.about-shell .page-note{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(160deg,#171b28 0%,#10131c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.about-shell .info-card::before{content:"";position:absolute;inset:0;border-top:1px solid rgba(255,255,255,.16);pointer-events:none}
.about-shell .info-card h2{display:inline-block;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.16rem .5rem;background:rgba(255,255,255,.04);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#f5f5f5}
.about-shell .info-card ul{padding-left:0;list-style:none}
.about-shell .info-card li{position:relative;margin:.48rem 0;padding-left:1rem}
.about-shell .info-card li::before{content:"//";position:absolute;left:0;color:rgba(255,255,255,.36);font-size:.78rem;font-weight:800}
.about-shell .page-note{border-color:rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 42%,rgba(0,0,0,.18))}
.about-mosaic{display:grid;grid-template-columns:1.05fr .85fr 1fr;grid-auto-rows:minmax(190px,auto);gap:.75rem;margin:1rem 0}
.about-fragment,.about-note{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(155deg,#171b28 0%,#0f121a 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.about-fragment{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;padding:1rem}
.about-fragment::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px;opacity:.35;pointer-events:none}
.about-fragment span{position:relative;z-index:1;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.18rem .5rem;color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.about-fragment p{position:relative;z-index:1;margin:.9rem 0 0;font-size:clamp(1rem,2.4vw,1.45rem);line-height:1.25;font-weight:800;color:#f4f4f4}
.about-fragment-wide{grid-column:span 2}
.about-fragment-tall{grid-row:span 2}
.about-fragment-quiet{background:linear-gradient(155deg,#10131b 0%,#08090d 100%)}
.about-fragment-vision{background:linear-gradient(155deg,#f4f4f4 0%,#c9cdd6 100%)}
.about-fragment-vision span{border-color:rgba(0,0,0,.18);background:rgba(0,0,0,.05);color:#151923}
.about-fragment-vision p{color:#08090c}
.about-fragment-vision::after{background:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);opacity:.5}
.about-fragment-thin{background:linear-gradient(155deg,#0d1017 0%,#090b10 100%)}
.about-fragment-outline{background:linear-gradient(155deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 42%,rgba(0,0,0,.18));border-style:dashed}
.about-fragment-outline p{font-size:clamp(1.2rem,2.6vw,1.8rem);letter-spacing:.06em;text-transform:uppercase}
.about-note{padding:1rem}
@media(max-width:920px){.about-mosaic{grid-template-columns:1fr 1fr}.about-fragment-wide{grid-column:span 2}.about-fragment-tall{grid-row:span 1}}
@media(max-width:760px){.about-shell .about-hero::after{position:static;display:block;margin-top:.8rem}.about-mosaic{grid-template-columns:1fr}.about-fragment-wide{grid-column:span 1}.about-fragment{min-height:auto}}
.back-btn{
display:inline-flex;align-items:center;gap:.35rem;
text-decoration:none;color:#0e0e0f;background:linear-gradient(135deg,#ffffff 0%,#dfe5ff 100%);
border:1px solid #ffffff;border-radius:999px;padding:.5rem .95rem;font-weight:800;
box-shadow:0 8px 24px rgba(255,255,255,.18), inset 0 1px 0 rgba(255,255,255,.85);
transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.back-btn:visited{color:#0e0e0f}
.back-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(255,255,255,.24), inset 0 1px 0 rgba(255,255,255,.9);filter:brightness(1.02)}
.back-btn:active{transform:translateY(0);box-shadow:0 6px 14px rgba(255,255,255,.16)}

/* scryx visual rebuild */
:root{--violet:#8f4dff;--violet2:#d9c7ff;--black:#030304;--glass:rgba(255,255,255,.055)}
body.home-scryx{background:radial-gradient(900px 520px at 72% 8%,rgba(132,68,255,.18),transparent 62%),radial-gradient(780px 440px at 12% 0%,rgba(255,255,255,.07),transparent 60%),linear-gradient(180deg,#030304 0%,#09070d 42%,#0d0d10 100%);overflow-x:hidden}
body.home-scryx::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 70% 5%,black,transparent 72%);opacity:.42;z-index:-1}.glass-header{background:rgba(3,3,4,.66);border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{display:inline-flex;align-items:center;gap:.55rem}.brand-mark img{width:34px;height:34px;object-fit:cover;border-radius:9px;box-shadow:0 0 24px rgba(143,77,255,.38)}.scryx-hero{min-height:calc(100svh - 78px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:3rem;align-items:center;padding:4.8rem 0 3.2rem}.scryx-hero h1{max-width:10ch;font-size:clamp(3.2rem,9vw,7.8rem);letter-spacing:-.075em;line-height:.88}.scryx-hero .lead{font-size:clamp(1rem,2vw,1.3rem);max-width:42ch}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.35rem}.primary-link,.ghost-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.72rem 1rem;font-weight:900;text-decoration:none}.primary-link{background:linear-gradient(135deg,#fff,#d8c6ff);color:#08070a!important;box-shadow:0 18px 44px rgba(143,77,255,.24)}.ghost-link{border:1px solid rgba(255,255,255,.16);color:#f5f5f5!important;background:rgba(255,255,255,.04)}.hero-sigil{position:relative;isolation:isolate}.hero-sigil::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(143,77,255,.24),transparent 64%);filter:blur(30px);z-index:-1}.hero-sigil img{width:100%;display:block;border-radius:28px;box-shadow:0 40px 100px rgba(0,0,0,.64),0 0 70px rgba(143,77,255,.28);mix-blend-mode:screen}.surface-strip{border-block:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.strip-grid span{padding:1rem .2rem;color:#d9d2e8;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.showcase-section{padding-top:2.3rem}.work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:.9rem}.work-card{position:relative;min-height:275px;overflow:hidden;padding:1.05rem;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));text-decoration:none;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .18s ease,border-color .18s ease}.work-card:hover{transform:translateY(-3px);border-color:rgba(216,199,255,.5)}.work-card.large{grid-row:span 2;min-height:560px}.work-tag{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.2rem .55rem;background:rgba(255,255,255,.06);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#d9d2e8}.work-card h3{font-size:clamp(1.55rem,3.6vw,2.75rem);margin:.75rem 0 .45rem;max-width:10ch}.work-card p{margin:0;color:#c9c5d0;max-width:45ch}.purple{background:radial-gradient(460px 300px at 75% 72%,rgba(143,77,255,.28),transparent 62%),linear-gradient(150deg,#121018,#050406)}.bright{background:linear-gradient(150deg,#f3f0ff,#bfb4d6);color:#0c0910!important}.bright p,.bright .work-tag{color:#211a2d}.bright .work-tag{border-color:rgba(0,0,0,.16);background:rgba(0,0,0,.04)}.dark{background:linear-gradient(150deg,#111,#050505)}.signal{background:radial-gradient(400px 260px at 95% 90%,rgba(143,77,255,.22),transparent 60%),linear-gradient(150deg,#11131b,#060609)}.card-visual.road{position:absolute;inset:auto 0 0 0;height:48%;background:linear-gradient(180deg,transparent,rgba(143,77,255,.14))}.road i{position:absolute;bottom:-20%;width:2px;height:115%;background:linear-gradient(transparent,#fff,transparent);transform-origin:bottom}.road i:nth-child(1){left:42%;transform:rotate(16deg)}.road i:nth-child(2){left:50%;transform:rotate(0deg);background:linear-gradient(transparent,var(--violet2),transparent)}.road i:nth-child(3){left:58%;transform:rotate(-16deg)}.glyph-cloud{position:absolute;right:1rem;bottom:1rem;display:grid;grid-template-columns:repeat(3,52px);gap:.45rem}.glyph-cloud b{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(0,0,0,.08);font-size:1.35rem}.mini-code{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;gap:.45rem}.mini-code span{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.45rem .55rem;color:#d8c6ff;background:rgba(255,255,255,.04);font-family:ui-monospace,monospace}.node-map{position:absolute;right:1.2rem;bottom:1.2rem;width:160px;height:120px}.node-map::before,.node-map::after{content:"";position:absolute;inset:22px;border:1px solid rgba(216,199,255,.24);transform:rotate(18deg)}.node-map i{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 22px rgba(143,77,255,.65)}.node-map i:nth-child(1){left:20px;top:20px}.node-map i:nth-child(2){right:16px;top:32px}.node-map i:nth-child(3){left:48px;bottom:12px}.node-map i:nth-child(4){right:42px;bottom:24px}.identity-panel{display:grid;grid-template-columns:.95fr 1fr;gap:1rem;align-items:center;margin-top:2.2rem}.identity-lockup{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#f7f7f7;padding:1rem;overflow:hidden}.identity-lockup img{display:block;width:100%;border-radius:14px}.identity-copy{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:1.2rem;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.identity-copy p:last-child{color:#c9c5d0}.proof-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.proof-tile{min-height:160px;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:1rem;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.02));display:flex;flex-direction:column;justify-content:space-between}.proof-tile strong{font-size:1.18rem}.proof-tile span{color:#bdb8c7}.posts-panel{margin-bottom:2.5rem}@media(max-width:900px){.scryx-hero,.identity-panel,.work-grid{grid-template-columns:1fr}.work-card.large{min-height:390px}.strip-grid,.proof-wall{grid-template-columns:1fr 1fr}}@media(max-width:620px){.scryx-hero{padding-top:2.2rem}.hero-sigil img{border-radius:18px}.strip-grid,.proof-wall{grid-template-columns:1fr}.work-card,.work-card.large{min-height:300px}.glyph-cloud{position:static;margin-top:1rem;grid-template-columns:repeat(5,42px)}.glyph-cloud b{width:42px;height:42px}.nav{gap:.35rem}.nav a{font-size:.78rem;padding:.28rem .52rem}}

/* polish after first visual pass */
.work-card:not(.large){min-height:300px;padding-bottom:5.7rem}.work-card:not(.large) h3{font-size:clamp(1.45rem,3vw,2.25rem);max-width:12ch}.work-card.dark h3{max-width:9ch}.work-card.dark p{max-width:30ch;line-height:1.35}.work-card.dark .mini-code{left:1rem;right:1rem;bottom:1rem}.work-card.signal{min-height:300px}.identity-copy p code,.identity-copy code{color:#e8dfff;background:rgba(143,77,255,.11);border:1px solid rgba(143,77,255,.24);border-radius:8px;padding:.08rem .28rem}.identity-copy p{font-size:1.02rem}.section{scroll-margin-top:90px}@media(max-width:620px){.work-card:not(.large){padding-bottom:1rem}.work-card.dark .mini-code{position:static;margin-top:1rem}.node-map{opacity:.35}.identity-lockup{padding:.55rem}.scryx-hero h1{font-size:clamp(3rem,17vw,5.2rem)}}

/* layout correction: sections that are also .wrap must stay centered */
.wrap.section{margin-left:auto;margin-right:auto}.showcase-section{margin-top:1rem}.work-card.dark{padding-bottom:7.4rem}.work-card.dark p{max-width:34ch}.work-card.dark .mini-code span{background:rgba(0,0,0,.34)}

/* live polish: foundations card breathing room */
.work-card.dark{min-height:360px;padding-bottom:8.8rem}.work-card.dark p{font-size:.98rem;line-height:1.42;max-width:38ch}.work-card.dark .mini-code{gap:.55rem}.work-card.dark .mini-code span{padding:.52rem .62rem}
@media(max-width:620px){.work-card.dark{min-height:360px;padding-bottom:1rem}.work-card.dark p{margin-bottom:1rem}}

/* darker logo treatment + self-portrait framing */
.identity-lockup.dark-logo-panel{background:radial-gradient(560px 320px at 50% 45%,rgba(143,77,255,.26),transparent 64%),linear-gradient(145deg,#050406,#100b18 54%,#030304);border-color:rgba(216,199,255,.18);padding:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 80px rgba(0,0,0,.42)}
.identity-lockup.dark-logo-panel img{background:#030304;border-radius:18px;box-shadow:0 0 70px rgba(143,77,255,.24);mix-blend-mode:screen}.hero-sigil img{background:#030304}.brand-mark img{background:#030304}.section-note{max-width:38rem}.home-scryx .lead{color:#ded8e8}.identity-copy h2{max-width:11ch}.proof-tile strong{color:#f4efff}

/* quiet hero: less logo-as-product, more intelligence index */
.scryx-hero.quiet-hero{min-height:72svh;grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);gap:2rem;padding-top:5.5rem}.quiet-hero h1{max-width:12ch;font-size:clamp(3.4rem,8vw,7rem)}.quiet-hero .lead{max-width:48ch}.mind-panel{align-self:center;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 90px rgba(0,0,0,.35);padding:1rem;display:grid;gap:.7rem}.mind-panel img{width:86px;height:86px;object-fit:cover;border-radius:20px;background:#030304;box-shadow:0 0 40px rgba(143,77,255,.32);margin-bottom:.35rem}.mind-panel div{border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem}.mind-panel span{display:block;color:#9f98ad;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:900;margin-bottom:.18rem}.mind-panel strong{font-size:1.02rem;color:#f4efff}.hero-actions{display:none}.surface-strip{margin-top:0}@media(max-width:900px){.scryx-hero.quiet-hero{grid-template-columns:1fr;min-height:auto}.mind-panel{grid-template-columns:86px 1fr;align-items:center}.mind-panel img{grid-row:span 3}.mind-panel div{border-top:0;border-left:1px solid rgba(255,255,255,.1);padding:.35rem 0 .35rem .8rem}}@media(max-width:620px){.mind-panel{grid-template-columns:1fr}.mind-panel img{grid-row:auto;width:72px;height:72px}.mind-panel div{border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:.65rem 0 0}.quiet-hero h1{font-size:clamp(3rem,15vw,4.7rem)}}

/* hacker pass: terminal, scanlines, artifact-first */
.home-scryx::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px);background-size:100% 3px;mix-blend-mode:soft-light;opacity:.38}.home-scryx::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 76% 18%,rgba(143,77,255,.18),transparent 28%),radial-gradient(circle at 18% 80%,rgba(35,255,184,.055),transparent 32%)}.site-header,.scryx-hero,.surface-strip,.section,.site-footer{position:relative;z-index:1}.hacker-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.86fr)}.hacker-hero h1{max-width:10ch;letter-spacing:-.07em}.terminal-panel{align-self:center;overflow:hidden;border:1px solid rgba(216,199,255,.16);border-radius:24px;background:linear-gradient(180deg,rgba(8,8,12,.9),rgba(3,3,5,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 110px rgba(0,0,0,.48),0 0 70px rgba(143,77,255,.12)}.term-top{display:flex;align-items:center;gap:.45rem;border-bottom:1px solid rgba(255,255,255,.09);padding:.82rem 1rem;background:rgba(255,255,255,.035);color:#8e879a;font-size:.78rem;font-weight:800;letter-spacing:.04em}.term-top i{width:.7rem;height:.7rem;border-radius:999px;background:#6a6474}.term-top i:nth-child(1){background:#ff5f57}.term-top i:nth-child(2){background:#febc2e}.term-top i:nth-child(3){background:#28c840}.term-top span{margin-left:.45rem}.terminal-panel pre{margin:0;padding:1.2rem 1.25rem 1.35rem;white-space:pre-wrap;color:#e9e3f4;font:600 .93rem/1.58 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;text-shadow:0 0 18px rgba(143,77,255,.16)}.terminal-panel .dim{color:#7a7288}.terminal-panel .violet{color:#caa9ff}.surface-strip{border-block:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(143,77,255,.08),rgba(0,0,0,.24),rgba(35,255,184,.035))}.work-card{position:relative;overflow:hidden}.work-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.08) 50%,transparent 58%);transform:translateX(-140%);transition:transform .7s ease}.work-card:hover::before{transform:translateX(140%)}.work-tag::before{content:"./";color:#b58cff}.post-list a::before{content:"~/";color:#8f4dff;margin-right:.15rem}@media(max-width:900px){.hacker-hero{grid-template-columns:1fr}.terminal-panel{max-width:620px}.hacker-hero h1{max-width:11ch}}@media(max-width:620px){.terminal-panel pre{font-size:.78rem}.term-top{font-size:.68rem}.hacker-hero h1{font-size:clamp(3.1rem,16vw,5rem)}}

/* brain-interface pass */
.brain-interface{background:#030304}.brain-interface .site-header{background:rgba(3,3,4,.62);backdrop-filter:blur(18px)}.brain-hero{min-height:78svh;display:grid;grid-template-columns:minmax(340px,.98fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-top:5.5rem;position:relative;z-index:1}.brain-hero::before{content:"";position:absolute;inset:12% -8% 0;z-index:-1;background:radial-gradient(circle at 28% 44%,rgba(143,77,255,.22),transparent 34%),radial-gradient(circle at 70% 62%,rgba(36,255,186,.07),transparent 30%);filter:blur(10px)}.brain-terminal{max-width:680px;transform:rotate(-.35deg)}.brain-terminal pre{font-size:clamp(.78rem,1.35vw,1rem);line-height:1.56;min-height:430px}.brain-copy{align-self:center}.brain-copy h1{font-size:clamp(4.8rem,11vw,10.5rem);line-height:.82;letter-spacing:-.09em;margin:0 0 1.1rem;text-transform:lowercase}.brain-copy .lead{max-width:28rem;font-size:clamp(1.1rem,2vw,1.5rem);color:#d9d1e7}.signal-deck{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:-2rem;margin-bottom:4rem}.signal-card{min-height:145px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025));padding:1rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.signal-card.active{background:radial-gradient(circle at 50% 0,rgba(143,77,255,.28),rgba(255,255,255,.04) 48%,rgba(255,255,255,.02));border-color:rgba(216,199,255,.22)}.signal-card span,.signal-card small{color:#9891a4;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:900}.signal-card strong{font-size:clamp(1.35rem,2.6vw,2.35rem);letter-spacing:-.05em}.signal-card.ghost{opacity:.74}.quiet-heading .section-note{display:none}.brain-grid .work-card p{font-size:1rem}.brain-map{min-height:560px;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(143,77,255,.17),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));overflow:hidden}.brain-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,#000,transparent 76%)}.map-lines{position:absolute;inset:0;width:100%;height:100%;stroke:rgba(216,199,255,.32);stroke-width:.32;fill:none;filter:drop-shadow(0 0 10px rgba(143,77,255,.4))}.map-node{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.14);background:rgba(5,5,8,.76);backdrop-filter:blur(14px);border-radius:22px;padding:1rem;box-shadow:0 18px 60px rgba(0,0,0,.34)}.map-node strong{display:block;font-size:1.2rem;letter-spacing:-.03em}.map-node span{display:block;margin-top:.35rem;color:#a8a0b7;font-size:.82rem}.map-node.core{left:50%;top:50%;transform:translate(-50%,-50%);padding:.75rem;border-radius:28px}.map-node.core img{display:block;width:138px;height:138px;object-fit:cover;border-radius:22px;background:#030304;box-shadow:0 0 55px rgba(143,77,255,.28)}.map-node.n1{left:8%;top:12%;max-width:220px}.map-node.n2{right:8%;top:17%;max-width:220px}.map-node.n3{left:10%;bottom:13%;max-width:220px}.map-node.n4{right:10%;bottom:15%;max-width:220px}.surface-strip.compact-strip{margin-top:0}.site-footer small:last-child{letter-spacing:.16em;text-transform:uppercase}@media(max-width:980px){.brain-hero{grid-template-columns:1fr;min-height:auto}.brain-copy{order:-1}.brain-copy h1{font-size:clamp(4.2rem,17vw,8rem)}.signal-deck{grid-template-columns:repeat(2,1fr);margin-top:2rem}.brain-map{min-height:760px}.map-node.core{top:44%}.map-node.n1,.map-node.n2,.map-node.n3,.map-node.n4{left:50%;right:auto;transform:translateX(-50%);width:min(82%,320px)}.map-node.n1{top:5%}.map-node.n2{top:20%}.map-node.n3{bottom:20%}.map-node.n4{bottom:5%}}@media(max-width:620px){.signal-deck{grid-template-columns:1fr}.brain-terminal pre{min-height:0;font-size:.76rem}.brain-copy h1{font-size:clamp(3.5rem,19vw,5.3rem)}.brain-map{min-height:720px}.map-node.core img{width:104px;height:104px}}

/* project detail interaction pass */
.section-note{max-width:460px;color:#8f899e;font-size:.92rem;line-height:1.5;text-align:right}.project-grid .project-card{font:inherit;text-align:left;cursor:pointer;border:none}.project-card:focus-visible{outline:2px solid #b965ff;outline-offset:4px}.image-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.image-strip img,.doc-preview img{width:100%;height:150px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.12);filter:saturate(.85) contrast(1.08)}.doc-preview{margin-top:18px}.doc-preview img{height:170px;object-fit:cover;object-position:top}.project-dialog{width:min(1040px,92vw);max-height:88vh;border:1px solid rgba(185,101,255,.28);border-radius:28px;background:linear-gradient(135deg,rgba(10,8,16,.98),rgba(3,3,5,.98));color:#f4efff;padding:0;box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 60px rgba(130,58,255,.18);overflow:hidden}.project-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font-size:26px;cursor:pointer;z-index:5}.dialog-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:0;min-height:560px}.dialog-media{padding:34px;background:radial-gradient(circle at 35% 15%,rgba(157,73,255,.18),transparent 38%),#050507;border-right:1px solid rgba(255,255,255,.08);display:grid;align-content:center;gap:16px}.dialog-media img{max-width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 50px rgba(0,0,0,.42)}.modal-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-gallery img{height:315px;object-fit:cover}.dialog-copy{padding:52px 42px 38px}.dialog-copy h2{font-size:clamp(2.1rem,4vw,4.4rem);line-height:.9;margin:8px 0 18px;text-transform:lowercase}.dialog-simple{font-size:1.12rem;line-height:1.65;color:#ddd5e9}.tech-box{margin:24px 0;padding:18px;border:1px solid rgba(185,101,255,.22);border-radius:18px;background:rgba(185,101,255,.07)}.tech-box span{display:block;color:#b965ff;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;margin-bottom:8px}.tech-box p{margin:0;color:#c9bfd6;line-height:1.55}.detail-list{display:grid;gap:8px;margin:20px 0 28px;padding:0;list-style:none}.detail-list li{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.055);color:#d8d1e2;font-size:.92rem}.detail-list li::before{content:'// ';color:#b965ff}.github-button{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;background:#f4efff;color:#09070d;text-decoration:none;font-weight:800}.media-caption{display:block;color:#9f96ac;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px}.qa-card{display:grid;gap:8px;padding:22px;border:1px solid rgba(185,101,255,.22);border-radius:20px;background:rgba(255,255,255,.045)}.qa-card span{color:#b965ff;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.qa-card p{margin:0 0 8px;color:#e7e0ef}.doc-thumb{margin-top:16px;max-height:300px;object-fit:cover;object-position:top}.wide-shot{width:100%;max-height:430px;object-fit:cover}@media(max-width:760px){.section-note{text-align:left}.dialog-grid{grid-template-columns:1fr;min-height:auto}.dialog-media{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:24px}.dialog-copy{padding:32px 24px}.modal-gallery img{height:220px}.image-strip{grid-template-columns:1fr}.project-dialog{width:94vw}.dialog-close{right:10px;top:10px}}

/* modal compact pass: keep repo button visible */
.project-dialog{max-height:82vh;overflow:auto}.dialog-grid{min-height:auto}.dialog-copy{padding:40px 36px 28px;display:flex;flex-direction:column}.dialog-copy h2{font-size:clamp(1.9rem,3.6vw,3.5rem);margin-bottom:12px}.dialog-simple{font-size:1rem;line-height:1.5}.tech-box{margin:16px 0;padding:15px}.detail-list{grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 18px}.detail-list li{font-size:.82rem;padding:7px 10px}.github-button{align-self:flex-start;margin-top:auto}.dialog-media{padding:26px}.qa-card{padding:18px}.doc-thumb{max-height:180px}.modal-gallery img{height:260px}.wide-shot{max-height:340px}@media(max-width:760px){.detail-list{grid-template-columns:1fr}.project-dialog{max-height:88vh}.github-button{margin-top:8px}}
/* repo button anchored inside detail panel */
.project-dialog{position:relative}.github-button{position:absolute;right:36px;bottom:26px;z-index:6;box-shadow:0 10px 30px rgba(185,101,255,.22)}.dialog-copy{padding-bottom:86px}@media(max-width:760px){.github-button{position:static}.dialog-copy{padding-bottom:32px}}
/* homepage cleanup after project-detail pass */
.brain-copy{padding-left:clamp(1rem,3vw,2.4rem)}
.brain-copy .eyebrow{margin-bottom:.9rem;display:block;letter-spacing:.18em}
.project-grid .project-card{appearance:none;-webkit-appearance:none;color:inherit}
.project-grid .project-card.large{min-height:560px}
.project-grid .project-card:not(.large){min-height:300px;padding-bottom:5.7rem}
.project-grid .bright .glyph-cloud b{color:#120d18}
.project-grid .image-strip,.project-grid .doc-preview{display:none}
.section-note{display:none!important}
/* hero label + card polish */
.brain-copy .eyebrow{display:inline-block;background:rgba(255,255,255,.055);color:#d9d1e7;border:1px solid rgba(255,255,255,.12);padding:.42rem .72rem;margin-bottom:1.25rem;border-radius:999px;line-height:1;max-width:max-content;box-shadow:none}
.project-grid .work-card.dark h3{font-size:clamp(1.35rem,2.8vw,2.15rem);max-width:11ch;line-height:.92}
.project-grid .work-card.dark{padding-bottom:9.6rem}
.project-grid .work-card.dark .mini-code{bottom:1rem}
.project-grid .work-card.dark p{max-width:24ch}
/* avoid code/text collision in compact RL card */
.project-grid .work-card.dark{min-height:360px;padding-bottom:10.5rem}
.project-grid .work-card.dark .mini-code{bottom:1.05rem}
.project-grid .work-card.dark h3{margin-bottom:.7rem}
.project-grid .work-card.dark p{position:relative;z-index:2;background:linear-gradient(90deg,rgba(5,5,5,.82),rgba(5,5,5,.18));display:inline-block;border-radius:8px;padding-right:.35rem}
/* semantic card visuals */
.detection-sigil{position:absolute;right:1rem;bottom:1rem;width:130px;height:110px;border-radius:28px;background:radial-gradient(circle at 38% 42%,rgba(255,255,255,.16),transparent 32%),linear-gradient(135deg,rgba(155,92,255,.35),rgba(7,7,12,.05));border:1px solid rgba(255,255,255,.1)}.detection-sigil i{position:absolute;border:1px solid rgba(231,212,255,.72);border-radius:10px}.detection-sigil i:nth-child(1){width:50px;height:42px;left:20px;top:24px}.detection-sigil i:nth-child(2){width:32px;height:28px;right:22px;top:20px}.detection-sigil i:nth-child(3){width:42px;height:34px;right:30px;bottom:20px}.detection-sigil b{position:absolute;left:22px;bottom:18px;width:72px;height:2px;background:linear-gradient(90deg,#fff,transparent)}
.qa-flow{position:absolute;right:1rem;bottom:1rem;width:148px;display:grid;gap:.45rem;font-size:.67rem;text-transform:uppercase;letter-spacing:.09em;color:#e9dcff}.qa-flow span,.qa-flow strong{padding:.45rem .55rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11)}.qa-flow strong{background:rgba(185,101,255,.28)}.qa-flow i{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}
.track-visual{position:absolute;right:.9rem;bottom:.8rem;width:150px;height:118px;border-radius:30px;background:radial-gradient(circle at center,transparent 34%,rgba(255,255,255,.16) 35%,transparent 38%),linear-gradient(140deg,rgba(255,255,255,.06),rgba(185,101,255,.13));overflow:hidden}.track-visual i{position:absolute;inset:20px 34px;border:2px solid rgba(255,255,255,.36);border-radius:46%}.track-visual b{position:absolute;left:68px;top:51px;width:15px;height:8px;border-radius:4px;background:#fff;box-shadow:0 0 18px rgba(185,101,255,.9);transform:rotate(-20deg)}.track-visual span{position:absolute;left:30px;right:30px;bottom:22px;height:1px;background:repeating-linear-gradient(90deg,#fff 0 8px,transparent 8px 15px);opacity:.45}
.face-signal{position:absolute;right:1rem;bottom:1rem;width:132px;height:112px;border-radius:38px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.1),transparent 42%),linear-gradient(135deg,rgba(185,101,255,.2),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)}.face-signal i{position:absolute;top:34px;width:10px;height:10px;border-radius:50%;background:#f0e8ff}.face-signal i:nth-child(1){left:43px}.face-signal i:nth-child(2){right:43px}.face-signal b{position:absolute;left:43px;right:43px;bottom:34px;height:12px;border-bottom:2px solid rgba(255,255,255,.7);border-radius:50%}.face-signal span{position:absolute;left:12px;right:12px;bottom:14px;height:1px;background:linear-gradient(90deg,transparent,#b965ff,transparent)}
.iot-map,.market-visual,.rule-visual{position:absolute;right:1rem;bottom:1rem;width:142px;height:112px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(185,101,255,.12));border:1px solid rgba(255,255,255,.08)}.iot-map i{position:absolute;width:14px;height:14px;border-radius:50%;background:#efe7ff;box-shadow:0 0 18px rgba(185,101,255,.6)}.iot-map i:nth-child(1){left:24px;top:25px}.iot-map i:nth-child(2){right:26px;top:32px}.iot-map i:nth-child(3){left:58px;bottom:24px}.iot-map b{position:absolute;inset:32px 35px;border-top:1px solid rgba(255,255,255,.42);border-left:1px solid rgba(255,255,255,.22);transform:skewY(-18deg)}.market-visual i{position:absolute;bottom:22px;width:8px;border-radius:6px;background:linear-gradient(#fff,#b965ff)}.market-visual i:nth-child(1){left:28px;height:34px}.market-visual i:nth-child(2){left:52px;height:52px}.market-visual i:nth-child(3){left:76px;height:28px}.market-visual i:nth-child(4){left:100px;height:62px}.market-visual b{position:absolute;left:20px;right:18px;top:38px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:rotate(-12deg)}.rule-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:20px}.rule-visual i{border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.rule-visual i:nth-child(2),.rule-visual i:nth-child(3){background:rgba(185,101,255,.24)}.rule-visual b{position:absolute;left:20px;right:20px;bottom:16px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}
/* artifact card upgrade: richer but still clean */
.project-grid.brain-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:1rem}.project-grid .project-card{grid-column:span 2;min-height:365px;border:1px solid rgba(255,255,255,.105)!important;border-radius:30px;padding:1.15rem 1.1rem 1rem;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.028) 46%,rgba(0,0,0,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 70px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}.project-grid .project-card.large{grid-column:span 3;min-height:500px}.project-grid .project-card:nth-child(2){grid-column:span 3}.project-grid .project-card:hover{transform:translateY(-5px);border-color:rgba(216,199,255,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 34px 95px rgba(0,0,0,.34),0 0 42px rgba(143,77,255,.10)}.project-grid .project-card::after{content:"open context";position:absolute;left:1.1rem;bottom:1rem;color:rgba(255,255,255,.38);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.project-grid .work-tag{position:relative;z-index:3;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);color:#d9d1e7}.project-grid .project-card h3{position:relative;z-index:3;margin-top:1.1rem;font-size:clamp(1.8rem,3.4vw,3rem);max-width:10ch}.project-grid .project-card p{position:relative;z-index:3;margin:.75rem 0 0;max-width:26rem;color:#d8d1e4;line-height:1.47}.project-grid .project-card:not(.large){padding-bottom:9.8rem}.project-grid .project-card.large .detection-sigil{width:180px;height:150px;right:1.25rem;bottom:1.25rem}.card-spec{position:relative;z-index:4;margin-top:1rem;display:flex;flex-wrap:wrap;gap:.42rem;max-width:27rem}.card-spec span{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#aaa2b8;padding:.23rem .52rem;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.project-grid .bright{background:linear-gradient(155deg,rgba(245,242,255,.92),rgba(201,188,232,.68) 42%,rgba(62,38,92,.35))}.project-grid .bright .work-tag,.project-grid .bright .card-spec span{color:#22172c;border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.05)}.project-grid .bright h3,.project-grid .bright p{color:#110d17}.project-grid .bright::after{color:rgba(0,0,0,.36)}.project-grid .dark{background:radial-gradient(circle at 68% 78%,rgba(143,77,255,.22),transparent 42%),linear-gradient(155deg,#101017,#050506)}.project-grid .purple{background:radial-gradient(circle at 75% 22%,rgba(143,77,255,.22),transparent 36%),linear-gradient(155deg,rgba(42,30,66,.72),rgba(10,8,15,.92))}.project-grid .signal{background:radial-gradient(circle at 72% 76%,rgba(36,255,186,.065),transparent 42%),linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018) 48%,rgba(0,0,0,.22))}@media(max-width:980px){.project-grid.brain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .project-card,.project-grid .project-card.large,.project-grid .project-card:nth-child(2){grid-column:span 1}}@media(max-width:700px){.project-grid.brain-grid{grid-template-columns:1fr}.project-grid .project-card,.project-grid .project-card.large{min-height:390px}.project-grid .project-card:not(.large){padding-bottom:9.8rem}}

/* Active Theory lite pass: spatial interface, no audio */
.active-lite{--mx:50vw;--my:34vh;background:#030304;cursor:crosshair}.field-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.6;mix-blend-mode:screen}.cursor-orb{position:fixed;left:-120px;top:-120px;width:240px;height:240px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(185,101,255,.2),rgba(143,77,255,.08) 34%,transparent 68%);filter:blur(8px);mix-blend-mode:screen}.active-lite::before{opacity:.18;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 4px}.active-lite main{position:relative;z-index:1}.active-lite .glass-header{border-bottom-color:rgba(216,199,255,.12);background:linear-gradient(90deg,rgba(3,3,4,.72),rgba(16,10,26,.48),rgba(3,3,4,.72))}.active-lite .nav a{border-color:rgba(216,199,255,.14);background:rgba(255,255,255,.025)}.active-lite .brain-hero{min-height:86svh}.active-lite .brain-hero::after{content:"";position:absolute;inset:14% -8% 2%;z-index:-1;background:radial-gradient(circle at var(--mx) var(--my),rgba(185,101,255,.18),transparent 24%),radial-gradient(circle at 70% 45%,rgba(255,255,255,.04),transparent 28%);filter:blur(2px)}.active-lite .brain-terminal{border-radius:30px;border-color:rgba(216,199,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 44px 130px rgba(0,0,0,.62),0 0 110px rgba(143,77,255,.18);background:linear-gradient(180deg,rgba(14,10,20,.9),rgba(3,3,5,.96))}.active-lite .brain-terminal::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.08) 48%,transparent 56%);transform:translateX(-80%);animation:terminalSweep 7s ease-in-out infinite}.interface-readout{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.interface-readout span{border:1px solid rgba(216,199,255,.14);border-radius:999px;background:rgba(255,255,255,.035);color:#aaa2ba;padding:.35rem .62rem;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.active-lite .signal-deck{margin-top:-3rem}.active-lite .signal-card{backdrop-filter:blur(10px);transform:translateY(0);transition:transform .22s ease,border-color .22s ease,background .22s ease}.active-lite .signal-card:hover{transform:translateY(-4px);border-color:rgba(216,199,255,.24)}.artifact-field-shell{position:relative;margin-top:1.2rem;padding:1rem;border:1px solid rgba(216,199,255,.08);border-radius:42px;background:radial-gradient(circle at 50% 35%,rgba(143,77,255,.14),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 38px 120px rgba(0,0,0,.32);overflow:hidden}.artifact-field-shell::before{content:"artifact field // click node for context";position:absolute;left:1.5rem;top:1.05rem;z-index:4;color:rgba(216,199,255,.44);font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.artifact-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.52;filter:drop-shadow(0 0 12px rgba(143,77,255,.18))}.artifact-lines path{fill:none;stroke:rgba(216,199,255,.18);stroke-width:.16;stroke-dasharray:1.8 2.2;animation:dashDrift 16s linear infinite}.project-grid.artifact-field{position:relative;z-index:2;padding-top:2.5rem;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.project-grid.artifact-field .project-card{grid-column:span 4;min-height:320px;border-radius:34px;background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.025) 48%,rgba(0,0,0,.2));backdrop-filter:blur(8px);transform:translateY(var(--float,0)) rotate(var(--rot,0deg));will-change:transform}.project-grid.artifact-field .project-card:nth-child(1){grid-column:span 5;--float:18px;--rot:-.45deg}.project-grid.artifact-field .project-card:nth-child(2){grid-column:span 4;--float:-8px;--rot:.35deg}.project-grid.artifact-field .project-card:nth-child(3){grid-column:span 3;--float:30px;--rot:.7deg}.project-grid.artifact-field .project-card:nth-child(4){grid-column:span 4;--float:-6px;--rot:-.3deg}.project-grid.artifact-field .project-card:nth-child(5){grid-column:span 3;--float:26px;--rot:.4deg}.project-grid.artifact-field .project-card:nth-child(6){grid-column:span 5;--float:0px;--rot:-.25deg}.project-grid.artifact-field .project-card:nth-child(7){grid-column:3 / span 6;--float:12px;--rot:.2deg}.project-grid.artifact-field .project-card:hover{transform:translateY(calc(var(--float,0px) - 8px)) rotate(0deg) scale(1.015);z-index:8}.project-grid.artifact-field .project-card::before{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.16),transparent 30%),linear-gradient(120deg,rgba(255,255,255,.06),transparent 55%)}.project-grid.artifact-field .project-card::after{content:"signal lock"}.project-grid.artifact-field .project-card h3{font-size:clamp(1.6rem,3vw,2.7rem)}.project-grid.artifact-field .project-card p{font-size:.96rem}.project-grid.artifact-field .bright{background:linear-gradient(155deg,rgba(248,245,255,.88),rgba(206,190,239,.62) 42%,rgba(65,40,100,.32))}.active-lite .brain-map{border-radius:42px;background:radial-gradient(circle at 50% 50%,rgba(143,77,255,.18),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));backdrop-filter:blur(6px)}@keyframes dashDrift{to{stroke-dashoffset:-38}}@keyframes terminalSweep{0%,55%,100%{transform:translateX(-90%);opacity:0}70%{opacity:.8}86%{transform:translateX(90%);opacity:0}}@media(max-width:980px){.project-grid.artifact-field{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid.artifact-field .project-card,.project-grid.artifact-field .project-card:nth-child(n){grid-column:auto;transform:none}.project-grid.artifact-field .project-card:hover{transform:translateY(-5px)}}@media(max-width:700px){.active-lite{cursor:auto}.cursor-orb{display:none}.artifact-field-shell{padding:.75rem;border-radius:28px}.artifact-field-shell::before{position:relative;display:block;left:auto;top:auto;margin:.35rem .35rem 1rem}.project-grid.artifact-field{grid-template-columns:1fr;padding-top:0}.project-grid.artifact-field .project-card{min-height:360px}.active-lite .signal-deck{margin-top:0}.active-lite .brain-hero{min-height:auto}}
/* scroll-reactive interface layer */
.active-lite{--scroll:0;--scroll-deg:0deg}.scroll-system{position:fixed;right:1.05rem;top:50%;z-index:20;display:flex;flex-direction:column;align-items:center;gap:.55rem;transform:translateY(-50%);pointer-events:none;color:rgba(216,199,255,.54);font-size:.62rem;font-weight:900;letter-spacing:.12em}.scroll-system span{position:relative;width:2px;height:180px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.scroll-system span::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--scroll) * 100%);background:linear-gradient(180deg,#fff,#b965ff,rgba(36,255,186,.65));box-shadow:0 0 18px rgba(185,101,255,.6)}.scroll-system b{font:900 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;writing-mode:vertical-rl}.active-lite .field-canvas{transform:translate3d(0,calc(var(--scroll) * -90px),0) scale(calc(1 + var(--scroll) * .08));filter:hue-rotate(calc(var(--scroll) * 28deg))}.active-lite .brain-terminal{transform:translate3d(0,calc(var(--scroll) * -34px),0) rotate(calc(-.35deg + var(--scroll) * .55deg))}.active-lite .brain-copy{transform:translate3d(0,calc(var(--scroll) * 42px),0)}.active-lite .signal-deck{transform:translate3d(0,calc(var(--scroll) * -24px),0)}.artifact-field-shell{transform:perspective(1200px) rotateX(calc(var(--scroll) * 1.8deg));transform-origin:50% 0}.artifact-lines{transform:translateY(calc(var(--scroll) * -28px)) rotate(calc(var(--scroll) * .4deg));transform-origin:center}.active-lite .brain-map::after{content:"";position:absolute;inset:1rem;border-radius:32px;pointer-events:none;border:1px solid rgba(216,199,255,.08);background:conic-gradient(from var(--scroll-deg),transparent,rgba(185,101,255,.13),transparent 28%);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.project-grid.artifact-field .project-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}.project-grid.artifact-field .project-card:nth-child(odd){filter:brightness(calc(1 + var(--scroll) * .08))}.project-grid.artifact-field .project-card:nth-child(even){filter:saturate(calc(1 + var(--scroll) * .12))}.project-grid.artifact-field .project-card:nth-child(1){--float:calc(18px - var(--scroll) * 18px)}.project-grid.artifact-field .project-card:nth-child(2){--float:calc(-8px + var(--scroll) * 14px)}.project-grid.artifact-field .project-card:nth-child(3){--float:calc(30px - var(--scroll) * 22px)}.project-grid.artifact-field .project-card:nth-child(4){--float:calc(-6px + var(--scroll) * 12px)}.project-grid.artifact-field .project-card:nth-child(5){--float:calc(26px - var(--scroll) * 20px)}.project-grid.artifact-field .project-card:nth-child(6){--float:calc(0px + var(--scroll) * 10px)}.project-grid.artifact-field .project-card:nth-child(7){--float:calc(12px - var(--scroll) * 10px)}@media(max-width:760px){.scroll-system{display:none}.active-lite .brain-terminal,.active-lite .brain-copy,.active-lite .signal-deck,.artifact-field-shell,.artifact-lines,.active-lite .field-canvas{transform:none!important}}
/* GSAP scroll theatre: Active-Theory-ish scene without backend */
.scroll-theatre{position:relative;min-height:130vh;margin:clamp(2rem,6vw,6rem) 0 0;z-index:1}.theatre-sticky{position:relative;height:100svh;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(185,101,255,.16),transparent 23%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.055),transparent 42%),#030304;border-block:1px solid rgba(216,199,255,.08)}.theatre-sticky::before{content:"";position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg,rgba(216,199,255,.08) 0deg,transparent 1deg,transparent 12deg);mask:radial-gradient(circle,#000 0 34%,transparent 64%);animation:slowSpin 24s linear infinite}.theatre-sticky::after{content:"SYSTEM OPENING // SCROLL IS THE CONTROLLER";position:absolute;left:clamp(1rem,4vw,4rem);bottom:clamp(1rem,4vw,3rem);color:rgba(216,199,255,.42);font-size:.68rem;font-weight:900;letter-spacing:.18em}.theatre-sigil{position:absolute;display:grid;place-items:center;width:min(34vw,360px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 0 50px rgba(143,77,255,.42));mix-blend-mode:screen}.theatre-sigil::before,.theatre-sigil::after{content:"";position:absolute;inset:-20%;border:1px solid rgba(216,199,255,.18);border-radius:50%;box-shadow:0 0 50px rgba(143,77,255,.12)}.theatre-sigil::after{inset:-42%;border-style:dashed;animation:slowSpin 18s linear reverse infinite}.theatre-sigil img{width:68%;height:68%;object-fit:contain;border-radius:50%;opacity:.88;filter:contrast(1.15) brightness(1.05)}.theatre-copy{position:relative;z-index:3;max-width:760px;text-align:center;padding:0 1.2rem}.theatre-copy h2{font-size:clamp(3rem,8.8vw,8.4rem);line-height:.82;margin:.2rem 0;text-wrap:balance;letter-spacing:-.08em}.theatre-copy p:not(.section-kicker){max-width:520px;margin:1rem auto 0;color:#b9b1c8;font-size:clamp(1rem,1.7vw,1.2rem)}.orbit{position:absolute;z-index:4;left:50%;top:50%;width:clamp(130px,15vw,220px);aspect-ratio:1;border-radius:34px;display:grid;place-items:center;border:1px solid rgba(216,199,255,.16);background:linear-gradient(155deg,rgba(255,255,255,.105),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 90px rgba(0,0,0,.45),0 0 44px rgba(143,77,255,.14);backdrop-filter:blur(10px);transform:translate(-50%,-50%)}.orbit span{font-size:.75rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#eee6ff}.orbit::after{content:"";position:absolute;inset:12px;border-radius:24px;border:1px solid rgba(216,199,255,.09)}.theatre-grid{position:absolute;inset:auto 8vw 9vh 8vw;display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;perspective:1000px}.theatre-grid i{height:20vh;min-height:120px;border-radius:24px;border:1px solid rgba(216,199,255,.13);background:linear-gradient(180deg,rgba(216,199,255,.09),rgba(143,77,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.theatre-grid i:nth-child(even){transform:translateY(28px)}@keyframes slowSpin{to{transform:rotate(360deg)}}@media(max-width:760px){.scroll-theatre{min-height:auto;margin:2rem 0}.theatre-sticky{height:auto;min-height:560px}.theatre-copy h2{font-size:3rem}.orbit{position:relative;left:auto;top:auto;transform:none!important;margin:.4rem}.theatre-grid{display:none}}
/* project stream + extra living particles */
.spark-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:.72;mix-blend-mode:screen;filter:blur(.2px)}.project-scroll{position:relative;min-height:340vh;margin:clamp(1.5rem,5vw,5rem) 0;z-index:1}.project-stage{position:relative;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(1rem,1fr) minmax(0,820px) minmax(300px,38vw);align-items:center;gap:clamp(1rem,4vw,5rem);padding:clamp(1rem,5vw,5rem);background:#030304;border-block:1px solid rgba(216,199,255,.09);isolation:isolate}.project-stage::before{content:"";position:absolute;inset:-30%;z-index:-2;background:radial-gradient(circle at 72% 48%,rgba(185,101,255,.24),transparent 24%),radial-gradient(circle at 28% 55%,rgba(36,255,186,.08),transparent 20%),linear-gradient(115deg,rgba(255,255,255,.03),transparent 36%,rgba(143,77,255,.06));animation:stagePulse 8s ease-in-out infinite alternate}.project-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask:radial-gradient(circle at 62% 50%,#000 0 45%,transparent 78%);opacity:.55}.stage-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;filter:blur(1px)}.stage-bg span{position:absolute;width:min(36vw,420px);aspect-ratio:1;border:1px solid rgba(216,199,255,.12);border-radius:38% 62% 58% 42%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.12),rgba(185,101,255,.08) 36%,transparent 68%);box-shadow:0 0 100px rgba(143,77,255,.14);mix-blend-mode:screen}.stage-bg span:nth-child(1){left:8%;top:18%;animation:blobSpin 19s linear infinite}.stage-bg span:nth-child(2){right:10%;top:12%;animation:blobSpin 23s linear reverse infinite}.stage-bg span:nth-child(3){right:24%;bottom:7%;animation:blobSpin 27s linear infinite}.stage-rail{position:absolute;left:clamp(1rem,2vw,2rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:rgba(216,199,255,.48);font-weight:950;letter-spacing:.16em;font-size:.66rem}.stage-rail span{writing-mode:vertical-rl}.stage-rail::before{content:"";width:2px;height:180px;background:linear-gradient(180deg,transparent,#fff,#b965ff,transparent);box-shadow:0 0 24px rgba(185,101,255,.45)}.stage-rail b{font:900 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.stage-copy{grid-column:2;position:relative;z-index:4}.stage-copy h2{font-size:clamp(4rem,10vw,11rem);line-height:.78;letter-spacing:-.09em;margin:.15rem 0;text-transform:lowercase;text-wrap:balance;text-shadow:0 0 50px rgba(143,77,255,.2)}.stage-copy p:not(.section-kicker){max-width:680px;color:#c7bfd3;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.45}.stage-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}.stage-tags span{border:1px solid rgba(216,199,255,.17);border-radius:999px;padding:.48rem .72rem;background:rgba(255,255,255,.045);font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.stage-visual{grid-column:3;position:relative;width:min(38vw,520px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 55px rgba(185,101,255,.28))}.stage-visual::before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(216,199,255,.24);animation:slowSpin 18s linear infinite}.stage-visual::after{content:"";position:absolute;inset:24%;border-radius:30%;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(185,101,255,.08));border:1px solid rgba(216,199,255,.18);backdrop-filter:blur(14px);transform:rotate(45deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 28px 110px rgba(0,0,0,.45)}.stage-visual i{position:absolute;width:24%;height:2px;background:linear-gradient(90deg,transparent,#fff,#b965ff,transparent);box-shadow:0 0 24px rgba(185,101,255,.65);transform-origin:center}.stage-visual i:nth-child(1){top:18%;left:24%;transform:rotate(22deg)}.stage-visual i:nth-child(2){top:38%;right:8%;transform:rotate(-34deg)}.stage-visual i:nth-child(3){bottom:22%;left:12%;transform:rotate(-12deg)}.stage-visual i:nth-child(4){bottom:34%;right:22%;transform:rotate(62deg)}.stage-visual i:nth-child(5){top:52%;left:34%;transform:rotate(0deg);width:46%}.project-scroll[data-project="squad"] .project-stage::before{background:radial-gradient(circle at 68% 42%,rgba(255,255,255,.18),transparent 22%),radial-gradient(circle at 28% 58%,rgba(143,77,255,.2),transparent 28%)}.project-scroll[data-project="rl"] .stage-visual::after{border-radius:50% 18%;transform:rotate(22deg)}.project-scroll[data-project="alpaca"] .stage-visual i{height:34px;width:10px;border-radius:999px;background:linear-gradient(180deg,#24ffba,#b965ff)}.project-scroll[data-project="foundations"] .project-stage::after{background-size:46px 46px;opacity:.8}@keyframes stagePulse{to{transform:scale(1.08) rotate(3deg);filter:hue-rotate(18deg)}}@keyframes blobSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.project-scroll{min-height:auto}.project-stage{height:auto;min-height:100svh;grid-template-columns:1fr;padding:6rem 1rem 3rem}.stage-copy,.stage-visual{grid-column:1}.stage-rail{display:none}.stage-copy h2{font-size:clamp(3rem,18vw,6rem)}}
/* hacker mode pass: terminal grime, matrix layer, system HUD */
.matrix-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:.38;mix-blend-mode:screen;mask:radial-gradient(circle at var(--mx,50vw) var(--my,40vh),#000 0 18%,transparent 56%)}.scanline-layer{position:fixed;inset:0;z-index:25;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px),linear-gradient(90deg,transparent,rgba(185,101,255,.035),transparent);mix-blend-mode:overlay;opacity:.42}.scanline-layer::after{content:"";position:absolute;inset:-20% 0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent);height:18%;animation:scanSweep 5.6s linear infinite}.hack-hud{position:fixed;left:1rem;bottom:1rem;z-index:35;display:flex;gap:.8rem;align-items:center;padding:.55rem .7rem;border:1px solid rgba(36,255,186,.22);border-radius:999px;background:rgba(3,3,4,.56);backdrop-filter:blur(18px);box-shadow:0 0 36px rgba(36,255,186,.08);font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(216,255,241,.72);text-transform:uppercase;letter-spacing:.12em}.hack-hud b{color:#24ffba;text-shadow:0 0 18px rgba(36,255,186,.7)}.hack-hud i{font-style:normal;color:rgba(216,199,255,.58)}.boot-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(143,77,255,.18),transparent 28%),#030304;color:#24ffba;transition:opacity .8s ease,visibility .8s ease;pointer-events:none}.boot-overlay code{min-width:min(680px,82vw);padding:1.4rem;border:1px solid rgba(36,255,186,.26);background:rgba(0,0,0,.42);box-shadow:0 0 90px rgba(36,255,186,.08);white-space:pre-wrap;font:800 clamp(.78rem,2vw,1rem)/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 0 16px rgba(36,255,186,.45)}.boot-overlay.done{opacity:0;visibility:hidden}.brain-copy h1,.stage-copy h2,.theatre-copy h2{animation:microGlitch 8s steps(1) infinite}.project-card::before{content:"./" attr(data-project);position:absolute;right:1rem;top:1rem;font:900 .58rem ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(36,255,186,.55);letter-spacing:.14em;text-transform:uppercase}.terminal-panel{box-shadow:0 0 0 1px rgba(36,255,186,.08),0 35px 120px rgba(0,0,0,.58),0 0 80px rgba(143,77,255,.08)}@keyframes scanSweep{to{transform:translateY(680%)}}@keyframes microGlitch{0%,91%,100%{transform:none;text-shadow:0 0 50px rgba(143,77,255,.2)}92%{transform:translate(1px,-1px);text-shadow:-2px 0 rgba(36,255,186,.55),2px 0 rgba(185,101,255,.55)}93%{transform:translate(-2px,1px);text-shadow:2px 0 rgba(36,255,186,.45),-2px 0 rgba(185,101,255,.45)}94%{transform:none}}
@media(max-width:760px){.hack-hud{display:none}.matrix-canvas{opacity:.18}.scanline-layer{opacity:.26}.boot-overlay code{min-width:86vw}}
/* detail + scroll cleanup pass */
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.detail-mesh{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.62;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 0 36%,rgba(36,255,186,.035) 36.2% 36.4%,transparent 36.6%),linear-gradient(64deg,transparent 0 58%,rgba(185,101,255,.05) 58.15% 58.35%,transparent 58.55%)}.detail-mesh i{position:absolute;border:1px solid rgba(185,101,255,.13);background:radial-gradient(circle at 30% 20%,rgba(36,255,186,.18),transparent 34%),rgba(3,3,4,.06);box-shadow:0 0 40px rgba(143,77,255,.07);transform:translate3d(0,calc(var(--scroll)*-90px),0) rotate(calc(var(--scroll-deg)*.04));clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.detail-mesh i:nth-child(1){width:18vw;height:9vh;left:8vw;top:20vh}.detail-mesh i:nth-child(2){width:13vw;height:28vh;right:11vw;top:12vh}.detail-mesh i:nth-child(3){width:22vw;height:12vh;right:18vw;bottom:18vh}.detail-mesh i:nth-child(4){width:9vw;height:30vh;left:3vw;bottom:10vh}.detail-mesh i:nth-child(5){width:24vw;height:1px;left:38vw;top:52vh;background:rgba(36,255,186,.25)}.sequence-readout{position:absolute;right:clamp(1rem,4vw,4rem);top:clamp(6rem,16vh,10rem);z-index:3;width:min(260px,28vw);padding:.9rem 1rem;border:1px solid rgba(36,255,186,.18);border-radius:18px;background:linear-gradient(135deg,rgba(3,3,4,.72),rgba(28,12,44,.3));box-shadow:0 0 60px rgba(36,255,186,.07);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em}.sequence-readout span{display:block;color:rgba(216,199,255,.54);font-size:.62rem}.sequence-readout b{display:block;margin:.25rem 0;font-size:clamp(1.1rem,3vw,2.2rem);color:#24ffba;text-shadow:0 0 24px rgba(36,255,186,.6)}.sequence-readout i{font-style:normal;color:rgba(255,255,255,.48);font-size:.58rem}.signal-ruler{position:absolute;left:clamp(1rem,4vw,4rem);top:20vh;bottom:18vh;width:1px;background:linear-gradient(180deg,transparent,rgba(216,199,255,.28),transparent);z-index:3}.signal-ruler i{position:absolute;left:-6px;width:13px;height:1px;background:rgba(36,255,186,.45);box-shadow:0 0 14px rgba(36,255,186,.45)}.signal-ruler i:nth-child(1){top:4%}.signal-ruler i:nth-child(2){top:22%}.signal-ruler i:nth-child(3){top:40%}.signal-ruler i:nth-child(4){top:58%}.signal-ruler i:nth-child(5){top:76%}.signal-ruler i:nth-child(6){top:94%}.active-lite .theatre-sticky::before{content:"";position:absolute;inset:8%;border:1px solid rgba(185,101,255,.08);border-radius:42px;background:radial-gradient(circle at var(--mx,50vw) var(--my,45vh),rgba(36,255,186,.08),transparent 26%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px),repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 80px);transform:perspective(900px) rotateX(58deg) translateY(calc(var(--scroll)*-140px));opacity:.72}.active-lite .theatre-sticky::after{content:"TRACE // FORK // VERIFY // SIGNAL";position:absolute;left:50%;bottom:7vh;translate:-50% 0;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(185,101,255,.18);background:rgba(3,3,4,.5);font:800 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em;color:rgba(216,199,255,.5)}.artifact-field-shell{box-shadow:0 0 0 1px rgba(255,255,255,.055),0 60px 160px rgba(0,0,0,.42),inset 0 0 80px rgba(143,77,255,.045)}.artifact-field-shell::before{background-image:radial-gradient(circle at 20% 20%,rgba(36,255,186,.12),transparent 16%),radial-gradient(circle at 80% 30%,rgba(185,101,255,.16),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,54px 54px,54px 54px}.project-stage{transition:background-color .25s ease,box-shadow .25s ease}.project-stage::before{content:"";position:absolute;inset:1.2rem;border:1px solid rgba(255,255,255,.07);border-radius:32px;background:linear-gradient(90deg,rgba(36,255,186,.06),transparent 18% 82%,rgba(185,101,255,.07));pointer-events:none}.stage-copy{position:relative}.stage-copy::before{content:"decrypting artifact";display:inline-flex;margin-bottom:.7rem;padding:.32rem .55rem;border:1px solid rgba(36,255,186,.18);border-radius:999px;color:#24ffba;font:800 .58rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;background:rgba(36,255,186,.045)}.stage-tags span{box-shadow:0 0 18px rgba(143,77,255,.12)}.stage-visual{filter:drop-shadow(0 40px 80px rgba(0,0,0,.45))}.stage-visual::after{content:"";position:absolute;inset:16%;border:1px dashed rgba(36,255,186,.22);border-radius:50%;animation:stageScan 6s linear infinite}.stage-visual i{box-shadow:inset 0 0 55px rgba(255,255,255,.05),0 0 65px rgba(143,77,255,.17)}@keyframes stageScan{to{rotate:360deg}}@media(max-width:760px){.detail-mesh,.sequence-readout,.signal-ruler{display:none}.active-lite .theatre-sticky::before,.active-lite .theatre-sticky::after{display:none}}
/* performance + mobile scroll pass */
.low-power .matrix-canvas{display:none}.low-power .spark-canvas{opacity:.38;filter:none}.low-power .field-canvas{opacity:.42}.low-power .detail-mesh{opacity:.24}.low-power .scanline-layer{opacity:.18}.low-power .stage-visual::after{animation-duration:12s}.low-power .project-card,.low-power .artifact-field-shell,.low-power .project-stage{box-shadow:0 20px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
@media(max-width:760px){.scroll-theatre{min-height:120svh;margin:2rem 0}.theatre-sticky{height:86svh;position:sticky;top:0;padding:1rem}.theatre-sigil{max-width:64vw}.theatre-copy{max-width:86vw}.theatre-copy h2{font-size:clamp(2rem,11vw,4.2rem)}.orbit{font-size:.68rem}.orbit-a{transform:translate(-30vw,-15vh)}.orbit-b{transform:translate(24vw,-10vh)}.orbit-c{transform:translate(-25vw,19vh)}.orbit-d{transform:translate(26vw,18vh)}.project-scroll{min-height:440svh;margin:1rem 0 3rem}.project-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr;align-content:center;gap:1.2rem;padding:5.2rem 1rem 1.2rem;overflow:hidden}.stage-copy{max-width:100%;z-index:2}.stage-copy h2{font-size:clamp(2.4rem,16vw,5rem);line-height:.86}.stage-copy p{font-size:1rem;max-width:34ch}.stage-tags{gap:.35rem}.stage-tags span{font-size:.68rem;padding:.32rem .5rem}.stage-visual{position:absolute;inset:auto -22vw 5vh auto;width:74vw;height:36vh;opacity:.55;z-index:1}.stage-bg span{filter:blur(20px);opacity:.36}.project-stage::before{inset:.7rem;border-radius:24px}.stage-copy::before{font-size:.52rem}.spark-canvas{opacity:.32}.cursor-orb{display:none}.scroll-system{right:.45rem;transform:translateY(-50%) scale(.78)}}
/* blackbox hacker escalation */
.breach-feed{position:fixed;left:1.05rem;bottom:4.3rem;z-index:20;pointer-events:none;width:min(250px,32vw);padding:.78rem .85rem;border:1px solid rgba(36,255,186,.16);border-radius:18px;background:linear-gradient(135deg,rgba(3,3,4,.72),rgba(22,7,38,.45));box-shadow:0 0 60px rgba(36,255,186,.06);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em;color:rgba(216,199,255,.68);overflow:hidden}.breach-feed::before{content:"00:01 probe rejected\A 00:04 default forked\A 00:09 artifact unlocked\A 00:13 signal clean";white-space:pre;display:block;font-size:.56rem;line-height:1.7;color:rgba(36,255,186,.62);animation:feedFlicker 3.8s steps(2,end) infinite}.breach-feed span,.breach-feed b,.breach-feed i{display:block}.breach-feed span{font-size:.55rem;color:rgba(255,255,255,.42)}.breach-feed b{margin:.28rem 0;font-size:.62rem;color:#fff}.breach-feed i{font-style:normal;font-size:.54rem;color:rgba(185,101,255,.74)}.cmd-trigger{position:fixed;right:1rem;bottom:1rem;z-index:40;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,3,4,.72);backdrop-filter:blur(14px);color:#e8dfff;padding:.55rem .75rem;font:900 .74rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer;box-shadow:0 16px 44px rgba(0,0,0,.34)}.cmd-trigger:hover{border-color:rgba(36,255,186,.45);color:#24ffba}.exploit-lab{position:relative;z-index:2;margin-top:clamp(2rem,6vw,5rem);padding-top:1rem}.lab-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);gap:1rem;align-items:end;margin-bottom:1rem}.lab-head h2{margin:.2rem 0 0;font-size:clamp(2.2rem,5vw,5.2rem);line-height:.88;letter-spacing:-.075em;max-width:11ch}.lab-head p:last-child{color:#9b94aa;line-height:1.55;max-width:42ch}.lab-grid{display:grid;grid-template-columns:1.2fr .95fr .85fr;gap:1rem}.lab-panel{position:relative;min-height:270px;border:1px solid rgba(255,255,255,.105);border-radius:30px;padding:1rem;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 48%,rgba(0,0,0,.2));box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 26px 80px rgba(0,0,0,.3)}.lab-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,255,186,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(185,101,255,.038) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 50% 35%,#000,transparent 70%);opacity:.8}.panel-label{position:relative;z-index:2;display:inline-flex;padding:.28rem .55rem;border:1px solid rgba(36,255,186,.18);border-radius:999px;background:rgba(36,255,186,.045);color:#24ffba;font:900 .58rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em}.lab-visual{background-image:linear-gradient(155deg,rgba(3,3,4,.18),rgba(3,3,4,.82)),url('https://images.unsplash.com/photo-1518709268805-4e9042af2176?auto=format&fit=crop&w=1200&q=70');background-size:cover;background-position:center}.net-viz{position:absolute;inset:3.5rem 1rem 2.4rem;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 50%,rgba(36,255,186,.18),transparent 30%),radial-gradient(circle at 70% 20%,rgba(185,101,255,.24),transparent 24%);overflow:hidden}.net-viz::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 18px,rgba(255,255,255,.05) 19px 20px);mix-blend-mode:screen}.net-viz i{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 24px rgba(36,255,186,.95)}.net-viz i:nth-child(1){left:18%;top:24%}.net-viz i:nth-child(2){left:62%;top:18%}.net-viz i:nth-child(3){left:76%;top:61%}.net-viz i:nth-child(4){left:34%;top:72%}.net-viz i:nth-child(5){left:48%;top:45%}.net-viz b{position:absolute;left:18%;right:22%;top:47%;height:1px;background:linear-gradient(90deg,#24ffba,transparent,#b965ff);box-shadow:0 0 18px rgba(36,255,186,.6);transform:rotate(12deg)}.lab-visual small{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;color:rgba(255,255,255,.68);font:800 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em}.lab-terminal code{position:relative;z-index:2;display:block;margin-top:1rem;color:#d8c7ff;font:700 .9rem/1.85 ui-monospace,SFMono-Regular,Menlo,monospace}.lab-terminal em{color:#24ffba;font-style:normal}.lab-keycard h3{position:relative;z-index:2;margin:2.4rem 0 .4rem;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.06em}.lab-keycard p{position:relative;z-index:2;color:#aaa2b8;line-height:1.55}.lab-keycard kbd{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.12rem .34rem;background:rgba(255,255,255,.07);color:#fff}.key-lines{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;gap:.42rem}.key-lines i{height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(36,255,186,.72),rgba(185,101,255,.28),transparent)}.key-lines i:nth-child(2){width:72%}.key-lines i:nth-child(3){width:46%}.key-lines i:nth-child(4){width:88%}.command-dialog{border:0;padding:0;background:transparent;color:#fff}.command-dialog::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(10px)}.cmd-modal{width:min(640px,92vw);padding:.75rem;border:1px solid rgba(36,255,186,.2);border-radius:24px;background:linear-gradient(155deg,rgba(5,5,6,.96),rgba(20,7,34,.92));box-shadow:0 40px 140px rgba(0,0,0,.7),0 0 120px rgba(143,77,255,.18)}.cmd-top{display:flex;justify-content:space-between;align-items:center;padding:.45rem .5rem 1rem;color:#24ffba;font:900 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em}.cmd-top button{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#d8c7ff;padding:.25rem .5rem;cursor:pointer}.cmd-modal>button{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid rgba(255,255,255,.095);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;padding:.9rem 1rem;margin:.45rem 0;text-align:left;cursor:pointer}.cmd-modal>button:hover{border-color:rgba(36,255,186,.35);background:rgba(36,255,186,.055)}.cmd-modal b{font-size:1.05rem}.cmd-modal span{color:#928a9f;font:700 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}@keyframes feedFlicker{50%{opacity:.72}51%{opacity:1}}@media(max-width:900px){.lab-head,.lab-grid{grid-template-columns:1fr}.breach-feed{display:none}}@media(max-width:760px){.cmd-trigger{right:.7rem;bottom:.7rem}.exploit-lab{margin-top:2rem}.lab-panel{min-height:220px;border-radius:24px}.lab-head h2{font-size:clamp(2.1rem,13vw,4rem)}}
/* integrated WebGL layer — keeps old design, adds depth behind it */
.webgl-core-canvas{position:fixed;inset:0;z-index:-2;width:100vw;height:100vh;pointer-events:none;opacity:.42;mix-blend-mode:screen;filter:saturate(1.25) contrast(1.05)}.low-power .webgl-core-canvas{opacity:.22;filter:none}.theatre-sticky,.project-stage,.exploit-lab,.artifact-field-shell{transform:translateZ(0);will-change:transform}@media(max-width:760px){.webgl-core-canvas{opacity:.26}}
/* shader/sigil enhancement pass — integrated into the existing site */
.webgl-core-canvas{opacity:.58;mix-blend-mode:screen;filter:saturate(1.45) contrast(1.16) blur(.08px)}
.flying-sigil{position:fixed;left:50%;top:50%;z-index:1;width:clamp(120px,17vw,260px);aspect-ratio:1/1;pointer-events:none;transform-style:preserve-3d;transform:translate3d(-50%,-50%,0) rotateX(58deg) rotateZ(0deg) scale(.72);opacity:.52;filter:drop-shadow(0 0 32px rgba(185,101,255,.42)) drop-shadow(0 0 62px rgba(36,255,186,.12));mix-blend-mode:screen;will-change:transform,opacity,filter}.flying-sigil::before,.flying-sigil::after{content:"";position:absolute;inset:-22%;border:1px solid rgba(36,255,186,.18);border-radius:28px;transform:rotate(45deg);box-shadow:inset 0 0 38px rgba(185,101,255,.08),0 0 46px rgba(36,255,186,.08)}.flying-sigil::after{inset:-42%;border-color:rgba(185,101,255,.14);animation:sigilOrbit 9s linear infinite reverse}.flying-sigil img{width:100%;height:100%;object-fit:cover;border-radius:34px;opacity:.62;filter:grayscale(.1) contrast(1.25) brightness(.86);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shader-depth-readout{position:fixed;right:1rem;top:5.1rem;z-index:19;display:grid;gap:.12rem;padding:.55rem .65rem;border:1px solid rgba(185,101,255,.18);border-radius:14px;background:rgba(2,1,4,.42);backdrop-filter:blur(12px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.13em;pointer-events:none}.shader-depth-readout span{font-size:.52rem;color:#7c728f}.shader-depth-readout b{font-size:.7rem;color:#24ffba;font-weight:900}.theatre-sigil img,.map-node.core img{filter:contrast(1.18) saturate(1.2) drop-shadow(0 0 28px rgba(185,101,255,.32));animation:sigilPulse 4.8s ease-in-out infinite}.lab-visual::after,.artifact-field-shell::after,.project-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(36,255,186,.12),transparent 28%),linear-gradient(115deg,transparent,rgba(185,101,255,.08),transparent);mix-blend-mode:screen;opacity:.55}.artifact-field-shell,.project-stage,.lab-visual{position:relative;overflow:hidden}.artifact-field-shell::before{opacity:.9}.stage-visual{filter:drop-shadow(0 0 28px rgba(36,255,186,.22)) saturate(1.2)}
@keyframes sigilOrbit{to{transform:rotate(405deg)}}@keyframes sigilPulse{0%,100%{transform:scale(1);filter:contrast(1.18) saturate(1.2) drop-shadow(0 0 24px rgba(185,101,255,.28))}50%{transform:scale(1.035);filter:contrast(1.28) saturate(1.45) drop-shadow(0 0 44px rgba(36,255,186,.22))}}
.low-power .flying-sigil{opacity:.28;filter:drop-shadow(0 0 18px rgba(185,101,255,.22))}.low-power .shader-depth-readout{display:none}@media(max-width:760px){.flying-sigil{width:42vw;opacity:.28}.shader-depth-readout{display:none}.webgl-core-canvas{opacity:.26}}
/* reference-led premium pass: Aristide/Locomotive/Obys/Lusion inspired, not effect soup */
body.home-scryx{background:#030304!important;color:#f4f1ea!important}.home-scryx::after{opacity:.18!important}.webgl-core-canvas{opacity:.22!important;filter:saturate(.85) contrast(1.08)!important}.field-canvas{opacity:.34!important}.spark-canvas{opacity:.28!important}.matrix-canvas{opacity:.14!important}.detail-mesh,.scanline-layer{opacity:.18!important}.cursor-orb{opacity:.45!important}.flying-sigil{display:none!important}.shader-depth-readout{border-radius:0!important;background:rgba(3,3,4,.5)!important;border-color:rgba(244,241,234,.16)!important;color:rgba(244,241,234,.72)!important}.glass-header{background:rgba(3,3,4,.62)!important;border-bottom:1px solid rgba(244,241,234,.14)!important}.nav a{border-radius:0!important;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.brand-mark span{font-size:1.7rem;letter-spacing:-.08em;color:#f4f1ea}.brand-mark img{filter:grayscale(1) contrast(1.24)}
.flying-x{position:fixed;left:58%;top:48%;z-index:0;width:clamp(180px,30vw,440px);height:clamp(180px,30vw,440px);pointer-events:none;opacity:.34;mix-blend-mode:screen;transform-style:preserve-3d;filter:drop-shadow(0 0 28px rgba(255,255,255,.13)) drop-shadow(0 0 70px rgba(105,48,255,.18));will-change:transform,opacity}.flying-x i{position:absolute;left:50%;top:50%;width:18%;height:112%;background:linear-gradient(90deg,#010102,#0d0914 28%,#f4f1ea 47%,#15101f 55%,#020103);border-radius:3px;box-shadow:inset 10px 0 22px rgba(255,255,255,.09),inset -14px 0 22px rgba(0,0,0,.9),0 0 32px rgba(113,69,255,.28)}.flying-x i:first-child{transform:translate(-50%,-50%) rotate(43deg)}.flying-x i:nth-child(2){transform:translate(-50%,-50%) rotate(-43deg)}.flying-x::after{content:"SCRYX";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.36em;color:rgba(244,241,234,.38)}
.ambient-poster{position:fixed;z-index:-2;pointer-events:none;opacity:.16;filter:grayscale(1) contrast(1.7) brightness(.52);mix-blend-mode:screen;background-size:cover;background-position:center;transform:rotate(-2deg)}.ambient-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(135deg,rgba(0,0,0,.74),rgba(0,0,0,.2),rgba(0,0,0,.86));background-size:22px 22px,22px 22px,auto}.ambient-poster-a{right:-8vw;top:18vh;width:34vw;height:42vh;background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=70')}.ambient-poster-b{left:-7vw;bottom:10vh;width:30vw;height:38vh;background-image:url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1200&q=70');transform:rotate(3deg)}
.brain-hero{min-height:88vh!important;display:grid!important;align-items:end!important;padding-top:clamp(6rem,12vh,10rem)!important;padding-bottom:clamp(3rem,8vh,6rem)!important}.brain-copy h1{font-size:clamp(4.6rem,14vw,13rem)!important;line-height:.74!important;letter-spacing:-.115em!important;max-width:7.8ch!important;text-transform:lowercase;color:#f4f1ea;text-shadow:none!important}.brain-copy .lead{max-width:36rem!important;font-size:clamp(1rem,1.55vw,1.28rem)!important;color:rgba(244,241,234,.7)!important}.eyebrow,.section-kicker{border-radius:0!important;background:transparent!important;color:rgba(244,241,234,.62)!important;border-color:rgba(244,241,234,.18)!important;letter-spacing:.16em}.terminal-panel{border-radius:0!important;background:rgba(7,7,8,.72)!important;border-color:rgba(244,241,234,.16)!important;box-shadow:0 34px 120px rgba(0,0,0,.58)!important}.signal-deck{margin-top:0!important}.signal-card,.lab-panel,.work-card,.artifact-field-shell,.project-stage,.brain-map,.command-dialog .cmd-modal{border-radius:0!important;background:linear-gradient(180deg,rgba(244,241,234,.055),rgba(244,241,234,.018))!important;border:1px solid rgba(244,241,234,.14)!important;box-shadow:0 30px 100px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.045)!important}.signal-card strong,.lab-head h2,.section-heading-row h2,.stage-copy h2{letter-spacing:-.07em!important}.exploit-lab,.showcase-section,.project-scroll{padding-top:clamp(3rem,8vw,7rem)!important}.lab-head h2,.section-heading-row h2{font-size:clamp(3rem,8vw,8.5rem)!important;line-height:.82!important;max-width:9.5ch}.artifact-field-shell::before,.project-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(244,241,234,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,black,transparent 78%)}.work-card h3::before{content:"scryx / artifact";display:block;margin-bottom:.4rem;color:rgba(244,241,234,.46);font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.work-card h3{font-size:clamp(1.25rem,2vw,2rem)!important}.project-scroll{min-height:280vh!important}.scroll-theatre{min-height:110vh!important}.theatre-sticky{background:#030304!important;border-block:1px solid rgba(244,241,234,.14)!important}.theatre-copy h2{font-size:clamp(3.4rem,10vw,10rem)!important;line-height:.78!important;letter-spacing:-.1em!important}.breach-feed{border-radius:0!important;background:rgba(3,3,4,.72)!important;border-color:rgba(244,241,234,.12)!important;color:rgba(244,241,234,.58)!important}.cmd-trigger{border-radius:0!important;background:#f4f1ea!important;color:#030304!important;border-color:#f4f1ea!important}
@media(max-width:760px){.brain-hero{min-height:auto!important;padding-top:6rem!important}.brain-copy h1{font-size:clamp(4rem,22vw,7rem)!important}.flying-x{left:70%;width:58vw;height:58vw;opacity:.18}.ambient-poster{opacity:.08}.lab-head h2,.section-heading-row h2{font-size:clamp(2.6rem,14vw,5rem)!important}.project-scroll{min-height:360svh!important}}
/* spacing/readability correction after reference-led pass */
.showcase-section{padding-top:clamp(2.5rem,6vw,5rem)!important}.artifact-field-shell{min-height:auto!important;padding:1rem!important;background:linear-gradient(180deg,rgba(244,241,234,.045),rgba(244,241,234,.014))!important}.project-grid.brain-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:1rem!important}.project-grid .project-card{background:linear-gradient(155deg,rgba(244,241,234,.07),rgba(244,241,234,.025) 48%,rgba(0,0,0,.18))!important;border-color:rgba(244,241,234,.16)!important;opacity:1!important;filter:none!important}.scroll-theatre{min-height:96vh!important;margin:clamp(1.5rem,4vw,4rem) 0 0!important}.theatre-sticky{height:92vh!important}.project-scroll{min-height:205vh!important;margin:clamp(1rem,4vw,4rem) 0!important}.project-stage{height:94vh!important}.exploit-lab{padding-bottom:clamp(2rem,5vw,4rem)!important}@media(max-width:900px){.project-grid.brain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.project-grid.brain-grid{grid-template-columns:1fr!important}.project-scroll{min-height:320svh!important}.scroll-theatre{min-height:105svh!important}}
/* cleanup after direction correction: no floating X, no background stock posters */
.flying-x,.flying-sigil,.ambient-poster{display:none!important}
/* logo-matched background palette: obsidian + graphite glass + violet blade glow */
body.home-scryx{background:
  radial-gradient(900px 520px at 78% 8%,rgba(108,35,255,.16),transparent 60%),
  radial-gradient(760px 440px at 12% 18%,rgba(210,188,255,.08),transparent 58%),
  radial-gradient(820px 560px at 58% 78%,rgba(75,25,160,.13),transparent 62%),
  linear-gradient(135deg,#000 0%,#030208 36%,#08060d 64%,#010102 100%)!important;
  color:#f1edf7!important;
}
body.home-scryx::before{opacity:.22!important;background:
  linear-gradient(115deg,transparent 0 22%,rgba(226,211,255,.045) 22.08% 22.18%,transparent 22.3% 60%,rgba(126,55,255,.055) 60.08% 60.18%,transparent 60.3%),
  radial-gradient(circle at var(--mx,50vw) var(--my,50vh),rgba(148,69,255,.16),transparent 30%),
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:auto,auto,88px 88px,88px 88px!important;
}
body.home-scryx::after{opacity:.26!important;background:
  radial-gradient(circle at 50% 18%,transparent 0 28%,rgba(0,0,0,.34) 68%,rgba(0,0,0,.72) 100%),
  linear-gradient(180deg,rgba(255,255,255,.035),transparent 24%,rgba(0,0,0,.38))!important;
}
.webgl-core-canvas{opacity:.30!important;mix-blend-mode:screen!important;filter:saturate(1.05) contrast(1.18) brightness(.74)!important}.field-canvas{opacity:.25!important;filter:saturate(.85) brightness(.85)!important}.matrix-canvas{opacity:.08!important;filter:hue-rotate(46deg) saturate(.7)!important}.spark-canvas{opacity:.20!important}.cursor-orb{background:radial-gradient(circle,rgba(159,78,255,.16),rgba(62,38,92,.09) 36%,transparent 70%)!important;opacity:.55!important}.glass-header{background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(6,4,10,.48))!important;border-bottom-color:rgba(196,169,255,.16)!important}.terminal-panel,.signal-card,.lab-panel,.work-card,.artifact-field-shell,.project-stage,.brain-map{background:linear-gradient(145deg,rgba(18,15,24,.72),rgba(4,3,7,.86) 62%,rgba(0,0,0,.76))!important;border-color:rgba(180,145,255,.18)!important;box-shadow:0 30px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(234,222,255,.055)!important}.terminal-panel::after,.lab-panel::after,.work-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 22%,transparent 70%,rgba(122,54,255,.06));opacity:.55}.brain-copy h1,.brand-mark span{color:#f2eef8!important;text-shadow:0 0 34px rgba(113,42,255,.16)!important}.lead,.lab-head p,.stage-copy p{color:rgba(241,237,247,.68)!important}.eyebrow,.section-kicker,.work-tag{color:rgba(202,178,255,.72)!important;border-color:rgba(174,126,255,.22)!important}.shader-depth-readout{background:rgba(3,2,7,.68)!important;border-color:rgba(177,132,255,.22)!important;color:rgba(223,208,255,.68)!important}.violet,.metric{color:#c7a9ff!important}.cmd-trigger{background:#d8c8ff!important;color:#050307!important;border-color:#d8c8ff!important}
/* meaning pass: replace lost mind-map/zoom with scryx operating logic */
.proof-scroll{min-height:150vh!important;margin:clamp(2rem,5vw,5rem) 0!important}.proof-scroll .project-stage{height:86vh!important;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)!important;align-items:center!important;gap:clamp(1.5rem,5vw,5rem)!important;background:linear-gradient(135deg,rgba(7,5,12,.92),rgba(0,0,0,.86) 58%,rgba(34,16,72,.34))!important}.proof-scroll .stage-bg{opacity:.32!important}.proof-scroll .stage-bg span{border-radius:0!important;background:linear-gradient(135deg,rgba(202,178,255,.16),rgba(45,29,68,.06))!important;border:1px solid rgba(202,178,255,.13)!important}.proof-logic{position:relative;display:grid;grid-template-columns:1fr;gap:.9rem;padding:1rem;border-left:1px solid rgba(202,178,255,.22);counter-reset:proof}.proof-logic span{display:flex;align-items:center;justify-content:space-between;min-height:4.2rem;padding:0 1rem;border:1px solid rgba(202,178,255,.16);background:linear-gradient(90deg,rgba(202,178,255,.075),rgba(0,0,0,.16));font:900 clamp(1.1rem,2vw,2.2rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.05em;text-transform:uppercase;color:#f2eef8}.proof-logic span::after{counter-increment:proof;content:'0' counter(proof);font-size:.68rem;letter-spacing:.16em;color:rgba(202,178,255,.46)}.proof-logic i{height:1.8rem;width:1px;margin-left:1.3rem;background:linear-gradient(#c7a9ff,transparent);opacity:.55}.philosophy-stack{min-height:auto!important;padding-top:clamp(4rem,8vw,8rem)!important;padding-bottom:clamp(4rem,9vw,9rem)!important}.stack-head{max-width:820px;margin-bottom:clamp(1.5rem,4vw,3.5rem)}.stack-head h2{font-size:clamp(3.2rem,8.8vw,9rem);line-height:.82;letter-spacing:-.105em;margin:.5rem 0;color:#f2eef8}.stack-head p:not(.section-kicker){max-width:580px;color:rgba(241,237,247,.66);font-size:clamp(1rem,1.5vw,1.18rem)}.stack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(202,178,255,.18);border-left:1px solid rgba(202,178,255,.18)}.stack-grid article{min-height:270px;padding:1.05rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,rgba(18,15,24,.72),rgba(2,1,4,.72));border-right:1px solid rgba(202,178,255,.18);border-bottom:1px solid rgba(202,178,255,.18);transition:background .2s ease,transform .2s ease}.stack-grid article:hover{background:linear-gradient(160deg,rgba(47,28,84,.42),rgba(2,1,4,.82));transform:translateY(-3px)}.stack-grid span{font:900 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(202,178,255,.52);letter-spacing:.18em}.stack-grid strong{display:block;font-size:clamp(1.5rem,2.4vw,2.6rem);letter-spacing:-.07em;text-transform:lowercase;color:#f2eef8}.stack-grid p{margin:0;color:rgba(241,237,247,.58);line-height:1.55}.brain-map .map-node,.brain-map .map-lines{display:none!important}@media(max-width:900px){.proof-scroll .project-stage{grid-template-columns:1fr!important;height:auto!important;min-height:72vh!important;padding:1.2rem!important}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-grid article{min-height:220px}}@media(max-width:620px){.stack-grid{grid-template-columns:1fr}.proof-logic span{min-height:3.5rem;font-size:1rem}.stack-head h2{font-size:clamp(3rem,16vw,5.4rem)}}
/* remove unclear module cards; keep the idea, not decorative taxonomy */
.principle-strip{position:relative;margin-top:clamp(1.6rem,4vw,3.4rem);margin-bottom:clamp(2.2rem,6vw,5rem)}
.principle-strip p{max-width:980px;margin:0 auto;padding:clamp(1.1rem,2.6vw,1.8rem) 0;border-top:1px solid rgba(158,88,255,.32);border-bottom:1px solid rgba(158,88,255,.18);font-size:clamp(1.05rem,2.3vw,2rem);line-height:1.25;letter-spacing:-.035em;color:rgba(245,240,255,.88)}
.principle-strip p::before{content:'scryx principle';display:block;margin-bottom:.65rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(171,113,255,.68)}
.signal-deck{display:none!important}
/* repair after removing module cards: no replacement strip, clean hero-to-lab spacing */
.principle-strip{display:none!important}
.brain-hero{min-height:min(78svh,780px)!important;padding-bottom:clamp(2rem,5vh,4rem)!important}
.exploit-lab{margin-top:0!important;padding-top:clamp(2rem,5vw,4.5rem)!important}
@media(max-width:760px){.brain-hero{min-height:auto!important;padding-bottom:2rem!important}.exploit-lab{padding-top:2rem!important}}
/* hard formatting repair: remove overflow/giant gaps introduced by iterative overrides */
.brain-hero{grid-template-columns:minmax(280px,.86fr) minmax(0,1fr)!important;align-items:center!important;overflow:hidden!important}
.brain-copy h1{font-size:clamp(4.2rem,10.5vw,9.6rem)!important;line-height:.78!important;max-width:8.6ch!important;overflow-wrap:normal!important}
.brain-copy{min-width:0!important;padding-left:clamp(.5rem,2vw,1.4rem)!important}
.lab-head{display:block!important;margin-bottom:clamp(1.2rem,3vw,2rem)!important}
.lab-head h2{max-width:14ch!important;font-size:clamp(3rem,6.5vw,6.8rem)!important;line-height:.84!important;margin:.25rem 0 1rem!important}
.lab-head p:last-child{max-width:48rem!important}
.scroll-theatre{min-height:auto!important;margin:clamp(2rem,5vw,4rem) 0!important}
.theatre-sticky{height:min(78vh,760px)!important;min-height:520px!important}
.showcase-section{padding-top:clamp(2rem,5vw,4rem)!important}
.artifact-field-shell{min-height:auto!important;padding:1rem!important}
.project-grid.artifact-field .project-card,.project-grid.brain-grid .project-card{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}
@media(max-width:900px){.brain-hero{grid-template-columns:1fr!important;overflow:visible!important}.brain-copy h1{font-size:clamp(4rem,18vw,7rem)!important;max-width:8ch!important}.lab-head h2{font-size:clamp(3rem,14vw,5.6rem)!important}}

/* scryx motion polish */
body.home-scryx{background:radial-gradient(900px 640px at calc(62% + var(--scroll,0)*18%) 5%,rgba(132,68,255,.24),transparent 62%),radial-gradient(760px 540px at calc(8% + var(--scroll,0)*36%) 80%,rgba(216,199,255,.08),transparent 58%),linear-gradient(180deg,#030304 0%,#07050b 44%,#0d0d10 100%)}
body.home-scryx::after{background:radial-gradient(circle at var(--mx,76vw) var(--my,18vh),rgba(185,101,255,.22),transparent 26%),radial-gradient(circle at calc(18% + var(--scroll,0)*60%) 82%,rgba(255,255,255,.06),transparent 34%)}
.project-grid .project-card{transform-style:preserve-3d;will-change:transform,box-shadow;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .32s ease,box-shadow .32s ease,background .32s ease!important}
.project-grid .project-card:hover{transform:translateY(-8px) scale(1.012)!important;border-color:rgba(216,199,255,.24)!important;box-shadow:0 32px 110px rgba(0,0,0,.38),0 0 60px rgba(143,77,255,.12),inset 0 1px 0 rgba(255,255,255,.08)!important}
.project-grid .project-card:hover .card-visual,.project-grid .project-card:hover .qa-flow,.project-grid .project-card:hover .track-visual,.project-grid .project-card:hover .face-signal,.project-grid .project-card:hover .iot-map,.project-grid .project-card:hover .market-visual,.project-grid .project-card:hover .rule-visual{transform:translateY(-2px) scale(1.03);filter:saturate(1.08) brightness(1.06)}
.brain-terminal{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,border-color .45s ease}
.brain-terminal:hover{transform:translateY(-6px);border-color:rgba(216,199,255,.28);box-shadow:0 38px 130px rgba(0,0,0,.5),0 0 80px rgba(143,77,255,.14),inset 0 1px 0 rgba(255,255,255,.08)}
#term-scroll,#term-focus{color:#f4efff;text-shadow:0 0 14px rgba(185,101,255,.7)}

/* readability pass: repo/artifact cards */
.project-grid .project-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.58) 46%,rgba(0,0,0,.78) 100%),radial-gradient(520px 300px at 70% 80%,rgba(143,77,255,.18),transparent 66%)!important;opacity:.9!important}
.project-grid .project-card>*{position:relative;z-index:2}.project-grid .project-card h3,.project-grid .project-card p,.project-grid .project-card .tag,.project-grid .project-card .card-index{color:#f7f1ff!important;text-shadow:0 2px 18px rgba(0,0,0,.85)}
.project-grid .project-card p{background:rgba(3,3,4,.56)!important;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);padding:.48rem .58rem!important;border-radius:12px!important;max-width:34ch!important}.project-grid .project-card .tag{background:rgba(3,3,4,.62)!important;border-color:rgba(255,255,255,.16)!important}.project-grid .project-card:hover::before{opacity:.96!important;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.64) 48%,rgba(0,0,0,.84)),radial-gradient(520px 300px at 70% 80%,rgba(143,77,255,.23),transparent 66%)!important}

/* hard legibility/layout guard: no card text bleeding outside */
.project-grid .project-card,.work-card{min-width:0!important;contain:layout paint;overflow:hidden!important}
.project-grid .project-card h3,.project-grid .project-card p,.project-grid .project-card span,.card-spec span,.work-tag{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important}
.project-grid .project-card h3{font-size:clamp(1.35rem,2.55vw,2.45rem)!important;line-height:.94!important;letter-spacing:-.055em!important;max-width:11.5ch!important}
.project-grid .project-card p{font-size:clamp(.86rem,1vw,.98rem)!important;line-height:1.35!important;display:block!important;width:fit-content!important;max-width:min(34ch,calc(100% - .25rem))!important}
.card-spec{max-width:calc(100% - .25rem)!important}.card-spec span{font-size:.58rem!important;line-height:1.1!important;white-space:normal!important}.project-card::before{font-size:.54rem!important;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-grid .project-card::after{max-width:calc(100% - 2.2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1120px){.project-grid.brain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-grid .project-card,.project-grid .project-card.large,.project-grid .project-card:nth-child(2){grid-column:span 1!important}.project-grid .project-card{min-height:390px!important}}
@media(max-width:680px){.project-grid.brain-grid{grid-template-columns:1fr!important}.project-grid .project-card h3{font-size:clamp(1.7rem,9vw,2.8rem)!important;max-width:10ch!important}.project-grid .project-card:not(.large){padding-bottom:8.6rem!important}.detection-sigil,.qa-flow,.track-visual,.face-signal,.iot-map,.market-visual,.rule-visual{opacity:.38;transform:scale(.88);transform-origin:100% 100%}}

/* interactive terminal/readout upgrade */
.brain-terminal code{position:relative}.brain-terminal code::after{content:"";display:inline-block;width:.62ch;height:1.1em;margin-left:.18ch;background:#c7a9ff;vertical-align:-.16em;box-shadow:0 0 16px rgba(199,169,255,.72);animation:terminalCursor 1s steps(2,end) infinite}@keyframes terminalCursor{50%{opacity:0}}
.brain-terminal{isolation:isolate}.brain-terminal::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(199,169,255,.08),transparent);transform:translateX(calc(-80% + var(--scroll,0)*160%));mix-blend-mode:screen;z-index:1}.terminal-panel pre{position:relative;z-index:2}

/* page-level overflow guard */
html,body{max-width:100%;overflow-x:hidden!important}.brain-hero,.theatre-sticky,.scroll-theatre,.proof-scroll,.project-scroll{max-width:100vw!important;overflow-x:clip!important}.brain-terminal{max-width:min(680px,100%)!important}.theatre-sigil,.theatre-grid{max-width:100%!important;overflow:hidden!important}.signal-ruler{display:none!important}

/* --- spine scene: cinematic backbone layer --- */
.spine-canvas{position:fixed;inset:0;z-index:-2;width:100vw;height:100vh;pointer-events:none;opacity:.95}
body.home-scryx .webgl-core-canvas{opacity:.16!important;filter:saturate(.9) contrast(1.05) blur(.4px)!important}
/* glass-like 3D project panels floating around the spine */
.project-grid.artifact-field{perspective:1400px}
.project-grid.artifact-field .project-card{transform-style:preserve-3d;backdrop-filter:blur(14px) saturate(1.1);background:linear-gradient(160deg,rgba(20,16,32,.55),rgba(6,5,12,.72))!important;border:1px solid rgba(143,220,255,.16)!important;box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08),0 0 40px rgba(166,115,255,.08)!important;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s!important}
.project-grid.artifact-field .project-card:hover{transform:translateY(-14px) rotateX(4deg) rotateY(-3deg) scale(1.02)!important;border-color:rgba(143,220,255,.4)!important;box-shadow:0 50px 140px rgba(0,0,0,.6),0 0 90px rgba(143,220,255,.18),inset 0 1px 0 rgba(255,255,255,.12)!important}
/* cookie consent */
.cookie-consent{position:fixed;right:1rem;bottom:4.6rem;z-index:120;max-width:330px;padding:1rem 1.05rem;border:1px solid rgba(216,199,255,.2);border-radius:20px;background:rgba(6,4,12,.9);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 60px rgba(166,115,255,.08)}
.cookie-consent[hidden]{display:none}
.cookie-consent p{margin:0 0 .8rem;color:#cfc8dd;font-size:.8rem;line-height:1.5}
.cookie-actions{display:flex;gap:.5rem}
.cookie-actions button{flex:1;appearance:none;border:1px solid rgba(216,199,255,.24);background:rgba(255,255,255,.05);color:#f4f1ff;padding:.6rem .7rem;border-radius:12px;font:800 .66rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.cookie-actions #cookie-accept{background:linear-gradient(120deg,rgba(143,220,255,.2),rgba(166,115,255,.24));border-color:rgba(143,220,255,.45)}
.cookie-actions button:hover{transform:translateY(-1px)}
@media(max-width:760px){.spine-canvas{opacity:.6}.cookie-consent{left:1rem;right:1rem;max-width:none;bottom:1rem}}
@media(prefers-reduced-motion:reduce){.spine-canvas{display:none}}

/* ===== data-spine overlay panels (system nodes around the vertebrae) ===== */
.spine-panels{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.spine-node,.spine-chip{position:absolute;left:0;top:0;display:flex;align-items:center;font:700 .6rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:.78;transition:opacity .25s,border-color .25s,color .25s,box-shadow .25s;will-change:transform;pointer-events:auto}
.spine-node i,.spine-chip i{display:block;width:5px;height:5px;border-radius:50%;background:#49e6ff;box-shadow:0 0 8px rgba(73,230,255,.9);flex:none}
.spine-node em,.spine-chip em{font-style:normal;padding-left:26px;position:relative}
.spine-node em::before,.spine-chip em::before{content:"";position:absolute;left:8px;top:50%;width:14px;height:1px;background:linear-gradient(90deg,rgba(73,230,255,.7),rgba(73,230,255,.12))}
.spine-node[data-side="l"],.spine-chip[data-side="l"]{flex-direction:row-reverse}
.spine-node[data-side="l"] em,.spine-chip[data-side="l"] em{padding-left:0;padding-right:26px}
.spine-node[data-side="l"] em::before,.spine-chip[data-side="l"] em::before{left:auto;right:8px;background:linear-gradient(270deg,rgba(73,230,255,.7),rgba(73,230,255,.12))}
.spine-node{color:#9d94b5}
.spine-node.prime{color:#eafaff;text-shadow:0 0 12px rgba(73,230,255,.45)}
.spine-node.prime i{width:8px;height:8px;background:#bdf6ff;box-shadow:0 0 14px rgba(73,230,255,1)}
.spine-chip{color:#c9d7e2;background:rgba(4,6,10,.55);border:1px solid rgba(73,230,255,.22);border-radius:999px;padding:.3rem .62rem .3rem .45rem;backdrop-filter:blur(6px);cursor:pointer;appearance:none}
.spine-chip:hover{opacity:1;border-color:rgba(73,230,255,.75);color:#fff;box-shadow:0 0 18px rgba(73,230,255,.25)}
.spine-node.off,.spine-chip.off,.spine-screen.off{opacity:0;visibility:hidden;pointer-events:none}

/* flying screen panels orbiting the spine */
.spine-screen{position:absolute;left:0;top:0;width:158px;text-align:left;background:rgba(4,7,12,.72);border:1px solid rgba(73,230,255,.3);border-radius:9px;backdrop-filter:blur(7px);box-shadow:0 10px 34px rgba(0,0,0,.5),0 0 22px rgba(73,230,255,.08);cursor:pointer;appearance:none;padding:0;overflow:hidden;pointer-events:auto;opacity:.92;transition:opacity .25s,border-color .25s,box-shadow .25s;will-change:transform;font:inherit}
.spine-screen:hover{opacity:1;border-color:rgba(73,230,255,.85);box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 30px rgba(73,230,255,.28)}
.scr-top{display:flex;align-items:center;gap:4px;padding:.3rem .45rem;border-bottom:1px solid rgba(73,230,255,.16)}
.scr-top i{width:4px;height:4px;border-radius:50%;background:rgba(157,148,181,.55);flex:none}
.scr-top i:first-child{background:#49e6ff;box-shadow:0 0 6px rgba(73,230,255,.9)}
.scr-top b{margin-left:auto;font:700 .5rem ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#9d94b5}
.scr-body{position:relative;display:block;padding:.5rem .55rem .55rem;overflow:hidden}
.scr-body em{font:800 .62rem ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#eaf6ff;font-style:normal;position:relative;z-index:1}
.scr-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 42%,rgba(73,230,255,.16) 50%,transparent 58%);animation:scrScan 3.4s linear infinite}
.scr-lines{display:flex;gap:3px;margin-top:.42rem}
.scr-lines i{height:2px;background:rgba(73,230,255,.32);border-radius:1px}
.scr-lines i:nth-child(1){width:52%}.scr-lines i:nth-child(2){width:30%}.scr-lines i:nth-child(3){width:14%}
@keyframes scrScan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@media(max-width:760px),(prefers-reduced-motion:reduce){.spine-panels{display:none}}

/* ===== custom reticle cursor ===== */
@media(pointer:fine){body.active-lite,body.active-lite *{cursor:none!important}body.active-lite dialog,body.active-lite dialog *{cursor:auto!important}}
.cursor-system{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:opacity .3s}
.cursor-system.on{opacity:1}
.cursor-reticle{position:absolute;left:0;top:0;will-change:transform}
.c-dot{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:#eaf6ff;box-shadow:0 0 6px rgba(73,230,255,.9);transition:transform .18s}
.c-arm{position:absolute;background:rgba(190,240,255,.85);transition:transform .18s,background .18s}
.c-arm.n{left:-.5px;top:-12px;width:1px;height:7px}
.c-arm.s{left:-.5px;top:5px;width:1px;height:7px}
.c-arm.e{left:5px;top:-.5px;width:7px;height:1px}
.c-arm.w{left:-12px;top:-.5px;width:7px;height:1px}
.cursor-ring{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border:1px solid rgba(166,115,255,.5);border-radius:50%;will-change:transform;transition:width .2s,height .2s,margin .2s,border-color .2s}
.cursor-meta{position:absolute;left:15px;top:11px;display:flex;flex-direction:column;gap:2px;font:700 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.cursor-meta span{color:#8ff0ff;min-height:.72em}
.cursor-meta b{color:rgba(157,148,181,.75);font-weight:400}
.cursor-system.is-hover .c-arm.n{transform:translateY(-5px)}
.cursor-system.is-hover .c-arm.s{transform:translateY(5px)}
.cursor-system.is-hover .c-arm.e{transform:translateX(5px)}
.cursor-system.is-hover .c-arm.w{transform:translateX(-5px)}
.cursor-system.is-hover .c-arm{background:#49e6ff}
.cursor-system.is-hover .cursor-ring{width:40px;height:40px;margin:-6px 0 0 -6px;border-color:rgba(73,230,255,.8)}
.cursor-system.is-down .c-dot{transform:scale(2.4)}
.cursor-system.is-down .cursor-ring{width:20px;height:20px;margin:4px 0 0 4px;border-color:#fff}
@media(max-width:760px),(pointer:coarse){.cursor-system{display:none}}
.mesh-credit{opacity:.4;font-size:.62rem}

/* ===== responsive polish (tablet + mobile) ===== */
/* tablet: 2-col artifact grid, hide floating HTML panels, keep 3D scene readable */
@media(min-width:761px) and (max-width:1120px){
  .project-grid.artifact-field{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.1rem}
  .project-grid.artifact-field .project-card{grid-column:span 1!important;min-height:300px}
  .spine-panels{display:none} /* floating concept nodes clutter narrow widths */
  .brain-hero{grid-template-columns:1fr!important;gap:2rem}
  .exploit-lab .lab-grid{grid-template-columns:1fr 1fr}
}
/* mobile / narrow portrait */
@media(max-width:760px){
  html{font-size:15px}
  .wrap{padding-left:1rem;padding-right:1rem}
  .brain-hero{padding-top:6.5rem!important;min-height:auto!important;grid-template-columns:1fr!important}
  .brain-copy h1{font-size:clamp(2.6rem,13vw,4.2rem)!important;line-height:1.02}
  .brain-copy .lead{font-size:1rem}
  .brain-terminal{border-radius:20px;max-width:100%!important}
  .brain-terminal pre{font-size:.72rem;white-space:pre-wrap;word-break:break-word}
  .interface-readout span{font-size:.6rem;padding:.28rem .5rem}
  .spine-canvas{opacity:.76} /* keep the 3D spine visible but subtle behind content */
  .project-grid.artifact-field{grid-template-columns:1fr!important;gap:1rem;padding-top:1rem}
  .project-grid.artifact-field .project-card{min-height:300px;grid-column:span 1!important}
  .exploit-lab .lab-grid{grid-template-columns:1fr}
  .stack-grid{grid-template-columns:1fr!important}
  .project-dialog{width:94vw;max-height:90vh}
  .dialog-grid{grid-template-columns:1fr!important}
  .modal-gallery img{height:170px}
  .site-header .nav{display:flex;flex-wrap:wrap;gap:.4rem}
  .site-header .nav a{font-size:.66rem;padding:.3rem .5rem}
}
/* very small phones */
@media(max-width:420px){
  .brain-copy h1{font-size:clamp(2.2rem,15vw,3.4rem)!important}
  .project-grid.artifact-field .project-card{min-height:270px}
}
/* landscape phones / short viewports */
@media(max-height:520px) and (orientation:landscape){
  .brain-hero{padding-top:4.5rem!important}
  .spine-canvas{opacity:.4}
}


/* ===== hidden delight layer: only obvious after interaction ===== */
.brand-mark.armed img{box-shadow:0 0 18px rgba(73,230,255,.7),0 0 55px rgba(185,101,255,.35);animation:secretLogoPulse .7s ease both}
@keyframes secretLogoPulse{50%{transform:rotate(4deg) scale(1.08);filter:hue-rotate(25deg) saturate(1.35)}}
.project-card.secret-peek{border-color:rgba(255,207,122,.55)!important;box-shadow:0 50px 130px rgba(0,0,0,.62),0 0 90px rgba(255,207,122,.16)!important}
.project-card.secret-peek::after{content:var(--secret-text);position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:6;padding:.72rem .82rem;border:1px solid rgba(255,207,122,.28);background:linear-gradient(135deg,rgba(5,4,8,.9),rgba(35,20,55,.78));color:#ffe2a8;font:800 .62rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 28px rgba(255,207,122,.08);backdrop-filter:blur(12px)}
.secret-vault{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:1rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease;background:radial-gradient(circle at 50% 45%,rgba(185,101,255,.18),transparent 34%),rgba(0,0,0,.72);backdrop-filter:blur(14px)}
.secret-vault.on{opacity:1;visibility:visible;pointer-events:auto}
.vault-noise{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(73,230,255,.04) 0 1px,transparent 1px 37px);mix-blend-mode:screen;animation:vaultDrift 9s linear infinite}
.vault-card{position:relative;width:min(720px,92vw);padding:clamp(1.2rem,4vw,2.2rem);border:1px solid rgba(216,199,255,.22);background:linear-gradient(145deg,rgba(8,6,16,.96),rgba(22,10,44,.9) 52%,rgba(3,3,4,.96));box-shadow:0 50px 180px rgba(0,0,0,.78),0 0 120px rgba(185,101,255,.18),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.vault-card::before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 90deg,transparent,rgba(73,230,255,.1),transparent,rgba(255,207,122,.08),transparent);animation:vaultSpin 12s linear infinite;opacity:.9}
.vault-card>*{position:relative;z-index:1}.vault-close{position:absolute;right:.8rem;top:.7rem;z-index:2;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;width:2rem;height:2rem;font-size:1.2rem;cursor:pointer}.vault-kicker{margin:0 0 .7rem;color:#ffcf7a;font:900 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.18em}.vault-card h2{font-size:clamp(2rem,7vw,5rem);line-height:.82;letter-spacing:-.09em;max-width:9ch}.vault-copy{max-width:54ch;color:rgba(244,241,234,.72);line-height:1.65}.vault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0}.vault-grid span{border:1px solid rgba(216,199,255,.16);padding:.8rem;background:rgba(255,255,255,.035)}.vault-grid b{display:block;color:#fff;font:900 2rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.vault-grid em{display:block;margin-top:.35rem;color:rgba(216,199,255,.58);font:800 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;font-style:normal}.vault-code{display:block;margin-top:1rem;padding:.8rem;border:1px solid rgba(73,230,255,.18);color:#8ff0ff;background:rgba(73,230,255,.045);font-size:.8rem}.secret-unlocked .shader-depth-readout{border-color:rgba(255,207,122,.45)!important;color:#ffcf7a!important}.secret-unlocked .spine-canvas{filter:saturate(1.25) contrast(1.08)}
@keyframes vaultSpin{to{transform:rotate(360deg)}}@keyframes vaultDrift{to{transform:translateY(40px)}}
@media(max-width:760px){.vault-grid{grid-template-columns:1fr}.vault-card h2{font-size:clamp(2.4rem,14vw,4.2rem)}.project-card.secret-peek::after{font-size:.56rem}}

/* mobile visibility pass: let the spine breathe behind glass */
@media(max-width:760px){
  body.home-scryx::before{opacity:.12!important}
  .matrix-canvas{opacity:.08!important}
  .detail-mesh{opacity:.12!important}
  .spark-canvas{opacity:.16!important}
  .field-canvas{opacity:.18!important}
  .scanline-layer{opacity:.12!important}
  .cursor-orb{display:none!important}
  .webgl-core-canvas{opacity:.14!important}
  .brain-hero::after{opacity:.16!important}
  .brain-hero::before{opacity:.14!important}
  .brain-terminal,.lab-panel,.work-card,.artifact-field-shell,.project-stage,.brain-map{background:linear-gradient(180deg,rgba(7,7,8,.48),rgba(3,3,5,.30))!important}
  .brain-terminal{backdrop-filter:blur(6px)}
  .project-grid .project-card{backdrop-filter:blur(6px)!important}
  .artifact-field-shell,.project-stage{box-shadow:0 14px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important}
}

/* card background images: real project visuals instead of abstract CSS glyphs */
.card-bg-img{position:absolute;right:1rem;bottom:1rem;width:min(42vw,220px);height:min(32vh,160px);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.card-bg-img img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.08) brightness(.88)}
.card-bg-img::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,5,5,.22),rgba(5,5,5,.62));pointer-events:none}
@media(max-width:760px){.card-bg-img{width:min(52vw,200px);height:120px}}

/* all repo cards can use real/AI-generated project images */
.project-card .card-bg-img{position:absolute!important;right:1rem!important;bottom:1rem!important;width:min(46vw,230px)!important;height:min(34vh,170px)!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 20px 60px rgba(0,0,0,.42)!important;padding:0!important;background:none!important;display:block!important;opacity:.92!important;transform:none!important}
.project-card.large .card-bg-img{width:min(52vw,285px)!important;height:min(36vh,205px)!important}
.project-card .card-bg-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(.95) contrast(1.08) brightness(.88)!important}
.project-card .card-bg-img::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(5,5,5,.10),rgba(5,5,5,.66))!important;pointer-events:none!important}
.project-card .card-bg-img i,.project-card .card-bg-img b,.project-card .card-bg-img span,.project-card .card-bg-img strong{display:none!important}
@media(max-width:760px){.project-card .card-bg-img{width:min(58vw,220px)!important;height:132px!important}.project-card.large .card-bg-img{width:min(64vw,240px)!important;height:150px!important}}


/* ===== overintelligent premium pass: spatial, readable, cursor-safe ===== */
body.home-scryx.cursor-safe,body.home-scryx.cursor-safe *{cursor:auto!important}
@media(pointer:fine){body.home-scryx.cursor-safe{cursor:crosshair!important}body.home-scryx.cursor-safe a,body.home-scryx.cursor-safe button,body.home-scryx.cursor-safe .project-card{cursor:pointer!important}}
.cursor-system{mix-blend-mode:screen!important;z-index:65!important;opacity:.86!important}.cursor-system.on{opacity:.92!important}.cursor-ring{border-color:rgba(226,211,255,.55)!important;box-shadow:0 0 24px rgba(185,101,255,.25),inset 0 0 18px rgba(73,230,255,.08)}.cursor-meta{background:rgba(0,0,0,.48)!important;border:1px solid rgba(226,211,255,.16);padding:.18rem .32rem;backdrop-filter:blur(8px)}
.premium-particles{position:fixed;inset:0;z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:.76;filter:saturate(1.25) contrast(1.08)}
body.home-scryx{--blade:rgba(185,101,255,.32);--ice:rgba(73,230,255,.24);--bone:rgba(244,241,234,.78);background:radial-gradient(900px 620px at var(--mx,58vw) var(--my,38vh),rgba(93,38,180,.22),transparent 48%),radial-gradient(700px 520px at 75% 18%,rgba(185,101,255,.14),transparent 55%),radial-gradient(880px 680px at 20% 80%,rgba(73,230,255,.055),transparent 58%),linear-gradient(135deg,#000 0%,#05030a 44%,#09050f 74%,#010102 100%)!important}
body.home-scryx::before{opacity:.30!important;background:linear-gradient(118deg,transparent 0 18%,rgba(244,241,234,.05) 18.08% 18.16%,transparent 18.24% 52%,rgba(185,101,255,.075) 52.08% 52.18%,transparent 52.3%),radial-gradient(circle at var(--mx,50vw) var(--my,50vh),rgba(73,230,255,.10),transparent 24%),linear-gradient(90deg,rgba(244,241,234,.022) 1px,transparent 1px),linear-gradient(0deg,rgba(244,241,234,.015) 1px,transparent 1px)!important;background-size:auto,auto,72px 72px,72px 72px!important}
.webgl-core-canvas{opacity:.42!important;filter:saturate(1.18) contrast(1.28) brightness(.82)!important}.field-canvas{opacity:.30!important;filter:saturate(1.05) brightness(.82)!important}.spark-canvas{opacity:.38!important}.matrix-canvas{opacity:.11!important}.detail-mesh{opacity:.33!important}.scanline-layer{opacity:.22!important}.spine-canvas{opacity:.92!important;filter:saturate(1.18) contrast(1.16) brightness(1.08) drop-shadow(0 0 46px rgba(185,101,255,.18))!important}
.brain-hero{min-height:92svh!important;isolation:isolate}.brain-hero::after{content:"";position:absolute;inset:8% -10% -6%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 62% 32%,rgba(185,101,255,.24),transparent 26%),radial-gradient(circle at 36% 48%,rgba(73,230,255,.10),transparent 28%),linear-gradient(115deg,transparent,rgba(244,241,234,.035),transparent);filter:blur(10px);transform:translate3d(calc(var(--mvx,0)*-8px),calc(var(--mvy,0)*-8px),0)}
.brain-copy h1{filter:drop-shadow(0 0 30px rgba(185,101,255,.18));position:relative}.brain-copy h1::after{content:"surface\\A of the\\A machine.";white-space:pre;position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px rgba(185,101,255,.12);transform:translate3d(calc(var(--mvx,0)*7px),calc(var(--mvy,0)*4px),0);pointer-events:none;z-index:-1}
.terminal-panel{border-color:rgba(226,211,255,.22)!important;box-shadow:0 38px 120px rgba(0,0,0,.72),0 0 90px rgba(185,101,255,.15),inset 0 1px 0 rgba(244,241,234,.08)!important}.terminal-panel pre{position:relative}.terminal-panel pre::after{content:"";position:absolute;left:0;right:0;top:0;height:22%;background:linear-gradient(180deg,rgba(73,230,255,.09),transparent);animation:premiumScan 4.8s linear infinite;pointer-events:none;mix-blend-mode:screen}
.project-card,.lab-panel,.signal-card{transform-style:preserve-3d;will-change:transform;position:relative}.project-card::before,.lab-panel::before,.signal-card::before{content:""!important;position:absolute;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(244,241,234,.16),transparent 18%),linear-gradient(135deg,rgba(185,101,255,.11),transparent 38%,rgba(73,230,255,.055))!important;opacity:.0;transition:opacity .18s;z-index:2}.project-card:hover::before,.lab-panel:hover::before,.signal-card:hover::before{opacity:.78}.project-card img{filter:saturate(.92) contrast(1.16) brightness(.88);transition:filter .22s,transform .22s}.project-card:hover img{filter:saturate(1.14) contrast(1.24) brightness(1.0);transform:scale(1.035)}
.card-bg-img::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(185,101,255,.18),transparent 34%,rgba(73,230,255,.10));mix-blend-mode:screen;pointer-events:none}.artifact-lines path{stroke:rgba(185,101,255,.38)!important;filter:drop-shadow(0 0 10px rgba(185,101,255,.28))}.artifact-field-shell{box-shadow:0 40px 150px rgba(0,0,0,.64),0 0 120px rgba(73,230,255,.035),inset 0 1px 0 rgba(244,241,234,.055)!important}
.scroll-theatre .theatre-sticky{background:radial-gradient(circle at var(--mx,50vw) var(--my,50vh),rgba(185,101,255,.22),transparent 24%),radial-gradient(circle at 50% 50%,rgba(73,230,255,.065),transparent 44%),#030304!important}.theatre-copy h2,.stage-copy h2,.stack-head h2{filter:drop-shadow(0 0 28px rgba(185,101,255,.16))}.orbit{box-shadow:0 0 60px rgba(185,101,255,.12),inset 0 1px 0 rgba(244,241,234,.06)!important}
.micro-intel-hud{position:fixed;right:1rem;bottom:4.1rem;z-index:34;display:grid;gap:.12rem;padding:.58rem .66rem;border:1px solid rgba(73,230,255,.18);background:rgba(0,0,0,.48);backdrop-filter:blur(12px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.13em;pointer-events:none}.micro-intel-hud span{font-size:.52rem;color:rgba(226,211,255,.55)}.micro-intel-hud b{color:#49e6ff;font-size:.84rem;text-shadow:0 0 18px rgba(73,230,255,.5)}.micro-intel-hud i{font-style:normal;font-size:.5rem;color:rgba(244,241,234,.42)}
@keyframes premiumScan{0%{transform:translateY(-120%);opacity:0}12%{opacity:1}85%{opacity:.35}100%{transform:translateY(520%);opacity:0}}
@media(max-width:760px){.premium-particles{opacity:.28}.micro-intel-hud{display:none}.cursor-system{display:none!important}.spine-canvas{opacity:.78!important}.brain-hero{min-height:auto!important}.project-card,.lab-panel,.signal-card{transform:none!important}}


/* overintel-1b: consent must not eat the art */
.cookie-consent{max-width:min(360px,calc(100vw - 1.5rem))!important;border-radius:18px!important;background:rgba(4,3,8,.70)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-color:rgba(226,211,255,.16)!important;box-shadow:0 18px 70px rgba(0,0,0,.52)!important}.cookie-consent p{font-size:.78rem!important;line-height:1.42!important}.cookie-actions{gap:.45rem!important}.cookie-actions button{padding:.58rem .7rem!important;font-size:.58rem!important;letter-spacing:.09em!important}
@media(max-width:760px){.cookie-consent{left:.65rem!important;right:.65rem!important;bottom:calc(.55rem + env(safe-area-inset-bottom))!important;max-width:none!important;padding:.62rem!important;border-radius:16px!important;background:rgba(4,3,8,.58)!important}.cookie-consent p{margin:0 0 .45rem!important;font-size:.68rem!important;line-height:1.35!important}.cookie-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.38rem!important}.cookie-actions button{min-height:36px!important;padding:.46rem .5rem!important;font-size:.52rem!important}.brain-terminal{margin-bottom:4.3rem!important}}


/* ===== targeted 2026-10 cursor / active-spine polish ===== */
@media(pointer:fine){
  body.reticle-cursor,body.reticle-cursor *{cursor:none!important}
  body.reticle-cursor input,body.reticle-cursor textarea,body.reticle-cursor select{cursor:text!important}
  body.reticle-cursor dialog,body.reticle-cursor dialog *{cursor:auto!important}
}
body.reticle-cursor .cursor-system{display:block!important;opacity:1!important;mix-blend-mode:screen;z-index:240!important}
.cursor-system.universal-reticle,.cursor-system.on{opacity:1!important}
.cursor-reticle{position:absolute;left:0;top:0;width:1px;height:1px;transform:translate(var(--mx,50vw),var(--my,50vh));will-change:transform;filter:drop-shadow(0 0 14px rgba(143,220,255,.54)) drop-shadow(0 0 28px rgba(185,101,255,.28))}
.cursor-ring{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border:1px solid rgba(143,220,255,.34);border-radius:50%;transform:translate(var(--mx,50vw),var(--my,50vh));will-change:transform;box-shadow:0 0 34px rgba(143,220,255,.16),inset 0 0 18px rgba(185,101,255,.08)}
.cursor-reticle .c-dot{position:absolute;left:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:#f8f4ff;box-shadow:0 0 12px rgba(255,255,255,.9),0 0 24px rgba(143,220,255,.55)}
.cursor-reticle .c-arm{position:absolute;background:linear-gradient(90deg,transparent,rgba(248,244,255,.92),transparent);box-shadow:0 0 10px rgba(143,220,255,.65)}
.cursor-reticle .c-arm.n,.cursor-reticle .c-arm.s{left:-1px;width:2px;height:18px;background:linear-gradient(180deg,transparent,rgba(248,244,255,.92),transparent)}
.cursor-reticle .c-arm.n{top:-31px}.cursor-reticle .c-arm.s{top:13px}.cursor-reticle .c-arm.e,.cursor-reticle .c-arm.w{top:-1px;width:18px;height:2px}.cursor-reticle .c-arm.e{left:13px}.cursor-reticle .c-arm.w{left:-31px}
.cursor-meta{position:absolute;left:18px;top:16px;display:grid;gap:.18rem;color:rgba(248,244,255,.82);font:800 .54rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.58;white-space:nowrap;text-shadow:0 0 18px rgba(143,220,255,.45)}
.cursor-meta span:empty{display:none}.cursor-meta b{font-size:.48rem;color:rgba(143,220,255,.66)}
.cursor-system.is-hover .cursor-ring{width:64px;height:64px;left:-32px;top:-32px;border-color:rgba(255,207,122,.58);box-shadow:0 0 42px rgba(255,207,122,.18),inset 0 0 24px rgba(255,207,122,.1)}
.cursor-system.is-hover .c-arm{box-shadow:0 0 14px rgba(255,207,122,.7)}.cursor-system.is-down .cursor-reticle{filter:drop-shadow(0 0 22px rgba(255,207,122,.78));transform:translate(var(--mx,50vw),var(--my,50vh)) scale(.88)}
@media(pointer:coarse),(max-width:760px){body.reticle-cursor,body.reticle-cursor *{cursor:auto!important}.cursor-system{display:none!important}}

/* logo/brand lockup: brighter, still minimal */
.glass-header .brand-mark{padding:.32rem .48rem .32rem .36rem;border:1px solid rgba(248,244,255,.10);border-radius:999px;background:linear-gradient(135deg,rgba(248,244,255,.07),rgba(143,220,255,.025));box-shadow:0 0 42px rgba(143,220,255,.08),inset 0 1px 0 rgba(255,255,255,.08)}
.glass-header .brand-mark img{background:#0b0812!important;border:1px solid rgba(248,244,255,.22);box-shadow:0 0 22px rgba(248,244,255,.22),0 0 46px rgba(143,220,255,.14)!important;filter:brightness(1.42) contrast(1.08) saturate(1.16)}
.glass-header .brand-mark span{color:#f8f4ff!important;text-shadow:0 0 20px rgba(143,220,255,.28);letter-spacing:.04em}
.glass-header{box-shadow:0 12px 44px rgba(0,0,0,.30),inset 0 -1px 0 rgba(255,255,255,.05)}

/* scroll-theatre: keep the logo-zoom idea, make it feel like a machine aperture instead of a flat spin */
.scroll-theatre{min-height:150vh!important;margin:clamp(2rem,6vw,6rem) 0!important}
.theatre-sticky{height:100svh!important;min-height:620px!important;perspective:1200px;background:radial-gradient(circle at 50% 48%,rgba(143,220,255,.10),transparent 20%),radial-gradient(circle at 50% 48%,rgba(185,101,255,.16),transparent 36%),linear-gradient(180deg,#030304,#080611 62%,#030304)!important;overflow:hidden!important}
.theatre-sticky::before{opacity:.5!important;background:repeating-conic-gradient(from calc(var(--scroll-deg,0deg) * .18),rgba(143,220,255,.13) 0 1deg,transparent 1.3deg 13deg),radial-gradient(circle,transparent 0 30%,rgba(255,255,255,.08) 30.2% 30.7%,transparent 31%,transparent 43%,rgba(185,101,255,.08) 43.2% 43.7%,transparent 44%)!important;animation:apertureSpin 18s linear infinite}
.theatre-sticky::after{content:"";position:absolute;inset:8%;border:1px solid rgba(143,220,255,.12);border-radius:50%;background:radial-gradient(circle,transparent 0 48%,rgba(143,220,255,.055) 48.2% 49%,transparent 49.3%),linear-gradient(90deg,transparent 49.8%,rgba(143,220,255,.14) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(185,101,255,.12) 50%,transparent 50.2%);filter:drop-shadow(0 0 40px rgba(143,220,255,.08));transform:rotateX(68deg) rotateZ(calc(var(--scroll-deg,0deg) * .34));pointer-events:none;opacity:.72}
.theatre-sigil{transform-style:preserve-3d;filter:brightness(1.26) contrast(1.12) drop-shadow(0 0 36px rgba(248,244,255,.24)) drop-shadow(0 0 90px rgba(143,220,255,.16))!important;mix-blend-mode:screen;animation:sigilBreathe 5.5s ease-in-out infinite}
.theatre-copy{background:linear-gradient(135deg,rgba(3,3,4,.68),rgba(21,13,38,.42));border:1px solid rgba(143,220,255,.12);border-radius:28px;padding:1rem 1.1rem;backdrop-filter:blur(14px);box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07)}
.orbit{border:1px solid rgba(143,220,255,.18);background:rgba(3,3,4,.42);backdrop-filter:blur(8px);box-shadow:0 0 36px rgba(143,220,255,.08);color:rgba(248,244,255,.78)!important}
@keyframes apertureSpin{to{transform:rotate(360deg)}}@keyframes sigilBreathe{50%{transform:translateZ(34px) scale(1.035);filter:brightness(1.42) contrast(1.2) drop-shadow(0 0 46px rgba(143,220,255,.24))}}

/* project cards: cleaner image integration + spatial screen feel around the spine */
.project-grid.artifact-field{position:relative;perspective:1700px;gap:clamp(1rem,1.5vw,1.35rem)!important;isolation:isolate}
.project-grid.artifact-field::before{content:"";position:absolute;inset:-4rem -2rem;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 52% 40%,rgba(143,220,255,.12),transparent 26%),radial-gradient(ellipse at 50% 58%,rgba(185,101,255,.13),transparent 34%),linear-gradient(90deg,transparent 0 48%,rgba(143,220,255,.12) 49.7%,rgba(143,220,255,.12) 50.3%,transparent 52%);filter:blur(.1px);opacity:.82}
.project-grid.artifact-field .project-card{position:relative;z-index:1;border-radius:26px!important;background:linear-gradient(160deg,rgba(13,12,21,.62),rgba(4,4,9,.78) 62%,rgba(13,7,26,.86))!important;border:1px solid rgba(143,220,255,.18)!important;box-shadow:0 28px 90px rgba(0,0,0,.48),0 0 60px rgba(143,220,255,.06),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px) saturate(1.08);overflow:hidden!important;transform-origin:center center}
.project-grid.artifact-field .project-card:nth-child(1),.project-grid.artifact-field .project-card:nth-child(4){transform:translateZ(28px) rotateY(3deg)}
.project-grid.artifact-field .project-card:nth-child(2),.project-grid.artifact-field .project-card:nth-child(5){transform:translateZ(44px) rotateY(-3deg)}
.project-grid.artifact-field .project-card:nth-child(3),.project-grid.artifact-field .project-card:nth-child(6){transform:translateZ(22px) rotateY(2deg)}
.project-grid.artifact-field .project-card::before{background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 38%,rgba(0,0,0,.82) 100%),radial-gradient(450px 280px at var(--card-x,70%) var(--card-y,18%),rgba(143,220,255,.18),transparent 60%)!important;opacity:1!important}
.project-grid.artifact-field .project-card::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.07);border-radius:20px;z-index:2;pointer-events:none;box-shadow:inset 0 0 38px rgba(143,220,255,.035)}
.card-bg-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;opacity:.64!important;filter:saturate(.94) contrast(1.12) brightness(.72)!important;transform:scale(1.035);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .55s ease,opacity .55s ease!important}
.project-grid.artifact-field .project-card:hover .card-bg-img{transform:scale(1.08);opacity:.82!important;filter:saturate(1.04) contrast(1.14) brightness(.86)!important}
.project-grid.artifact-field .project-card h3{background:linear-gradient(180deg,#fff,#d8eaff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
.project-grid.artifact-field .project-card p{background:rgba(3,3,4,.44)!important;border-color:rgba(143,220,255,.14)!important;box-shadow:0 12px 36px rgba(0,0,0,.28)}
.project-grid.artifact-field .project-card:hover{border-color:rgba(143,220,255,.44)!important;box-shadow:0 46px 140px rgba(0,0,0,.58),0 0 90px rgba(143,220,255,.16),inset 0 1px 0 rgba(255,255,255,.12)!important}

/* cache marker: cursor-active-spine-1 */


/* card-zone cleanup: keep Active-like depth, stop the 3D brain from eating the screens */
body.home-scryx[data-zone="artifacts"] .spine-canvas,
body.home-scryx[data-zone="project-scroll"] .spine-canvas{opacity:.34!important;filter:saturate(.9) contrast(1.05) brightness(.55) blur(.35px)}
body.home-scryx[data-zone="artifacts"] .premium-particles,
body.home-scryx[data-zone="project-scroll"] .premium-particles{opacity:.54!important}
.project-grid.artifact-field .project-card{background:linear-gradient(160deg,rgba(11,10,18,.72),rgba(3,3,7,.86) 64%,rgba(13,7,26,.92))!important}
.project-grid.artifact-field .project-card::before{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.32) 38%,rgba(0,0,0,.88) 100%),radial-gradient(450px 280px at var(--card-x,70%) var(--card-y,18%),rgba(143,220,255,.14),transparent 60%)!important}
.project-grid.artifact-field .project-card p{background:rgba(3,3,4,.64)!important;backdrop-filter:blur(12px)}
.card-bg-img{opacity:.56!important;filter:saturate(.96) contrast(1.12) brightness(.68)!important}
.project-grid.artifact-field .project-card:hover .card-bg-img{opacity:.76!important;filter:saturate(1.04) contrast(1.16) brightness(.82)!important}
/* cache marker: cursor-active-spine-1b */


/* boot overlay hard release guard */
.boot-overlay{position:fixed;inset:0;z-index:210;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,rgba(143,77,255,.13),transparent 28%),rgba(0,0,0,.92);transition:opacity .55s ease,visibility .55s ease;pointer-events:auto}.boot-overlay.done{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.boot-overlay code{min-width:min(680px,86vw);padding:1.3rem 1.55rem;border:1px solid rgba(36,255,186,.34);background:rgba(0,0,0,.36);box-shadow:0 0 80px rgba(36,255,186,.08);color:#24ffba;text-shadow:0 0 16px rgba(36,255,186,.5);font:800 clamp(.82rem,1.2vw,1rem)/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.boot-overlay:not(.done){animation:bootFailsafe 1.8s 1.8s forwards}@keyframes bootFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
/* cache marker: cursor-active-spine-2b */


/* ===== samsy-like precision accent pass: graphic lines, cleaner screens, calmer brain hero ===== */
body.home-scryx::before{background:
  linear-gradient(90deg,rgba(248,244,255,.05) 1px,transparent 1px),
  linear-gradient(0deg,rgba(248,244,255,.035) 1px,transparent 1px),
  radial-gradient(circle at 50% 42%,rgba(143,220,255,.10),transparent 22%),
  radial-gradient(circle at 64% 28%,rgba(185,101,255,.16),transparent 30%)!important;
  background-size:96px 96px,96px 96px,auto,auto!important;
  mask-image:radial-gradient(circle at 58% 34%,black,transparent 72%)!important;
  opacity:.38!important}
body.home-scryx::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(90deg,transparent 0 18%,rgba(216,199,255,.08) 18.04% 18.10%,transparent 18.16% 48%,rgba(73,230,255,.06) 48.04% 48.10%,transparent 48.16%),
  linear-gradient(0deg,transparent 0 22%,rgba(216,199,255,.06) 22.04% 22.10%,transparent 22.16% 71%,rgba(185,101,255,.055) 71.04% 71.10%,transparent 71.16%),
  radial-gradient(circle at var(--mx,62vw) var(--my,36vh),rgba(143,220,255,.12),transparent 18%);
  opacity:.52!important;mix-blend-mode:screen}
.brain-hero{position:relative}.brain-hero::before{content:"";position:absolute;inset:clamp(5rem,9vh,8rem) clamp(1rem,5vw,5rem) clamp(2rem,6vh,5rem);z-index:-1;pointer-events:none;border:1px solid rgba(216,199,255,.10);background:
  linear-gradient(90deg,rgba(216,199,255,.13) 0 1px,transparent 1px 100%),
  linear-gradient(0deg,rgba(216,199,255,.10) 0 1px,transparent 1px 100%);
  background-size:25% 100%,100% 33.333%;opacity:.42;filter:drop-shadow(0 0 34px rgba(143,220,255,.08))}
.terminal-panel{background:linear-gradient(135deg,rgba(4,4,8,.66),rgba(20,12,38,.42))!important;border-color:rgba(216,199,255,.18)!important}.brain-terminal{opacity:.82!important;backdrop-filter:blur(14px)}
.spine-canvas{opacity:.84!important;filter:saturate(1.08) contrast(1.12) brightness(.88) drop-shadow(0 0 38px rgba(185,101,255,.13))!important}
body.home-scryx[data-zone="interface"] .spine-canvas{opacity:.78!important;filter:saturate(1.02) contrast(1.08) brightness(.80) drop-shadow(0 0 34px rgba(143,220,255,.10))!important}
.shader-depth-readout{background:rgba(3,3,6,.42)!important;border-color:rgba(216,199,255,.12)!important;box-shadow:0 0 44px rgba(143,220,255,.06)!important}.hack-hud,.breach-feed{opacity:.72!important}
.scroll-theatre .theatre-sticky{background:
  radial-gradient(circle at 50% 50%,rgba(143,220,255,.12),transparent 18%),
  radial-gradient(circle at var(--mx,50vw) var(--my,50vh),rgba(185,101,255,.20),transparent 24%),
  linear-gradient(135deg,#030304,#080611 60%,#030304)!important}.theatre-sticky::after{opacity:.86!important;border-color:rgba(143,220,255,.16)!important}
.theatre-sigil{opacity:.86!important;filter:brightness(1.35) contrast(1.18) drop-shadow(0 0 46px rgba(143,220,255,.16))!important}.theatre-copy{border-color:rgba(216,199,255,.13)!important;background:linear-gradient(135deg,rgba(3,3,4,.58),rgba(20,12,38,.34))!important}
.artifact-field-shell{position:relative;border:1px solid rgba(216,199,255,.10)!important;background:linear-gradient(135deg,rgba(4,4,8,.58),rgba(10,7,18,.42))!important;box-shadow:0 34px 140px rgba(0,0,0,.58),0 0 100px rgba(143,220,255,.05),inset 0 1px 0 rgba(255,255,255,.06)!important}.artifact-field-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(216,199,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(216,199,255,.045) 1px,transparent 1px);background-size:88px 88px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%);opacity:.42}.artifact-lines path{stroke:rgba(143,220,255,.30)!important;stroke-width:.28!important;filter:drop-shadow(0 0 8px rgba(143,220,255,.18))}
.project-grid.artifact-field .project-card{border-radius:22px!important;background:linear-gradient(150deg,rgba(9,9,14,.64),rgba(3,3,7,.86) 64%,rgba(14,8,27,.82))!important;border-color:rgba(216,199,255,.13)!important;box-shadow:0 24px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)!important}.project-grid.artifact-field .project-card::after{inset:9px!important;border-color:rgba(216,199,255,.075)!important;border-radius:17px!important}.project-grid.artifact-field .project-card:hover{border-color:rgba(143,220,255,.36)!important;box-shadow:0 44px 130px rgba(0,0,0,.56),0 0 70px rgba(143,220,255,.13),inset 0 1px 0 rgba(255,255,255,.10)!important}
.project-grid.artifact-field .project-card h3{letter-spacing:-.07em!important}.project-grid.artifact-field .project-card p{background:rgba(3,3,5,.58)!important;border-color:rgba(216,199,255,.10)!important;backdrop-filter:blur(10px)}
.card-bg-img{opacity:.52!important;filter:saturate(.88) contrast(1.10) brightness(.64)!important;mix-blend-mode:screen}.project-grid.artifact-field .project-card:hover .card-bg-img{opacity:.78!important;filter:saturate(1.02) contrast(1.15) brightness(.82)!important}.project-card .card-bg-img::after{background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.58)),linear-gradient(135deg,rgba(143,220,255,.13),transparent 38%,rgba(185,101,255,.10))!important}
@media(max-width:760px){body.home-scryx::after{opacity:.24!important}.brain-hero::before{display:none}.spine-canvas{opacity:.70!important}.brain-terminal{opacity:.70!important}.artifact-field-shell::before{opacity:.22}.card-bg-img{mix-blend-mode:normal}}
/* ===== neural-spine dominance pass: make the biology the hero, not wallpaper ===== */
:root{--neural-violet:rgba(190,148,255,.38);--neural-cyan:rgba(127,243,255,.28);--neural-bone:rgba(244,241,234,.82)}
body.home-scryx{background:
  radial-gradient(1100px 740px at 61% 27%,rgba(134,74,255,.34),transparent 58%),
  radial-gradient(880px 620px at 50% 11%,rgba(127,243,255,.13),transparent 44%),
  radial-gradient(900px 740px at 14% 78%,rgba(106,62,188,.18),transparent 62%),
  linear-gradient(145deg,#000 0%,#040207 36%,#090512 72%,#010102 100%)!important}
body.home-scryx::before{opacity:.48!important;mix-blend-mode:screen;background:
  radial-gradient(ellipse at 54% 30%,rgba(216,199,255,.18),transparent 24%),
  radial-gradient(ellipse at 52% 58%,rgba(127,243,255,.115),transparent 36%),
  linear-gradient(90deg,rgba(248,244,255,.06) 1px,transparent 1px),
  linear-gradient(0deg,rgba(248,244,255,.036) 1px,transparent 1px)!important;
  background-size:auto,auto,76px 76px,76px 76px!important;
  mask-image:radial-gradient(ellipse at 55% 43%,black 0 52%,transparent 80%)!important}
body.home-scryx::after{opacity:.72!important;background:
  radial-gradient(circle at var(--mx,58vw) var(--my,34vh),rgba(127,243,255,.16),transparent 20%),
  radial-gradient(ellipse at 57% 42%,rgba(185,101,255,.22),transparent 42%),
  linear-gradient(90deg,transparent 0 31%,rgba(244,241,234,.09) 31.05% 31.12%,transparent 31.2% 68%,rgba(127,243,255,.07) 68.05% 68.12%,transparent 68.2%)!important}
.spine-canvas{z-index:-1!important;opacity:.94!important;filter:saturate(1.28) contrast(1.18) brightness(1.02) drop-shadow(0 0 62px rgba(185,101,255,.24)) drop-shadow(0 0 36px rgba(127,243,255,.12))!important}
.webgl-core-canvas{opacity:.20!important}.field-canvas{opacity:.18!important}.spark-canvas{opacity:.30!important}.matrix-canvas{opacity:.07!important}.detail-mesh{opacity:.18!important}.scanline-layer{opacity:.18!important}
.brain-hero{min-height:96svh!important;position:relative;isolation:isolate}.brain-hero::before{inset:clamp(4.8rem,8vh,7rem) clamp(.5rem,4vw,4rem) clamp(1.2rem,4vh,3.5rem)!important;opacity:.28!important;border-color:rgba(216,199,255,.08)!important}.brain-hero::after{opacity:.9!important;background:
  radial-gradient(ellipse at 62% 32%,rgba(185,101,255,.38),transparent 30%),
  radial-gradient(ellipse at 48% 42%,rgba(127,243,255,.16),transparent 38%),
  radial-gradient(ellipse at 56% 62%,rgba(244,241,234,.10),transparent 42%)!important;filter:blur(18px)!important}
.brain-terminal{opacity:.58!important;backdrop-filter:blur(18px)!important;background:linear-gradient(135deg,rgba(4,4,8,.48),rgba(20,12,38,.28))!important;border-color:rgba(216,199,255,.12)!important;box-shadow:0 36px 130px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.045)!important}
.brain-terminal:hover{opacity:.78!important}.brain-copy{position:relative;z-index:4}.brain-copy h1{mix-blend-mode:normal;filter:drop-shadow(0 0 40px rgba(185,101,255,.26)) drop-shadow(0 0 18px rgba(0,0,0,.72))}.brain-copy .lead{background:rgba(3,3,4,.32);border:1px solid rgba(216,199,255,.08);backdrop-filter:blur(8px);padding:.7rem .85rem;max-width:38rem!important}.interface-readout span,.eyebrow{background:rgba(3,3,4,.32)!important;backdrop-filter:blur(8px)}
.spine-panels{z-index:5!important}.spine-node,.spine-chip{opacity:.94!important;text-shadow:0 0 18px rgba(127,243,255,.35)}.spine-node.prime{color:#fff!important;text-shadow:0 0 22px rgba(127,243,255,.72),0 0 42px rgba(185,101,255,.28)}.spine-chip{background:rgba(2,3,8,.66)!important;border-color:rgba(127,243,255,.34)!important;box-shadow:0 0 28px rgba(127,243,255,.08)}
.exploit-lab,.scroll-theatre,.showcase-section,.proof-scroll,.philosophy-stack{position:relative;z-index:6}.lab-panel,.artifact-field-shell,.project-stage,.work-card{background:linear-gradient(150deg,rgba(5,5,10,.66),rgba(4,3,8,.78) 62%,rgba(18,8,36,.76))!important;backdrop-filter:blur(18px) saturate(1.08)!important;border-color:rgba(216,199,255,.14)!important}.artifact-field-shell{background:linear-gradient(145deg,rgba(4,4,8,.52),rgba(13,8,24,.36))!important}.project-grid.artifact-field::before{opacity:.55!important}.project-grid.artifact-field .project-card{background:linear-gradient(160deg,rgba(7,7,13,.62),rgba(3,3,7,.80) 62%,rgba(14,8,27,.82))!important}.shader-depth-readout{z-index:32!important;background:rgba(3,2,7,.46)!important;border-color:rgba(127,243,255,.22)!important;color:#7ff3ff!important}
body.home-scryx .spine-canvas{transition:opacity .75s ease,filter .75s ease!important}
body.home-scryx[data-zone="interface"] .spine-canvas{opacity:.96!important;filter:saturate(1.32) contrast(1.20) brightness(1.05) drop-shadow(0 0 74px rgba(185,101,255,.28))!important}
body.home-scryx[data-zone="artifacts"] .spine-canvas,body.home-scryx[data-zone="project-scroll"] .spine-canvas,body.home-scryx[data-zone="map"] .spine-canvas{opacity:.78!important;filter:saturate(1.14) contrast(1.12) brightness(.92) blur(.12px) drop-shadow(0 0 48px rgba(185,101,255,.18))!important}
body.home-scryx[data-zone="artifacts"] .spine-panels,body.home-scryx[data-zone="project-scroll"] .spine-panels,body.home-scryx[data-zone="map"] .spine-panels{opacity:0!important;pointer-events:none!important}
body.home-scryx.spine-muted .spine-canvas{opacity:.72!important;filter:saturate(1.08) contrast(1.10) brightness(.86) blur(.18px) drop-shadow(0 0 38px rgba(185,101,255,.14))!important}
body.home-scryx.spine-muted .spine-panels{opacity:0!important;pointer-events:none!important}
.low-power .spine-canvas{opacity:.76!important;filter:saturate(1.12) contrast(1.10) brightness(.92)!important}
@media(max-width:760px){.spine-canvas{opacity:.88!important;filter:saturate(1.16) contrast(1.12) brightness(.92)!important}.brain-terminal{opacity:.50!important;margin-bottom:2.4rem!important}.brain-copy .lead{background:rgba(3,3,4,.48)}body.home-scryx::before{opacity:.26!important}body.home-scryx::after{opacity:.34!important}}
/* cache marker: neural-spine-dominance-1 */
/* repo tile media-as-background pass */
.project-grid.artifact-field .project-card{
  isolation:isolate!important;
  min-height:420px!important;
  padding:1.25rem!important;
}
.project-grid.artifact-field .project-card .card-bg-img,
.project-grid.artifact-field .project-card .card-visual,
.project-grid.artifact-field .project-card .qa-flow,
.project-grid.artifact-field .project-card .track-visual,
.project-grid.artifact-field .project-card .face-signal,
.project-grid.artifact-field .project-card .iot-map,
.project-grid.artifact-field .project-card .market-visual,
.project-grid.artifact-field .project-card .rule-visual{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  z-index:0!important;
  opacity:.52!important;
  transform:none!important;
  border:0!important;
  background:transparent!important;
  filter:saturate(.82) contrast(1.12) brightness(.74)!important;
}
.project-grid.artifact-field .project-card .card-bg-img img,
.project-grid.artifact-field .project-card .card-visual img,
.project-grid.artifact-field .project-card .qa-flow img,
.project-grid.artifact-field .project-card .track-visual img,
.project-grid.artifact-field .project-card .face-signal img,
.project-grid.artifact-field .project-card .iot-map img,
.project-grid.artifact-field .project-card .market-visual img,
.project-grid.artifact-field .project-card .rule-visual img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.08)!important;
  filter:inherit!important;
}
.project-grid.artifact-field .project-card::before{
  z-index:1!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.46) 34%,rgba(0,0,0,.86) 100%),
    radial-gradient(620px 360px at 72% 22%,rgba(185,101,255,.28),transparent 62%),
    linear-gradient(135deg,rgba(127,243,255,.12),transparent 34%,rgba(0,0,0,.24))!important;
  opacity:1!important;
}
.project-grid.artifact-field .project-card::after{
  z-index:2!important;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 24%,transparent 68%,rgba(127,243,255,.07))!important;
}
.project-grid.artifact-field .project-card>*:not(.card-bg-img):not(.card-visual):not(.qa-flow):not(.track-visual):not(.face-signal):not(.iot-map):not(.market-visual):not(.rule-visual){
  position:relative!important;
  z-index:3!important;
}
.project-grid.artifact-field .project-card h3{margin-top:.65rem!important;max-width:9.5ch!important}
.project-grid.artifact-field .project-card p{
  margin-top:auto!important;
  background:rgba(3,3,4,.50)!important;
  backdrop-filter:blur(14px) saturate(1.05)!important;
}
.project-grid.artifact-field .project-card .card-spec{margin-top:.75rem!important;position:relative!important;z-index:3!important}
.project-grid.artifact-field .project-card:hover .card-bg-img,
.project-grid.artifact-field .project-card:hover .card-visual,
.project-grid.artifact-field .project-card:hover .qa-flow,
.project-grid.artifact-field .project-card:hover .track-visual,
.project-grid.artifact-field .project-card:hover .face-signal,
.project-grid.artifact-field .project-card:hover .iot-map,
.project-grid.artifact-field .project-card:hover .market-visual,
.project-grid.artifact-field .project-card:hover .rule-visual{
  opacity:.68!important;
  filter:saturate(1.02) contrast(1.16) brightness(.86)!important;
}
.project-grid.artifact-field .project-card:hover .card-bg-img img,
.project-grid.artifact-field .project-card:hover .card-visual img,
.project-grid.artifact-field .project-card:hover .qa-flow img,
.project-grid.artifact-field .project-card:hover .track-visual img,
.project-grid.artifact-field .project-card:hover .face-signal img,
.project-grid.artifact-field .project-card:hover .iot-map img,
.project-grid.artifact-field .project-card:hover .market-visual img,
.project-grid.artifact-field .project-card:hover .rule-visual img{
  transform:scale(1.14)!important;
  transition:transform .9s cubic-bezier(.16,1,.3,1),filter .45s ease!important;
}
.project-grid.artifact-field .project-card[data-project="gesture"] .gesture-card-visual{
  opacity:.64!important;
  filter:saturate(1.08) contrast(1.2) brightness(.78)!important;
}
.project-grid.artifact-field .project-card[data-project="gesture"] .gesture-card-visual img{
  object-position:58% 48%!important;
  transform:scale(1.04)!important;
}
.project-grid.artifact-field .project-card[data-project="gesture"]::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.48) 38%,rgba(0,0,0,.88) 100%),
    radial-gradient(560px 320px at 62% 36%,rgba(127,243,255,.20),transparent 58%),
    radial-gradient(540px 320px at 76% 24%,rgba(185,101,255,.22),transparent 62%)!important;
}
.project-grid.artifact-field .project-card[data-project="gesture"]:hover .gesture-card-visual{
  opacity:.82!important;
  filter:saturate(1.18) contrast(1.22) brightness(.88)!important;
}
.project-grid.artifact-field .project-card[data-project="gesture"]:hover .gesture-card-visual img{
  transform:scale(1.10)!important;
}
@media(max-width:680px){
  .project-grid.artifact-field .project-card{min-height:360px!important;padding-bottom:1.15rem!important}
  .project-grid.artifact-field .project-card .card-bg-img,
  .project-grid.artifact-field .project-card .card-visual,
  .project-grid.artifact-field .project-card .qa-flow,
  .project-grid.artifact-field .project-card .track-visual,
  .project-grid.artifact-field .project-card .face-signal,
  .project-grid.artifact-field .project-card .iot-map,
  .project-grid.artifact-field .project-card .market-visual,
  .project-grid.artifact-field .project-card .rule-visual{opacity:.44!important}
}
/* cache marker: repo-tile-bg-media-spinefade-3 */
/* mycelium swarm background */
.mycelium-canvas{position:fixed;inset:0;z-index:-1;width:100vw;height:100vh;pointer-events:none;opacity:.88;mix-blend-mode:screen;filter:saturate(1.12) contrast(1.04) brightness(.86);transition:opacity .7s ease,filter .7s ease}body.home-scryx[data-zone="interface"] .mycelium-canvas{opacity:.34;filter:saturate(.9) contrast(1) brightness(.66) blur(.2px)}body.home-scryx[data-zone="artifacts"] .mycelium-canvas,body.home-scryx[data-zone="project-scroll"] .mycelium-canvas,body.home-scryx[data-zone="map"] .mycelium-canvas{opacity:.92;filter:saturate(1.18) contrast(1.08) brightness(.92)}.low-power .mycelium-canvas{opacity:.42;filter:saturate(.9) brightness(.72)}
/* cache marker: mycelium-swarm-bg-1 */
/* cache marker: samsy-accent-brain-1 */
/* ===== cohesive navigation architecture: premium research portfolio ===== */
.site-header.scryx-nav-shell{position:sticky;top:0;z-index:90;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(5,4,9,.62));border-bottom:1px solid rgba(216,199,255,.14);backdrop-filter:blur(20px) saturate(1.08)}
.scryx-nav-shell .nav-row{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(.7rem,2vw,1.4rem);align-items:center;padding:.78rem 0}.scryx-nav-shell .brand-mark{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:#f4f1ea!important}.scryx-nav-shell .brand-mark img{width:34px;height:34px;object-fit:cover;border-radius:9px;background:#030304;filter:grayscale(1) contrast(1.18);box-shadow:0 0 28px rgba(143,77,255,.28)}.scryx-nav-shell .brand-mark span{font-family:"Bricolage Grotesque",sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:-.08em;color:#f4f1ea!important;text-shadow:0 0 34px rgba(113,42,255,.16)}
.scryx-nav{position:relative;justify-self:end;display:flex;align-items:center;gap:.22rem;padding:.25rem;border:1px solid rgba(216,199,255,.11);background:rgba(3,3,4,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.scryx-nav a{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:34px;text-decoration:none!important;color:rgba(244,241,234,.58)!important;border:0!important;border-radius:0!important;background:transparent!important;padding:.48rem .68rem;font:900 .68rem/1 Sora,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;transition:color .18s ease,transform .18s ease,background .18s ease}.scryx-nav a:hover,.scryx-nav a:focus-visible{color:#f4f1ea!important;background:rgba(216,199,255,.045)!important;transform:translateY(-1px)}.scryx-nav a.is-active{color:#050307!important}.scryx-nav-indicator{position:absolute;z-index:1;left:0;top:0;width:var(--nav-w,0);height:var(--nav-h,0);transform:translate3d(var(--nav-x,0),var(--nav-y,0),0);background:linear-gradient(135deg,#f4f1ea,#d9c7ff);box-shadow:0 10px 34px rgba(185,101,255,.20),inset 0 1px 0 rgba(255,255,255,.86);opacity:0;transition:transform .32s cubic-bezier(.16,1,.3,1),width .32s cubic-bezier(.16,1,.3,1),height .32s cubic-bezier(.16,1,.3,1),opacity .18s ease;pointer-events:none}.scryx-nav-aux{display:inline-flex;align-items:center;gap:.45rem}.nav-status{display:inline-flex;align-items:center;gap:.35rem;color:rgba(127,243,255,.62);font:900 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em}.nav-status i{width:.42rem;height:.42rem;border-radius:999px;background:#7ff3ff;box-shadow:0 0 18px rgba(127,243,255,.8)}.nav-toggle{display:none;width:42px;height:38px;border:1px solid rgba(216,199,255,.16);background:rgba(3,3,4,.46);color:#f4f1ea;padding:0}.nav-toggle span{display:block;width:18px;height:1px;margin:5px auto;background:currentColor;transition:transform .2s ease,opacity .2s ease}.nav-open .nav-toggle span:first-child{transform:translateY(6px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)}
[data-route-root]{transition:opacity .22s ease,transform .22s ease,filter .22s ease}[data-route-root].is-leaving{opacity:0;transform:translateY(10px);filter:blur(6px)}[data-route-root].is-entering{animation:scryxRouteIn .32s cubic-bezier(.16,1,.3,1)}@keyframes scryxRouteIn{from{opacity:0;transform:translateY(14px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.lab-index-shell,.projects-shell{padding-top:clamp(4.8rem,8vh,7rem)}.lab-index-hero,.projects-hero{position:relative;overflow:hidden;border:1px solid rgba(216,199,255,.13);background:linear-gradient(145deg,rgba(12,10,18,.70),rgba(4,3,7,.86) 62%,rgba(18,8,36,.52));box-shadow:0 34px 120px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.055);padding:clamp(1rem,3vw,1.6rem);margin-bottom:clamp(1rem,3vw,2rem)}.lab-index-hero::after,.projects-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,244,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(248,244,255,.032) 1px,transparent 1px),radial-gradient(circle at var(--mx,70%) var(--my,20%),rgba(185,101,255,.14),transparent 30%);background-size:78px 78px,78px 78px,auto;pointer-events:none;opacity:.72}.lab-index-hero>* ,.projects-hero>*{position:relative;z-index:1}.lab-index-hero h1,.projects-hero h1{font-size:clamp(3.8rem,10vw,9.5rem);line-height:.78;letter-spacing:-.105em;max-width:9ch;color:#f4f1ea}.lab-index-hero .lead,.projects-hero .lead{max-width:44rem;color:rgba(244,241,234,.68);font-size:clamp(1rem,1.6vw,1.2rem)}.lab-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.lab-entry-card,.project-entry-card{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-decoration:none!important;color:#f4f1ea!important;border:1px solid rgba(216,199,255,.14);background:linear-gradient(150deg,rgba(8,8,14,.70),rgba(3,3,7,.88) 64%,rgba(18,8,36,.72));box-shadow:0 24px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.055);padding:1rem;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .22s ease}.lab-entry-card::before,.project-entry-card::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 280px at 76% 18%,rgba(185,101,255,.16),transparent 62%),linear-gradient(135deg,rgba(127,243,255,.07),transparent 36%);opacity:.75;pointer-events:none}.lab-entry-card::after,.project-entry-card::after{content:"open / inspect";position:absolute;left:1rem;bottom:1rem;color:rgba(244,241,234,.36);font:900 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em}.lab-entry-card:hover,.project-entry-card:hover{transform:translateY(-5px);border-color:rgba(127,243,255,.34);box-shadow:0 44px 130px rgba(0,0,0,.58),0 0 72px rgba(127,243,255,.10),inset 0 1px 0 rgba(255,255,255,.10)}.lab-entry-card>* ,.project-entry-card>*{position:relative;z-index:1}.lab-entry-card span,.project-entry-card span{width:max-content;max-width:100%;border:1px solid rgba(216,199,255,.15);background:rgba(3,3,4,.34);color:rgba(202,178,255,.75);padding:.28rem .55rem;font:900 .65rem/1 Sora,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}.lab-entry-card h2,.project-entry-card h2{font-size:clamp(2.1rem,4vw,4rem);line-height:.86;letter-spacing:-.075em;margin:.85rem 0 .65rem}.lab-entry-card p,.project-entry-card p{max-width:31ch;color:rgba(244,241,234,.66);line-height:1.45;margin:0 0 2rem}.lab-entry-card ul{margin:.8rem 0 2rem;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.lab-entry-card li{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);padding:.22rem .46rem;color:rgba(244,241,234,.58);font-size:.68rem;font-weight:800;text-transform:uppercase}.project-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.page-link-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.research-pill{display:inline-flex;align-items:center;text-decoration:none!important;border:1px solid rgba(216,199,255,.15);background:rgba(3,3,4,.44);color:#f4f1ea!important;padding:.55rem .75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;transition:transform .18s ease,border-color .18s ease}.research-pill:hover{transform:translateY(-1px);border-color:rgba(127,243,255,.32)}
@media(max-width:980px){.scryx-nav-shell .nav-row{grid-template-columns:auto auto}.scryx-nav-aux{justify-self:end}.nav-toggle{display:block}.scryx-nav{grid-column:1 / -1;justify-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:0;overflow:hidden;opacity:0;padding:0;border-width:0;transition:max-height .28s ease,opacity .2s ease,padding .2s ease,border-width .2s ease}.nav-open .scryx-nav{max-height:360px;opacity:1;padding:.35rem;border-width:1px}.scryx-nav a{justify-content:center;min-height:42px}.scryx-nav-indicator{display:none}.nav-status{display:none}.lab-collection-grid,.project-entry-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.lab-collection-grid,.project-entry-grid{grid-template-columns:1fr}.lab-index-hero h1,.projects-hero h1{font-size:clamp(3.2rem,18vw,5.6rem)}.lab-entry-card,.project-entry-card{min-height:280px}.scryx-nav{grid-template-columns:1fr}.scryx-nav-shell .brand-mark span{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.scryx-nav a,.scryx-nav-indicator,[data-route-root],.lab-entry-card,.project-entry-card,.research-pill{transition:none!important;animation:none!important}.scryx-nav a:hover,.lab-entry-card:hover,.project-entry-card:hover,.research-pill:hover{transform:none!important}}
/* nav architecture mobile readability repair */
@media(max-width:980px){.scryx-nav a.is-active{color:#f4f1ea!important;background:rgba(216,199,255,.09)!important}.scryx-nav a[aria-current="true"]{border-color:rgba(216,199,255,.20)!important}.nav-open .scryx-nav{max-height:420px!important}}
@media(max-width:680px){.lab-index-hero,.projects-hero{overflow:hidden}.lab-index-hero h1,.projects-hero h1{font-size:clamp(2.9rem,16vw,4.7rem)!important;line-height:.82!important;max-width:7.5ch!important;letter-spacing:-.10em!important}.lab-index-hero .lead,.projects-hero .lead{font-size:.98rem!important;line-height:1.55}.page-link-row{gap:.5rem}.research-pill{font-size:.65rem;padding:.5rem .62rem}}
/* cache marker: nav-architecture-1 */
@media(max-width:680px){.lab-index-hero h1,.projects-hero h1{overflow-wrap:anywhere!important;word-break:normal!important;max-width:100%!important}}
/* cache marker: nav-mobile-h1-wrap-1 */
/* ===== maths / real Lorenz attractor ===== */
.lorenz-lab,.maths-gallery{position:relative;z-index:2;margin:clamp(1.5rem,4vw,4rem) 0}.lorenz-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:1rem;align-items:stretch}.lorenz-stage{position:relative;min-height:680px;border:1px solid rgba(216,199,255,.14);background:radial-gradient(circle at 50% 40%,rgba(185,101,255,.16),transparent 38%),linear-gradient(145deg,rgba(5,5,10,.72),rgba(2,2,4,.92));box-shadow:0 34px 130px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden}.lorenz-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(248,244,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(248,244,255,.032) 1px,transparent 1px);background-size:72px 72px;opacity:.52}.lorenz-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.lorenz-readout{position:absolute;left:1rem;bottom:1rem;max-width:calc(100% - 2rem);padding:.55rem .7rem;border:1px solid rgba(127,243,255,.18);background:rgba(3,3,4,.52);backdrop-filter:blur(12px);color:rgba(127,243,255,.82);font:900 .64rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.09em}.lorenz-panel{display:flex;flex-direction:column;gap:1rem}.equation-card,.lorenz-controls,.lorenz-hint{border:1px solid rgba(216,199,255,.14);background:linear-gradient(150deg,rgba(9,8,14,.72),rgba(3,3,6,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);padding:1rem}.equation-card span{display:inline-flex;margin-bottom:.8rem;border:1px solid rgba(216,199,255,.16);padding:.25rem .5rem;color:rgba(202,178,255,.74);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.equation-card code{display:block;margin:.35rem 0;color:#f4f1ea;font:800 .95rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.equation-card p,.lorenz-hint{color:rgba(244,241,234,.66);font-size:.92rem;line-height:1.55}.lorenz-controls{display:grid;gap:.85rem}.lorenz-controls label{display:grid;gap:.35rem;color:rgba(244,241,234,.72);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.lorenz-controls label b{float:right;color:#f4f1ea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lorenz-controls input[type=range]{width:100%;accent-color:#d9c7ff}.lorenz-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;text-transform:none!important;letter-spacing:0!important;font-size:.86rem!important}.lorenz-check input{accent-color:#d9c7ff}.lorenz-controls button{border:1px solid rgba(216,199,255,.18);background:linear-gradient(135deg,#f4f1ea,#d9c7ff);color:#050307;padding:.7rem .85rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.compact-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-gallery .lab-entry-card{min-height:240px}.lab-entry-card.dormant{opacity:.78}.lab-entry-card.dormant::after{content:"reserved / not fake"}
@media(max-width:980px){.lorenz-grid{grid-template-columns:1fr}.lorenz-stage{min-height:560px}.compact-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.lorenz-stage{min-height:460px}.compact-gallery{grid-template-columns:1fr}.lorenz-readout{font-size:.56rem}.lorenz-panel{gap:.75rem}}
/* cache marker: maths-lorenz-1 */
/* ===== maths / infinite fractal explorer ===== */
.fractal-lab{position:relative;z-index:2;margin:clamp(1.5rem,4vw,4rem) 0}.fractal-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:1rem;align-items:stretch}.fractal-stage{position:relative;min-height:720px;border:1px solid rgba(127,243,255,.16);background:radial-gradient(circle at 42% 48%,rgba(127,243,255,.14),transparent 34%),radial-gradient(circle at 70% 45%,rgba(185,101,255,.16),transparent 40%),linear-gradient(145deg,rgba(5,5,10,.78),rgba(2,2,4,.95));box-shadow:0 34px 130px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden}.fractal-stage::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(127,243,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(248,244,255,.024) 1px,transparent 1px);background-size:64px 64px;opacity:.40;mix-blend-mode:screen}.fractal-stage canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;cursor:grab}.fractal-stage canvas:active{cursor:grabbing}.fractal-readout{position:absolute;z-index:3;left:1rem;bottom:1rem;max-width:calc(100% - 2rem);padding:.55rem .7rem;border:1px solid rgba(127,243,255,.22);background:rgba(3,3,4,.58);backdrop-filter:blur(12px);color:rgba(127,243,255,.88);font:900 .64rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.09em}.fractal-panel{display:flex;flex-direction:column;gap:1rem}.fractal-controls,.fractal-hint{border:1px solid rgba(216,199,255,.14);background:linear-gradient(150deg,rgba(9,8,14,.72),rgba(3,3,6,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);padding:1rem}.fractal-equation-card span{color:rgba(127,243,255,.80);border-color:rgba(127,243,255,.22)}.fractal-controls{display:grid;gap:.85rem}.fractal-controls label{display:grid;gap:.35rem;color:rgba(244,241,234,.74);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.fractal-controls input,.fractal-controls select{width:100%;accent-color:#7ff3ff}.fractal-controls select{border:1px solid rgba(216,199,255,.18);background:#08060f;color:#f4f1ea;padding:.55rem;font:900 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.fractal-presets{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.fractal-controls button{appearance:none;border:1px solid rgba(127,243,255,.26);background:linear-gradient(135deg,rgba(127,243,255,.16),rgba(185,101,255,.12));color:#f4f1ea;padding:.68rem .75rem;font:900 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.10em;cursor:pointer}.fractal-controls button:hover{border-color:rgba(127,243,255,.55);transform:translateY(-1px)}.fractal-hint{color:rgba(244,241,234,.66);font-size:.92rem;line-height:1.55}.low-power .fractal-stage{min-height:560px}@media(max-width:980px){.fractal-grid{grid-template-columns:1fr}.fractal-stage{min-height:560px}}@media(max-width:680px){.fractal-stage{min-height:500px}.fractal-readout{font-size:.54rem}.fractal-panel{gap:.75rem}.fractal-presets{grid-template-columns:1fr}}
/* cache marker: maths-fractal-explorer-1 */
/* ===== maths / chaos laboratory double pendulum ===== */
.pendulum-lab{position:relative;z-index:2;margin:clamp(2rem,5vw,5rem) 0}.pendulum-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.78fr);gap:1rem;align-items:stretch}.pendulum-stage{position:relative;min-height:650px;border:1px solid rgba(127,243,255,.16);background:radial-gradient(circle at 34% 32%,rgba(127,243,255,.12),transparent 34%),radial-gradient(circle at 72% 58%,rgba(185,101,255,.13),transparent 40%),linear-gradient(145deg,rgba(5,5,10,.72),rgba(2,2,4,.94));box-shadow:0 34px 130px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden}.pendulum-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(127,243,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(248,244,255,.028) 1px,transparent 1px);background-size:54px 54px;opacity:.48}.pendulum-stage canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}.pendulum-stage::before{z-index:2}.pendulum-readout{position:absolute;z-index:3;left:1rem;bottom:1rem;max-width:calc(100% - 2rem);padding:.55rem .7rem;border:1px solid rgba(127,243,255,.22);background:rgba(3,3,4,.56);backdrop-filter:blur(12px);color:rgba(127,243,255,.86);font:900 .64rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.09em}.pendulum-panel{display:flex;flex-direction:column;gap:1rem}.pendulum-controls,.pendulum-hint{border:1px solid rgba(216,199,255,.14);background:linear-gradient(150deg,rgba(9,8,14,.72),rgba(3,3,6,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);padding:1rem}.pendulum-equation-card span{color:rgba(127,243,255,.78);border-color:rgba(127,243,255,.2)}.pendulum-controls{display:grid;gap:.85rem}.pendulum-controls label{display:grid;gap:.35rem;color:rgba(244,241,234,.74);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pendulum-controls b{float:right;color:#f4f1ea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pendulum-controls input{width:100%;accent-color:#7ff3ff}.pendulum-controls button{appearance:none;border:1px solid rgba(127,243,255,.28);background:linear-gradient(135deg,rgba(127,243,255,.18),rgba(185,101,255,.13));color:#f4f1ea;padding:.72rem .9rem;font:900 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.pendulum-controls button:hover{border-color:rgba(127,243,255,.52);transform:translateY(-1px)}.pendulum-hint{color:rgba(244,241,234,.66);font-size:.92rem;line-height:1.55}.low-power .pendulum-stage{min-height:560px}.low-power .pendulum-stage::before{opacity:.24}@media(max-width:980px){.pendulum-grid{grid-template-columns:1fr}.pendulum-stage{min-height:560px}}@media(max-width:680px){.pendulum-stage{min-height:520px}.pendulum-readout{font-size:.55rem}.pendulum-panel{gap:.75rem}}
/* cache marker: maths-chaos-lab-1 */
/* nav label set repair after Maths/ML/DL rename */
.scryx-nav a.is-active{color:#050307!important;background:linear-gradient(135deg,#f4f1ea,#d9c7ff)!important;box-shadow:0 10px 34px rgba(185,101,255,.18)}
@media(max-width:980px){.scryx-nav a.is-active{color:#050307!important;background:linear-gradient(135deg,#f4f1ea,#d9c7ff)!important}.nav-open .scryx-nav a{color:rgba(244,241,234,.76)!important}.nav-open .scryx-nav a.is-active{color:#050307!important}}
/* cache marker: nav-rename-active-repair-1 */
body .site-header .scryx-nav a.is-active,body.nav-open .site-header .scryx-nav a.is-active{color:#050307!important;background:linear-gradient(135deg,#f4f1ea,#d9c7ff)!important}
/* cache marker: nav-active-specificity-2 */

/* launch fix: project cards must behave like links on mobile */
.project-grid .project-card{position:relative!important;z-index:6!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(199,169,255,.22)}
.project-grid .project-card.has-github::after{content:"open github"!important;color:rgba(199,169,255,.72)!important}
.project-grid .project-card:not(.has-github)::after{content:"open detail"!important}
@media(max-width:760px){
  .project-grid .project-card.has-github::after{content:"tap → github"!important}
  .project-grid .project-card:not(.has-github)::after{content:"tap → detail"!important}
  .artifact-field-shell,.artifact-field{pointer-events:auto!important}
}

/* launch hotfix: no blurred modal trap on phones */
@media(max-width:760px), (pointer:coarse){
  .project-dialog::backdrop{background:rgba(0,0,0,.42)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .project-grid .project-card.repo-pending::after{content:"repo soon"!important;color:rgba(244,241,234,.42)!important}
  .project-grid .project-card.repo-pending{cursor:default!important}
}


/* ===== homepage / honest brain simulation demo ===== */
.brain-sim-demo{position:relative;z-index:2;margin-top:clamp(2rem,6vw,6rem);padding-top:clamp(1rem,3vw,2rem)}
.brain-sim-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:1rem;align-items:end;margin-bottom:1rem}
.brain-sim-head h2{font-size:clamp(2.9rem,7.4vw,7.9rem)!important;line-height:.82!important;letter-spacing:-.085em!important;max-width:10.5ch;color:#f4f1ea}
.brain-sim-head p:last-child{max-width:44ch;color:rgba(244,241,234,.66);line-height:1.55}
.brain-sim-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.72fr);gap:1rem;align-items:stretch}
.brain-sim-stage{position:relative;min-height:620px;overflow:hidden;border:1px solid rgba(127,243,255,.16);background:radial-gradient(circle at 45% 48%,rgba(127,243,255,.12),transparent 34%),radial-gradient(circle at 70% 22%,rgba(185,101,255,.18),transparent 42%),linear-gradient(145deg,rgba(5,5,10,.78),rgba(2,2,4,.94));box-shadow:0 34px 130px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055)}
.brain-sim-stage::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(127,243,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(248,244,255,.026) 1px,transparent 1px);background-size:58px 58px;opacity:.46;mix-blend-mode:screen}
.brain-sim-stage canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;cursor:crosshair}
.brain-sim-readout{position:absolute;z-index:3;left:1rem;bottom:1rem;display:grid;grid-template-columns:auto auto;gap:.24rem .8rem;max-width:calc(100% - 2rem);padding:.62rem .75rem;border:1px solid rgba(127,243,255,.22);background:rgba(3,3,4,.58);backdrop-filter:blur(12px);font:900 .64rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.09em}
.brain-sim-readout span{color:rgba(244,241,234,.46)}.brain-sim-readout b{color:rgba(127,243,255,.9);font-weight:900}
.brain-sim-panel{display:flex;flex-direction:column;gap:1rem}.brain-sim-card,.brain-sim-controls,.brain-sim-stack{border:1px solid rgba(216,199,255,.14);background:linear-gradient(150deg,rgba(9,8,14,.72),rgba(3,3,6,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);padding:1rem}
.brain-sim-card span{display:inline-flex;margin-bottom:.8rem;border:1px solid rgba(127,243,255,.18);padding:.25rem .5rem;color:rgba(127,243,255,.78);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.brain-sim-card p{margin:0;color:rgba(244,241,234,.68);line-height:1.6}.brain-sim-card em{color:#f4f1ea;font-style:normal}
.brain-sim-controls{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.brain-sim-controls button{border:1px solid rgba(244,241,234,.14);background:rgba(244,241,234,.045);color:#f4f1ea;padding:.68rem .7rem;font:900 .68rem/1 Sora,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.brain-sim-controls button:hover{border-color:rgba(127,243,255,.42);background:rgba(127,243,255,.09);color:#7ff3ff}
.brain-sim-stack{display:grid;gap:.6rem}.brain-sim-stack span{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px solid rgba(244,241,234,.08);padding-bottom:.55rem}.brain-sim-stack span:last-child{border-bottom:0;padding-bottom:0}.brain-sim-stack b{color:#f4f1ea;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.brain-sim-stack i{font-style:normal;color:rgba(244,241,234,.48);font-size:.78rem}
@media(max-width:980px){.brain-sim-head,.brain-sim-grid{grid-template-columns:1fr}.brain-sim-stage{min-height:520px}}
@media(max-width:680px){.brain-sim-head h2{font-size:clamp(2.6rem,14vw,4.8rem)!important;max-width:100%}.brain-sim-stage{min-height:430px}.brain-sim-controls{grid-template-columns:1fr}.brain-sim-readout{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){.brain-sim-stage canvas{opacity:.65}}
/* ===== easter eggs: horse protocol + honest inspect surface ===== */
body[data-easter="horse"] .premium-particles{opacity:1!important;filter:saturate(1.85) contrast(1.22) brightness(1.16) drop-shadow(0 0 22px rgba(255,207,122,.22))!important}
body[data-easter="horse"] .cursor-ring{border-color:rgba(255,207,122,.82)!important;box-shadow:0 0 54px rgba(255,207,122,.28),inset 0 0 26px rgba(255,207,122,.16)!important;animation:horseRing .44s ease-in-out infinite alternate}
body[data-easter="horse"] .cursor-meta span::before{content:"HORSE PROTOCOL ";color:#ffcf7a}
body[data-easter="horse"] .hack-hud{border-color:rgba(255,207,122,.28)!important;color:#ffcf7a!important;text-shadow:0 0 18px rgba(255,207,122,.36)}
body[data-easter="horse"] .brain-copy h1{animation:horseGlitch .28s steps(2,end) 9}
body.inspect-surface .brain-hero::before,body.inspect-surface .terminal-panel,body.inspect-surface .brain-copy,body.inspect-surface .artifact-field-shell,body.inspect-surface .project-stage{outline:1px dashed rgba(127,243,255,.48);outline-offset:8px}
body.inspect-surface .brain-terminal::after,body.inspect-surface .brain-copy::after,body.inspect-surface .artifact-field-shell::after{position:absolute;z-index:12;top:-.75rem;left:1rem;padding:.25rem .45rem;border:1px solid rgba(127,243,255,.28);background:rgba(3,3,4,.82);color:#7ff3ff;font:900 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;pointer-events:none}
body.inspect-surface .brain-terminal::after{content:"fake terminal / real intent"}body.inspect-surface .brain-copy::after{content:"public brain metaphor"}body.inspect-surface .artifact-field-shell::after{content:"artifact proof grid"}
@keyframes horseRing{to{transform:translate(var(--mx,50vw),var(--my,50vh)) scale(1.18)}}
@keyframes horseGlitch{50%{transform:translateX(3px) skewX(-2deg);filter:drop-shadow(0 0 34px rgba(255,207,122,.25))}100%{transform:translateX(-2px) skewX(1deg)}}
@media(max-width:760px),(prefers-reduced-motion:reduce){body[data-easter="horse"] .brain-copy h1,.cursor-ring{animation:none!important}}
/* cache marker: easter-horse-inspect-1 */

/* ===== remove scroll-card detour; let the background own the page ===== */
.project-scroll,.proof-scroll,.project-stage{display:none!important}
body.home-scryx .spine-canvas{opacity:.96!important;filter:saturate(1.24) contrast(1.22) brightness(1.02) drop-shadow(0 0 58px rgba(185,101,255,.22))!important}
body.home-scryx[data-zone="artifacts"] .spine-canvas,
body.home-scryx[data-zone="map"] .spine-canvas,
body.home-scryx.spine-muted .spine-canvas{opacity:.74!important;filter:saturate(1.16) contrast(1.14) brightness(.88) blur(.12px) drop-shadow(0 0 46px rgba(127,243,255,.16))!important}
body.home-scryx .webgl-core-canvas{opacity:.46!important;filter:saturate(1.28) contrast(1.24) brightness(.92)!important}
body.home-scryx .field-canvas{opacity:.38!important;filter:saturate(1.14) brightness(.96)!important}
body.home-scryx .spark-canvas{opacity:.48!important}
body.home-scryx .matrix-canvas{opacity:.16!important}
body.home-scryx .premium-particles{opacity:.88!important}
.artifact-field-shell,.brain-map,.brain-sim-stage{background:linear-gradient(145deg,rgba(3,3,6,.58),rgba(2,2,4,.66))!important;backdrop-filter:blur(10px)!important}
/* cache marker: no-scroll-cards-bg-1 */

/* ===== mobile premium escalation: pocket scryx, not a shrunken desktop ===== */
@media(max-width:760px){
  :root{--mobile-glass:rgba(5,4,10,.58);--mobile-line:rgba(216,199,255,.16);--mobile-cyan:rgba(127,243,255,.62)}
  body.home-scryx{background:
    radial-gradient(480px 520px at 68% 5%,rgba(185,101,255,.30),transparent 68%),
    radial-gradient(420px 520px at 26% 42%,rgba(127,243,255,.13),transparent 62%),
    linear-gradient(160deg,#000 0%,#05030a 48%,#10071a 100%)!important}
  body.home-scryx::before{background-size:46px 46px,46px 46px,auto,auto!important;opacity:.32!important;mask-image:linear-gradient(180deg,black 0 58%,transparent 96%)!important}
  body.home-scryx::after{background:
    radial-gradient(circle at var(--mx,70vw) var(--my,18vh),rgba(127,243,255,.22),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 36%,rgba(185,101,255,.09))!important;opacity:.42!important}

  .scryx-nav-shell{left:.65rem;right:.65rem;top:.55rem;width:auto;border:1px solid rgba(216,199,255,.14)!important;border-radius:22px;background:rgba(3,3,6,.56)!important;backdrop-filter:blur(22px) saturate(1.14)!important;box-shadow:0 18px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}
  .scryx-nav-shell .nav-row{padding:.5rem .55rem!important;grid-template-columns:auto auto!important}.scryx-nav-shell .brand-mark{border:0!important;background:transparent!important;padding:0!important}.scryx-nav-shell .brand-mark img{width:32px!important;height:32px!important;border-radius:10px!important}.nav-toggle{border-radius:14px!important;background:rgba(255,255,255,.055)!important}.nav-open .scryx-nav{margin-top:.45rem;border-radius:16px;background:rgba(0,0,0,.24)!important}.scryx-nav a{min-height:38px!important;border:1px solid rgba(216,199,255,.10)!important;background:rgba(255,255,255,.025)!important}.scryx-nav a.is-active{box-shadow:0 10px 34px rgba(185,101,255,.22)!important}

  .brain-hero{display:flex!important;flex-direction:column!important;gap:1rem!important;padding-top:5.7rem!important;padding-bottom:1.35rem!important}.brain-copy{order:-1!important;padding-left:0!important;width:100%;transform:none!important}.brain-copy .eyebrow{font-size:.58rem!important;letter-spacing:.17em!important;padding:.38rem .52rem!important;background:rgba(3,3,4,.42)!important}.brain-copy h1{font-size:clamp(3.25rem,18vw,5.8rem)!important;line-height:.78!important;letter-spacing:-.11em!important;max-width:7.6ch!important;margin-bottom:.78rem!important}.brain-copy h1::after{opacity:.48;transform:translate3d(5px,4px,0)}.brain-copy .lead{font-size:.94rem!important;line-height:1.5!important;padding:.72rem .78rem!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(3,3,5,.58),rgba(25,12,45,.34))!important;box-shadow:0 18px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06)}.interface-readout{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:.38rem!important}.interface-readout span{display:grid;place-items:center;min-height:38px;border-radius:14px!important;text-align:center;background:rgba(3,3,5,.46)!important;border-color:rgba(127,243,255,.15)!important;color:rgba(244,241,234,.72)!important}

  .brain-terminal{width:100%;opacity:.64!important;margin:0 0 1rem!important;border-radius:22px!important;box-shadow:0 24px 90px rgba(0,0,0,.46),0 0 52px rgba(185,101,255,.10)!important}.term-top{padding:.62rem .72rem!important;font-size:.64rem!important}.terminal-panel pre{max-height:305px;overflow:hidden;padding:.82rem .9rem 1rem!important;font-size:.66rem!important;line-height:1.52!important;mask-image:linear-gradient(180deg,black 0 78%,transparent 100%)}

  .spine-canvas{opacity:.98!important;filter:saturate(1.34) contrast(1.22) brightness(1.06) drop-shadow(0 0 58px rgba(185,101,255,.26))!important}.mycelium-canvas{opacity:.58!important}.webgl-core-canvas{opacity:.34!important}.spark-canvas{opacity:.42!important}.matrix-canvas{opacity:.10!important}.scroll-system{display:none!important}.hack-hud,.breach-feed{display:none!important}.cmd-trigger{right:.7rem!important;bottom:calc(.7rem + env(safe-area-inset-bottom))!important;padding:.68rem .82rem!important;border-radius:16px!important;background:linear-gradient(135deg,#f4f1ea,#d9c7ff)!important;color:#050307!important;box-shadow:0 20px 70px rgba(185,101,255,.22)!important}

  .exploit-lab,.brain-sim-demo,.showcase-section,.philosophy-stack{padding-top:2.6rem!important}.lab-head h2,.brain-sim-head h2,.section-heading-row h2,.stack-head h2{font-size:clamp(2.75rem,15vw,5.2rem)!important;line-height:.78!important;letter-spacing:-.10em!important;max-width:8.8ch!important}.lab-head p:last-child,.brain-sim-head p:last-child,.stack-head p:not(.section-kicker){font-size:.94rem!important;line-height:1.55!important;background:rgba(3,3,5,.34);border:1px solid rgba(216,199,255,.09);padding:.72rem .78rem;border-radius:18px}
  .lab-grid{gap:.75rem!important}.lab-panel{min-height:210px!important;border-radius:22px!important;background:linear-gradient(150deg,rgba(9,8,16,.66),rgba(3,3,6,.58))!important}.lab-panel::before{opacity:.55!important}.net-viz{transform:scale(.86);transform-origin:center}.lab-terminal code{font-size:.72rem!important;line-height:1.65!important}.lab-keycard h3{font-size:2rem!important}

  .brain-sim-grid{gap:.75rem!important}.brain-sim-stage{min-height:390px!important;border-radius:22px!important}.brain-sim-readout{left:.7rem!important;right:.7rem!important;bottom:.7rem!important;max-width:none!important;font-size:.52rem!important;border-radius:14px!important}.brain-sim-card,.brain-sim-controls,.brain-sim-stack{border-radius:18px!important;background:rgba(3,3,6,.52)!important}.brain-sim-controls button{min-height:42px;border-radius:14px!important;background:rgba(255,255,255,.055)!important}

  .artifact-field-shell{padding:.72rem!important;border-radius:24px!important;background:rgba(3,3,6,.34)!important;backdrop-filter:blur(8px)!important}.artifact-lines{opacity:.45}.project-grid.artifact-field{display:flex!important;gap:.85rem!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:.65rem .2rem 1rem!important;margin-left:-.2rem;margin-right:-.2rem;-webkit-overflow-scrolling:touch}.project-grid.artifact-field::-webkit-scrollbar{height:0}.project-grid.artifact-field .project-card{flex:0 0 min(84vw,360px)!important;min-height:440px!important;scroll-snap-align:center;border-radius:24px!important;padding:1rem!important;transform:none!important;box-shadow:0 24px 90px rgba(0,0,0,.48),0 0 60px rgba(127,243,255,.055),inset 0 1px 0 rgba(255,255,255,.07)!important}.project-grid.artifact-field .project-card h3{font-size:clamp(2rem,10vw,3.25rem)!important;line-height:.82!important;max-width:9ch!important}.project-grid.artifact-field .project-card p{font-size:.86rem!important;line-height:1.42!important;border-radius:14px!important}.project-grid.artifact-field .project-card::after{content:"swipe / tap"!important;left:1rem!important;right:auto!important;bottom:.82rem!important;color:rgba(127,243,255,.72)!important}.project-grid.artifact-field .project-card.has-github::after{content:"swipe / tap → github"!important}.project-grid.artifact-field .project-card.repo-pending::after{content:"repo soon"!important;color:rgba(244,241,234,.46)!important}.project-grid.artifact-field .project-card .card-bg-img,.project-grid.artifact-field .project-card .card-visual,.project-grid.artifact-field .project-card .qa-flow,.project-grid.artifact-field .project-card .track-visual,.project-grid.artifact-field .project-card .face-signal,.project-grid.artifact-field .project-card .iot-map,.project-grid.artifact-field .project-card .market-visual,.project-grid.artifact-field .project-card .rule-visual{opacity:.62!important;filter:saturate(.98) contrast(1.15) brightness(.78)!important}

  .stack-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;border:0!important;gap:.8rem!important;padding-bottom:.4rem}.stack-grid article{flex:0 0 min(78vw,320px)!important;scroll-snap-align:center;border:1px solid rgba(216,199,255,.14)!important;border-radius:22px!important;background:rgba(3,3,6,.45)!important;min-height:220px!important}.stack-grid article span{font-size:.68rem!important}.stack-grid article strong{font-size:clamp(1.8rem,10vw,3rem)!important}

  .cookie-consent{bottom:calc(4.55rem + env(safe-area-inset-bottom))!important;left:.7rem!important;right:.7rem!important;background:rgba(3,3,6,.54)!important;border-radius:18px!important;box-shadow:0 18px 70px rgba(0,0,0,.44)!important}.cookie-consent p{font-size:.65rem!important}.cookie-actions button{border-radius:12px!important}
}
@media(max-width:390px){.brain-copy h1{font-size:clamp(3rem,17vw,4.8rem)!important}.project-grid.artifact-field .project-card{flex-basis:86vw!important;min-height:410px!important}.terminal-panel pre{font-size:.62rem!important}.interface-readout{grid-template-columns:1fr!important}}
/* cache marker: mobile-premium-pocket-scryx-1 */

/* mobile premium hotfix: header alignment + less intrusive consent chip */
@media(max-width:760px){
  .scryx-nav-shell .nav-row{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}.scryx-nav-aux{margin-left:auto!important}.nav-open .scryx-nav{flex:0 0 100%!important}.nav-toggle{margin-left:auto!important}
  .cookie-consent{padding:.54rem!important;bottom:calc(4.2rem + env(safe-area-inset-bottom))!important;background:rgba(3,3,6,.46)!important;backdrop-filter:blur(18px) saturate(1.05)!important}.cookie-actions button{min-height:34px!important}.cookie-consent p{max-width:34ch!important}
}
/* cache marker: mobile-premium-pocket-scryx-1b */

/* cache marker: mobile-touch-animation-removed-1 */

/* consistency audit fixes: mobile header must not create 7px overflow; cortex hint only on homepage */
@media(max-width:760px),(pointer:coarse){
  .scryx-nav-shell{width:calc(100% - 1.3rem)!important;max-width:calc(100% - 1.3rem)!important;box-sizing:border-box!important}
  .ml-page .brain-copy::before,.projects-shell .brain-copy::before,.lab-index-shell .brain-copy::before,.about-shell .brain-copy::before{content:none!important;display:none!important}
}
/* cache marker: consistency-mobile-overflow-cortex-1 */

/* mobile first-contact pass: keep the real live brain/spine scene unobstructed */
.hero-entry{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.68rem .84rem;border:1px solid rgba(127,243,255,.34);background:linear-gradient(135deg,rgba(127,243,255,.15),rgba(185,101,255,.13));box-shadow:0 14px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12);color:#f4f1ea!important;font:900 .68rem/1 Sora,system-ui,sans-serif;letter-spacing:.11em;text-decoration:none!important;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease}.hero-entry:hover,.hero-entry:focus-visible{transform:translateY(-2px);border-color:rgba(127,243,255,.72);background:linear-gradient(135deg,rgba(127,243,255,.24),rgba(185,101,255,.22))}.hero-entry span{font-size:1rem;line-height:.5}
@media(max-width:760px){.brain-hero{min-height:auto!important;gap:.78rem!important;padding-bottom:1.2rem!important}.brain-copy h1{max-width:6.4ch!important;font-size:clamp(3.35rem,17.2vw,5.15rem)!important}.brain-copy .lead{max-width:32rem!important}.hero-entry{margin-top:.78rem;border-radius:14px!important}}
@media(max-width:390px){.hero-entry{font-size:.62rem}}
@media(max-width:760px){.site-header.scryx-nav-shell{overflow:visible!important}.scryx-nav{position:relative!important;z-index:12!important}.nav-open .scryx-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;height:auto!important;max-height:420px!important;box-shadow:0 18px 58px rgba(0,0,0,.46)!important}.nav-open .scryx-nav a{width:auto!important;min-width:0!important}}
@media(max-width:420px){.nav-open .scryx-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.hero-entry{transition:none}.hero-entry:hover{transform:none}}

/* mobile project rail: the next project must visibly exist */
.artifact-rail-meta{display:none}
@media(max-width:760px){
  .artifact-rail-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;position:relative;z-index:4;margin:.05rem .2rem .25rem;padding:.38rem .18rem .48rem;border-bottom:1px solid rgba(127,243,255,.13);color:rgba(244,241,234,.56);font:800 .61rem/1 Sora,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
  .artifact-rail-meta b{color:#f4f1ea;font-size:.86rem;letter-spacing:.03em}
  .artifact-rail-meta span:last-child{color:rgba(127,243,255,.78)}
  .artifact-rail-meta i{display:inline-block;font-style:normal;font-size:1.15rem;line-height:.45;animation:artifactRailNudge 1.7s ease-in-out infinite}
  .project-grid.artifact-field{padding-left:.2rem!important;padding-right:.2rem!important;scroll-padding-inline:.2rem!important}
  .project-grid.artifact-field .project-card{flex-basis:min(76vw,318px)!important;min-height:420px!important}
  .project-grid.artifact-field::after{content:"";position:sticky;right:0;align-self:stretch;z-index:5;flex:0 0 2.25rem;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(3,3,6,.76));margin-left:-2.25rem}
}
@keyframes artifactRailNudge{0%,100%{transform:translateX(0);opacity:.68}50%{transform:translateX(5px);opacity:1}}
@media(prefers-reduced-motion:reduce){.artifact-rail-meta i{animation:none}}

/* public artifact grid: only projects with a public repo belong here */
@media(min-width:1121px){.project-grid.artifact-field .project-card{grid-column:span 3!important}}

/* The custom reticle belongs to desktop; never let it ghost onto touch screens. */
@media(max-width:760px),(pointer:coarse){
  .cursor-system,.cursor-orb{display:none!important}
  body.home-scryx,body.home-scryx a,body.home-scryx button{cursor:auto!important}
}
