*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#10120f;color:#f0f2e9;font-family:'Space Grotesk',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent, #d6ff62);color:#10120f}:focus-visible{outline:2px solid var(--accent, #d6ff62);outline-offset:6px}.nav,main,footer{max-width:1440px;margin:auto}.nav{padding:32px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30332c}.logo{font-size:32px;font-weight:700;letter-spacing:-2px}.logo span{font-weight:400}.logo i{font:12px 'IBM Plex Mono';vertical-align:top;margin-left:7px;color:var(--accent, #d6ff62)}.nav nav{display:flex;align-items:center;gap:38px;font-size:14px}.nav-contact{border:1px solid #5b6052;padding:12px 18px}.nav-contact span{margin-left:25px}.hero{padding:58px 6% 0;overflow:hidden}.eyebrow,.location,.section-label,.hero-foot,.chip,.section-heading>span,.group-label,.num,.handle,.tags,footer>span,footer>a:last-child{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent, #d6ff62)}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent, #d6ff62);box-shadow:0 0 14px #d6ff6255;display:inline-block}.location{margin-left:auto;color:#929887}h1{font-size:clamp(48px,7vw,102px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:48px 0 35px}h1>span{color:#8c9381}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-bottom:55px}.hero p{font-size:18px;line-height:1.7;color:#aeb4a5}.hero p strong{color:#f0f2e9;font-weight:400}.primary{background:var(--accent, #d6ff62);color:#10120f;padding:17px 23px;display:inline-flex;gap:45px;margin-top:18px;font-size:14px;font-weight:600}.primary:hover{background:#e4ff9d}.chip{position:relative;width:310px;height:230px;justify-self:center;border:1px solid #535e40;padding:20px;background:repeating-linear-gradient(90deg,transparent 0 15px,#252c1c 16px 17px);box-shadow:0 0 80px #a2cf3010;transform:rotate(-8deg)}.chip:before,.chip:after{content:'';position:absolute;left:-15px;right:-15px;height:180px;top:25px;background:repeating-linear-gradient(0deg,transparent 0 9px,#677447 9px 12px,transparent 12px 18px);z-index:-1}.chip:after{transform:rotate(90deg);left:40px;right:40px;top:-30px;height:290px}.chip-inner{background:#191e13;border:1px solid #758452;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.chip-inner>span{font-size:8px;color:#949f7d}.chip b{font-family:'Space Grotesk';font-size:65px;letter-spacing:-5px;color:var(--accent, #d6ff62);font-weight:500}.chip b span{color:#606d43}.chip-meta{display:flex;justify-content:space-between;font-size:7px;color:#949f7d}.chip-caption{position:absolute;bottom:-38px;left:10px;font-size:8px;color:#7a846b}.hero-foot{border-top:1px solid #30332c;padding:22px 0;display:flex;justify-content:space-between;color:#929887}.hero-foot a{color:var(--accent, #d6ff62)}.section{border-top:1px solid #30332c;padding:85px 6%;display:grid;grid-template-columns:1fr 2fr;gap:55px}.section-label{color:#929887;padding-top:10px}h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0 0 25px}.about-copy p{max-width:570px;color:#aeb4a5;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tags span{border:1px solid #3b4133;padding:9px 12px;color:#c3cab7;font-size:10px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading>span{color:#929887;white-space:nowrap}.group-label{font-size:10px;color:var(--accent, #d6ff62);padding:20px 0;border-bottom:1px solid #3a4032}.channel{display:grid;grid-template-columns:30px 1fr auto 20px;gap:18px;align-items:center;border-bottom:1px solid #30332c;padding:23px 0;transition:background .2s,padding .2s}.channel:hover{background:#1a2013;padding-left:12px;padding-right:12px}.num{color:#69715f;font-size:10px}.channel h3{font-size:21px;margin:0;font-weight:400;letter-spacing:-.02em}.channel p{font-size:12px;color:#929887;margin:6px 0 0}.handle{font-size:11px;color:#aeb4a5}.arrow{color:var(--accent, #d6ff62);font-size:22px}.play{margin-top:30px}.play span{display:block;margin-top:9px;color:#929887;letter-spacing:0;font-family:'Space Grotesk';font-size:13px}.contact{background:var(--accent, #d6ff62);color:#161b10}.contact .section-label,.contact .eyebrow{color:#3e4b29}.contact .dot{background:#3e4b29}.contact h2{margin-top:28px;font-size:clamp(40px,5vw,70px)}.contact p{color:#45532e}.email{font-size:clamp(17px,2.3vw,30px);display:flex;justify-content:space-between;border-bottom:1px solid #8eae3e;padding:18px 0;letter-spacing:-.03em;overflow-wrap:anywhere}.contact-actions{display:flex;gap:12px;margin-top:22px}.contact button{border:1px solid #8eae3e;background:transparent;padding:12px 18px;font-size:12px;cursor:pointer;color:#161b10}.contact button:hover{background:#c6ef4e}.contact button span{margin-left:20px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child{color:#929887;font-size:10px}footer .logo{font-size:24px}.skip{position:fixed;top:-60px;background:var(--accent, #d6ff62);color:#10120f;padding:15px;z-index:9}.skip:focus{top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#f0f2e9;color:#10120f;padding:14px 24px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px}#toast.show{opacity:1}@media(min-width:1500px){body{border-left:1px solid #30332c;border-right:1px solid #30332c;max-width:1440px;margin:auto}}@media(max-width:760px){.nav{padding:22px 6%}.nav nav{gap:20px}.nav nav>a:first-child{display:none}.nav-contact{padding:9px 12px}.nav-contact span{margin-left:10px}.hero{padding-top:35px}.location{font-size:8px}.eyebrow{font-size:9px}h1{margin-top:35px;font-size:clamp(43px,8.2vw,62px)}.hero-bottom{grid-template-columns:1fr;gap:55px}.hero p{font-size:16px}.chip{margin:10px 0 35px;width:270px;height:210px}.hero-foot{font-size:8px}.section{grid-template-columns:1fr;gap:28px;padding:50px 6%}.section-heading>span{font-size:9px}.channel{gap:10px;grid-template-columns:22px 1fr auto 15px}.handle{font-size:9px;max-width:130px;overflow-wrap:anywhere}.channel h3{font-size:19px}.contact-actions{flex-wrap:wrap}footer{flex-wrap:wrap}footer>span{font-size:8px}footer>a:last-child{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Motion and directory refinements */
.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent, #d6ff62);z-index:20;transform-origin:left;transform:scaleX(0);width:100%;pointer-events:none}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}.filter{border:1px solid #3b4133;color:#aeb4a5;background:transparent;padding:11px 14px;font-size:12px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.filter span{font:9px 'IBM Plex Mono';margin-left:12px;color:#7c876b}.filter.active{background:var(--accent, #d6ff62);color:#10120f;border-color:var(--accent, #d6ff62)}.filter.active span{color:#46562b}.filter:hover{border-color:var(--accent, #d6ff62)}.channel[hidden],.group-label[hidden]{display:none}.directory-note{color:#929887;font-size:12px;margin:25px 0 0}.directory-note a{color:var(--accent, #d6ff62);border-bottom:1px solid #596c35;padding-bottom:3px}.contact-count{display:block;margin-top:12px;font-size:9px;opacity:.75}.chip{isolation:isolate;animation:chip-float 7s ease-in-out infinite}.chip-inner{position:relative;overflow:hidden}.chip-inner:after{content:'';position:absolute;top:-70%;left:-30%;width:160%;height:60%;background:linear-gradient(transparent,#d6ff620b,transparent);transform:rotate(-25deg);animation:chip-scan 6s ease-in-out infinite;pointer-events:none}.chip-orbit{position:absolute;inset:-36px;border:1px solid #d6ff6219;z-index:-2}.chip-orbit:before,.chip-orbit:after{content:'+';position:absolute;color:#7c9052;font-size:16px}.chip-orbit:before{top:-10px;left:-5px}.chip-orbit:after{bottom:-10px;right:-5px}.chip b span{animation:cursor-blink 1.5s steps(1) infinite}.dot{animation:signal-pulse 3s ease-in-out infinite}.hero h1{animation:hero-in .9s cubic-bezier(.2,.65,.2,1) both}.hero .eyebrow{animation:hero-in .7s ease both}.hero-bottom>div:first-child{animation:hero-in .9s .12s ease both}.primary,.nav-contact{transition:transform .2s,background .2s,border-color .2s}.primary:hover{transform:translateY(-3px)}.nav-contact:hover{border-color:var(--accent, #d6ff62);background:#d6ff6209}.primary span,.arrow,.email>span{display:inline-block;transition:transform .25s}.primary:hover span,.channel:hover .arrow,.email:hover>span{transform:translate(3px,-3px)}.nav nav>a{position:relative}.nav nav>a[aria-current="location"]{color:var(--accent, #d6ff62)}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.2,1)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.channel.filter-enter{animation:row-in .35s ease both}.contact button{transition:background .2s,transform .2s}.contact button:active{transform:scale(.97)}@keyframes chip-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(-5deg)}}@keyframes chip-scan{0%,20%{top:-70%}80%,100%{top:150%}}@keyframes cursor-blink{0%,60%{opacity:1}61%,100%{opacity:.2}}@keyframes signal-pulse{0%,100%{box-shadow:0 0 0 0 #d6ff6230}50%{box-shadow:0 0 0 5px #d6ff6200}}@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes row-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.section-heading{align-items:flex-start}.section-heading h2{font-size:32px}.section-heading>span{padding-top:10px;font-size:8px}.filters{gap:6px}.filter{font-size:10px;padding:11px}.filter span{margin-left:6px}.channel{grid-template-columns:22px 1fr 18px;gap:8px}.channel .handle{grid-column:2;grid-row:2;font-size:11px;max-width:none;margin-top:-3px}.channel .arrow{grid-column:3;grid-row:1 / 3}.channel .num{align-self:start;margin-top:6px}.channel p{font-size:11px}.contact-actions button{min-height:44px}.hero .location{max-width:125px;text-align:right;line-height:1.8}.hero .desktop{display:none}.chip{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}

