@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Crimson+Pro:wght@200;300;400;500;600;700;800;900&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all var(--transition-medium)}.header.scrolled{background:#fafaf9cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}[data-theme=dark] .header.scrolled{background:#0a0a0acc;border-bottom:1px solid var(--border-light)}.header.menu-open{background:#fafaf9fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=dark] .header.menu-open{background:#0a0a0afa}.header.scrolled.menu-open{background:#fafaf9cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}[data-theme=dark] .header.scrolled.menu-open{background:#0a0a0acc}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;transition:padding var(--transition-medium)}.header.scrolled .header-content{padding:var(--space-lg) 0}.logo{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:1001}.logo-mark{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);position:relative;display:inline-block;transition:transform .4s var(--ease-out-expo),color .3s ease}.logo-mark:after{content:"";position:absolute;top:-2px;right:-6px;width:6px;height:6px;background:var(--color-accent);border-radius:50%;transition:transform .4s var(--ease-out-expo),background-color .3s ease}.logo-mark.rotated{transform:rotate(180deg)}.logo-mark.rotated:after{transform:rotate(-180deg)}.desktop-nav{display:flex;align-items:center;gap:var(--space-2xl)}.nav-link{display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--space-sm) 0;position:relative;transition:color .3s ease}.nav-number{font-size:var(--text-xs);color:var(--text-tertiary);transition:color .3s ease}.nav-label{position:relative}.nav-label:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent-primary);transition:width var(--transition-medium)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover .nav-number{color:var(--accent-primary)}.nav-link:hover .nav-label:after{width:100%}.mobile-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:var(--text-primary);cursor:pointer;position:relative;z-index:1001;transition:all var(--transition-fast)}.mobile-toggle:hover{color:var(--accent-primary)}.mobile-menu{overflow:hidden}.mobile-nav{display:flex;flex-direction:column;gap:0;padding:var(--space-xl) 0;border-top:1px solid var(--border-light)}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 0;text-decoration:none;color:var(--text-secondary);font-size:var(--text-xl);font-weight:500;border-bottom:1px solid var(--border-light);transition:all .3s ease}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link .nav-number{font-size:var(--text-sm);color:var(--text-tertiary);min-width:32px}.mobile-nav-link:hover,.mobile-nav-link:active{color:var(--text-primary);padding-left:var(--space-md)}.mobile-nav-link:hover .nav-number{color:var(--accent-primary)}@media (max-width: 768px){.desktop-nav{display:none}.mobile-toggle{display:flex}.header-content{padding:var(--space-lg) 0}.header.scrolled .header-content{padding:var(--space-md) 0}.logo-mark{font-size:var(--text-xl)}}@media (max-width: 480px){.mobile-nav-link{font-size:var(--text-lg);padding:var(--space-md) 0}.mobile-nav-link .nav-number{font-size:var(--text-xs);min-width:28px}.mobile-nav{padding:var(--space-lg) 0}}.interactive-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.mesh-svg{width:100%;height:100%;opacity:.6}@media (max-width: 768px){.mesh-svg{opacity:.3}}@media (prefers-reduced-motion: reduce){.mesh-svg *{animation:none!important}}.hero-section{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6xl) var(--spacing-xl);background:var(--color-primary);overflow:hidden;transition:background-color .3s ease}.hero-grid{position:relative;z-index:10;display:flex;flex-direction:column;width:100%}.hero-content{position:relative;z-index:10;max-width:900px;margin:0 auto;text-align:center}.hero-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);justify-content:center}.status-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;display:inline-block;animation:pulse-dot 2s ease-in-out infinite;transition:background-color .3s ease}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.label-text{font-size:var(--font-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:500;transition:color .3s ease}.hero-heading{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:300;line-height:1.1;color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-md);letter-spacing:-.02em;transition:color .3s ease}.hero-heading span{display:inline-block}.hero-subtitle{font-family:var(--font-sans);font-size:1.25rem;font-weight:500;color:var(--color-accent);margin-bottom:var(--spacing-2xl);transition:color .3s ease}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-2xl);flex-wrap:wrap}.btn-primary-minimal{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;border:1.5px solid var(--color-border-dark);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-base);font-weight:500;color:var(--color-text-primary);cursor:pointer;position:relative;overflow:hidden;transition:color .3s ease,border-color .3s ease}.btn-primary-minimal:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-accent);transition:width .3s var(--ease-out-expo);z-index:-1}.btn-primary-minimal:hover:before{width:100%}.btn-primary-minimal:hover{color:#fff;border-color:var(--color-accent)}.btn-primary-minimal span,.btn-primary-minimal svg{position:relative;z-index:1}.link-secondary{display:inline-block;font-family:var(--font-sans);font-size:var(--font-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color .3s ease}.link-secondary:hover{color:var(--color-accent)}.scroll-indicator{display:none}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-noise{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");z-index:2;pointer-events:none}@media (min-width: 768px){.hero-section{padding:var(--spacing-6xl) var(--spacing-2xl)}.hero-subtitle{font-size:1.375rem}}@media (min-width: 1024px){.hero-section{padding:var(--spacing-8xl) var(--spacing-3xl)}.hero-heading{font-size:clamp(3.5rem,5vw,5rem)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:absolute;bottom:var(--spacing-3xl);left:50%;transform:translate(-50%)}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent 0%,var(--color-accent) 50%,transparent 100%);animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%,to{transform:translateY(-10px);opacity:0}50%{transform:translateY(10px);opacity:1}}.scroll-text{font-size:var(--font-xs);color:var(--color-text-tertiary);letter-spacing:.15em;text-transform:uppercase;transition:color .3s ease}}@media (max-width: 768px){.hero-section{padding:var(--spacing-4xl) var(--spacing-md)}.hero-heading{font-size:2.5rem}.hero-subtitle{font-size:1.125rem;margin-bottom:var(--spacing-xl)}.hero-actions{flex-direction:column;width:100%}.btn-primary-minimal{width:100%;justify-content:center}.link-secondary{margin-top:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){.status-dot,.scroll-line{animation:none!important}.btn-primary-minimal:hover{transform:none}.btn-primary-minimal:before{transition:none}}.work-section{position:relative;min-height:100vh;padding:var(--spacing-4xl) 0 var(--spacing-3xl);background:var(--color-primary);overflow:hidden;transition:background-color .3s ease}.work-header{text-align:center;margin-bottom:var(--spacing-2xl);max-width:900px;margin-left:auto;margin-right:auto}.work-header .section-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.work-header .label-line{width:48px;height:1px;background:var(--color-accent);transition:background-color .3s ease}.work-header .label-text{font-size:var(--font-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-tertiary);transition:color .3s ease}.work-header .section-heading{font-family:var(--font-display);font-size:clamp(2.25rem,8vw,4rem);font-weight:400;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--color-text-primary);transition:color .3s ease}.work-header .heading-accent{font-style:italic;color:var(--color-accent);display:inline;transition:color .3s ease}.work-header .section-description{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7;color:var(--color-text-secondary);max-width:100%;margin:0 auto;transition:color .3s ease}.work-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-5xl)}.work-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-surface);border:1px solid rgba(168,162,158,.2);border-radius:var(--radius-lg);text-decoration:none;color:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.work-card:hover{transform:scale(1.02);border-color:var(--color-accent);box-shadow:0 0 24px 4px #ea580c26}[data-theme=dark] .work-card{border:1px solid rgba(82,82,82,.3)}[data-theme=dark] .work-card:hover{box-shadow:0 0 24px 4px #a855f733}.work-card--featured{border:2px solid var(--color-accent)}.card-title{font-family:var(--font-display);font-size:clamp(24px,3vw,28px);font-weight:300;line-height:1.2;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;transition:color .3s ease}.card-description{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;transition:color .3s ease}.card-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.tech-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;padding:4px 10px;background:#a8a29e14;border:1px solid rgba(168,162,158,.12);border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:all .3s ease}[data-theme=dark] .tech-tag{background:#a855f714;border:1px solid rgba(168,85,247,.2)}.featured-badge,.card-header,.card-meta,.card-number,.card-category,.card-footer,.card-cta,.card-links,.card-link,.card-gradient,.card-content{display:none}@media (min-width: 640px){.work-header .section-description{max-width:600px}.work-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (min-width: 768px){.work-header{text-align:left;margin-bottom:var(--spacing-5xl)}.work-header .heading-accent{display:inline}.work-grid{gap:var(--spacing-xl);margin-top:var(--spacing-6xl)}.work-card{padding:var(--spacing-2xl)}}@media (min-width: 1024px){.work-section{padding:var(--spacing-5xl) 0 var(--spacing-4xl)}.work-header .section-description{max-width:720px}.work-grid{gap:var(--spacing-xl)}.work-card{padding:40px}}@media (min-width: 1280px){.work-grid{gap:var(--spacing-2xl)}}@media (prefers-reduced-motion: reduce){.work-card,.tech-tag{transition:none}.work-card:hover{transform:none;box-shadow:none}}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.bento-card-1,.bento-card-2{grid-column:span 6}.bento-card-3{grid-column:span 5}.bento-card-4{grid-column:span 7}.work-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;border-radius:12px;text-decoration:none;color:inherit;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .2s ease;background:var(--color-surface);border:1px solid rgba(255,255,255,.08)}.work-card:hover{border-color:#fff3;transform:translateY(-2px)}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.card-label{font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.card-number{font-family:"DM Serif Display",serif;font-size:72px;line-height:1;color:#ffffff1a;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:color .2s ease;margin-top:-8px}.work-card:hover .card-number{color:#ffffff2e}.card-divider{width:28px;height:1.5px;background:#fff3;margin:1rem 0 1.25rem}.card-title{font-family:var(--font-display);font-size:clamp(24px,3vw,28px);font-weight:300;line-height:1.2;color:var(--color-text-primary);margin:0 0 .75rem;transition:color .3s ease}.card-description{font-size:13px;line-height:1.65;color:var(--color-text-secondary);margin:0 0 1.5rem;flex:1}.card-tech{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tech-tag{font-family:DM Mono,monospace;font-size:11px;padding:4px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.15);color:var(--color-text-secondary);background:transparent;letter-spacing:.04em}@media (max-width: 640px){.work-grid{grid-template-columns:1fr}.bento-card-1,.bento-card-2,.bento-card-3,.bento-card-4{grid-column:span 1}.card-number{font-size:48px}}.footer-section{position:relative;padding:var(--spacing-4xl) 0 var(--spacing-3xl);background:var(--color-surface);border-top:1px solid var(--color-border);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.footer-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--spacing-2xl)}.footer-cta{text-align:center}.cta-heading{font-family:var(--font-display);font-size:clamp(2.25rem,7vw,3.5rem);font-weight:400;line-height:1.1;color:var(--color-text-primary);margin-bottom:var(--spacing-xl);transition:color .3s ease}.cta-accent{font-style:italic;color:var(--color-accent);display:block;transition:color .3s ease}.cta-description{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);max-width:100%;transition:color .3s ease}.cta-email{display:inline-block;font-family:var(--font-display);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:400;color:var(--color-text-primary);text-decoration:none;padding:0 0 4px;border-bottom:1px solid rgba(168,162,158,.2);transition:all .3s ease;word-break:break-all}.cta-email:hover{border-bottom-color:var(--color-accent);color:var(--color-accent)}.cta-email:active{transform:translateY(0)}.footer-social{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.social-label{font-size:var(--font-xs);color:var(--color-text-tertiary);letter-spacing:.15em;text-transform:uppercase;transition:color .3s ease}.social-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:56px;height:56px;background:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-sm);font-weight:500;transition:all .3s ease}.social-link:active{transform:scale(.95);background:var(--color-accent);border-color:var(--color-accent);color:#fff}.footer-divider{height:1px;background:var(--color-border);margin:0;transition:background-color .3s ease}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.footer-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-text{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;transition:color .3s ease}.footer-year{font-size:var(--font-sm);color:var(--color-text-tertiary);margin:0;transition:color .3s ease}@media (min-width: 640px){.cta-description{max-width:500px;margin-left:auto;margin-right:auto}.cta-email{word-break:normal}.social-links{gap:var(--spacing-xl)}.social-link{width:52px;height:52px}}@media (min-width: 768px){.footer-section{padding:var(--spacing-5xl) 0 var(--spacing-4xl)}.cta-heading{margin-bottom:var(--spacing-2xl)}.cta-accent{display:inline}.cta-description{max-width:600px}.social-link{width:auto;min-width:52px;padding:0 var(--spacing-lg)}.social-link span{display:inline}.social-link:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:translateY(-4px)}.social-link:active{transform:translateY(-2px)}.footer-info{flex-direction:row;gap:var(--spacing-sm);align-items:center}}@media (min-width: 1024px){.footer-cta{text-align:left}.cta-description{margin-left:0;max-width:650px}.footer-social{flex-direction:row;justify-content:space-between;align-items:center}.social-links{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){.cta-email,.social-link{transition:none}.cta-email:hover{border-bottom-color:var(--color-text-primary)}.social-link:hover{transform:none}.heart-icon{animation:none}}@media (hover: none) and (pointer: coarse){.social-link{width:56px;height:56px}.cta-email{padding:var(--spacing-lg) var(--spacing-xl)}.social-link:hover{transform:none;background:var(--color-primary);border-color:var(--color-border);color:var(--color-text-primary)}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform-origin:0%;z-index:9999;box-shadow:0 0 10px var(--color-accent);transition:background .3s ease,box-shadow .3s ease}@media (max-width: 768px){.scroll-progress{height:2px}}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}:root{--color-primary:#fafaf9;--color-surface:#fff;--color-accent:#ea580c;--color-text-primary:#0a0a0a;--color-text-secondary:#57534e;--color-text-tertiary:#a8a29e;--color-text-inverse:#fafaf9;--color-border:#e7e5e4;--color-border-medium:#d6d3d1;--color-border-dark:#a8a29e;--bg-primary:var(--color-primary);--bg-secondary:var(--color-surface);--bg-tertiary:#f5f5f4;--bg-accent:#ea580c0a;--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--text-inverse:var(--color-text-inverse);--accent-primary:var(--color-accent);--accent-secondary:#dc2626;--accent-tertiary:#c2410c;--accent-gradient:linear-gradient(135deg, #ea580c 0%, #dc2626 100%);--border-light:var(--color-border);--border-medium:var(--color-border-medium);--border-dark:var(--color-border-dark);--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001a;--font-display:"Crimson Pro", Georgia, serif;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-modern:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-md:1.0625rem;--font-lg:1.125rem;--font-xl:1.25rem;--text-xs:var(--font-xs);--text-sm:var(--font-sm);--text-base:var(--font-base);--text-lg:var(--font-lg);--text-xl:var(--font-xl);--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--spacing-6xl:10rem;--spacing-7xl:12rem;--spacing-8xl:14rem;--space-xs:.25rem;--space-sm:var(--spacing-xs);--space-md:var(--spacing-md);--space-lg:var(--spacing-lg);--space-xl:var(--spacing-xl);--space-2xl:var(--spacing-2xl);--space-3xl:var(--spacing-3xl);--space-4xl:var(--spacing-4xl);--space-5xl:var(--spacing-5xl);--space-6xl:var(--spacing-6xl);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-medium:var(--transition-smooth);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.6s cubic-bezier(.34, 1.56, .64, 1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--max-width:1280px;--max-width-narrow:960px;--max-width-text:720px}[data-theme=dark]{--color-primary:#0a0a0a;--color-surface:#171717;--color-accent:#a855f7;--color-text-primary:#fafaf9;--color-text-secondary:#d6d3d1;--color-text-tertiary:#78716c;--color-text-inverse:#0a0a0a;--color-border:#262626;--color-border-medium:#404040;--color-border-dark:#525252;--bg-primary:var(--color-primary);--bg-secondary:var(--color-surface);--bg-tertiary:#1f1f1f;--bg-accent:#a855f714;--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--text-inverse:var(--color-text-inverse);--accent-primary:var(--color-accent);--accent-secondary:#c084fc;--accent-tertiary:#9333ea;--accent-gradient:linear-gradient(135deg, #a855f7 0%, #c084fc 100%);--border-light:var(--color-border);--border-medium:var(--color-border-medium);--border-dark:var(--color-border-dark);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009}.container{width:100%;max-width:var(--max-width);padding:0 var(--spacing-2xl);margin:0 auto}.container-narrow{width:100%;max-width:var(--max-width-narrow);padding:0 var(--spacing-2xl);margin:0 auto}.container-text{width:100%;max-width:var(--max-width-text);padding:0 var(--spacing-2xl);margin:0 auto}@media (max-width:1024px){.container,.container-narrow,.container-text{padding:0 var(--spacing-xl)}}@media (max-width:768px){.container,.container-narrow,.container-text{padding:0 var(--spacing-lg)}}@media (max-width:480px){.container,.container-narrow,.container-text{padding:0 var(--spacing-md)}}.section{padding:var(--space-5xl) 0;position:relative}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mono{font-family:var(--font-mono)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-5deg)scale(.95)}to{opacity:1;transform:rotate(0)scale(1)}}.animate-fade-in{animation:fadeIn .8s var(--transition-medium)}.animate-fade-in-up{animation:fadeInUp .8s var(--transition-medium)}.animate-slide-in-left{animation:slideInLeft .8s var(--transition-medium)}.animate-slide-in-right{animation:slideInRight .8s var(--transition-medium)}.animate-scale-in{animation:scaleIn .6s var(--transition-medium)}.heading-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.1}.heading-1{font-family:var(--font-display);font-size:clamp(var(--text-5xl),8vw,var(--text-8xl));letter-spacing:-.03em;font-weight:600;line-height:1}.heading-2{font-family:var(--font-display);font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));letter-spacing:-.02em;font-weight:600;line-height:1.1}.heading-3{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));letter-spacing:-.01em;font-weight:600;line-height:1.2}.body-large{font-size:var(--text-xl);color:var(--text-secondary);line-height:1.7}.body-regular{font-size:var(--text-base);line-height:1.6}.label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;font-weight:500}@media (max-width:480px){:root{--space-3xl:2.5rem;--space-2xl:2rem;--space-xl:1.5rem;--space-lg:1.25rem;--space-md:1rem;--space-sm:.75rem;--space-xs:.5rem}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{-webkit-overflow-scrolling:touch;overflow-x:hidden}.container{padding:0 var(--space-lg);max-width:100%}.section{padding:var(--space-2xl) 0;scroll-snap-align:start;flex-direction:column;justify-content:center;min-height:100dvh;display:flex;position:relative}.section-title{text-align:center;margin-bottom:var(--space-xl)!important;letter-spacing:-.03em!important;font-size:clamp(2.2rem,8vw,3.2rem)!important;line-height:1.1!important}.section-description{text-align:center;max-width:100%;padding:0 var(--space-sm);margin-bottom:var(--space-xl)!important;font-size:1.1rem!important;line-height:1.7!important}.section-tag{text-align:center;margin-bottom:var(--space-lg)!important}.section-tag .mono{color:var(--text-secondary)!important;margin-bottom:0!important;font-size:1rem!important}}@media (max-width:768px){:root{--space-3xl:3rem;--space-2xl:2.5rem;--space-xl:2rem;--space-lg:1.5rem}html{font-size:16px;overflow-x:hidden}body{scroll-snap-type:y mandatory;overflow-x:hidden}.container{padding:0 var(--space-lg);max-width:100%}.section{padding:var(--space-3xl) 0;scroll-snap-align:start;flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.home,.about,.skills,.projects,.contact{scroll-snap-align:start}}@media (max-width:1024px){:root{--space-3xl:3rem;--space-2xl:2.5rem}}@media (max-width:430px){.container{padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}}@media (max-width:390px){:root{--space-lg:1rem;--space-md:.875rem}.container{padding:0 var(--space-md)}.section-title{font-size:clamp(2rem,9vw,2.8rem)!important}}@media (max-width:375px){:root{--space-lg:.875rem;--space-md:.75rem}.section-title{font-size:clamp(1.8rem,10vw,2.5rem)!important}.section-description{font-size:1rem!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::-moz-selection{background:var(--accent-primary);color:var(--text-inverse)}::selection{background:var(--accent-primary);color:var(--text-inverse)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}