:root{--color-bg-canvas: #000;--color-bg-shell: #050410;--color-bg-control: rgba(6, 4, 26, .8);--color-bg-control-hover: rgba(19, 21, 48, .88);--color-bg-control-active: rgba(33, 0, 51, .78);--color-bg-overlay: rgba(26, 11, 46, .9);--color-text-primary: #fff;--color-text-secondary: #eef4ff;--color-text-soft: #f5f8ff;--color-text-muted: #8cfaff;--color-accent-cyan: #00ffff;--color-accent-magenta: #ff00ff;--color-accent-yellow: #ffff00;--color-accent-yellow-soft: #ffe46d;--color-accent-green: #00ff00;--color-accent-red: #ff0000;--color-link-base: var(--color-accent-cyan);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--radius-sm: .3rem;--radius-md: .5rem;--radius-lg: .7rem;--border-subtle: 1px solid rgba(255, 255, 255, .22);--border-cyan: 1px solid rgba(0, 255, 255, .42);--border-magenta: 1px solid rgba(255, 0, 255, .4);--border-yellow: 1px solid rgba(255, 226, 83, .45);--elevation-1: 0 0 0 1px rgba(255, 0, 255, .24), 0 14px 34px rgba(4, 3, 20, .55);--elevation-2: 0 0 0 1px rgba(0, 255, 255, .2), 0 14px 32px rgba(4, 4, 20, .58);--elevation-3: 0 0 0 1px rgba(0, 255, 255, .24), 0 18px 50px rgba(7, 0, 36, .7);--font-family-body: "IBM Plex Mono", "SFMono-Regular", ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;--font-weight-regular: 400;--font-weight-semibold: 700;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-compact: 1.2;--line-height-body: 1.55;--line-height-relaxed: 1.5;--text-body: clamp(.96rem, 2.2vw, 1.1rem);--text-label: clamp(.72rem, 1.8vw, .9rem);--text-h3: clamp(.95rem, 2vw, 1.08rem);--text-h2: clamp(1.45rem, 3.3vw, 2rem);--text-display: clamp(2rem, 6vw, 4.2rem);--text-tag: .76rem;--section-padding: clamp(1.25rem, 3.2vw, 2.1rem);--grid-rhythm: 36px;--grid-rhythm-mobile: 44px;--grid-line-cyan: rgba(0, 255, 255, .22);--grid-line-magenta: rgba(255, 0, 255, .18);--grid-overlay-opacity: .45;--grid-overlay-opacity-mobile: .34;--focus-ring: 2px solid var(--color-accent-yellow);--easing-standard: cubic-bezier(.22, 1, .36, 1);--easing-snappy: cubic-bezier(.2, .7, .22, 1);--duration-micro: .14s;--duration-base: .22s;--duration-enter: .48s;--motion-distance-sm: 4px;--motion-distance-md: 12px;--transition-fast: var(--duration-micro) var(--easing-snappy);--transition-base: var(--duration-base) var(--easing-standard)}*{box-sizing:border-box}img,svg,video,canvas{max-width:100%}:where(a,button,select,input,textarea,summary):focus-visible{outline:var(--focus-ring);outline-offset:2px}body{margin:0;padding:var(--space-5);background-color:var(--color-bg-canvas);color:var(--color-accent-green);font-family:var(--font-family-body);font-size:var(--text-body);line-height:var(--line-height-relaxed);overflow-x:hidden}pre{margin:0;line-height:var(--line-height-compact);overflow-x:auto}.c-cyan{color:var(--color-accent-cyan)}.c-magenta{color:var(--color-accent-magenta)}.c-yellow{color:var(--color-accent-yellow)}.c-green{color:var(--color-accent-green)}.c-white{color:var(--color-text-primary)}.c-red{color:var(--color-accent-red)}.fw-bold{font-weight:var(--font-weight-semibold)}.site-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);min-width:0}.site-header{padding:clamp(1rem,2.8vw,1.5rem);border:var(--border-cyan);border-radius:var(--radius-lg);background:linear-gradient(160deg,#130022,#14163a 54%,#0b1228);box-shadow:var(--elevation-2);animation:motion-fade-up var(--duration-enter) var(--easing-standard) 60ms both}.site-brand{margin-bottom:var(--space-4);display:grid;gap:var(--space-1)}.site-brand-label{margin:0;color:var(--color-accent-yellow-soft);font-size:var(--text-label);font-weight:var(--font-weight-semibold);letter-spacing:.12em}.site-brand-name{margin:0;color:var(--color-text-primary);font-size:clamp(.98rem,2.7vw,1.28rem);line-height:var(--line-height-snug);letter-spacing:.06em;text-wrap:balance}.layout-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.layout-nav-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.layout-nav-list li{display:flex}.nav-link,.post-read-link{--link-color: var(--color-link-base);--link-border-color: rgba(0, 255, 255, .42);color:var(--link-color);text-decoration:none;font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px transparent;transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:.24rem .62rem;border:1px solid rgba(255,255,255,.18);background:var(--color-bg-control)}.post-read-link{background:#330033e6}.nav-link:hover,.post-read-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-control-hover);box-shadow:inset 0 0 0 1px var(--link-border-color);transform:translateY(calc(-1 * var(--motion-distance-sm)))}.nav-link:focus-visible,.post-read-link:focus-visible{outline:var(--focus-ring);outline-offset:2px;transform:translateY(calc(-1 * var(--motion-distance-sm)))}.nav-link:active,.post-read-link:active{background-color:var(--color-bg-control-active);transform:translateY(1px)}.nav-link-hero{--link-color: var(--color-accent-magenta);--link-border-color: rgba(255, 0, 255, .44)}.nav-link-about{--link-color: var(--color-accent-cyan);--link-border-color: rgba(0, 255, 255, .44)}.nav-link-projects{--link-color: var(--color-accent-yellow);--link-border-color: rgba(255, 255, 0, .42)}.nav-link-footer{--link-color: var(--color-accent-green);--link-border-color: rgba(0, 255, 0, .42)}.layout-language-switcher{display:inline-flex;align-items:center;padding:.18rem var(--space-2);border:1px solid rgba(0,255,255,.35);border-radius:var(--radius-sm);background:#05081cb3;gap:var(--space-2)}.layout-language-label{color:var(--color-text-primary);font-size:.84rem;font-weight:var(--font-weight-semibold);letter-spacing:.03em}.language-switcher-select{border:1px solid rgba(0,255,255,.72);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-text-muted);font-family:var(--font-family-body);font-size:.86rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);padding:2px 6px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.language-switcher-select:hover{background-color:var(--color-bg-control-hover);border-color:#ffffff75;color:var(--color-text-primary);transform:translateY(calc(-1 * var(--motion-distance-sm)))}.language-switcher-select:focus-visible{outline:var(--focus-ring);outline-offset:2px}.language-switcher-select:active{background-color:var(--color-bg-control-active);transform:translateY(1px)}.site-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7);min-width:0}.site-main>:where(.page-section,.blog-list,.blog-post,.resume-page){animation:motion-fade-up var(--duration-enter) var(--easing-standard) .12s both}.site-main>.page-section:nth-of-type(2){animation-delay:.18s}.site-main>.page-section:nth-of-type(3){animation-delay:.24s}.site-footer{padding:var(--space-4) var(--space-5);border:var(--border-magenta);border-radius:var(--radius-lg);background:linear-gradient(145deg,#1a0827eb,#060b20e6);box-shadow:var(--elevation-1);animation:motion-fade-up var(--duration-enter) var(--easing-standard) .3s both}.site-footer-copy{margin:0;color:var(--color-accent-magenta);line-height:var(--line-height-body)}.page-section{color:var(--color-text-primary);min-width:0}.blog-list,.blog-post,.resume-page{color:var(--color-text-primary)}.resume-page{padding:clamp(1.1rem,2.8vw,1.9rem);border:var(--border-yellow);border-radius:var(--radius-lg);background:linear-gradient(160deg,#13061af0,#100f2aeb 56%,#091226e6);box-shadow:var(--elevation-2);display:grid;gap:var(--space-5)}.resume-header{display:grid;gap:var(--space-2)}.resume-kicker{margin:0;color:var(--color-accent-yellow-soft);font-size:var(--text-label);font-weight:var(--font-weight-semibold);letter-spacing:.09em;text-transform:uppercase}.resume-title{margin:0;color:var(--color-text-primary);font-size:clamp(1.45rem,3.7vw,2.15rem);line-height:var(--line-height-snug);text-wrap:balance}.resume-summary{margin:0;max-width:60ch;color:var(--color-text-secondary);line-height:var(--line-height-body);overflow-wrap:anywhere}.resume-section{display:grid;gap:var(--space-3)}.resume-section-title,.resume-skill-title{margin:0;line-height:var(--line-height-snug)}.resume-section-title{color:var(--color-accent-cyan);font-size:clamp(1.06rem,2.45vw,1.3rem)}.resume-profile-list,.resume-timeline,.resume-skill-list{margin:0;padding:0;list-style:none}.resume-profile-list{display:grid;gap:var(--space-2)}.resume-profile-item{border:var(--border-subtle);border-radius:var(--radius-md);background:#08081db8;color:var(--color-text-soft);line-height:var(--line-height-body);padding:var(--space-3);overflow-wrap:anywhere}.resume-timeline{display:grid;gap:var(--space-3)}.resume-timeline-item{margin:0;padding-left:var(--space-4);border-left:2px solid rgba(255,228,109,.4)}.resume-experience-card,.resume-education-card,.resume-skill-card{border:var(--border-subtle);border-radius:var(--radius-md);background:#08091fc7;padding:var(--space-4);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}:where(.resume-experience-card,.resume-education-card,.resume-skill-card):hover,:where(.resume-experience-card,.resume-education-card,.resume-skill-card):focus-within{transform:translateY(calc(-1 * var(--motion-distance-sm)));border-color:#ffffff57;box-shadow:0 10px 26px #04071b80}.resume-entry-header{display:grid;gap:var(--space-1)}.resume-entry-period{margin:0;color:var(--color-text-muted);font-size:var(--text-tag);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.resume-entry-role,.resume-entry-company,.resume-entry-location{margin:0;overflow-wrap:anywhere}.resume-entry-role{color:var(--color-text-primary);font-size:clamp(.98rem,2.1vw,1.15rem)}.resume-entry-company{color:var(--color-accent-yellow-soft)}.resume-entry-location{color:var(--color-text-secondary);font-size:.92rem}.resume-entry-highlights{margin:var(--space-3) 0 0;padding-left:1.15rem;color:var(--color-text-soft);line-height:var(--line-height-body)}.resume-entry-highlights li+li{margin-top:var(--space-1)}.resume-profile-list>.resume-profile-item,.resume-timeline>.resume-timeline-item,.resume-education-grid>.resume-education-card,.resume-skills-grid>.resume-skill-card{animation:motion-fade-up var(--duration-enter) var(--easing-standard) both}.resume-profile-list>.resume-profile-item:nth-child(1),.resume-timeline>.resume-timeline-item:nth-child(1),.resume-education-grid>.resume-education-card:nth-child(1),.resume-skills-grid>.resume-skill-card:nth-child(1){animation-delay:.12s}.resume-profile-list>.resume-profile-item:nth-child(2),.resume-timeline>.resume-timeline-item:nth-child(2),.resume-education-grid>.resume-education-card:nth-child(2),.resume-skills-grid>.resume-skill-card:nth-child(2){animation-delay:.18s}.resume-profile-list>.resume-profile-item:nth-child(3),.resume-timeline>.resume-timeline-item:nth-child(3),.resume-timeline>.resume-timeline-item:nth-child(4){animation-delay:.24s}.resume-education-grid,.resume-skills-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.resume-skill-card{display:grid;gap:var(--space-3)}.resume-skill-title{color:var(--color-accent-magenta);font-size:var(--text-h3)}.resume-skill-list{display:flex;flex-wrap:wrap;gap:.45rem}.resume-skill-item{border:1px solid rgba(0,255,255,.38);border-radius:var(--radius-sm);background:#041028d6;color:var(--color-text-secondary);font-size:var(--text-tag);line-height:1.35;padding:.14rem .48rem;overflow-wrap:anywhere}.blog-list{padding:clamp(1.1rem,2.7vw,1.6rem);border:var(--border-cyan);border-radius:var(--radius-lg);background:linear-gradient(162deg,#0d0525f0,#0c102ae6);box-shadow:var(--elevation-2)}.blog-list-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.blog-list-kicker{margin:0;font-size:var(--text-label);color:var(--color-accent-magenta);font-weight:var(--font-weight-semibold);letter-spacing:.08em}.blog-list-title{margin:0;font-size:var(--text-h2);line-height:var(--line-height-snug);color:var(--color-text-primary)}.blog-list-empty{margin:0;color:var(--color-accent-red)}.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.blog-card{display:flex;flex-direction:column;min-width:0;padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);background:#04081bc7;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.blog-card:hover,.blog-card:focus-within{transform:translateY(calc(-1 * var(--motion-distance-sm)));border-color:#00ffff8f;box-shadow:0 12px 28px #01081c99}.blog-card-header{display:grid;gap:var(--space-2)}.blog-card-title{margin:0;font-size:var(--text-h3);line-height:var(--line-height-snug);color:var(--color-text-primary);overflow-wrap:anywhere}.blog-card-date{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:var(--line-height-body);display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.blog-card-meta-label{margin:0;color:var(--color-text-muted);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em}.blog-card-description{margin:var(--space-3) 0 0;color:var(--color-text-soft);line-height:var(--line-height-body);text-wrap:pretty;overflow-wrap:anywhere}.blog-card-tags-group{margin-top:var(--space-4)}.blog-card-tags{margin:var(--space-2) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.42rem}.blog-card-tag{border:1px solid rgba(0,255,255,.42);border-radius:var(--radius-sm);background:#06142dd9;color:var(--color-text-secondary);padding:.14rem .48rem;font-size:var(--text-tag);line-height:1.35}.blog-card-tag-empty{color:var(--color-text-muted);border-color:#8cfaff59}.blog-card-footer{margin-top:auto;padding-top:var(--space-4)}.blog-card-read-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.4rem .8rem;border:1px solid rgba(0,255,255,.38)}.blog-card-grid>.blog-card{animation:motion-fade-up var(--duration-enter) var(--easing-standard) both}.blog-card-grid>.blog-card:nth-child(1){animation-delay:.12s}.blog-card-grid>.blog-card:nth-child(2){animation-delay:.18s}.blog-card-grid>.blog-card:nth-child(3){animation-delay:.24s}.blog-post{padding:clamp(1.1rem,2.8vw,1.9rem);border:var(--border-magenta);border-radius:var(--radius-lg);background:linear-gradient(162deg,#140521eb,#0a0e26f0);box-shadow:var(--elevation-1);display:grid;gap:var(--space-5)}.blog-post-header{display:grid;gap:var(--space-4)}.blog-post-back-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:2.25rem;padding:.36rem .78rem;border:1px solid rgba(255,0,255,.38)}.blog-post-intro{display:grid;gap:var(--space-2)}.blog-post-kicker{margin:0;color:var(--color-text-muted);font-size:var(--text-label);font-weight:var(--font-weight-semibold);letter-spacing:.08em}.blog-post-title{margin:0;color:var(--color-text-primary);font-size:clamp(1.5rem,3.8vw,2.2rem);line-height:var(--line-height-snug);text-wrap:balance;overflow-wrap:anywhere}.blog-post-subtitle{margin:0;color:var(--color-text-secondary);max-width:54ch;font-size:clamp(1rem,2.4vw,1.22rem);line-height:var(--line-height-body);text-wrap:pretty;overflow-wrap:anywhere}.blog-post-meta{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.blog-post-meta-item{margin:0;padding:var(--space-3);border:var(--border-subtle);border-radius:var(--radius-md);background:#07081eb8;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.blog-post-meta-item:hover,.blog-post-meta-item:focus-within{transform:translateY(calc(-1 * var(--motion-distance-sm)));border-color:#ffffff52;box-shadow:0 10px 24px #03041473}.blog-post-meta-item dt{margin:0;color:var(--color-text-muted);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em}.blog-post-meta-item dd{margin:var(--space-2) 0 0;color:var(--color-text-soft);font-size:.96rem;line-height:var(--line-height-body);overflow-wrap:anywhere}.blog-post-body{width:min(100%,72ch);margin:0 auto;color:var(--color-text-soft);min-width:0;overflow-wrap:anywhere}.blog-post-body>*:first-child{margin-top:0}.blog-post-body>*:last-child{margin-bottom:0}.blog-post-body p{margin:0 0 var(--space-4)}.blog-post-body :is(p,li){color:var(--color-text-soft);font-size:clamp(1rem,1.45vw,1.08rem);line-height:1.8;overflow-wrap:anywhere}.blog-post-body :is(h1,h2,h3,h4){margin:var(--space-6) 0 var(--space-3);color:var(--color-text-primary);line-height:var(--line-height-snug)}.blog-post-body h1{font-size:clamp(1.5rem,3.2vw,2rem)}.blog-post-body h2{font-size:clamp(1.3rem,2.7vw,1.7rem)}.blog-post-body h3{font-size:clamp(1.12rem,2.2vw,1.4rem)}.blog-post-body :is(ul,ol){margin:0 0 var(--space-4);padding-left:1.35rem}.blog-post-body li+li{margin-top:.3rem}.blog-post-body blockquote{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);border-left:3px solid rgba(0,255,255,.45);color:var(--color-text-secondary);background:#050c219e}.blog-post-body a{color:var(--color-accent-cyan);text-underline-offset:.2em}.blog-post-body a:focus-visible{outline:var(--focus-ring);outline-offset:2px}.blog-post-body pre{margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-md);background:#04091ddb;overflow-x:auto}.blog-post-body code{font-family:var(--font-family-body);font-size:.9em}.blog-post-body :not(pre)>code{padding:.08rem .3rem;border-radius:var(--radius-sm);background:#00ffff1a;color:#d1fdff}.blog-post-footer{padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.16)}.blog-post-end{margin:0;color:var(--color-accent-magenta);font-size:var(--text-label);letter-spacing:.07em}.blog-post-status-page{min-height:12rem;align-content:center}.blog-post-status{margin:0;text-align:center;font-size:var(--text-h3);font-weight:var(--font-weight-semibold)}.blog-post-status-loading{color:var(--color-accent-magenta)}.blog-post-status-error{color:var(--color-accent-red)}.hero-section,.about-section,.projects-section{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:var(--space-4)}.hero-section:before,.about-section:before,.projects-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,var(--grid-line-magenta) 0 1px,transparent 1px var(--grid-rhythm)),repeating-linear-gradient(90deg,var(--grid-line-cyan) 0 1px,transparent 1px var(--grid-rhythm));opacity:var(--grid-overlay-opacity)}.hero-section{min-height:min(76vh,620px);padding:clamp(1.25rem,4vw,3rem);border:var(--border-magenta);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);background:linear-gradient(155deg,#130022 0%,#270043 36%,#0c0f39 72%,var(--color-bg-shell) 100%)}.hero-section:after{content:"";position:absolute;inset:0;pointer-events:none}.hero-section:after{background:radial-gradient(circle at 12% 16%,rgba(255,0,240,.5),transparent 38%),radial-gradient(circle at 84% 12%,rgba(0,220,255,.4),transparent 40%),radial-gradient(circle at 50% 118%,rgba(255,150,0,.2),transparent 46%),linear-gradient(120deg,#ffffff14,#fff0 44%);opacity:.95}.hero-content{position:relative;z-index:1;max-width:48rem}.hero-kicker,.about-kicker,.projects-kicker{margin:0;letter-spacing:.1em;font-size:var(--text-label);font-weight:var(--font-weight-semibold)}.hero-kicker{color:var(--color-accent-cyan);letter-spacing:.12em}.hero-headline{margin:var(--space-3) 0;color:var(--color-text-primary);line-height:var(--line-height-tight);font-size:var(--text-display);text-wrap:balance;overflow-wrap:anywhere}.hero-positioning,.about-bio,.about-list,.about-stack,.project-summary{font-size:var(--text-body);line-height:var(--line-height-body)}.hero-positioning{margin:0;color:#eef8ffed;max-width:42rem;overflow-wrap:anywhere}.hero-motif{display:inline-block;margin:var(--space-5) 0 0;padding:var(--space-2) .7rem;color:#ffe34f;border:1px solid rgba(255,227,79,.55);border-radius:var(--radius-sm);background:#0b042ab8;box-shadow:0 0 14px #ff00ff47;font-weight:var(--font-weight-semibold);font-size:clamp(.72rem,2vw,.95rem);letter-spacing:.08em}.about-section{padding:var(--section-padding);border:var(--border-cyan);border-radius:var(--radius-lg);background:linear-gradient(165deg,#120323,#170a30 54%,#101127);box-shadow:var(--elevation-1)}.about-shell{position:relative;z-index:1;max-width:54rem}.about-kicker{color:var(--color-text-muted)}.about-title,.projects-title{margin:var(--space-3) 0 var(--space-4);color:var(--color-text-primary);font-size:var(--text-h2);line-height:var(--line-height-snug);text-wrap:balance}.about-bio{margin:0;color:#f2f6ff;max-width:44rem;overflow-wrap:anywhere}.about-grid{margin-top:var(--space-4);display:grid;gap:.95rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.about-card{padding:.9rem var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);background:#06041aad;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.about-card:hover,.about-card:focus-within{transform:translateY(calc(-1 * var(--motion-distance-sm)));border-color:#ffea7a6b;box-shadow:0 12px 30px #0a041e8c}.about-card-title,.project-title{margin:0;font-size:var(--text-h3);line-height:var(--line-height-snug)}.about-card-title{color:#ffea7a}.about-list{margin:.56rem 0 0;padding-left:1.1rem;color:var(--color-text-soft);overflow-wrap:anywhere}.about-stack{margin:.56rem 0 0;color:var(--color-text-soft)}.projects-section{padding:clamp(1.25rem,3.1vw,2.05rem);border:var(--border-yellow);border-radius:var(--radius-lg);background:linear-gradient(160deg,#13051d,#18143b 52%,#0a1633);box-shadow:var(--elevation-2)}.projects-shell{position:relative;z-index:1;max-width:64rem}.projects-kicker{color:var(--color-accent-yellow-soft)}.projects-grid{display:grid;gap:.95rem;grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);background:#05041cb8;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.project-card:hover,.project-card:focus-within{transform:translateY(calc(-1 * var(--motion-distance-sm)));border-color:#ffe46d85;box-shadow:0 12px 30px #06031c8c}.about-grid>.about-card,.projects-grid>.project-card{animation:motion-fade-up var(--duration-enter) var(--easing-standard) both}.about-grid>.about-card:nth-child(1),.projects-grid>.project-card:nth-child(1){animation-delay:.12s}.about-grid>.about-card:nth-child(2),.projects-grid>.project-card:nth-child(2){animation-delay:.18s}.about-grid>.about-card:nth-child(3),.projects-grid>.project-card:nth-child(3){animation-delay:.24s}.project-title{color:var(--color-text-muted);overflow-wrap:anywhere}.project-summary{margin:.62rem 0 0;color:var(--color-text-secondary);overflow-wrap:anywhere}.project-tags{margin:var(--space-3) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.42rem}.project-tag{border:1px solid rgba(255,228,109,.52);border-radius:var(--radius-sm);background:#09132ed9;color:#fff6b6;padding:.15rem .48rem;font-size:var(--text-tag);line-height:1.35}@media(max-width:1080px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.easter-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation}.easter-screen-frame{color:var(--color-accent-green);border:4px outset var(--color-accent-cyan);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-bg-canvas);box-shadow:0 0 20px var(--color-accent-magenta);max-width:100%;overflow:auto}.easter-close-btn{position:absolute;top:16px;right:16px;border:1px solid rgba(0,255,255,.72);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-accent-magenta);font-family:var(--font-family-body);font-size:14px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);padding:4px 10px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.easter-close-btn:hover{background-color:var(--color-bg-control-hover);border-color:#ff00ff85;color:var(--color-text-primary);box-shadow:inset 0 0 0 1px #ff00ff52}.easter-close-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.easter-close-btn:active{background-color:var(--color-bg-control-active);transform:translateY(1px)}.easter-status{display:block;text-align:center;margin-top:10px}@media(max-width:768px){.hero-section:before,.about-section:before,.projects-section:before{background-image:repeating-linear-gradient(0deg,var(--grid-line-magenta) 0 1px,transparent 1px var(--grid-rhythm-mobile)),repeating-linear-gradient(90deg,var(--grid-line-cyan) 0 1px,transparent 1px var(--grid-rhythm-mobile));opacity:var(--grid-overlay-opacity-mobile)}body{padding:12px}.site-header{padding:1rem}.layout-nav{align-items:flex-start;gap:var(--space-2)}.layout-nav-list{width:100%}.layout-language-switcher{width:100%;justify-content:flex-start}.hero-section{min-height:auto;padding:1.15rem}.hero-headline{line-height:1.15}.about-section{padding:1.05rem}.about-grid{grid-template-columns:1fr}.projects-section{padding:1.05rem}.projects-grid,.blog-card-grid{grid-template-columns:1fr}.blog-card-read-link{width:100%}.blog-post,.resume-page{padding:1.05rem}.resume-education-grid,.resume-skills-grid{grid-template-columns:1fr}.blog-post-back-link{width:100%}.blog-post-meta{grid-template-columns:1fr}.blog-post-body{width:100%}.easter-screen-frame{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:12px;font-size:10px}.easter-close-btn{top:8px;right:8px;font-size:12px;padding:4px 8px}}@media(max-width:420px){.resume-summary{font-size:.95rem}.resume-timeline-item{padding-left:var(--space-3)}.resume-experience-card,.resume-education-card,.resume-skill-card,.resume-profile-item{padding:var(--space-3)}.resume-skill-item{width:100%;text-align:center}.hero-kicker{letter-spacing:.1em}.hero-headline{font-size:clamp(1.7rem,11vw,2.2rem)}.hero-positioning{font-size:.95rem}.hero-motif{width:100%;font-size:.72rem;letter-spacing:.06em;text-align:center}}.blink{animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}@keyframes motion-fade-up{0%{opacity:0;transform:translateY(var(--motion-distance-md))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important;transform:none!important}}