@import"https://fonts.googleapis.com/css2?family=Helvetica+Neue:wght@100;300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nexa:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;700;900&display=swap";html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:New Hero UltraBold;src:url(/fonts/NewHero-UltraBold.woff2) format("woff2"),url(/fonts/NewHero-UltraBold.woff) format("woff");font-weight:900;font-style:normal}:root{--font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-secondary: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Futura", "Trebuchet MS", sans-serif;--color-bg: #1b1b1f;--color-text: #f2f2f2;--color-accent: #3b3f45;--color-border: #d7d9de;--color-light: #ffffff;--color-primary: #1f1f23;--color-primary-light: #3b3f45;--color-primary-dark: #0e0f11;--color-bg-dark: #000000;--color-text-dark: #ffffff;--color-accent-dark: #aeb4bb;--color-border-dark: #4d5157;--color-light-dark: #1f1f23;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--transition: all .3s ease;--transition-slow: all .5s ease}.app.dark-mode{--color-bg: var(--color-bg-dark);--color-text: var(--color-text-dark);--color-accent: var(--color-accent-dark);--color-border: var(--color-border-dark);--color-light: var(--color-light-dark)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(1cm + .75rem)}body{font-family:var(--font-secondary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:300;line-height:1.2;margin-bottom:var(--spacing-md);letter-spacing:-.5px;color:#1f1f23}h1{font-size:clamp(2rem,8vw,4rem);font-weight:100}h2{font-size:clamp(1.75rem,5vw,3rem);font-weight:100}h3{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:var(--spacing-md);font-weight:300}p{margin-bottom:var(--spacing-md);font-weight:300;line-height:1.8}a{color:var(--color-text);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-accent)}.btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:15px 36px;border:none;background-color:transparent;color:#2d2d2d;font-family:var(--font-primary);font-weight:300;font-size:.95rem;cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:1.5px;overflow:visible;transition:.3s;border-radius:0;z-index:1}.btn:after{position:absolute;content:"";width:0;left:0;bottom:-7px;background:#2d2d2d;height:2px;transition:.3s ease-out}.btn:before{position:absolute;content:attr(data-text);width:0%;inset:0;color:#2d2d2d;overflow:hidden;transition:.3s ease-out;z-index:-1}.btn:hover:after{width:100%}.btn:hover:before{width:100%}.btn-arrow{width:15px;height:15px;transition:.2s ease-out;transition-delay:.2s;display:inline-block}.btn:hover .btn-arrow{transform:translate(4px)}.btn-secondary{border:none;color:#2d2d2d}.btn-secondary:after{background:#2d2d2d}.btn-secondary:hover{color:#2d2d2d}.app.dark-mode .btn{border:none;color:#e0e0e0}.app.dark-mode .btn:after{background:#e0e0e0}.app.dark-mode .btn:before{color:#e0e0e0}.app.dark-mode .btn:hover{color:#e0e0e0}.app.dark-mode .btn-secondary{border:none;color:#e0e0e0}.app.dark-mode .btn-secondary:after{background:#e0e0e0}.app.dark-mode .btn-secondary:hover{color:#e0e0e0}.section-title{font-family:Raleway,Avant Garde,sans-serif;font-weight:900;font-size:clamp(2.5rem,8vw,4rem);text-align:center;margin-bottom:var(--spacing-lg);position:relative;display:inline-block;width:100%;letter-spacing:0px;color:var(--color-primary);text-transform:uppercase}.app.dark-mode .section-title{color:#fff}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--color-accent);margin-bottom:var(--spacing-xl)}main{flex:1}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:768px){html{scroll-padding-top:calc(1cm + .5rem)}h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 var(--spacing-md)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeInUp .6s ease forwards}.slide-in-left{animation:slideInLeft .6s ease forwards}.slide-in-right{animation:slideInRight .6s ease forwards}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}main{flex:1;padding-top:calc(1cm + .75rem)}@media(max-width:900px){main{padding-top:calc(1cm + .6rem)}}@media(max-width:600px){main{padding-top:calc(1cm + .5rem)}}.header{position:fixed;top:0;left:0;right:0;height:1cm;padding:0 var(--spacing-lg);background-color:#121216cc;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);z-index:1000;box-sizing:border-box;display:flex;align-items:center;transition:opacity .35s ease,transform .35s ease}.header-home{opacity:0;transform:translateY(-100%);pointer-events:none}.header-about,.header-projects,.header-contact{opacity:1;transform:translateY(0);pointer-events:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);max-width:960px;margin:0 auto;width:100%;position:relative;height:100%}.header-left{display:flex;align-items:center;gap:var(--spacing-xs)}.logo a{display:inline-flex;align-items:center;font-weight:100;font-size:1.4rem;letter-spacing:2px;color:#b5b5b5;transition:var(--transition);line-height:1}.logo a:hover{color:var(--color-primary-light)}.tagline{margin:0;text-transform:uppercase;letter-spacing:2px;font-size:.65rem;color:#b5b5b5;white-space:nowrap}.nav{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary);transition:var(--transition)}.nav a{text-transform:uppercase;font-size:.75rem;letter-spacing:.9px;position:relative;padding-bottom:2px;color:var(--color-text)}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.header-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.theme-toggle{display:none;visibility:hidden;pointer-events:none}.theme-toggle:hover{transform:none}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:.4rem;background:none;border:1px solid transparent;cursor:pointer;transition:var(--transition)}.menu-line{width:20px;height:1px;background-color:var(--color-text);transition:transform .3s ease,opacity .3s ease}.menu-toggle.open .menu-line:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle.open .menu-line:last-child{transform:translateY(-3px) rotate(-45deg)}.app.dark-mode .header{background-color:#0a0a0ecc;border-bottom-color:#ffffff1a}.app.dark-mode .logo a,.app.dark-mode .nav a,.app.dark-mode .tagline,.app.dark-mode .theme-toggle{color:#f2f2f2}.app.dark-mode .menu-line{background-color:#f2f2f2}@media(max-width:1100px){.nav{gap:var(--spacing-md)}}@media(max-width:900px){.header{padding:0 var(--spacing-md)}.header-inner{gap:var(--spacing-sm)}.tagline{display:none}.nav{position:absolute;top:calc(100% + .25rem);left:var(--spacing-lg);right:var(--spacing-lg);flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fffffffa;border:1px solid var(--color-border);box-shadow:0 12px 40px #00000014;opacity:0;pointer-events:none;transform:translateY(-8px);border-radius:6px}.nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav a{width:100%;padding-bottom:0;padding-top:.25rem}.nav a:after{display:none}.menu-toggle{display:flex;border-color:var(--color-border)}.menu-line{background-color:var(--color-text)}.app.dark-mode .nav{background-color:#000000e6;border-color:#ffffff1f}}@media(max-width:600px){.header-left{gap:var(--spacing-xs)}.logo a{font-size:1.4rem}}.hero{background:var(--color-bg);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;position:relative;margin-left:0;padding:0}.hero-cover{width:100vw;height:100vh;object-fit:cover;display:block;transform:translateY(-2cm)}.hero-scroll-indicator{position:absolute;bottom:calc(64px + 1cm);left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;color:#f5f5f5;font-size:.75rem;letter-spacing:.2rem;text-transform:uppercase;text-decoration:none;opacity:.85;transition:opacity .3s ease,transform .3s ease;z-index:3}.hero-scroll-indicator:hover{opacity:1;transform:translate(-50%) translateY(-4px)}.hero-scroll-arrow{font-size:1.4rem;animation:hero-arrow-bounce 1.5s infinite}@keyframes hero-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.app.dark-mode .hero{background:var(--color-bg)}.app.dark-mode .hero:before{content:none}.hero-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xxl);align-items:center;max-width:1400px;width:100%;position:relative;z-index:1;justify-items:center;padding-right:0}.hero-text{animation:slideInLeft .8s ease-out;max-width:700px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.hero-center{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:min(900px,90vw)}.hero-title-row{display:flex;align-items:center;gap:var(--spacing-md);width:100%;justify-content:flex-start;padding-left:260px}.hero-discipline{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:var(--color-text)}.hero-line{flex:1;max-width:340px;height:1px;background-color:#2d2d2d}.hero-title-image{width:clamp(240px,45vw,520px);height:auto;display:block}.hero-name{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text);align-self:flex-start;padding-left:260px}.app.dark-mode .hero-title{color:var(--color-text-dark)}.accent-line{position:absolute;bottom:10px;left:0;width:60%;height:4px;background-color:var(--color-text);animation:slideInLeft 1s ease-out .2s backwards;display:none}.hero-year{position:absolute;top:0;left:0;font-family:var(--font-primary);font-size:.9rem;font-weight:300;color:#2d2d2d;letter-spacing:1px;margin:0;animation:fadeInUp .8s ease-out .15s backwards}.hero-actions{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease-out .4s backwards}.hero-link{font-family:var(--font-primary);font-size:.85rem;letter-spacing:1px;text-transform:uppercase;color:#fff;border-bottom:1px solid #ffffff;padding-bottom:4px}.hero-link:hover{color:#f5f5f5;border-bottom-color:#f5f5f5}.hero-actions .btn{transition:var(--transition)}.hero-visual{animation:slideInRight .8s ease-out;display:none}.hero-image-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--color-light) 0%,#f0f0f0 100%);border:1px solid var(--color-border);border-radius:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.hero-image-placeholder svg{width:70%;height:70%;color:var(--color-accent);opacity:.6}.hero-image-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(85,85,85,.05) 50%,transparent 60%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-visual{order:-1}.hero-title{font-size:3.5rem}.hero-title-row,.hero-name{padding-left:180px}.hero-subtitle{font-size:1.2rem}.hero{min-height:80vh}}@media(max-width:768px){.hero{padding:0;min-height:60vh}.hero-title-row{flex-direction:column;padding-left:0;align-items:center}.hero-name{align-self:center;padding-left:0}.hero-subtitle{font-size:1rem;margin-bottom:var(--spacing-lg)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero:before{display:none}}@media(max-width:480px){.hero{padding:0}.hero-title-image{width:clamp(200px,70vw,360px)}.hero-subtitle{font-size:.95rem}.hero-actions{gap:var(--spacing-sm)}.hero-actions .btn{font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md)}}.about{padding:var(--spacing-xxl) var(--spacing-lg);background:#1b1b1f;color:#f5f5f5;position:relative;z-index:1}.about,.about p,.about h1,.about h2,.about h3,.about span,.about li,.about dt,.about dd,.about a,.about .section-title{color:#f2f2f2}.app.dark-mode .about{background:#0f0f12}.about .container{position:relative;z-index:1}.about-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--spacing-xl);align-items:stretch;margin-bottom:var(--spacing-xxl)}.about-intro-card{background:#ffffff73;border:1px solid rgba(31,31,35,.18);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app.dark-mode .about-intro-card{background:#1616168c;border-color:#ffffff26}.about-intro-lead{font-size:1.35rem;line-height:1.8;margin:0}.about-intro-subtitle{margin:0;font-size:1rem;line-height:1.7;color:var(--color-accent)}.app.dark-mode .about-intro-subtitle{color:var(--color-accent-dark)}.about-quick-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.about-quick-fact{padding:var(--spacing-md);border:1px solid rgba(31,31,35,.2);background:#ffffff73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-quick-fact-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-accent)}.about-quick-fact-value{display:block;font-size:1rem;font-weight:500}.about-main-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.about-story-card,.about-timeline-card{background:#ffffff73;border:1px solid rgba(31,31,35,.15);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app.dark-mode .about-story-card,.app.dark-mode .about-timeline-card,.app.dark-mode .about-quick-fact{background:#0f0f0f8c;border-color:#ffffff2e}.about-story-headline h3,.about-story-card h3,.about-timeline-card h3,.about-panel h3{margin-top:0;text-transform:uppercase;letter-spacing:1px;font-size:1.35rem;font-weight:400;text-align:center}.about-story-highlight{font-size:1.05rem;font-style:italic;margin-bottom:var(--spacing-lg)}.about-capabilities{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.about-capabilities li{padding:.35rem .9rem;border:1px solid rgba(31,31,35,.25);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.about-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-timeline-item{display:grid;grid-template-columns:110px 1fr;gap:var(--spacing-md);align-items:start}.about-timeline-period{text-transform:uppercase;font-size:.8rem;letter-spacing:1px;color:var(--color-accent)}.about-timeline-title{margin:0 0 .25rem;font-weight:600}.about-timeline-detail{margin:0;color:var(--color-text);opacity:.85}.about-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.about-panel{background:var(--color-bg);border:1px solid var(--color-border);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);color:#f2f2f2;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;box-shadow:0 12px 32px #0000001f;position:relative;z-index:5}.about-panel-accent{border-width:2px;background:#121216f2}.about-panel-soft{background:#202026e6}.about-panel:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0003;border-color:var(--color-primary);z-index:6}.about-cta{margin:0;font-style:italic;color:var(--color-primary)}.app.dark-mode .about-panel{background:#0c0c0ff2;border-color:#ffffff26;color:#f7f7f7;box-shadow:0 12px 32px #00000073;z-index:5}.app.dark-mode .about-panel:hover{box-shadow:0 16px 36px #0000008c;z-index:6}.app.dark-mode .about-capabilities li{background:#0c0c0f40;border-color:#ffffff4d;color:#f6f6f6}.app.dark-mode .about-panel-soft{background:#ffffff0f}.app.dark-mode .about-cta{color:#fff}.about-header{max-width:920px;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);position:relative;align-items:center;text-align:center}.about-header:before{content:"";position:absolute;top:-1.5cm;left:0;right:calc(-.5*(100vw - 100%) - 15cm);height:.1mm;background-color:#ffffffb3}.about-kicker{text-transform:uppercase;letter-spacing:3px;font-size:.85rem;color:var(--color-accent);margin:0}.section-title.about-title{margin:0;font-size:clamp(3.6rem,9vw,6.8rem);letter-spacing:.45rem;text-transform:uppercase;line-height:1;display:inline-block;transform:scaleY(1.5) translateY(-1cm);transform-origin:top;color:#111116;position:relative;z-index:1}.about-title-overlay{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:clamp(260px,40vw,460px);z-index:2;pointer-events:none;opacity:.9;filter:drop-shadow(0 12px 25px rgba(0,0,0,.35))}.about-title-portrait{position:absolute;top:50%;right:-12%;transform:translateY(-50%);width:clamp(200px,32vw,400px);pointer-events:none;opacity:.95;filter:drop-shadow(0 18px 35px rgba(0,0,0,.45));z-index:0}@media(max-width:900px){.about-title-portrait{display:none}}.about-title-name{display:inline-block;white-space:nowrap}.about-description{font-size:1.1rem;line-height:1.8;margin:0;color:var(--color-text)}.about-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.about-tags span{border:1px solid rgba(31,31,35,.25);padding:.3rem .85rem;text-transform:uppercase;font-size:.75rem;letter-spacing:1px;color:#1f1f23;background:#ffffff1a}.app.dark-mode .about-tags span{border-color:#fff6;color:#f4f4f4}.about-list{list-style:none;padding:0;margin:var(--spacing-md) 0 0}.about-list li{padding-left:var(--spacing-lg);position:relative;line-height:1.7;margin-bottom:var(--spacing-sm);color:var(--color-accent)}.about-panel-soft .about-list li{color:#fff}.software-strip{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;justify-content:flex-start;margin:var(--spacing-lg) 0}.software-logo{display:flex;align-items:center;justify-content:center}.software-logo img{max-height:38px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));transition:transform .35s ease,filter .35s ease}.software-logo img[alt*="Suite Google"]{max-height:28px}.software-logo:hover img{transform:translateY(-12px) scale(1.15);filter:drop-shadow(0 18px 28px rgba(0,0,0,.55))}.about-list strong em{color:var(--color-text)}.about-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.about-media{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.about-portrait{width:100%;max-width:420px;aspect-ratio:3 / 4;object-fit:cover;border:1px solid rgba(31,31,35,.2);box-shadow:0 18px 40px #00000026}.about-signature{position:absolute;bottom:-12px;right:20px;font-family:Raleway,Avant Garde,sans-serif;font-size:1.6rem;font-weight:300;color:var(--color-primary);letter-spacing:2px;text-transform:uppercase}.app.dark-mode .about-signature{color:#fff}.about-meta{display:grid;gap:var(--spacing-sm)}.about-meta-row{display:grid;grid-template-columns:110px 1fr;gap:var(--spacing-sm);align-items:start}.about-meta dt{text-transform:uppercase;font-size:.8rem;letter-spacing:1px;color:var(--color-accent)}.app.dark-mode .about-meta dt{color:var(--color-accent-dark)}.about-meta dd{margin:0;line-height:1.6}.about .section-title{text-align:left;margin-bottom:var(--spacing-xl)}.about .section-title:after{margin-left:0}.about-content{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:1200px;margin:0 auto}.about-intro-section{text-align:left;max-width:100%;margin:0 auto var(--spacing-md) 0;padding-left:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.about-intro{font-size:1.2rem;line-height:1.8;margin-bottom:var(--spacing-md);color:var(--color-text);max-width:450px;align-self:flex-start}.about-passion{font-size:1.1rem;line-height:1.7;color:var(--color-accent);font-style:italic;max-width:450px;align-self:flex-end;text-align:center;padding-right:0;margin-right:0}.app.dark-mode .about-passion{color:var(--color-accent-dark)}.about-name-section{width:100%;display:flex;justify-content:flex-end;margin-bottom:0;margin-top:-180px}.about-name{font-family:Raleway,sans-serif;font-weight:900;font-size:clamp(2.5rem,8vw,4rem);text-transform:uppercase;color:var(--color-primary);line-height:.9;text-align:right;letter-spacing:0px}.app.dark-mode .about-name{color:#fff}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.about-card{background:#ffffff4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:var(--spacing-xl);border:1px solid rgba(31,31,35,.2);transition:all .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #1f1f2326;border-color:var(--color-primary);background:#ffffff80}.app.dark-mode .about-card{background:#1a1a1a4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-color:#ffffff1a}.app.dark-mode .about-card:hover{background:#23232380;border-color:#ffffff4d}.highlight-card{background:linear-gradient(135deg,#1f1f231a,#4d4f570d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid var(--color-primary)}.app.dark-mode .highlight-card{background:linear-gradient(135deg,#1f1f2333,#4d4f571a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.card-title{font-family:Raleway,Avant Garde,sans-serif;font-weight:700;font-size:1.3rem;color:var(--color-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px}.app.dark-mode .card-title{color:#fff}.card-highlight{font-size:1.15rem;color:var(--color-primary);margin-bottom:var(--spacing-md);line-height:1.6}.app.dark-mode .card-highlight{color:#fff}.card-list{list-style:none;padding:0;margin:0}.card-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;line-height:1.6}.card-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.card-list-compact{list-style:none;padding:0;margin:0}.card-list-compact li{padding:var(--spacing-xs) 0;line-height:1.8}.card-text{line-height:1.7;margin-bottom:var(--spacing-md)}.card-text:last-child{margin-bottom:0}@media(max-width:1200px){.about{margin-left:-80px;padding-left:calc(80px + var(--spacing-lg))}.about-hero{grid-template-columns:1fr}.about-portrait-card{order:-1}}@media(max-width:768px){.about{margin-left:0;padding-left:var(--spacing-lg)}.about-intro-card,.about-info-card{padding:var(--spacing-md)}.about-intro-lead{font-size:1.15rem}}.about-image{animation:slideInLeft .8s ease-out}.image-placeholder{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,var(--color-light) 0%,#f0f0f0 100%);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.image-placeholder svg{width:50%;height:50%;color:var(--color-accent);opacity:.6}.image-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(85,85,85,.05) 50%,transparent 60%);animation:shimmer 3s infinite}.about-text{animation:slideInRight .8s ease-out}.about-intro{font-size:1.25rem;font-weight:300;line-height:1.8;margin-bottom:var(--spacing-lg);border-left:4px solid var(--color-primary);padding-left:var(--spacing-md)}.about-text h3{font-family:var(--font-primary);font-size:1.3rem;font-weight:300;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.skills-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.skills-list li{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:300}.skills-list li:before{content:"→";font-weight:700;color:var(--color-primary)}.about-goal{background-color:var(--color-light);padding:var(--spacing-lg);border-radius:0;margin:var(--spacing-lg) 0;line-height:1.8}.about-goal strong{font-weight:700}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.stat{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-number{font-family:var(--font-primary);font-size:2.5rem;font-weight:100;color:var(--color-text)}.stat-label{font-size:.95rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;font-weight:300}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-layout{grid-template-columns:1fr}.about-media{order:-1}.skills-list{grid-template-columns:1fr}}@media(max-width:768px){.about{padding:var(--spacing-xl) var(--spacing-md)}.about .section-title{text-align:center}.about .section-title:after{margin-left:auto;margin-right:auto}.about-intro,.about-text h3{font-size:1.1rem}.about-block{padding:var(--spacing-md)}.about-signature{position:static;margin-top:var(--spacing-sm);align-self:flex-end}.about-meta-row{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-number{font-size:2rem}}@media(max-width:480px){.about-intro{font-size:1rem;padding-left:var(--spacing-sm);border-left-width:3px}.about-goal{padding:var(--spacing-md)}.skills-list{gap:var(--spacing-sm)}.stat-number{font-size:1.8rem}.about-portrait{max-width:320px}}.projects{padding:var(--spacing-xxl) var(--spacing-lg);background-color:#12121600}.projects .section-title{text-align:left;margin-bottom:var(--spacing-lg)}.projects-header{position:relative;display:inline-block;margin-bottom:var(--spacing-lg)}.projects-header:before{content:"";position:absolute;top:-1.5cm;left:0;right:calc(-.5*(100vw - 100%) - 15cm);height:.1mm;background-color:#ffffffb3}.section-title.projects-title{margin:0 0 var(--spacing-md);font-size:clamp(3.6rem,9vw,6.8rem);letter-spacing:.45rem;text-transform:uppercase;line-height:1;display:inline-block;transform:scaleY(1.5) translateY(-1cm);transform-origin:top;color:#111116;position:relative;z-index:1}.projects-title-overlay{position:absolute;top:calc(40% + 1.5cm);left:calc(60% + 4cm);transform:translate(-50%,-50%);width:clamp(320px,45vw,600px);pointer-events:none;opacity:.9;filter:drop-shadow(0 12px 25px rgba(0,0,0,.35));z-index:2}@media(max-width:900px){.projects-title-overlay{display:none}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.project-card{background-color:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;transition:var(--transition);overflow:hidden;display:flex;flex-direction:column;animation:fadeInUp .6s ease-out}.project-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px #0000001a;border-color:var(--color-primary)}.app.dark-mode .project-card:hover{box-shadow:0 16px 32px #ffffff1a}.project-image{position:relative;overflow:hidden;aspect-ratio:4/3;background-color:var(--color-light)}.project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);filter:brightness(1)}.project-card:hover .project-image img{transform:scale(1.05);filter:brightness(.9)}.project-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--spacing-md);transition:var(--transition)}.project-card:hover .project-overlay{background:#0000004d}.project-category{display:inline-block;background-color:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:0;transition:var(--transition);transform:translateY(10px)}.project-card:hover .project-category{opacity:1;transform:translateY(0)}.project-info{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-info h3{font-family:var(--font-primary);font-size:1.3rem;font-weight:300;margin:0 0 var(--spacing-sm) 0;line-height:1.3;color:#fff}.project-meta{font-size:.9rem;color:var(--color-text);margin-bottom:var(--spacing-xs);font-weight:300}.project-year{font-size:.85rem;color:#f5f5f5d9;text-transform:uppercase;letter-spacing:.5px}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#fff;max-width:1400px;width:100%;max-height:95vh;overflow-y:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-xxl);animation:slideUp .4s ease;position:relative}.modal-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:2000}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-text);z-index:2001;transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{transform:rotate(90deg);color:var(--color-accent)}.modal-image{width:100%;height:auto;max-height:500px;object-fit:cover;background-color:var(--color-light)}.modal-text{padding:var(--spacing-lg);display:flex;flex-direction:column;justify-content:flex-start;color:#111116}.modal-text h2{font-size:2rem;margin-bottom:var(--spacing-md);font-weight:100;color:#111116}.modal-meta{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-lg)}.badge{display:inline-block;background-color:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#111116}.year{color:#f5f5f5d9;font-size:.9rem}.modal-text h3{font-size:1.1rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:#111116;letter-spacing:.2rem;font-weight:600}.modal-text p{margin-bottom:var(--spacing-md);line-height:1.8}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.project-gallery-item{margin:0;text-align:left}.project-gallery-item img{width:100%;height:auto;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 24px #00000026}.project-gallery-item figcaption{margin-top:var(--spacing-xs);font-size:.85rem;letter-spacing:.4px;text-transform:uppercase;color:#111116bf}.project-details{list-style:none;padding:0;margin:-1cm 0 var(--spacing-lg) 0;display:grid;gap:var(--spacing-sm)}.project-details li{display:grid;grid-template-columns:90px 1fr;gap:var(--spacing-sm);align-items:start;position:relative;padding-bottom:var(--spacing-xs)}.project-details strong{text-transform:uppercase;font-size:.75rem;letter-spacing:1px;color:var(--color-accent)}.project-details li:nth-child(2):after{content:"";position:absolute;left:0;bottom:2.3cm;width:8cm;height:.1mm;background-color:#111116d9}.project-details li:nth-child(3):after{content:"";position:absolute;left:0;bottom:0;width:8cm;height:.1mm;background-color:#111116d9}.modal-description p{margin-bottom:var(--spacing-md)}.project-tools{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.project-tools .tool{display:inline-block;background-color:#111116;color:#f5f5f5;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid rgba(255,255,255,.8);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 6px 18px #00000040}.project-video a{font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.6px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.projects{padding:var(--spacing-xl) var(--spacing-md)}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.modal-content{grid-template-columns:1fr;gap:var(--spacing-lg);max-height:95vh}.modal-text{padding:var(--spacing-md)}.modal-text h2{font-size:1.5rem}.modal-close{top:var(--spacing-sm);right:var(--spacing-sm);font-size:1.5rem}}@media(max-width:480px){.project-card{animation:none}.projects-grid{gap:var(--spacing-sm)}.project-info{padding:var(--spacing-md)}.project-info h3{font-size:1.1rem}.modal-overlay{padding:var(--spacing-sm)}.modal-text h2{font-size:1.3rem}}.contact{padding:var(--spacing-xxl) var(--spacing-lg);background-color:#1b1b1f;color:#f5f5f5}.contact-card{max-width:760px;margin:0 auto;padding:var(--spacing-xxl) var(--spacing-xl);background:#1c1c20e6;border:.1mm solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:var(--spacing-lg);color:#f0f0f0}.contact-kicker{text-transform:uppercase;letter-spacing:3px;font-size:.85rem;color:#e2e2e2;margin:0}.contact-title{text-align:left;margin-bottom:0;color:#fff}.contact-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:1rem}.contact-details li{line-height:1.8}.contact-name{font-size:1.25rem;font-weight:500}.contact-details a{border-bottom:1px solid transparent;transition:var(--transition);color:#fafafa}.contact-link{display:inline-flex;gap:var(--spacing-xs);align-items:baseline}.contact-link:after{content:"↗";font-size:.75rem}.contact-details a:hover{border-bottom-color:currentColor}.contact-reminder{margin-top:var(--spacing-lg);padding:var(--spacing-lg);border:.1mm solid rgba(255,255,255,.2);background:#ffffff14}.contact-reminder .reminder-label{text-transform:uppercase;letter-spacing:2px;font-size:.75rem;margin:0 0 var(--spacing-xs);color:#dcdcdc}.contact-reminder .reminder-text{margin:0;font-size:1rem;line-height:1.6;color:#f5f5f5}@media(max-width:768px){.contact{padding:var(--spacing-xl) var(--spacing-md)}.contact-card{padding:var(--spacing-xl) var(--spacing-lg)}}@media(max-width:480px){.contact-card{padding:var(--spacing-lg)}.contact-details{font-size:.95rem}}.footer{background-color:#121216;color:#f5f5f5;height:1cm;padding:0 var(--spacing-lg);margin-top:auto;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center}.footer .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);width:100%}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);text-align:center}.footer p{margin:0;font-size:.8rem;font-weight:300;letter-spacing:.3px}.footer-credits{color:#ffffffb3;font-size:.9rem}@media(max-width:768px){.footer{padding:var(--spacing-lg) var(--spacing-md)}.footer .container{padding:0 var(--spacing-md)}.footer-content{flex-direction:column;gap:var(--spacing-md)}.footer p{font-size:.9rem}}@media(max-width:480px){.footer{padding:var(--spacing-md)}.footer .container{padding:0}.footer p{font-size:.85rem}}