:root{--color-bg-base: #f4f1eb;--color-bg-elevated: #eae6de;--color-bg-surface: #e0dbd0;--color-bg-hero: #f4f1eb;--color-bg-section-soft: #eae6de;--color-bg-section-plain: #f4f1eb;--color-bg-contact: #f4f1eb;--color-text-primary: #0f0e0c;--color-text-secondary: #0f0e0c;--color-text-muted: #33302c;--color-text-dim: #49443f;--color-text-on-dark: #f0ede8;--color-text-on-glass: #0f0e0c;--color-accent: #4f1464;--color-accent-soft: #3a3a00;--color-accent-subtle: rgba(30, 30, 0, .07);--color-accent-border: rgba(30, 30, 0, .22);--color-border-subtle: rgba(0, 0, 0, .07);--color-border-strong: rgba(0, 0, 0, .14);--color-surface-default: #f4f1eb;--color-surface-raised: #eae6de;--color-surface-sunken: #dedad2;--color-focus-ring: #1e1e00;--color-link: #0f0e0c;--color-link-hover: #1e1e00;--quick-fact-item-hover: inset 0px 0px 3px -1px rgb(79 20 100 / 86%);--space-2: .125rem;--space-4: .25rem;--space-6: .375rem;--space-8: .5rem;--space-10: .625rem;--space-12: .75rem;--space-16: 1rem;--space-18: 1.125rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-28: 1.75rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-64: 4rem;--space-80: 5rem;--font-sans: "Cairo Play", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "JetBrains Mono", ui-monospace, monospace;--text-xs: .7rem;--text-sm: .75rem;--text-md: .85rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--motion-ease-standard: cubic-bezier(.22, .61, .36, 1);--motion-duration-fast: .15s;--motion-duration-med: .22s;--motion-duration-slow: .36s;--layout-max-width: 1080px;--hero-max-width: 1240px;--layout-projects-max-width: 1400px;--layout-gutter: 2.5rem;--layout-gutter-mobile: 1rem;--hero-bg-color: #f4f1eb;--homepage-gradient-start: #e3ddff;--homepage-gradient-mid: #f5f5f7;--hero-mesh-gradient: none;--hero-mesh-grid-x: linear-gradient( to right, rgba(0, 0, 0, .04) 1px, transparent 1px );--hero-mesh-grid-y: linear-gradient( to bottom, rgba(0, 0, 0, .04) 1px, transparent 1px );--hero-mesh-opacity: 1;--btn-primary-bg: #3d1a4a;--btn-primary-text: #f4f1eb;--btn-primary-shadow: none;--btn-primary-shadow-hover: none;--btn-primary-highlight: none;--btn-ghost-border: rgba(0, 0, 0, .14);--btn-ghost-hover-bg: #eae6de;--cat-btn-border: 1px solid rgba(0, 0, 0, .14);--cat-btn-bg: #eae6de;--cat-btn-shadow: none;--cat-btn-shadow-hover: 0 0 0 1px rgba(30, 30, 0, .22);--cat-btn-bg-highlight-active: transparent;--cat-btn-bg-base-active: #dedad2;--cat-btn-shadow-main: none;--cat-btn-shadow-outline: 0 0 0 1px rgba(30, 30, 0, .22);--cat-btn-icon-bg: #dedad2;--cat-btn-icon-outline: rgba(0, 0, 0, .14);--cat-btn-icon-inset-shadow: rgba(0, 0, 0, .5);--cat-btn-text: #0f0e0c;--cat-color-head: #d4a96a;--cat-color-ear: #c49558;--cat-color-eye: #f8f8f8;--cat-color-eye-highlight: rgba(255, 255, 255, .22);--cat-color-eye-shadow: #f0c060;--cat-color-nose: #e8a090;--cat-head-shadow-dark: rgba(0, 0, 0, .2);--cat-head-shadow-light: rgba(255, 255, 255, .1);--cat-head-line: rgba(0, 0, 0, .18);--cat-color-pupil: #1a0f00;--cat-color-pupil-highlight: rgba(255, 255, 255, .55);--nav-bg: #f4f1eb;--nav-border: rgba(0, 0, 0, .07);--nav-shadow: none;--nav-mobile-bg: #eae6de;--nav-mobile-border: rgba(0, 0, 0, .07);--nav-link-hover-bg: rgba(0, 0, 0, .05);--nav-burger-bg: #eae6de;--nav-burger-border: rgba(0, 0, 0, .14);--nav-burger-shadow: none;--color-bg-mobile-menu: #eae6de;--theme-toggle-bg: #eae6de;--theme-toggle-border: rgba(0, 0, 0, .14);--theme-toggle-shadow: none;--theme-toggle-icon-color: #0f0e0c;--theme-toggle-shadow-hover: none;--footer-color: #0f0e0c;--footer-bg: #eae6de;--modal-backdrop-bg: rgba(0, 0, 0, .5);--modal-bg: #f4f1eb;--modal-border: rgba(0, 0, 0, .14);--modal-shadow: none;--modal-text: #0f0e0c;--modal-divider: rgba(0, 0, 0, .07);--modal-close-icon: #7a7268;--modal-paw-shadow: rgba(0, 0, 0, .15);--about-card-bg: #eae6de;--about-card-border: rgba(0, 0, 0, .07);--about-card-shadow: none;--about-timeline-line: rgba(0, 0, 0, .12);--about-timeline-dot: #1e1e00;--about-timeline-dot-ring: rgba(30, 30, 0, .15);--about-timeline-dot-ring-pulse: rgba(30, 30, 0, .08);--timeline-divider: rgba(0, 0, 0, .07);--timeline-period: #7a7268;--timeline-role: #0f0e0c;--timeline-bullet: #7a7268;--contact-card-bg: #0f0e0c;--contact-card-border: rgba(255, 255, 255, .08);--contact-card-shadow: none;--contact-link-icon: #7a7268;--contact-link-arrow: #7a7268;--contact-link-label: #0f0e0c;--contact-link-text: #7a7268;--work-card-bg: #eae6de;--work-card-border: rgba(0, 0, 0, .07);--work-card-shadow: none;--work-preview-bg: #dedad2;--work-preview-surface-bg: #f4f1eb;--work-preview-surface-shadow: none;--work-bar-bg: rgba(0, 0, 0, .07);--work-bar-accent: #1e1e00;--work-tag-bg: rgba(30, 30, 0, .07);--work-tag-border: rgba(30, 30, 0, .2);--work-tag-text: #0f0e0c;--work-cta-color: #1e1e00;--proj-hatch-stripe: rgba(255, 255, 255, .012);--quickfacts-divider: rgba(0, 0, 0, .07);--personal-modal-backdrop: rgba(0, 0, 0, .5);--personal-modal-bg: #f4f1eb;--personal-modal-border: rgba(0, 0, 0, .14);--personal-modal-shadow: none;--personal-modal-close-bg: transparent;--personal-modal-close-hover-bg: rgba(0, 0, 0, .05);--personal-notes-divider: rgba(0, 0, 0, .07);--slider-btn-bg: #eae6de;--slider-btn-border: rgba(0, 0, 0, .14);--slider-btn-border-hover: rgba(0, 0, 0, .28);--arrow-color: #0f0e0c}[data-theme=dark]{--color-bg-base: #0a0a0a;--color-bg-elevated: #131313;--color-bg-surface: #161616;--color-bg-hero: #0a0a0a;--color-bg-section-soft: #111111;--color-bg-section-plain: #0a0a0a;--color-bg-contact: #0a0a0a;--color-text-primary: #f0ede8;--color-text-secondary: #f0ede8;--color-text-muted: #d3cac1;--color-text-dim: #c5b9a6;--color-text-on-dark: #f0ede8;--color-text-on-glass: #f0ede8;--color-accent: #e8f542;--color-accent-soft: #c8d420;--color-accent-subtle: rgba(232, 245, 66, .1);--color-accent-border: rgba(232, 245, 66, .28);--color-border-subtle: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .14);--color-surface-default: #0a0a0a;--color-surface-raised: #111111;--color-surface-sunken: #161616;--color-focus-ring: #e8f542;--color-link: #f0ede8;--color-link-hover: #e8f542;--quick-fact-item-hover: inset 0px 0px 3px -1px rgb(232 245 66 / 86%);--hero-bg-color: #131313;--hero-mesh-grid-x: linear-gradient( to right, rgba(255, 255, 255, .03) 1px, transparent 1px );--hero-mesh-grid-y: linear-gradient( to bottom, rgba(255, 255, 255, .03) 1px, transparent 1px );--btn-primary-bg: #e8f542;--btn-primary-text: #0a0a0a;--btn-ghost-border: rgba(255, 255, 255, .14);--btn-ghost-hover-bg: rgba(255, 255, 255, .05);--cat-btn-border: 1px solid rgba(255, 255, 255, .14);--cat-btn-bg: #111111;--cat-btn-shadow-hover: 0 0 0 1px rgba(232, 245, 66, .28);--cat-btn-bg-base-active: #161616;--cat-btn-shadow-outline: 0 0 0 1px rgba(232, 245, 66, .28);--cat-btn-icon-bg: #161616;--cat-btn-icon-outline: rgba(255, 255, 255, .07);--cat-btn-text: #f0ede8;--cat-head-shadow-dark: rgba(0, 0, 0, .35);--cat-head-shadow-light: rgba(255, 255, 255, .08);--cat-head-line: rgba(0, 0, 0, .25);--nav-bg: #0a0a0a;--nav-border: rgba(255, 255, 255, .07);--nav-mobile-bg: #111111;--nav-mobile-border: rgba(255, 255, 255, .07);--nav-link-hover-bg: rgba(255, 255, 255, .05);--nav-burger-bg: #111111;--nav-burger-border: rgba(255, 255, 255, .14);--color-bg-mobile-menu: #0a0a0a;--theme-toggle-bg: #111111;--theme-toggle-border: rgba(255, 255, 255, .14);--theme-toggle-icon-color: #f0ede8;--footer-color: #78746f;--footer-bg: #0a0a0a;--modal-backdrop-bg: rgba(0, 0, 0, .7);--modal-bg: #111111;--modal-border: rgba(255, 255, 255, .14);--modal-text: #f0ede8;--modal-divider: rgba(255, 255, 255, .07);--modal-close-icon: #78746f;--modal-paw-shadow: rgba(0, 0, 0, .4);--about-card-bg: #111111;--about-card-border: rgba(255, 255, 255, .07);--about-timeline-line: rgba(255, 255, 255, .1);--about-timeline-dot: #e8f542;--about-timeline-dot-ring: rgba(232, 245, 66, .15);--about-timeline-dot-ring-pulse: rgba(232, 245, 66, .08);--timeline-divider: rgba(255, 255, 255, .07);--timeline-period: #78746f;--timeline-role: #f0ede8;--timeline-bullet: #78746f;--contact-card-bg: #111111;--contact-card-border: rgba(255, 255, 255, .07);--contact-link-icon: #78746f;--contact-link-arrow: #78746f;--contact-link-label: #f0ede8;--contact-link-text: #78746f;--work-card-bg: #111111;--work-card-border: rgba(255, 255, 255, .07);--work-preview-bg: #161616;--work-preview-surface-bg: #111111;--work-bar-bg: rgba(255, 255, 255, .07);--work-bar-accent: #e8f542;--work-tag-bg: rgba(232, 245, 66, .07);--work-tag-border: rgba(232, 245, 66, .2);--work-tag-text: #f0ede8;--work-cta-color: #e8f542;--quickfacts-divider: rgba(255, 255, 255, .07);--personal-modal-backdrop: rgba(0, 0, 0, .7);--personal-modal-bg: #111111;--personal-modal-border: rgba(255, 255, 255, .14);--personal-modal-close-hover-bg: rgba(255, 255, 255, .05);--personal-notes-divider: rgba(255, 255, 255, .07);--slider-btn-bg: #111111;--slider-btn-border: rgba(255, 255, 255, .14);--slider-btn-border-hover: rgba(255, 255, 255, .28);--arrow-color: #f0ede8}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-mono);font-size:18px;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-base);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes cat-ear-left-wiggle{0%{transform:rotate(-30deg)}to{transform:rotate(1deg)}}@keyframes cat-ear-right-wiggle{0%{transform:rotate(30deg)}to{transform:rotate(-1deg)}}@keyframes paw-hit{0%{opacity:1;right:-30px;transform:translateY(-50%) rotate(-90deg)}20%{opacity:1;right:12px;transform:translateY(-50%) skewY(.75rad) rotate(-85deg) scale(1.1)}40%{opacity:1;right:12px;transform:translateY(-50%) rotate(-90deg) scale(1)}60%{opacity:0;right:-40px;transform:translateY(-50%) rotate(-69deg)}80%{opacity:0;right:-80px;transform:translateY(-50%) rotate(-69deg)}to{opacity:0;right:-120px;transform:translateY(-50%) rotate(-69deg)}}@keyframes fish-yeet-up{0%{transform:translate(0) rotate(0);opacity:1}15%{transform:translate(-10px,-25px) rotate(-20deg)}to{transform:translate(-25px,-600px) rotate(-180deg);opacity:0}}@keyframes icon-flip{0%{transform:rotateY(0) rotate(0) scale(1)}40%{transform:rotateY(180deg) rotate(6deg) scale(1)}60%{transform:rotateY(180deg) rotate(-6deg) scale(1)}to{transform:rotateY(360deg) rotate(0) scale(1)}}@keyframes globe-cycle{0%,40%{opacity:0;transform:rotate(-180deg) scale(.3)}50%{opacity:1;transform:rotate(0) scale(1)}80%{opacity:1;transform:rotate(180deg) scale(1.04)}90%{opacity:0;transform:rotate(360deg) scale(.3)}to{opacity:0}}@keyframes logo-gradient-flow{0%{background-position:0% 0}33%{background-position:100% 0}to{background-position:0% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes waveform-pulse{0%,to{transform:scaleY(.72);opacity:.72}50%{transform:scaleY(1);opacity:1}}@keyframes chip-idle{0%{border-color:var(--color-border-subtle);color:var(--color-text-muted);background:transparent}8%{border-color:var(--color-accent-border);color:var(--color-accent);background:var(--color-accent-subtle)}16%,to{border-color:var(--color-border-subtle);color:var(--color-text-muted);background:transparent}}@keyframes subtle-pulse{0%,to{box-shadow:0 0 0 0 var(--about-timeline-dot-ring)}50%{box-shadow:0 0 0 5px var(--about-timeline-dot-ring-pulse)}}@keyframes cat-peek{0%{transform:translate(-100%) scale(.9)}25%{transform:translate(-20%) scale(1)}40%{transform:translate(6%) scale(1.2)}60%{transform:translate(0) scale(1.02)}75%{transform:translate(-20%) scale(1)}to{transform:translate(-100%) scale(.9)}}@keyframes cat-btn-peek{0%,to{inset-block-end:-150%}30%,70%{inset-block-end:-75%}}@font-face{font-family:Cairo Play;src:url("./media/cairoplay-variable-F2NAIZOM.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:DM Mono;src:url("./media/dm-mono-light-ZMWF7QSY.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DM Mono;src:url("./media/dm-mono-regular-F6YWMZPW.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Mono;src:url("./media/dm-mono-medium-HHBHS7AJ.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}.layout-container{max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--layout-gutter-mobile)}@media (min-width: 768px){.layout-container{padding-inline:var(--layout-gutter)}}.section-label{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-16)}.homepage{background:radial-gradient(circle at 0% 0%,var(--homepage-gradient-start) 0,var(--homepage-gradient-mid) 40%,var(--homepage-gradient-mid) 100%)}[data-theme=dark] .homepage{background:var(--color-bg-hero)}