:root{--color-primary: #000000;--color-primary-light: #333333;--color-primary-dark: #000000;--color-neutral-0: #ffffff;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-surface: var(--color-neutral-0);--color-surface-elevated: var(--color-neutral-0);--color-background: var(--color-neutral-50);--color-background-alt: var(--color-neutral-100);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-700);--color-text-tertiary: var(--color-neutral-600);--color-text-muted: var(--color-neutral-500);--color-text-subtle: var(--color-neutral-400);--color-text-inverse: var(--color-neutral-0);--color-border-light: var(--color-neutral-200);--color-border-medium: var(--color-neutral-300);--color-border-strong: var(--color-neutral-400);--color-link: var(--color-primary);--color-link-hover: var(--color-primary-light);--font-family-primary: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "Fira Code", "SF Mono", "Monaco", "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--spacing-tight: var(--space-2);--spacing-normal: var(--space-4);--spacing-relaxed: var(--space-6);--spacing-loose: var(--space-8);--spacing-section: var(--space-24);--spacing-component: var(--space-16);--spacing-element: var(--space-8);--spacing-item: var(--space-6);--container-max-width: 1600px;--content-max-width: 65ch;--content-wide-max-width: 80ch;--nav-height: 64px;--sidebar-width: 280px;--card-max-width: 400px;--nav-bg: color-mix(in srgb, var(--color-surface) 95%, transparent);--nav-border: var(--color-border-light);--nav-link-color: var(--color-text-tertiary);--nav-link-hover-color: var(--color-text-primary);--nav-brand-color: var(--color-text-primary);--card-bg: var(--color-surface);--card-border: var(--color-border-light);--card-border-hover: var(--color-border-medium);--card-padding: var(--space-6);--card-gap: var(--space-6);--card-border-radius: .5rem;--button-padding-x: var(--space-6);--button-padding-y: var(--space-3);--button-border-radius: .5rem;--button-bg-primary: var(--color-primary);--button-text-primary: var(--color-text-inverse);--button-bg-secondary: transparent;--button-text-secondary: var(--color-text-primary);--button-border-secondary: var(--color-border-medium);--input-bg: var(--color-surface);--input-border: var(--color-border-medium);--input-border-focus: var(--color-primary);--input-text: var(--color-text-primary);--input-placeholder: var(--color-text-muted);--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-card: var(--shadow-md);--shadow-card-hover: var(--shadow-lg);--shadow-modal: var(--shadow-2xl);--shadow-nav: var(--shadow-sm);--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--transition-slower: .5s;--ease-linear: linear;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-colors: color var(--transition-normal) var(--ease-out);--transition-transform: transform var(--transition-normal) var(--ease-out);--transition-opacity: opacity var(--transition-normal) var(--ease-out);--transition-all: all var(--transition-normal) var(--ease-out);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-index-dropdown: 10;--z-index-sticky: 20;--z-index-fixed: 30;--z-index-modal-backdrop: 40;--z-index-modal: 50;--z-index-popover: 60;--z-index-tooltip: 70;--z-index-toast: 80}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e5e5}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{background-color:var(--color-surface);font-family:var(--font-family-primary);background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:20px 20px;background-attachment:fixed}body{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}main{flex:1}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}a,a:hover{color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}[data-reveal]{transition-property:opacity,transform;transition-timing-function:var(--ease-out);transition-duration:var(--transition-slower)}@media (prefers-reduced-motion: reduce){[data-reveal]{transition:none!important;animation:none!important;opacity:1!important;transform:none!important;visibility:visible!important}}[data-reveal]{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}[data-reveal][style*="opacity: 1"]{will-change:auto}.social-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);background-color:var(--card-bg);border:2px solid var(--card-border);transition:var(--transition-all);position:relative;overflow:hidden}.social-card:hover{transform:translateY(-.25rem);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}.social-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:currentColor;transform:scaleX(0);transition:transform var(--transition-normal)}.social-card:hover:before{transform:scaleX(1)}.timeline-item{border-left:2px solid var(--color-border-light);padding-left:var(--space-6);position:relative;margin-bottom:var(--space-8)}.timeline-item:before{content:"";position:absolute;left:-8px;top:0;width:16px;height:16px;background-color:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-full)}.software-item:hover{transform:translateY(-.25rem) scale(1.05)}.software-logo{width:3rem;height:3rem;-o-object-fit:contain;object-fit:contain;margin-bottom:var(--space-2);transition:var(--transition-transform)}.photo-item{position:relative;overflow:hidden;width:100%;aspect-ratio:1;transition:var(--transition-all)}.photo-item:hover{transform:scale(1.05)}.grid-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition-transform)}.nav-brand{font-size:var(--font-size-xl);color:var(--nav-brand-color);background:linear-gradient(30deg,var(--color-primary) 0%,var(--color-neutral-600) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:var(--transition-opacity)}.nav-brand:hover{opacity:.7}.nav-links{display:flex;gap:var(--space-6)}@media (min-width: 768px){.nav-links{gap:var(--space-8)}}@media (min-width: 1024px){.nav-links{gap:var(--space-12)}}.nav-link{font-size:var(--font-size-base);color:var(--nav-link-color);transition:var(--transition-colors);font-weight:var(--font-weight-normal)}.nav-link:hover{color:var(--nav-link-hover-color)}.project-grid{display:grid;gap:var(--card-gap);grid-template-columns:1fr}@media (min-width: 768px){.project-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media (min-width: 1024px){.project-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-12)}}@media (min-width: 1280px){.project-grid{grid-template-columns:repeat(4,1fr)}}.project-card{display:block}.project-image{aspect-ratio:1;width:100%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--card-border);margin-bottom:var(--space-4);transition:var(--transition-all)}.project-card:hover .project-image{border-color:var(--card-border-hover)}.project-image-hover{transition:var(--transition-all)}.project-card:hover .project-image-hover{transform:translateY(-.5rem);box-shadow:var(--shadow-card-hover)}.project-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-bottom:var(--space-2);color:var(--color-text-primary);transition:var(--transition-opacity)}.project-card:hover .project-title{opacity:.7}.project-category{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.coming-soon-card{display:block;cursor:default}.coming-soon-placeholder{aspect-ratio:1;width:100%;border:2px dashed var(--color-border-medium);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-background) 30%,transparent);transition:var(--transition-all)}.coming-soon-card:hover .coming-soon-placeholder{border-color:var(--color-border-strong);background-color:color-mix(in srgb,var(--color-background-alt) 50%,transparent);transform:translateY(-.5rem);box-shadow:var(--shadow-card-hover)}.coming-soon-icon{color:var(--color-text-subtle);transition:var(--transition-all)}.coming-soon-card:hover .coming-soon-icon{color:var(--color-text-muted)}.coming-soon-card:hover .coming-soon-icon svg{transform:rotate(90deg);transition:transform var(--transition-normal) var(--ease-out)}.coming-soon-card .project-title{opacity:.8}.coming-soon-card .project-category{font-style:italic}@media (prefers-reduced-motion: reduce){.coming-soon-card:hover .coming-soon-icon svg{transform:none}}@media (max-width: 768px){.coming-soon-placeholder{margin-bottom:var(--space-3)}}.image-gallery-modal{position:fixed;inset:0;z-index:var(--z-index-modal);display:flex;align-items:center;justify-content:center;transition:var(--transition-all);opacity:0;pointer-events:none}.image-gallery-modal:not(.hidden){opacity:1;pointer-events:auto}.gallery-backdrop{position:absolute;inset:0;background-color:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-all)}.gallery-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4);padding-top:max(var(--space-4),var(--safe-top));padding-bottom:max(var(--space-4),var(--safe-bottom));padding-left:max(var(--space-4),var(--safe-left));padding-right:max(var(--space-4),var(--safe-right))}.gallery-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:var(--color-text-inverse);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-all);top:max(var(--space-4),var(--safe-top));right:max(var(--space-4),var(--safe-right))}.gallery-close-btn:hover{background-color:#000000b3;transform:scale(1.1)}.gallery-counter{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);z-index:10;padding:var(--space-2) var(--space-3);background-color:#00000080;color:var(--color-text-inverse);font-size:var(--font-size-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:var(--font-weight-medium);top:max(var(--space-4),var(--safe-top))}.gallery-image-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gallery-image{display:block;transition:var(--transition-opacity);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - var(--space-8));max-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - var(--space-8));width:auto;height:auto;-o-object-fit:contain;object-fit:contain;margin:auto}.gallery-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-spinner{width:2rem;height:2rem;border:2px solid color-mix(in srgb,var(--color-text-inverse) 30%,transparent);border-top-color:var(--color-text-inverse);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:var(--color-text-inverse);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-all)}.gallery-nav:hover{background-color:#000000b3;transform:translateY(-50%) scale(1.1)}.gallery-nav-prev{left:var(--space-4);left:max(var(--space-4),var(--safe-left))}.gallery-nav-next{right:var(--space-4);right:max(var(--space-4),var(--safe-right))}@media (max-width: 768px){.gallery-content{padding:var(--space-2);padding-top:max(var(--space-2),var(--safe-top));padding-bottom:max(var(--space-2),var(--safe-bottom));padding-left:max(var(--space-2),var(--safe-left));padding-right:max(var(--space-2),var(--safe-right))}.gallery-close-btn{width:3rem;height:3rem;top:max(var(--space-3),var(--safe-top));right:max(var(--space-3),var(--safe-right))}.gallery-counter{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);top:max(var(--space-3),var(--safe-top))}.gallery-nav{width:2.5rem;height:2.5rem}.gallery-nav-prev{left:max(var(--space-3),var(--safe-left))}.gallery-nav-next{right:max(var(--space-3),var(--safe-right))}.gallery-image{max-width:calc(100vw - var(--safe-left) - var(--safe-right) - var(--space-4));max-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - var(--space-4))}}@media (max-width: 480px){.gallery-nav{width:2rem;height:2rem}.gallery-close-btn{width:2.5rem;height:2.5rem}.gallery-counter{font-size:var(--font-size-xs)}}@media (orientation: landscape) and (max-height: 500px){.gallery-content{padding:var(--space-1)}.gallery-close-btn,.gallery-nav{width:2rem;height:2rem}.gallery-counter{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.gallery-image{max-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - var(--space-2))}}@media (prefers-reduced-motion: reduce){.image-gallery-modal,.gallery-backdrop,.gallery-image,.gallery-close-btn,.gallery-nav{transition:none}.gallery-close-btn:hover,.gallery-nav:hover{transform:scale(1)}.gallery-spinner{animation:none}}@media (prefers-contrast: high){.gallery-close-btn,.gallery-nav,.gallery-counter{background-color:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-text-inverse)}.gallery-backdrop{background-color:var(--color-primary)}}.content-container{width:100%}.content-section{max-width:var(--container-max-width);margin:0 auto;padding-left:var(--space-8);padding-right:var(--space-8);margin-bottom:var(--spacing-section);margin-top:var(--spacing-section)}@media (min-width: 768px){.content-section{padding-left:var(--space-10);padding-right:var(--space-10)}}@media (min-width: 1024px){.content-section{padding-left:var(--space-12);padding-right:var(--space-12)}}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-6);color:var(--color-text-primary)}.project-header{margin-bottom:var(--space-8)}.project-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);margin-bottom:var(--space-2);font-size:.9rem;color:var(--color-text-muted)}.project-meta-item{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.project-meta-icon{font-size:1em;opacity:.7}@media (max-width: 640px){.project-meta-row{gap:var(--space-4);font-size:.85rem}}.project-meta-row.text-only .project-meta-item{position:relative}.project-meta-row.text-only .project-meta-item:not(:last-child):after{content:"•";margin-left:var(--space-4);margin-right:calc(var(--space-4) * -.5);opacity:.6}.project-meta-row.text-only .project-meta-icon{display:none}.about-grid{display:grid;gap:var(--space-12);align-items:start;grid-template-columns:1fr}@media (min-width: 768px){.about-grid{grid-template-columns:repeat(2,1fr)}}.about-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.main-photo{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;max-width:100%;height:auto;background:none;min-height:unset}.about-text{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.about-text-large{font-size:var(--font-size-lg)}.hero-section{position:relative;overflow:hidden;width:calc(100vw - (100vw - 100%));height:100vh;height:100dvh;height:calc(var(--dynamic-vh, 1vh) * 100);margin-left:calc(-50vw + 50% + (100vw - 100%)/2);margin-right:calc(-50vw + 50% + (100vw - 100%)/2)}.hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.photo-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);width:100%;padding-left:var(--space-4);padding-right:var(--space-4);margin-bottom:var(--spacing-section)}@media (min-width: 640px){.photo-grid{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.photo-grid{padding-left:var(--space-8);padding-right:var(--space-8)}}.photo-container{position:relative;width:100%;max-width:var(--container-max-width);aspect-ratio:16 / 9;margin:0 auto;overflow:hidden;background-color:var(--color-background)}.photo-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slower)}.link-button{display:inline-flex;align-items:center;padding:var(--button-padding-y) var(--button-padding-x);border:1px solid var(--button-border-secondary);border-radius:var(--button-border-radius);background-color:var(--button-bg-secondary);color:var(--button-text-secondary);transition:var(--transition-all)}.link-button:hover{background-color:var(--color-background);border-color:var(--color-border-strong)}.link-icon{width:1rem;height:1rem;margin-left:var(--space-2);transition:var(--transition-transform)}.link-button:hover .link-icon{transform:translate(.25rem)}.nav-back{display:inline-flex;align-items:center;color:var(--color-text-muted);transition:var(--transition-colors)}.nav-back:hover{color:var(--color-text-primary)}.nav-icon{width:1.25rem;height:1.25rem;margin-right:var(--space-2);transition:var(--transition-transform)}.nav-back:hover .nav-icon{transform:translate(-.25rem)}.details-grid{display:grid;gap:var(--space-12)}@media (min-width: 1024px){.details-grid{grid-template-columns:repeat(3,1fr)}}.navigation-section{padding-top:var(--space-12)}.page-container{width:100%;margin:0 auto;padding-left:var(--space-8);padding-right:var(--space-8);padding-top:var(--space-4)}.page-header{text-align:center;margin-bottom:var(--space-16);max-width:64rem;margin-left:auto;margin-right:auto}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);margin-bottom:var(--space-6);color:var(--color-text-primary)}.section-title-large{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);margin-bottom:var(--space-8);text-align:center}.section-title-small{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.content-section-spacing{margin-bottom:var(--space-16)}.social-grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-16);grid-template-columns:1fr}@media (min-width: 640px){.social-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.social-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.social-grid{grid-template-columns:repeat(5,1fr)}}.social-icon{width:3rem;height:3rem;margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.social-icon svg{width:100%;height:100%}.social-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.social-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.social-email .social-icon{background-color:color-mix(in srgb,#eab308 10%,transparent);color:#a16207}.social-email:hover .social-icon{background-color:#a16207;color:var(--color-text-inverse)}.social-linkedin .social-icon{background-color:color-mix(in srgb,#2563eb 10%,transparent);color:#1d4ed8}.social-linkedin:hover .social-icon{background-color:#1d4ed8;color:var(--color-text-inverse)}.social-github .social-icon{background-color:var(--color-background);color:var(--color-text-secondary)}.social-github:hover .social-icon{background-color:var(--color-text-secondary);color:var(--color-text-inverse)}.social-threads .social-icon{background-color:var(--color-background);color:var(--color-text-primary)}.social-threads:hover .social-icon{background-color:var(--color-text-primary);color:var(--color-text-inverse)}.social-instagram .social-icon{background-color:color-mix(in srgb,#ec4899 10%,transparent);color:#db2777}.social-instagram:hover .social-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:var(--color-text-inverse)}.about-hero-section{display:grid;gap:var(--space-12);margin-bottom:var(--space-16);margin-top:var(--space-8);grid-template-columns:1fr}@media (min-width: 768px){.about-hero-section{grid-template-columns:repeat(2,1fr)}}.about-photo-container{width:100%}.about-experience-content{display:flex;flex-direction:column;gap:var(--space-4)}.skills-section{margin-bottom:var(--space-16)}.skills-grid{display:grid;gap:var(--space-12)}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-group{margin-bottom:var(--space-8)}.skill-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.skill-list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-1) 0}.software-grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.software-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.software-grid{grid-template-columns:repeat(5,1fr)}}.software-item{display:flex;flex-direction:column;align-items:center;transition:var(--transition-transform)}.software-item:hover{transform:translateY(-.25rem)}.software-logo{width:3rem;height:3rem;-o-object-fit:contain;object-fit:contain;margin-bottom:var(--space-2)}.software-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-secondary);line-height:var(--line-height-tight)}.timeline{display:flex;flex-direction:column;gap:var(--space-6)}.timeline-item{border-left:2px solid var(--color-border-light);padding-left:var(--space-6);position:relative}.timeline-date{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.timeline-role{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.timeline-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-photo-grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.about-photo-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.about-photo-grid{grid-template-columns:repeat(5,1fr)}}.photo-item{position:relative;overflow:hidden;width:100%;aspect-ratio:1}.photo-overlay{position:absolute;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-opacity);padding:var(--space-4)}.photo-overlay:hover{opacity:1}.photo-description{color:var(--color-text-inverse);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.cta-section{margin-top:var(--space-20);margin-bottom:var(--space-16);text-align:center;background-color:var(--color-surface);padding:var(--space-12);border:2px solid var(--card-border);max-width:var(--container-max-width);margin-left:auto;margin-right:auto;width:calc(100% - var(--space-8))}.cta-button{display:inline-block;padding:var(--button-padding-y) var(--button-padding-x);background-color:var(--button-bg-primary);color:var(--button-text-primary);border-radius:var(--radius-lg);transition:var(--transition-colors)}.cta-button:hover{background-color:var(--color-neutral-800)}.blog-posts-section{margin-bottom:var(--space-16)}.blog-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr;max-width:72rem;margin:0 auto}@media (min-width: 640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.blog-grid{grid-template-columns:repeat(4,1fr)}}.blog-card{background-color:var(--color-surface);border:2px solid var(--card-border);overflow:hidden;transition:var(--transition-all);aspect-ratio:4 / 5;display:flex;flex-direction:column;max-width:20rem;margin:0 auto}.blog-card:hover{transform:translateY(-.25rem);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-image{width:100%;overflow:hidden;flex-shrink:0;padding:var(--space-2);background-color:var(--color-surface);height:55%}.blog-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:var(--transition-transform);display:block}.blog-card-content{padding:var(--space-3);display:flex;flex-direction:column;justify-content:space-between;height:45%}.blog-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--line-height-tight);transition:var(--transition-colors)}.blog-card:hover .blog-card-title{color:var(--color-text-tertiary)}.blog-card-description{color:var(--color-text-secondary);line-height:var(--line-height-snug);margin-bottom:var(--space-2);flex-grow:1;font-size:var(--font-size-xs);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:var(--space-2);margin-top:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.order-1{order:1}.order-2{order:2}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.w-6{width:1.5rem}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.border{border-width:1px}.pt-12{padding-top:3rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.6}.font-medium{font-weight:500}.italic{font-style:italic}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.text-secondary{color:var(--color-text-secondary)}.text-subtle{color:var(--color-text-subtle)}.bg-background{background-color:var(--color-background)}.section-spacing{margin-bottom:var(--spacing-section)}.element-spacing{margin-bottom:var(--spacing-element)}:root{--vh: 1vh;--vw: 1vw;--dynamic-vh: 1vh;--dynamic-vw: 1vw;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--available-height: calc(100vh - var(--nav-height));--available-height-dynamic: calc(var(--dynamic-vh, 1vh) * 100 - var(--nav-height))}.vh-full{height:100vh;height:100dvh;height:calc(var(--dynamic-vh, 1vh) * 100)}.vh-screen{min-height:100vh;min-height:100dvh;min-height:calc(var(--dynamic-vh, 1vh) * 100)}.vh-available{height:var(--available-height);height:var(--available-height-dynamic)}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.safe-left{padding-left:var(--safe-left)}.safe-right{padding-right:var(--safe-right)}.safe-area{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.nav-sticky{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-fixed);width:100%;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--nav-border);box-shadow:var(--shadow-nav);padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);height:calc(var(--nav-height) + var(--safe-top));display:flex;align-items:center}.nav-sticky .content-container{width:100%;height:100%;padding-top:0;padding-bottom:0;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 768px){.nav-sticky{height:var(--nav-height)}.nav-sticky .content-container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width: 1024px){.nav-sticky .content-container{padding-left:var(--space-12);padding-right:var(--space-12)}}@media (min-width: 1280px){.nav-sticky .content-container{padding-left:var(--space-16);padding-right:var(--space-16)}}main.content-container{margin-top:calc(var(--nav-height) + var(--safe-top));min-height:calc(100vh - var(--nav-height) - var(--safe-top))}@media (orientation: landscape) and (max-height: 500px){.nav-sticky{height:calc(56px + var(--safe-top))}main.content-container{margin-top:calc(56px + var(--safe-top))}}@media (orientation: portrait){.project-grid{grid-template-columns:1fr}@media (min-width: 640px){.project-grid{grid-template-columns:repeat(2,1fr)}}}@media (max-width: 768px){.project-card{min-height:44px}.project-card:active{transform:scale(.98);transition:transform .1s ease}}.project-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.project-card:hover{will-change:transform,opacity}.project-card:not(:hover){will-change:auto}.mobile-menu-button{position:relative;padding:var(--space-2);border-radius:var(--radius-lg);transition:var(--transition-all);min-width:44px;min-height:44px}.mobile-menu-button:hover{background-color:var(--color-background);transform:scale(1.05)}.mobile-menu-button:active{background-color:var(--color-background-alt)}.mobile-menu-button svg{transition:transform var(--transition-normal)}.mobile-menu{background:transparent;position:absolute;top:100%;left:0;right:0;z-index:var(--z-index-modal-backdrop);margin-top:0;padding:var(--space-6) var(--space-4);padding-left:max(var(--space-4),var(--safe-left));padding-right:max(var(--space-4),var(--safe-right))}.mobile-menu ul{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0;padding:0}.mobile-menu-overlay{position:fixed;top:calc(var(--nav-height) + var(--safe-top));left:0;right:0;bottom:0;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:var(--z-index-sticky);opacity:0;pointer-events:none;transition:all var(--transition-slower) var(--ease-in-out)}.mobile-menu-overlay:not(.hidden):not(.closing){opacity:1;pointer-events:auto;background:#8f8f8f99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu-overlay.closing{opacity:0;background:#b9b9b900;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all var(--transition-normal) ease-out}.mobile-nav-link{display:block;text-align:center;padding:var(--space-8) var(--space-6);margin:0 var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-alt) 100%);border:1px solid var(--color-border-light);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:none;font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;transition:var(--transition-all);opacity:0;transform:translateY(-30px);min-height:44px}.mobile-nav-link:hover{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%);border-color:var(--color-border-medium);box-shadow:var(--shadow-card-hover);transform:translateY(-.25rem)}.mobile-menu.opening .mobile-nav-link{animation:dropDown var(--transition-slower) var(--ease-in-out) forwards}.mobile-menu.opening li:nth-child(1) .mobile-nav-link{animation-delay:.2s}.mobile-menu.opening li:nth-child(2) .mobile-nav-link{animation-delay:.3s}.mobile-menu.opening li:nth-child(3) .mobile-nav-link{animation-delay:.4s}.mobile-menu.opening li:nth-child(4) .mobile-nav-link{animation-delay:.5s}.mobile-menu.closing .mobile-nav-link{animation:fadeOut .2s ease-out forwards}.mobile-menu.hidden .mobile-nav-link{opacity:0;transform:translateY(-30px);transition:none;animation:none}@keyframes dropDown{0%{opacity:0;transform:translateY(-30px) scale(.9)}60%{opacity:.8;transform:translateY(2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mobile-menu,.mobile-nav-link,.mobile-menu-overlay{transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}.mobile-menu:not(.hidden):not(.closing) .mobile-nav-link{will-change:auto}footer{background-color:var(--color-background);padding:var(--space-2) 0;border-top:1px solid var(--color-border-light)}footer .content-container{display:flex;align-items:center;justify-content:center;text-align:center}footer p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}@media (prefers-reduced-motion: reduce){.mobile-nav-link,.mobile-menu-overlay{transition:none;opacity:1;transform:none}.mobile-menu-button,.mobile-menu-button svg{transition:none}}html,body{overflow-x:hidden}.project-navigation{display:flex;flex-direction:column;gap:var(--space-8)}@media (min-width: 768px){.project-navigation{flex-direction:row;justify-content:space-between;align-items:center}}.project-nav-buttons{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 640px){.project-nav-buttons{flex-direction:row;gap:var(--space-6)}}.project-nav-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--card-bg);border:2px solid var(--card-border);transition:var(--transition-all);color:var(--color-text-secondary);text-decoration:none;min-width:200px;position:relative;overflow:hidden}.project-nav-button:hover{transform:translateY(-.25rem);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover);color:var(--color-text-primary)}.project-nav-prev{justify-content:flex-start}.project-nav-next{justify-content:flex-end}@media (min-width: 640px){.project-nav-next{flex-direction:row-reverse}}.project-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0;transition:var(--transition-transform)}.project-nav-prev:hover .project-nav-icon{transform:translate(-.25rem)}.project-nav-next:hover .project-nav-icon{transform:translate(.25rem)}.project-nav-content{display:flex;flex-direction:column;gap:var(--space-1)}.project-nav-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.project-nav-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight)}@media (max-width: 640px){.project-nav-buttons{flex-direction:row;gap:var(--space-3)}.project-nav-button{flex:1;min-width:0;padding:var(--space-4) var(--space-3)}.project-nav-next{flex-direction:row;justify-content:flex-start}.project-nav-content{gap:var(--space-1)}.project-nav-title{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.project-nav-label{font-size:var(--font-size-xs)}.project-nav-icon{width:1rem;height:1rem}}@media (max-width: 480px){.project-nav-button{padding:var(--space-3) var(--space-2)}.project-nav-title{font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.project-nav-button:hover .project-nav-title{color:var(--color-text-primary)}.project-nav-button:hover .project-nav-label{color:var(--color-text-tertiary)}.project-nav-button:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:currentColor;transform:scaleX(0);transition:transform var(--transition-normal)}.project-nav-button:hover:before{transform:scaleX(1)}.image-optimized{transition:opacity var(--transition-normal) var(--ease-out);background-color:var(--color-background)}.image-optimized[loading=eager]{opacity:1}.image-optimized[loading=lazy]{opacity:0}.image-optimized[loading=lazy].loaded{opacity:1;animation:projectImageFadeIn var(--transition-normal) var(--ease-out) forwards}img:not(.image-optimized){opacity:1}@keyframes projectImageFadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.photo-container{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--color-background) 25%,var(--color-background-alt) 50%,var(--color-background) 75%);background-size:400% 100%;border-radius:var(--radius-sm)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}.hero-image[data-astro-cid-37fxchfa]{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;background:#f5f5f5;image-rendering:-webkit-optimize-contrast}.image-optimized[data-astro-cid-37fxchfa]{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.image-optimized[data-astro-cid-37fxchfa][src]{background:none}.image-optimized[data-astro-cid-37fxchfa][loading=eager]{opacity:1}.image-optimized[data-astro-cid-37fxchfa][loading=lazy]{opacity:0;transition:opacity .3s ease}.image-optimized[data-astro-cid-37fxchfa].loaded{opacity:1}@media (max-width: 768px){.hero-image[data-astro-cid-37fxchfa]{max-height:60vh;image-rendering:-webkit-optimize-contrast}}