/* Navigation, platform marks, and a second palette */
:root{color-scheme:dark}.nav{position:relative;gap:25px}.nav-tools{display:flex;align-items:center;gap:12px;margin-left:auto;order:2}.nav nav{order:1;margin-left:auto}.theme-toggle,.menu-toggle{background:transparent;border:1px solid #3b4133;color:#f0f2e9;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--accent, #d6ff62);color:var(--accent, #d6ff62)}.menu-toggle{display:none;font-size:12px;gap:15px;padding:0 15px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.hero-actions .primary{margin:0}.secondary{font-size:13px;color:#b4bda6;padding:12px 0;border-bottom:1px solid #4c573b;transition:color .2s}.secondary span{margin-left:10px}.secondary:hover{color:var(--accent, #d6ff62)}.directory-intro{font-size:14px;line-height:1.7;color:#aeb4a5;margin:0 0 25px}.channel{grid-template-columns:25px 42px 1fr auto 20px;gap:15px}.platform-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1a2014;border:1px solid #343d29;border-radius:10px;color:#c1cdae;transition:background .2s,color .2s,border-color .2s}.platform-icon svg{width:20px;height:20px}.channel:hover .platform-icon{color:var(--accent, #d6ff62);border-color:#5b6c3d;background:#252f18}.channel.instagram:hover .platform-icon{color:#f0b5df}.contact button.copied{background:#161b10;color:var(--accent, #d6ff62)}.contact button{min-height:44px}.directory-note a,.hero-foot a,footer>a:last-child{padding-top:8px;padding-bottom:8px}.section-label{position:relative}html[data-theme="light"]{color-scheme:light}html[data-theme="light"] body{background:#f2f3ec;color:#1c2316}html[data-theme="light"] .nav,html[data-theme="light"] .section,html[data-theme="light"] .hero-foot,html[data-theme="light"] .channel{border-color:#d4d9ca}html[data-theme="light"] h1>span{color:#748365}html[data-theme="light"] .hero p,html[data-theme="light"] .about-copy p,html[data-theme="light"] .directory-intro{color:#55624a}html[data-theme="light"] .hero p strong{color:#1c2316}html[data-theme="light"] .eyebrow,html[data-theme="light"] .group-label,html[data-theme="light"] .hero-foot a,html[data-theme="light"] .arrow,html[data-theme="light"] .directory-note a{color:#4d6a24}html[data-theme="light"] .location,html[data-theme="light"] .section-label,html[data-theme="light"] .hero-foot,html[data-theme="light"] .section-heading>span,html[data-theme="light"] .channel p,html[data-theme="light"] .handle,html[data-theme="light"] .directory-note,html[data-theme="light"] footer>span,html[data-theme="light"] footer>a:last-child,html[data-theme="light"] .num{color:#637057}html[data-theme="light"] .tags span,html[data-theme="light"] .filter{border-color:#ccd3c0;color:#55624a}html[data-theme="light"] .filter.active{background:#243416;color:#e2ffb1;border-color:#243416}html[data-theme="light"] .filter.active span{color:#c3d7a8}html[data-theme="light"] .filter span{color:#637057}html[data-theme="light"] .group-label{border-color:#cdd5c0}html[data-theme="light"] .play span{color:#637057}html[data-theme="light"] .channel:hover{background:#e8eddf}html[data-theme="light"] .platform-icon{background:#e6ebdc;color:#4d6233;border-color:#cbd4bd}html[data-theme="light"] .channel:hover .platform-icon{background:#dbe8c7;color:#354b19;border-color:#8b9e70}html[data-theme="light"] .theme-toggle,html[data-theme="light"] .menu-toggle,html[data-theme="light"] .nav-contact{color:#27351c;border-color:#bdc8ac}html[data-theme="light"] .nav nav>a[aria-current="location"]{color:#476b1d}html[data-theme="light"] .secondary{color:#47622a;border-color:#9aaa86}html[data-theme="light"] .contact .section-label,html[data-theme="light"] .contact .eyebrow{color:#3e4b29}html[data-theme="light"] .reading-progress{background:#4d6a24}html[data-theme="light"] #toast{background:#243416;color:#f2f3ec}html[data-theme="light"] :focus-visible{outline-color:#50702a}html[data-theme="light"] .chip-orbit{border-color:#91a16e55}html[data-theme="light"] .chip-caption{color:#53663b}@media(max-width:760px){.nav{flex-wrap:wrap;gap:12px}.nav-tools{order:1}.menu-toggle{display:flex}.nav nav{order:2;margin:0;width:100%;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #3b4133}.nav nav>a:first-child{display:block}.nav.menu-ready nav{display:none}.nav.menu-ready.menu-open nav{display:flex}.nav-contact{border:0;padding:12px 0}.hero-actions{gap:20px}.hero-actions .primary{gap:25px}.channel{grid-template-columns:22px 40px 1fr auto 18px;gap:10px}.channel .handle{max-width:110px;font-size:10px}}@media(max-width:480px){.channel{grid-template-columns:19px 38px 1fr 18px;column-gap:10px}.platform-icon{width:36px;height:36px;grid-column:2;grid-row:1 / 3}.channel .channel-info{grid-column:3;grid-row:1}.channel .handle{grid-column:3;grid-row:2;max-width:none;font-size:11px}.channel .arrow{grid-column:4;grid-row:1 / 3}.channel .num{grid-column:1;grid-row:1 / 3}.channel h3{font-size:18px}.hero-actions{gap:14px}.hero-actions .primary{padding:16px 18px;font-size:12px}.secondary{font-size:12px}.theme-toggle{width:44px}.hero{padding-top:28px}}

.nav:not(.menu-ready) .menu-toggle{display:none}

/* Personal portrait */
.about-identity{min-width:0}.portrait{margin:28px 0 0;max-width:280px}.portrait img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 35%;border:1px solid #3b4133;border-radius:3px;filter:saturate(.9);transition:filter .35s ease,border-color .35s ease}.portrait:hover img{filter:saturate(1);border-color:#718a45}.portrait figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:13px;font:8px 'IBM Plex Mono',monospace;letter-spacing:.05em;color:#929887}.about-copy{align-self:center}html[data-theme="light"] .portrait img{border-color:#bdc8ac}html[data-theme="light"] .portrait figcaption{color:#637057}@media(max-width:760px){.about-identity{display:grid;grid-template-columns:1fr 160px;align-items:start;gap:20px}.portrait{margin:0;max-width:160px}.portrait figcaption{flex-direction:column;gap:5px;font-size:7px}.about .section-label{padding-top:4px}}@media(max-width:380px){.about-identity{grid-template-columns:1fr 130px}.portrait{max-width:130px}}

/* Holographic collector card: the portrait stays intact beneath foil. */
.holo-portrait{perspective:900px}.holo-card{--mx:50%;--my:40%;--rx:0deg;--ry:0deg;position:relative;padding:9px;border:1px solid #cad4a7;border-radius:15px;background:linear-gradient(135deg,#eff7c9,#9acbb8 20%,#bba8e0 40%,#fae4a7 60%,#87bca7 80%,#d8eeb7);box-shadow:0 12px 30px #0005,0 0 0 1px #ffffff20 inset;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s ease,box-shadow .4s ease;isolation:isolate;will-change:transform}.holo-card.is-tracking{transition:transform .1s ease,box-shadow .3s ease;box-shadow:0 18px 45px #0006,0 0 26px #b9eaff22}.holo-topline,.holo-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;color:#1d2a23}.holo-topline{padding:5px 5px 10px;font:8px 'IBM Plex Mono',monospace;letter-spacing:.08em}.holo-topline>span:first-child{font-family:'Space Grotesk',sans-serif;font-size:16px;letter-spacing:-.04em;font-weight:700}.holo-art{position:relative;overflow:hidden;border-radius:7px;border:1px solid #182b3755;background:#181d20}.holo-portrait .holo-art img{border:0;border-radius:0;aspect-ratio:4 / 5;filter:saturate(.95) contrast(1.02);object-position:50% 35%;transition:filter .4s}.holo-portrait:hover .holo-art img{filter:saturate(1.08) contrast(1.02)}.holo-foil,.holo-sparkle,.holo-glare,.holo-edge{position:absolute;inset:0;pointer-events:none}.holo-foil{background:repeating-linear-gradient(115deg,#ff99de66 0%,#ffdb8c66 8%,#c4ff8c66 16%,#83eaff77 24%,#bba0ff77 32%,#ff99de66 40%);background-size:300% 300%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.38;animation:foil-drift 9s ease-in-out infinite alternate}.holo-sparkle{background-image:radial-gradient(circle,#fff 0 .65px,transparent 1px),radial-gradient(circle,#c1eaff 0 .7px,transparent 1.2px),repeating-linear-gradient(45deg,transparent 0 3px,#ffffff06 3px 4px);background-size:17px 23px,29px 31px,100% 100%;background-position:var(--mx) var(--my),calc(100% - var(--mx)) calc(100% - var(--my)),center;mix-blend-mode:screen;opacity:.24;mask-image:linear-gradient(120deg,#000,transparent 45%,#000);animation:sparkle-shift 6s ease-in-out infinite alternate}.holo-glare{background:radial-gradient(ellipse at var(--mx) var(--my),#ffffff85 0%,#e8f4ff22 22%,transparent 60%);mix-blend-mode:screen;opacity:.55;transition:opacity .3s}.holo-card.is-tracking .holo-glare{opacity:.8}.holo-card.is-tracking .holo-foil{opacity:.55;animation-play-state:paused}.holo-bottom{padding:12px 6px 4px;font-size:19px;font-weight:700;letter-spacing:-.04em}.holo-type{display:block;font:6px 'IBM Plex Mono',monospace;letter-spacing:.1em;margin-top:4px}.holo-star{font-size:32px;font-weight:400;line-height:1}.holo-edge{border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff90,inset 0 0 0 3px #ffffff20;background:linear-gradient(115deg,transparent 30%,#ffffff33 49%,transparent 65%);z-index:3}.holo-portrait figcaption{padding:0 5px}.holo-portrait:after{content:'HOLOGRAPHIC EDITION · MOVE TO SHINE';display:block;text-align:center;margin-top:10px;font:6px 'IBM Plex Mono',monospace;letter-spacing:.09em;color:#929887}html[data-theme="light"] .holo-card{box-shadow:0 12px 30px #263d2725,0 0 0 1px #ffffff50 inset}html[data-theme="light"] .holo-portrait:after{color:#637057}@keyframes foil-drift{0%{background-position:0% 20%}100%{background-position:100% 80%}}@keyframes sparkle-shift{from{opacity:.16}to{opacity:.35}}@media(max-width:760px){.holo-card{padding:6px;border-radius:10px}.holo-topline{font-size:5px;padding:3px 2px 6px}.holo-topline>span:first-child{font-size:11px}.holo-bottom{font-size:14px;padding:7px 2px 2px}.holo-type{font-size:4px}.holo-star{font-size:22px}.holo-art{border-radius:4px}.holo-edge{border-radius:9px}.holo-portrait:after{font-size:5px;line-height:1.7;content:'HOLOGRAPHIC EDITION'}}@media(prefers-reduced-motion:reduce){.holo-card,.holo-card.is-tracking{transform:none!important;will-change:auto}.holo-foil,.holo-sparkle{animation:none!important}}

/* Playground and quick navigation */
.command-toggle{min-height:44px;border:1px solid #3b4133;background:transparent;color:#c1cdae;padding:0 12px;cursor:pointer;font-size:18px}.command-toggle span{font:10px 'IBM Plex Mono';margin-left:4px}.lab-title{display:flex;justify-content:space-between;gap:10px;font:8px 'IBM Plex Mono',monospace;letter-spacing:.05em;color:#929887;padding:16px;border-bottom:1px solid #303b28}.lab-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent, #d6ff62);margin-right:5px}.terminal,.signal-panel,.reaction-panel{border:1px solid #35402c;background:#141910;border-radius:8px;overflow:hidden}.terminal-output{height:210px;overflow-y:auto;padding:18px 20px;font:12px/1.8 'IBM Plex Mono',monospace;color:var(--accent, #d6ff62);overflow-wrap:anywhere}.terminal-output p{margin:0 0 9px;white-space:pre-wrap}.terminal-output a{text-decoration:underline;text-underline-offset:3px}.terminal-dim{color:#929887}.terminal form{display:flex;align-items:center;gap:9px;padding:13px 16px;border-top:1px solid #303b28;font:10px 'IBM Plex Mono',monospace;color:var(--accent, #d6ff62)}.terminal input{width:100%;min-width:0;background:transparent;border:0;color:#f0f2e9;font:12px 'IBM Plex Mono';padding:9px 2px}.terminal form button,.terminal-shortcuts button,.signal-controls button{border:1px solid #35402c;background:transparent;color:#c1cdae;cursor:pointer;padding:9px 12px;font:10px 'IBM Plex Mono'}.terminal-shortcuts{display:flex;gap:8px;padding:0 16px 16px;flex-wrap:wrap}.terminal-shortcuts button:hover,.signal-controls button:hover{color:var(--accent, #d6ff62);border-color:var(--accent, #d6ff62)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.signal-panel svg{display:block;width:100%;height:140px;color:var(--accent, #d6ff62);padding:14px}.signal-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 16px}.signal-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;font:9px 'IBM Plex Mono';color:#929887;flex:1}.signal-controls input{grid-row:2;grid-column:1 / 3;width:100%;accent-color:var(--accent, #d6ff62)}.signal-controls output{font-size:9px}.reaction-target{width:100%;min-height:172px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:18px;border:0;background:transparent;color:#f0f2e9;cursor:pointer}.reaction-target>span:first-child{font-size:32px;color:var(--accent, #d6ff62)}.reaction-target strong{font-size:18px;font-weight:500}.reaction-target>span:last-child{font-size:10px;color:#929887;line-height:1.6}.reaction-target.waiting{background:#59481740}.reaction-target.ready{background:var(--accent, #d6ff62);color:#10120f}.reaction-target.ready>span{color:#263416}.game-note{margin:0;padding:0 16px 15px;color:#929887;font-size:9px;line-height:1.6}dialog{border:1px solid #4c5b3b;border-radius:12px;background:#161c12;color:#f0f2e9;width:min(540px,calc(100% - 32px));padding:22px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#080d0acc;backdrop-filter:blur(8px)}.command-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.command-head h2{font-size:25px;margin:0}.command-head button{color:inherit;background:transparent;border:0;font-size:26px;width:44px;height:44px;cursor:pointer}#command-search{width:100%;margin:15px 0;padding:14px;background:#0e140b;border:1px solid #3b4b2d;border-radius:5px;color:#f0f2e9;font:14px 'Space Grotesk'}#command-results{max-height:320px;overflow-y:auto}.command-result{display:flex;justify-content:space-between;gap:16px;padding:13px 12px;border-radius:4px;font-size:14px}.command-result span{color:#929887;font:9px 'IBM Plex Mono';align-self:center}.command-result:hover,.command-result.selected{background:#2c3a1e;color:var(--accent, #d6ff62)}.command-hint{font:9px 'IBM Plex Mono';color:#929887;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html[data-theme="light"] .command-toggle{border-color:#bdc8ac;color:#27351c}html[data-theme="light"] .terminal,html[data-theme="light"] .signal-panel,html[data-theme="light"] .reaction-panel{background:#e8eddf;border-color:#c3ceb4}html[data-theme="light"] .lab-title,html[data-theme="light"] .terminal form{border-color:#c3ceb4;color:#536444}html[data-theme="light"] .terminal-output,html[data-theme="light"] .terminal form,html[data-theme="light"] .signal-panel svg{color:#416420}html[data-theme="light"] .terminal-dim,html[data-theme="light"] .signal-controls label,html[data-theme="light"] .game-note,html[data-theme="light"] .reaction-target>span:last-child{color:#637057}html[data-theme="light"] .terminal input,html[data-theme="light"] .reaction-target{color:#1c2316}html[data-theme="light"] .terminal-shortcuts button,html[data-theme="light"] .terminal form button,html[data-theme="light"] .signal-controls button{color:#416420;border-color:#adbca0}html[data-theme="light"] dialog{background:#f2f3ec;color:#1c2316;border-color:#bdc8ac}html[data-theme="light"] #command-search{background:#e8eddf;color:#1c2316;border-color:#bdc8ac}html[data-theme="light"] .command-result.selected,html[data-theme="light"] .command-result:hover{background:#dbe8c7;color:#354b19}html[data-theme="light"] .command-result span,html[data-theme="light"] .command-hint{color:#637057}@media(max-width:1050px){.lab-grid{grid-template-columns:1fr}.nav nav{gap:20px}}@media(max-width:760px){.nav nav{flex-wrap:wrap}.nav-tools{gap:8px}.command-toggle{padding:0 10px}.command-toggle span{display:none}.terminal form{font-size:8px;padding:12px;gap:6px}.terminal-output{font-size:10px;padding:15px}.lab-title{font-size:7px}.lab-grid{grid-template-columns:1fr 1fr}.nav nav>a{font-size:12px}}@media(max-width:520px){.lab-grid{grid-template-columns:1fr}}

/* Visitor preferences and round history */
.appearance-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #35402c;padding:20px;margin-top:16px;border-radius:8px}.appearance-panel h3{font-size:16px;font-weight:500;margin:0 0 7px}.appearance-panel p{font-size:11px;color:#929887;margin:0}.appearance-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.accent-options{display:flex;gap:8px}.accent-choice{width:30px;height:30px;border-radius:50%;border:5px solid #10120f;outline:1px solid #3b4133;background:var(--swatch);cursor:pointer;transition:outline-color .2s,transform .2s}.accent-choice[aria-pressed="true"]{outline:2px solid var(--swatch);transform:scale(1.08)}#effects-toggle,.reaction-history button{border:1px solid #35402c;background:transparent;color:#c1cdae;padding:10px 12px;font:10px 'IBM Plex Mono';cursor:pointer;min-height:40px}#effects-toggle[aria-pressed="true"]{color:var(--accent,#d6ff62);border-color:var(--accent,#d6ff62)}.reaction-history{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #303b28;padding:10px 16px}.reaction-history>span{font:9px/1.7 'IBM Plex Mono';color:#929887}.reaction-history button{font-size:8px;padding:7px;white-space:nowrap}html[data-effects="paused"] *,html[data-effects="paused"] *:before,html[data-effects="paused"] *:after{animation:none!important;transition:none!important}html[data-effects="paused"]{scroll-behavior:auto}html[data-effects="paused"] .reveal-ready{opacity:1;transform:none}html[data-effects="paused"] .holo-card{transform:none!important}html[data-theme="light"] .appearance-panel,html[data-theme="light"] .reaction-history{border-color:#c3ceb4}html[data-theme="light"] .appearance-panel p,html[data-theme="light"] .reaction-history>span{color:#637057}html[data-theme="light"] .accent-choice{border-color:#f2f3ec}html[data-theme="light"] #effects-toggle,html[data-theme="light"] .reaction-history button{color:#416420;border-color:#adbca0}@media(max-width:1050px){.appearance-panel{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.appearance-panel{flex-direction:row;align-items:center}}@media(max-width:520px){.appearance-panel{flex-direction:column;align-items:flex-start}}

/* Final responsive and accessibility pass */
.section{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.section>div,.hero-bottom>div,.lab-grid>article{min-width:0}.share-section{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #30332c}.share-section h2{font-size:24px;margin:0 0 9px}.share-section p{color:#929887;margin:0;font-size:13px}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-actions button,.share-actions a{background:transparent;color:#c1cdae;border:1px solid #4c5b3b;padding:12px 15px;min-height:44px;font:12px 'Space Grotesk',sans-serif;cursor:pointer;display:inline-flex;align-items:center}.share-actions button:hover,.share-actions a:hover{border-color:var(--accent,#d6ff62);color:var(--accent,#d6ff62)}.accent-choice{width:38px;height:38px}.accent-choice:focus-visible{outline:3px solid #fff;outline-offset:4px}.terminal-shortcuts button,.terminal form button,.signal-controls button,.filter,.reaction-history button{min-height:44px}.terminal input{font-size:16px}.terminal-output{overscroll-behavior:contain}.command-result{min-height:44px}.command-hint{font-size:11px}.lab-title{font-size:10px;line-height:1.6}.game-note{font-size:11px}.holo-card{will-change:auto}.holo-card.is-tracking{will-change:transform}.reaction-history>span{font-size:10px}.signal-controls label{font-size:11px}.section-label{font-size:12px}.contact-count{font-size:10px}.terminal-shortcuts button:focus-visible,.filter:focus-visible{outline-offset:3px}html[data-theme="light"] .share-section{border-color:#d4d9ca}html[data-theme="light"] .share-section p{color:#637057}html[data-theme="light"] .share-actions button,html[data-theme="light"] .share-actions a{color:#354b19;border-color:#adbca0}html[data-theme="light"] .accent-choice:focus-visible{outline-color:#243416}@media(max-width:900px){.share-section{align-items:flex-start;flex-direction:column}.appearance-controls{gap:12px}}@media(max-width:760px){.section{grid-template-columns:minmax(0,1fr)}.lab-title{font-size:9px}.appearance-panel{flex-wrap:wrap}.email{gap:12px;font-size:clamp(16px,4vw,25px)}.terminal form label{font-size:9px}.share-section{padding-top:28px;padding-bottom:28px}}@media(max-width:380px){.hero h1{font-size:40px}.hero-foot{gap:16px;line-height:1.7}.hero-foot a{max-width:145px;text-align:right}.nav-tools{gap:6px}.menu-toggle{padding:0 10px}.nav{column-gap:8px}.share-actions{width:100%}.share-actions a{width:100%;justify-content:center}}
/* Accent-aware overrides (both themes) */
:root{--ink-on-accent:color-mix(in srgb,#161b10 72%,var(--accent,#d6ff62))}
.primary:hover{background:color-mix(in srgb,var(--accent,#d6ff62) 72%,#fff)}
.contact button:hover{background:color-mix(in srgb,var(--accent,#d6ff62) 70%,#fff)}
.contact .section-label,.contact .eyebrow{color:var(--ink-on-accent)}
.contact .dot{background:var(--ink-on-accent)}
.contact p{color:var(--ink-on-accent)}
.contact .email{border-bottom-color:var(--ink-on-accent)}
.contact button{color:var(--ink-on-accent);border-color:var(--ink-on-accent)}
.contact button.copied{background:#161b10;color:var(--accent,#d6ff62)}
html:not([data-theme="light"]) .filter.active span{color:var(--ink-on-accent)}
html[data-theme="light"]{--accent-read:color-mix(in srgb,var(--accent,#d6ff62) 38%,#1c2316)}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .group-label,html[data-theme="light"] .hero-foot a,html[data-theme="light"] .arrow,html[data-theme="light"] .directory-note a{color:var(--accent-read)}
html[data-theme="light"] .directory-note a{border-bottom-color:var(--accent-read)}
html[data-theme="light"] .nav nav>a[aria-current="location"]{color:var(--accent-read)}
html[data-theme="light"] .secondary{color:var(--accent-read)}
html[data-theme="light"] .secondary:hover{color:var(--accent,#d6ff62)}
html[data-theme="light"] .reading-progress{background:var(--accent-read)}
html[data-theme="light"] :focus-visible{outline-color:var(--accent-read)}
html[data-theme="light"] .platform-icon{color:var(--accent-read)}
html[data-theme="light"] .terminal-output,html[data-theme="light"] .terminal form,html[data-theme="light"] .signal-panel svg,html[data-theme="light"] .terminal form label{color:var(--accent-read)}
html[data-theme="light"] .terminal-shortcuts button,html[data-theme="light"] .terminal form button,html[data-theme="light"] .signal-controls button{color:var(--accent-read)}
html[data-theme="light"] #effects-toggle,html[data-theme="light"] .reaction-history button{color:var(--accent-read)}
html[data-theme="light"] #effects-toggle[aria-pressed="true"]{color:var(--accent-read);border-color:var(--accent-read)}
.dot{box-shadow:0 0 14px color-mix(in srgb,var(--accent,#d6ff62) 33%,transparent)}
@keyframes signal-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent,#d6ff62) 20%,transparent)}50%{box-shadow:0 0 0 5px transparent}}
.chip-orbit{border-color:color-mix(in srgb,var(--accent,#d6ff62) 10%,transparent)}
.nav-contact:hover{background:color-mix(in srgb,var(--accent,#d6ff62) 6%,transparent)}
.directory-note a{border-bottom-color:color-mix(in srgb,var(--accent,#d6ff62) 38%,#303b28)}
.command-result:hover,.command-result.selected{background:color-mix(in srgb,var(--accent,#d6ff62) 18%,#161c12)}
.secondary{border-bottom-color:color-mix(in srgb,var(--accent,#d6ff62) 32%,#10120f)}
html[data-theme="light"] .filter.active{background:color-mix(in srgb,var(--accent,#d6ff62) 24%,#161b10);border-color:color-mix(in srgb,var(--accent,#d6ff62) 24%,#161b10);color:color-mix(in srgb,var(--accent,#d6ff62) 30%,#f2f3ec)}
html[data-theme="light"] .filter.active span{color:color-mix(in srgb,var(--accent,#d6ff62) 55%,#aebfa0)}
html[data-theme="light"] .command-result:hover,html[data-theme="light"] .command-result.selected{background:color-mix(in srgb,var(--accent,#d6ff62) 30%,#f2f3ec)}
/* Projects section */
.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.project{display:flex;flex-direction:column;gap:10px;border:1px solid #35402c;background:#141910;border-radius:8px;padding:18px;transition:border-color .2s,transform .2s,background .2s}
.project:hover{border-color:var(--accent,#d6ff62);transform:translateY(-2px)}
.project-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px "IBM Plex Mono",monospace;letter-spacing:.05em;color:#929887}
.project-top b{color:var(--accent,#d6ff62);font-weight:500;letter-spacing:0;font-size:11px}
.project h3{font-size:19px;font-weight:500;margin:0;letter-spacing:-.02em}
.project p{font-size:12px;line-height:1.7;color:#aeb4a5;margin:0}
.project .stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.project .stack span{border:1px solid #3b4133;padding:5px 8px;font:9px "IBM Plex Mono",monospace;color:#c3cab7}
html[data-theme="light"] .project{background:#e8eddf;border-color:#c3ceb4}
html[data-theme="light"] .project:hover{background:#dbe8c7;border-color:#8b9e70}
html[data-theme="light"] .project p{color:#55624a}
html[data-theme="light"] .project .stack span{border-color:#bdc8ac;color:#416420}
@media(max-width:760px){.projects-grid{grid-template-columns:1fr}}