:root{--ink:#000d0d;--ink-2:#04120f;--teal-900:#00302e;--teal-800:#004340;--teal:#005956;--teal-600:#00736d;--teal-400:#86cccb;--teal-300:#71bcbc;--bone:#e2e4db;--bone-dim:#c8ccc0;--white:#f4f7f3;--bg:var(--ink);--fg:var(--bone);--fg-muted:#e2e4db85;--on-teal:var(--white);--on-teal-dim:var(--teal-400);--on-bone:var(--teal-900);--on-bone-dim:#00302e8c;--stroke-light:#71bcbc6b;--stroke-dark:#00302e29;--stroke-faint:#e2e4db1a;--font-display:"Space Grotesk", "Inter Tight", system-ui, sans-serif;--font-body:"Inter Tight", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-card:32px;--radius-panel:20px;--radius-sm:10px;--radius-pill:999px;--stroke-inset:10px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-sine:cubic-bezier(.45, .05, .55, .95);--transition-fast:.18s var(--ease-out-expo);--transition-base:.38s var(--ease-out-expo);--transition-slow:.72s var(--ease-out-expo);--shadow-card:0 40px 90px -30px #000000d9, 0 2px 10px #0006;--shadow-panel:0 18px 40px -22px #0009;--max-w:1240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:600;line-height:1.05}a{color:inherit;transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.split-card{--split:50%;border-radius:var(--radius-card);background:var(--bone);box-shadow:var(--shadow-card);isolation:isolate;position:relative;overflow:hidden}.split-card--painted{background:linear-gradient(to right, var(--teal) 0, var(--teal) var(--split), var(--bone) var(--split), var(--bone) 100%)}.split-card__stroke{inset:var(--stroke-inset);border-radius:calc(var(--radius-card) - var(--stroke-inset));pointer-events:none;z-index:3;-webkit-mask-image:linear-gradient(to right, #000 0, #000 var(--split), transparent var(--split));mask-image:linear-gradient(to right, #000 0, #000 var(--split), transparent var(--split));border:1px solid #0000;border-color:var(--stroke-light);position:absolute}.split-card__stroke--dark{-webkit-mask-image:linear-gradient(to right, transparent 0, transparent var(--split), #000 var(--split));mask-image:linear-gradient(to right, transparent 0, transparent var(--split), #000 var(--split));border-color:var(--stroke-dark)}.tone-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.tone-card--teal{background:var(--teal);color:var(--on-teal)}.tone-card--bone{background:var(--bone);color:var(--on-bone)}.tone-card--ink{background:var(--ink-2);color:var(--fg);border:1px solid var(--stroke-faint);box-shadow:var(--shadow-panel)}.nested-panel{border-radius:var(--radius-panel);border:1px solid var(--stroke-dark);text-align:center;padding:1rem 1.35rem}.nested-panel--on-teal{border-color:var(--stroke-light)}.display-token{font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(3.4rem,9vw,6.5rem);font-weight:500;line-height:.86}.caption{font-family:var(--font-body);letter-spacing:.02em;font-size:.72rem;font-weight:400;line-height:1.35}.micro-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:.6rem;font-weight:500}.brandmark{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:600;line-height:1}.rule-link{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);padding-bottom:.35rem;font-size:clamp(1.05rem,2.4vw,1.5rem);font-weight:500;display:inline-block;position:relative}.rule-link:after{content:"";transform-origin:0;width:100%;height:1.5px;transition:transform var(--transition-base);background:currentColor;position:absolute;bottom:0;left:0}.rule-link:hover:after,.rule-link:focus-visible:after{transform:scaleX(.35)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--teal-300);outline-offset:3px;border-radius:2px}::selection{background:var(--teal-600);color:var(--white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--teal-800);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--teal)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes seam-open{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes soft-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes drift{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}.animate-pulse-glow{animation:soft-pulse 2.6s var(--ease-in-out-sine) infinite}.animate-drift{animation:drift 7s var(--ease-in-out-sine) infinite}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.terrain-backdrop{z-index:0;pointer-events:none;image-rendering:auto;width:100%;height:100%;position:fixed;inset:0}.main{z-index:1;position:relative}.section{padding:clamp(4.5rem,11vh,8rem) clamp(1rem,4vw,2rem)}.section__inner{width:100%;max-width:var(--max-w);margin-inline:auto}.section-header{margin-bottom:clamp(2rem,4vw,3.25rem)}.section-header__row{align-items:baseline;gap:clamp(.75rem,2vw,1.5rem);display:flex}.section-header__number{color:var(--teal-300);flex-shrink:0}.section-header__title{color:var(--bone);flex-shrink:0;font-size:clamp(1.9rem,5vw,3.25rem)}.section-header__rule{background:var(--stroke-faint);flex:1;height:1px;transform:translateY(-.35em)}.section-header__sub{max-width:46ch;color:var(--fg-muted);margin-top:.85rem;font-size:.95rem}.hero{flex-direction:column;justify-content:center;align-items:center;gap:clamp(.75rem,2.2vh,1.5rem);min-height:100svh;padding:clamp(2.75rem,7vh,6rem) clamp(1rem,4vw,2rem) clamp(1.25rem,4vh,4rem);display:flex}.hero__card{--split:50%;width:100%;max-width:calc(var(--max-w) + 90px);opacity:0;height:clamp(22rem,72vh,46rem);transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);position:relative;transform:translateY(26px)scale(.985)}.hero__card.is-visible{opacity:1;transform:none}.hero__content{z-index:1;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:1rem;height:100%;padding:clamp(1.4rem,3vw,2.6rem);display:grid;position:relative}.hero__brand{grid-row:1;align-self:start}.hero__brand--left{color:var(--on-teal);grid-column:1;justify-self:start}.hero__brand--right{color:var(--teal);grid-column:3;justify-self:end}.hero__token{grid-area:2/1;align-self:start;min-width:0}.hero__token-value{color:var(--white)}.hero__token-caption{max-width:20ch;color:var(--on-teal-dim);margin-top:.7rem}.hero__ticks{inset:var(--stroke-inset);z-index:3;pointer-events:none;position:absolute}.hero__tick{border-style:solid;border-color:var(--stroke-light);border-width:0;width:14px;height:14px;position:absolute}.hero__tick--tl{border-top-width:1px;border-left-width:1px;top:12px;left:12px}.hero__tick--bl{border-bottom-width:1px;border-left-width:1px;bottom:12px;left:12px}.hero__tick--tr{border-top-width:1px;border-right-width:1px;border-color:var(--stroke-dark);top:12px;right:12px}.hero__tick--br{border-bottom-width:1px;border-right-width:1px;border-color:var(--stroke-dark);bottom:12px;right:12px}.hero__modes{grid-area:1/2;place-self:start center;align-items:center;gap:.85rem;display:flex}.hero__playable{white-space:nowrap;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);color:var(--teal-300);background:#0016158c;align-items:center;gap:.5rem;padding:.35rem .85rem;display:inline-flex}.hero__playable-dot{background:var(--teal-300);border-radius:50%;width:6px;height:6px}.hero__statement{grid-area:3/1;align-self:end;min-width:0}.hero__statement-text{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(.95rem,1.7vw,1.2rem);line-height:1.35}.hero__statement-dim{color:var(--on-teal-dim);opacity:.75}.hero__statement-bright{color:var(--white)}.hero__panel{min-width:clamp(9rem,14vw,12rem);color:var(--on-bone);grid-area:3/3;place-self:end}.hero__panel-top,.hero__panel-bottom{color:var(--on-bone-dim)}.hero__panel-value{font-family:var(--font-display);letter-spacing:-.05em;color:var(--teal);margin:.15rem 0;font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.05}.hero__cta{z-index:4;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);background:#00100fd1;grid-area:3/2;place-self:end center;margin-bottom:clamp(.4rem,1.5vh,1rem);padding:.6rem 1.6rem .35rem}.hero__underline{color:var(--fg-muted);align-items:center;gap:1rem;display:flex}.hero__underline-sep{background:var(--stroke-faint);width:42px;height:1px}.world-sphere{z-index:2;pointer-events:none;position:absolute;inset:0}.world-sphere canvas{display:block;width:100%!important;height:100%!important}.hero__hotspot{aspect-ratio:1;z-index:3;cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:min(32%,20rem);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__hotspot[data-quiet-focus]:focus,.hero__hotspot[data-quiet-focus]:focus-visible{outline:none}.hero__hotspot-hint{font-family:var(--font-display);letter-spacing:-.01em;opacity:0;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);color:var(--white);transition:opacity var(--transition-fast), transform var(--transition-fast);background:#001615b8;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex;transform:translateY(6px)}.hero__hotspot-play{color:var(--teal-300);font-size:.7rem}.hero__hotspot:hover .hero__hotspot-hint,.hero__hotspot:focus-visible .hero__hotspot-hint,.hero__hotspot--active .hero__hotspot-hint{opacity:1;transform:none}.world-sphere--fallback{place-items:center;display:grid}.world-sphere--fallback:before{content:"";aspect-ratio:1;filter:blur(.5px);background:radial-gradient(circle at 38% 32%,#4fe8d4 0%,#00736d 38%,#00302e 72%,#001a19 100%);border-radius:50%;width:min(52%,320px);box-shadow:0 0 70px #00b3a459}.about__card{--split:42%;grid-template-columns:var(--split) 1fr;align-items:stretch;display:grid}.about__identity{background:var(--teal);color:var(--on-teal);flex-direction:column;justify-content:space-between;gap:clamp(1.6rem,3vw,2.4rem);min-height:22rem;padding:clamp(1.6rem,3.2vw,3rem);display:flex;position:relative;overflow:hidden}.about__grid-overlay{pointer-events:none;background-image:linear-gradient(90deg,#71bcbc12 1px,#0000 1px),linear-gradient(#71bcbc12 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;mask-image:radial-gradient(at 30% 20%,#000 0%,#0000 78%)}.about__ticks{pointer-events:none;position:absolute;inset:14px}.about__tick{border-style:solid;border-color:var(--stroke-light);border-width:0;width:12px;height:12px;position:absolute}.about__tick--tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.about__tick--br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.about__identity-head,.about__focus,.about__identity-meta{z-index:1;position:relative}.about__identity-name{letter-spacing:-.045em;color:var(--white);margin-top:.8rem;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.02}.about__identity-alias{color:var(--teal-300);font-style:italic;font-weight:400}.about__identity-role{color:var(--on-teal-dim);margin-top:.7rem;font-size:.9rem}.about__focus-list{flex-direction:column;gap:.85rem;margin-top:.9rem;list-style:none;display:flex}.about__focus-item{border-bottom:1px solid #71bcbc2e;align-items:baseline;gap:.85rem;padding-bottom:.85rem;display:flex}.about__focus-item:last-child{border-bottom:none;padding-bottom:0}.about__focus-index{color:var(--teal-300);opacity:.7;flex-shrink:0}.about__focus-label{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);font-size:.98rem;font-weight:500}.about__focus-detail{color:var(--on-teal-dim);opacity:.85;font-size:.82rem;line-height:1.45}.about__identity-meta{flex-wrap:wrap;gap:1.25rem 2rem;display:flex}.about__tag-value--live{align-items:center;gap:.5rem;display:inline-flex}.about__live-dot{background:var(--teal-300);border-radius:50%;flex-shrink:0;width:7px;height:7px}.about__tag-label{color:var(--on-teal-dim);margin-bottom:.3rem}.about__tag-value{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;font-size:1rem;font-weight:500}.about__body{background:var(--bone);color:var(--on-bone);flex-direction:column;gap:1.4rem;padding:clamp(1.6rem,3.2vw,3rem);display:flex}.about__bio{font-family:var(--font-display);letter-spacing:-.025em;color:var(--teal-900);font-size:clamp(1.15rem,2.1vw,1.55rem);line-height:1.35}.about__bio-accent{color:var(--teal)}.about__note{color:var(--on-bone-dim);max-width:54ch;font-size:.95rem;line-height:1.65}.about__pref-label{color:var(--on-bone-dim);margin-bottom:.7rem;display:block}.about__pills{flex-wrap:wrap;gap:.6rem;display:flex}.about__pill{border-radius:var(--radius-pill);border:1px solid var(--stroke-dark);color:var(--teal-900);align-items:center;gap:.55rem;padding:.4rem .9rem;font-size:.85rem;display:inline-flex}.about__pill-dot{background:var(--teal);border-radius:50%;width:6px;height:6px}.about__facts{background:var(--stroke-dark);border:1px solid var(--stroke-dark);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:1px;display:grid;overflow:hidden}.about__fact{background:var(--bone);padding:.85rem 1rem}.about__fact-label{color:var(--on-bone-dim);margin-bottom:.35rem}.about__fact-value{font-family:var(--font-display);color:var(--teal-900);letter-spacing:-.02em;font-size:.98rem;font-weight:500}.about__education-title{color:var(--on-bone-dim);margin-bottom:.9rem;display:block}.about__edu-list{flex-direction:column;gap:.9rem;list-style:none;display:flex}.about__edu-item{align-items:flex-start;gap:.75rem;display:flex}.about__edu-dot{border:1.5px solid var(--teal);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.45rem}.about__edu-degree{font-family:var(--font-display);color:var(--teal-900);letter-spacing:-.015em;font-size:.96rem;font-weight:500}.about__edu-meta{color:var(--on-bone-dim);font-size:.85rem}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:clamp(.9rem,1.6vw,1.4rem);display:grid}.skills__card{border-radius:var(--radius-panel);transition:transform var(--transition-base);flex-direction:column;gap:1.2rem;padding:clamp(1.3rem,2.4vw,1.9rem);display:flex}.skills__card:hover{transform:translateY(-4px)}.skills__card-head{border-bottom:1px solid;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.9rem;display:flex}.tone-card--teal .skills__card-head{border-color:var(--stroke-light)}.tone-card--bone .skills__card-head{border-color:var(--stroke-dark)}.skills__category{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:500}.tone-card--teal .skills__count{color:var(--on-teal-dim)}.tone-card--bone .skills__count{color:var(--on-bone-dim)}.skills__list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.skills__item{align-items:center;gap:.7rem;display:flex}.skills__dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.tone-card--teal .skills__dot{background:var(--teal-300)}.tone-card--bone .skills__dot{background:var(--teal)}.skills__name{font-size:.94rem;line-height:1.35}.tone-card--teal .skills__name{color:#f4f7f3e0}.tone-card--bone .skills__name{color:var(--teal-900)}.work__meta{color:var(--fg-muted);justify-content:flex-end;margin-bottom:1.25rem;display:flex}.work__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);display:grid}.project-card{--split:52%;grid-template-columns:var(--split) 1fr;transition:transform var(--transition-base), box-shadow var(--transition-base);align-items:stretch;display:grid}.project-card--wide{--split:58%;grid-column:1/-1}.project-card:hover{transform:translateY(-5px);box-shadow:0 50px 100px -30px #000000e6,0 0 0 1px #71bcbc24}.project-card__cover{background:var(--teal);min-height:15rem;position:relative;overflow:hidden}.project-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-card__img{transform:scale(1.04)}.project-card__cover-fade{pointer-events:none;background:linear-gradient(#00302e00 30%,#00302e1a 60%,#00201fb3 100%);position:absolute;inset:0}.project-card__engine{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);color:var(--teal-300);background:#00161599;padding:.35rem .7rem;position:absolute;top:1rem;left:1rem}.project-card__status{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.6rem;font-weight:500;display:inline-flex;position:absolute;top:1rem;right:1rem}.project-card__status--complete{background:var(--bone);color:var(--teal-900)}.project-card__status--progress{border:1px solid var(--stroke-light);color:var(--teal-300);-webkit-backdrop-filter:blur(6px);background:#001615b8}.project-card__status-dot{background:var(--teal-300);border-radius:50%;width:6px;height:6px}.project-card__body{background:var(--bone);color:var(--on-bone);flex-direction:column;gap:.9rem;padding:clamp(1.4rem,2.6vw,2.1rem);display:flex}.project-card__title{color:var(--teal-900);font-size:clamp(1.15rem,2vw,1.5rem)}.project-card__summary{color:var(--on-bone-dim);font-size:.9rem;line-height:1.6}.project-card__tags{flex-wrap:wrap;gap:.45rem;display:flex}.project-card__tag{border-radius:var(--radius-pill);border:1px solid var(--stroke-dark);color:var(--teal);padding:.25rem .65rem;font-size:.72rem}.project-card__links{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.4rem;display:flex}.project-card__link{border-radius:var(--radius-pill);background:var(--teal);color:var(--white);font-family:var(--font-display);transition:background var(--transition-fast), transform var(--transition-fast);padding:.5rem 1.1rem;font-size:.85rem;font-weight:500}.project-card__link:hover{background:var(--teal-600);transform:translateY(-2px)}.contact__card{--split:55%;grid-template-columns:var(--split) 1fr;align-items:stretch;display:grid}.contact__lead{background:var(--teal);color:var(--on-teal);flex-direction:column;justify-content:center;gap:1.3rem;padding:clamp(1.8rem,3.6vw,3.4rem);display:flex}.contact__heading{color:var(--white);font-size:clamp(2rem,5vw,3.6rem)}.contact__sub{max-width:34ch;color:var(--on-teal-dim);font-size:.98rem;line-height:1.6}.contact__email{border-radius:var(--radius-pill);border:1px solid var(--stroke-light);width:fit-content;max-width:100%;transition:border-color var(--transition-fast), background var(--transition-fast);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.75rem .75rem .75rem 1.25rem;display:flex}.contact__email:hover{border-color:var(--teal-300);background:#71bcbc1a}.contact__email-address{font-family:var(--font-mono);color:var(--white);overflow-wrap:anywhere;text-align:left;font-size:clamp(.8rem,1.5vw,.95rem)}.contact__email-at{color:var(--teal-300)}.contact__email-actions{flex-shrink:0;gap:.4rem;display:inline-flex}.contact__email-btn{border-radius:var(--radius-pill);color:var(--teal-300);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#00161566;border:1px solid #0000;flex-shrink:0;padding:.4rem .85rem}.contact__email-btn:hover{border-color:var(--teal-300)}.contact__email-btn--copied{background:var(--bone);color:var(--teal-900)}.contact__email-btn--mail{border-color:var(--stroke-light);background:0 0}.contact__email-btn--mail:hover{background:var(--bone);color:var(--teal-900);border-color:var(--bone)}.contact__side{background:var(--bone);color:var(--on-bone);flex-direction:column;justify-content:center;gap:1.6rem;padding:clamp(1.6rem,3.2vw,2.8rem);display:flex}.contact__block-label{color:var(--on-bone-dim);margin-bottom:.8rem;display:block}.contact__socials{gap:.6rem;display:flex}.contact__social{border:1px solid var(--stroke-dark);width:44px;height:44px;color:var(--teal);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:50%;place-items:center;display:grid}.contact__social svg{width:19px;height:19px}.contact__social:hover{background:var(--teal);color:var(--white);transform:translateY(-2px)}.contact__badges{flex-wrap:wrap;gap:.5rem;display:flex}.contact__badge{border-radius:var(--radius-pill);border:1px solid var(--stroke-dark);color:var(--teal-900);padding:.35rem .85rem;font-size:.82rem}.contact__badge--muted{color:var(--on-bone-dim);opacity:.6;text-decoration:line-through}.contact__panel{align-self:flex-start;min-width:9rem}.contact__panel-top,.contact__panel-bottom{color:var(--on-bone-dim)}.contact__panel-value{font-family:var(--font-display);letter-spacing:-.05em;color:var(--teal);margin:.15rem 0;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:500;line-height:1.05}.footer{border-top:1px solid var(--stroke-faint);color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem;font-size:.85rem;display:flex}.top-nav{z-index:50;border-radius:var(--radius-pill);border:1px solid var(--stroke-faint);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity var(--transition-base), transform var(--transition-base);background:#001413b8;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:.55rem .7rem .55rem 1.35rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%,-140%)}.top-nav--visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.top-nav__brand{flex-shrink:0;font-size:.95rem}.top-nav__brand-left{color:var(--white)}.top-nav__brand-right{color:var(--teal-300)}.top-nav__links{align-items:center;gap:.25rem;list-style:none;display:flex}.top-nav__link{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-muted);transition:color var(--transition-fast), background var(--transition-fast);padding:.45rem .95rem;font-size:.85rem;font-weight:500}.top-nav__link:hover{color:var(--bone)}.top-nav__link--active{background:var(--bone);color:var(--teal-900)}.side-nav{z-index:40;flex-direction:column;align-items:flex-end;gap:.9rem;display:flex;position:fixed;top:50%;right:clamp(.75rem,2vw,1.75rem);transform:translateY(-50%)}.side-nav__rule{background:var(--stroke-faint);width:1px;position:absolute;top:-1.5rem;bottom:-1.5rem;right:5px}.side-nav__btn{align-items:center;gap:.7rem;padding:.15rem 0;display:flex;position:relative}.side-nav__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);font-size:.6rem;transform:translate(6px)}.side-nav__btn:hover .side-nav__label,.side-nav__btn--active .side-nav__label{opacity:1;transform:none}.side-nav__dot{border:1px solid var(--teal-300);width:11px;height:11px;transition:background var(--transition-fast), transform var(--transition-fast);background:0 0;border-radius:50%}.side-nav__btn:hover .side-nav__dot{background:#71bcbc66}.side-nav__btn--active .side-nav__dot{background:var(--teal-300);transform:scale(1.15)}.game-modal{z-index:120;animation:fade-in .24s var(--ease-out-expo);place-items:center;padding:clamp(.5rem,2vw,1.5rem);display:grid;position:fixed;inset:0}.game-modal__backdrop{-webkit-backdrop-filter:blur(10px);background:#000808d1;position:absolute;inset:0}.game-modal__panel{z-index:1;border-radius:var(--radius-card);background:var(--ink-2);border:1px solid var(--stroke-faint);width:min(100%,1040px);max-height:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:.85rem;padding:clamp(.9rem,2.2vw,1.6rem);display:flex;position:relative;overflow-y:auto}.game-modal__panel:focus{outline:none}.game-modal__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.game-modal__eyebrow{color:var(--teal-300);margin-bottom:.35rem;display:block}.game-modal__title{color:var(--bone);font-size:clamp(1.3rem,3vw,1.9rem)}.game-modal__close{border-radius:var(--radius-pill);border:1px solid var(--stroke-faint);font-family:var(--font-display);color:var(--fg-muted);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;font-weight:500}.game-modal__close:hover{color:var(--teal-900);background:var(--bone);border-color:var(--bone)}.game-modal__stage{border-radius:var(--radius-panel);border:1px solid var(--stroke-faint);background:#00120f;position:relative;overflow:hidden}.game-modal__canvas{aspect-ratio:16/9;image-rendering:auto;touch-action:none;width:100%;height:auto;display:block}.game-overlay{text-align:center;-webkit-backdrop-filter:blur(4px);background:#00120fd1;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.5rem;display:flex;position:absolute;inset:0}.game-overlay__title{color:var(--white);font-size:clamp(1.5rem,4vw,2.4rem)}.game-overlay__text{max-width:40ch;color:var(--teal-400);font-size:.95rem}.game-overlay__btn{border-radius:var(--radius-pill);background:var(--bone);color:var(--teal-900);font-family:var(--font-display);transition:transform var(--transition-fast), background var(--transition-fast);margin-top:.35rem;padding:.7rem 2rem;font-size:1rem;font-weight:600}.game-overlay__btn:hover{background:var(--white);transform:translateY(-2px)}.game-overlay__hint{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-muted);font-size:.7rem}.game-pad{justify-content:space-between;align-items:center;gap:1rem;display:none}.game-pad__group{gap:.6rem;display:flex}.game-pad__btn{border-radius:var(--radius-panel);border:1px solid var(--stroke-light);min-width:4.2rem;color:var(--bone);font-family:var(--font-display);touch-action:none;user-select:none;background:#00595659;padding:1rem 1.2rem;font-size:1.1rem;font-weight:600}.game-pad__btn:active{background:var(--teal)}.game-pad__btn--jump{min-width:7rem}@media (hover:none),(pointer:coarse){.game-pad{display:flex}}.game-modal__foot{color:var(--fg-muted);text-align:center}.preloader{z-index:100;pointer-events:all;place-items:center;display:grid;position:fixed;inset:0}.preloader--done{pointer-events:none}.preloader__half{background:var(--ink);width:50.5%;transition:transform .78s var(--ease-out-expo);position:absolute;top:0;bottom:0}.preloader__half--left{left:0}.preloader__half--right{right:0}.preloader--done .preloader__half--left{transform:translate(-100%)}.preloader--done .preloader__half--right{transform:translate(100%)}.preloader__content{z-index:1;transition:opacity .32s var(--ease-out-expo);flex-direction:column;align-items:center;gap:1.4rem;padding:1rem;display:flex;position:relative}.preloader--done .preloader__content{opacity:0}.preloader__brand{font-size:clamp(1.4rem,4vw,2.2rem)}.preloader__brand-left{color:var(--white)}.preloader__brand-right{color:var(--teal-300)}.preloader__bar-track{border-radius:var(--radius-pill);background:#71bcbc2e;width:min(280px,62vw);height:2px;overflow:hidden}.preloader__bar{background:var(--teal-300);border-radius:var(--radius-pill);height:100%;transition:width .12s linear;display:block}.preloader__label{color:var(--fg-muted)}@media (width<=1024px){.work__grid{grid-template-columns:minmax(0,1fr)}.project-card--wide{--split:52%}}@media (width<=900px){.about__card,.project-card,.project-card--wide,.contact__card{grid-template-columns:minmax(0,1fr)}.about__card .split-card__stroke,.project-card .split-card__stroke,.contact__card .split-card__stroke{display:none}.about__identity{min-height:0}.project-card__cover{min-height:13rem}.side-nav{display:none}.about__card{box-shadow:none;background:0 0;border-radius:0;flex-direction:column;gap:1rem;display:flex;overflow:visible}.about__identity,.about__body{border-radius:var(--radius-card);box-shadow:var(--shadow-panel)}}@media (width<=720px){.hero{padding-top:clamp(3.5rem,8vh,5rem)}.hero__card{aspect-ratio:3/4;height:auto;max-height:82vh}.hero__content{grid-template-rows:auto auto auto 1fr auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem;padding:1.15rem}.hero__brand--right{grid-column:2}.hero__modes{grid-area:2/1/auto/-1;gap:.6rem}.hero__token{grid-area:3/1/auto/-1}.hero__token-caption{max-width:22ch}.hero__statement{grid-area:5/1}.hero__panel{grid-area:5/2;min-width:0;padding:.7rem .85rem}.world-sphere{inset:28% 12% 24%}.hero__cta{grid-area:6/1/auto/-1;justify-self:center;margin-top:.4rem}.hero__underline{text-align:center;flex-direction:column;gap:.5rem}.hero__underline-sep{width:28px}.top-nav{justify-content:space-between;gap:.5rem;padding:.5rem;left:.75rem;right:.75rem;transform:translateY(-140%)}.top-nav--visible{transform:none}.top-nav__brand{display:none}.top-nav__links{justify-content:space-between;width:100%}.top-nav__link{padding:.4rem .55rem;font-size:.78rem}.footer{flex-direction:column}}