@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap";:root{--color-gray-50: #fff8f6;--color-gray-100: #fff1ec;--color-gray-200: #e2e8f0;--color-gray-300: #e2bfb2;--color-gray-400: #8e7166;--color-gray-500: #8e7166;--color-gray-600: #5a4138;--color-gray-700: #5a4138;--color-gray-800: #3d2d27;--color-gray-900: #261813;--color-primary-100: #ffdbce;--color-primary-500: #cc4900;--color-primary-600: #a33900;--color-primary-700: #7f2b00;--color-success-500: #10b981;--color-danger-500: #ba1a1a;--color-warning-500: #f84323;--color-white: #ffffff;--color-black: #000000;--color-text-primary: var(--color-gray-800);--color-text-secondary: var(--color-gray-600);--color-text-subtle: var(--color-gray-400);--color-text-accent: var(--color-primary-600);--color-text-on-accent: var(--color-white);--color-text-logo: var(--color-gray-900);--color-background: var(--color-gray-50);--color-surface-primary: var(--color-white);--color-surface-secondary: var(--color-gray-100);--color-border-primary: var(--color-gray-200);--color-border-hover: var(--color-accent-primary);--color-border-focus: var(--color-primary-500);--color-accent-primary: var(--color-primary-600);--color-accent-primary-hover: var(--color-primary-700);--color-accent-secondary: var(--color-primary-100);--color-accent-secondary-hover: var(--color-primary-100);--color-state-success: var(--color-success-500);--color-state-danger: var(--color-danger-500);--color-state-warning: var(--color-warning-500);--color-state-info: var(--color-primary-500);--color-nav-scrolled-bg: rgba(255, 255, 255, .85);--color-nav-scrolled-border: var(--color-border-primary);--color-nav-scrolled-shadow: rgba(0, 0, 0, .05);--color-drawer-bg: var(--color-surface-primary);--color-drawer-overlay-bg: rgba(17, 24, 39, .4);--color-drawer-shadow: rgba(0, 0, 0, .1);--color-drawer-link-hover: var(--color-gray-100);--color-pulse-shadow: rgba(16, 185, 129, .7);--font-display: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--shadow-hover: 0 20px 40px rgba(163, 57, 0, .1)}body{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color-pulse-shadow)}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-20px) translate(-50%)}60%{transform:translateY(-10px) translate(-50%)}}.portfolio-container{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-item{overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}