.page{min-height:100vh;display:flex;flex-direction:column}.hero-image{width:100%;max-height:70vh;overflow:hidden}.hero-image img{width:100%;height:100%;max-height:70vh;object-fit:cover;object-position:center center;display:block}.main{flex:1;max-width:800px;margin:0 auto;padding:4rem 2rem;width:100%;overflow-wrap:break-word}.hero{margin-bottom:4rem}.hero h1{font-size:3rem;margin-bottom:1.5rem}.hero-text,.bio-content p{font-size:1.125rem;line-height:1.8}.bio-content p{margin-bottom:1.5rem}.bio-content p:last-child{margin-bottom:0}.bio-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.bio-content h2:first-child{margin-top:0}.bio-image{width:100%;max-height:400px;object-fit:cover;object-position:center;border-radius:8px;margin-bottom:2rem}.bio-section-with-image{display:flex;gap:1.5rem;align-items:flex-start}.bio-section-image{width:300px;height:300px;object-fit:cover;border-radius:8px;flex-shrink:0}.bio-section-with-image p{margin-bottom:0}.bio-image-row{display:flex;gap:1rem;margin-top:1.5rem}.bio-row-image{flex:1;min-width:0;max-width:33.333%;aspect-ratio:1;object-fit:cover;border-radius:8px}.linkedin-cta{margin-top:3rem;padding:2rem;background-color:#faf8f5;border-radius:8px;border:1px solid rgba(225,187,128,.3);text-align:center}.linkedin-cta h2{font-size:1.5rem;margin-bottom:1rem}.linkedin-cta p{font-size:1.125rem;line-height:1.8;max-width:600px;margin:0 auto 1.5rem}.linkedin-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:var(--color-secondary);border-radius:6px;text-decoration:none;transition:background-color .2s ease}.linkedin-cta-btn:hover{background-color:#d4a96d}.linkedin-cta-icon{width:1.25rem;height:1.25rem}.about{padding-top:2rem;border-top:2px solid var(--color-secondary)}.about h2{font-size:2rem;margin-bottom:1.5rem}.about-content{display:flex;gap:2rem;align-items:flex-start}.about-video{width:260px;aspect-ratio:9 / 16;object-fit:cover;border-radius:8px;flex-shrink:0}.about p{font-size:1.125rem;line-height:1.8}.footer{background-color:var(--color-primary);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;max-width:100%}.footer>*{flex:1}.footer:after{content:"";flex:1}.footer-contact{display:flex;align-items:center;justify-content:center;gap:.75rem;flex:none}.footer-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-secondary);text-decoration:none;font-size:.875rem;transition:opacity .2s ease;white-space:nowrap}.footer-icon{width:1rem;height:1rem}.footer-link:hover{opacity:.8}.footer-divider{color:var(--color-secondary);opacity:.5}.footer-linkedin{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-secondary);text-decoration:none;font-size:.875rem;transition:opacity .2s ease;white-space:nowrap}.footer-linkedin:hover{opacity:.8}.linkedin-icon{width:1rem;height:1rem}.footer p{color:var(--color-secondary);font-size:.875rem;margin:0}@media(max-width:768px){.footer{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem 1rem}.footer>*{flex:none}.footer:after{display:none}.footer-contact{flex-direction:column;gap:.75rem}.footer-divider{display:none}.footer-link,.footer-linkedin{justify-content:center}}@media(max-width:640px){.hero h1{font-size:2.25rem}.about h2{font-size:1.75rem}.bio-content h2{font-size:1.25rem}.hero-text,.about p,.bio-content p{font-size:1rem}.main{padding:2rem 1.5rem}.about-content{flex-direction:column;align-items:center}.about-video{width:100%;max-width:200px}.bio-section-with-image{flex-direction:column;align-items:center}.bio-section-image{width:160px;height:160px}.bio-image-row{gap:.5rem}.linkedin-cta{padding:1.5rem}.linkedin-cta h2{font-size:1.25rem}.linkedin-cta p{font-size:1rem}}@media(max-width:480px){.main{padding:1.5rem 1rem}.hero h1{font-size:2rem}.hero{margin-bottom:2rem}.hero-image,.hero-image img{max-height:50vh}.bio-image{max-height:250px;margin-bottom:1.5rem}.bio-section-image{width:140px;height:140px}.linkedin-cta{padding:1.25rem}.linkedin-cta-btn{padding:.75rem 1.5rem;font-size:.938rem}.about h2{font-size:1.5rem}.about-video{max-width:160px}}.header{background-color:var(--color-primary);padding:1rem 2rem;position:sticky;top:0;z-index:100}.nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nav-brand{font-family:var(--font-headline),serif;font-size:1.5rem;color:var(--color-secondary);font-weight:var(--font-weight-semibold);text-decoration:none;transition:opacity .2s ease}.nav-brand:hover{opacity:.8}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:101}.hamburger{display:block;width:24px;height:2px;background-color:var(--color-secondary);position:relative;transition:background-color .2s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--color-secondary);left:0;transition:transform .3s ease,top .3s ease}.hamburger:before{top:-7px}.hamburger:after{top:7px}.nav-toggle.active .hamburger{background-color:transparent}.nav-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.nav-toggle.active .hamburger:after{top:0;transform:rotate(-45deg)}.nav-links{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--color-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-size:.938rem;font-weight:var(--font-weight-medium);transition:background-color .2s ease,color .2s ease}.nav-links a:hover{background-color:#e1bb8026}.nav-links a.active{background-color:var(--color-secondary);color:var(--color-primary)}@media(max-width:768px){.nav-toggle{display:block}.nav-links{display:none;flex-direction:column;width:100%;padding-top:1rem;gap:.25rem}.nav-links.nav-open{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:.75rem 1rem;font-size:1rem;text-align:center;border-radius:6px}}.skills-page{max-width:900px;width:100%}.skills-page .hero{margin-bottom:3rem}.skills-section,.timeline-section,.education-section,.certifications-section,.volunteering-section{margin-bottom:4rem}.skills-section h2,.timeline-section h2,.education-section h2,.certifications-section h2,.volunteering-section h2{font-size:1.75rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-secondary)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.skill-card{background-color:#faf8f5;border-left:4px solid var(--color-secondary);padding:1.5rem;border-radius:0 8px 8px 0;min-width:0;overflow:hidden}.skill-card h3{font-size:1.125rem;margin-bottom:.75rem;color:var(--color-primary)}.tech-marquee{overflow:hidden;margin-top:1rem;padding:.75rem 0;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%}.tech-marquee-track{display:flex;gap:2.5rem;width:fit-content;animation:marquee 15s linear infinite}.tech-logo{height:28px;width:auto;opacity:.7;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.skill-card p{font-size:.938rem;line-height:1.7;color:var(--color-text)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:3px;background-color:var(--color-secondary);border-radius:2px}.timeline-item{position:relative;padding-bottom:2.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-2rem;top:.25rem;width:14px;height:14px;background-color:var(--color-secondary);border:3px solid var(--color-primary);border-radius:50%;transform:translate(-5.5px)}.timeline-date{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-secondary);background-color:var(--color-primary);display:inline-block;padding:.25rem .75rem;border-radius:4px;margin-bottom:.75rem}.timeline-content{background-color:#faf8f5;padding:1.5rem;border-radius:8px;border:1px solid rgba(225,187,128,.3);overflow-wrap:break-word;word-wrap:break-word}.timeline-content-split{display:flex;gap:1.5rem}.timeline-content-left{flex:2}.timeline-image-side{flex:1;min-width:0;max-width:33.333%;object-fit:cover;object-position:center;border-radius:6px;align-self:stretch}.timeline-image-square{aspect-ratio:1;align-self:flex-start}.timeline-content h3{font-size:1.25rem;margin-bottom:0;color:var(--color-primary)}.timeline-company{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:0}.timeline-location{font-size:.875rem;color:#6c757d;margin-bottom:0}.timeline-content ul{margin-top:1rem;padding-left:1.25rem}.timeline-content li{font-size:.938rem;line-height:1.7;margin-bottom:.5rem;color:var(--color-text)}.timeline-content li:last-child{margin-bottom:0}.timeline-achievements{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed var(--color-secondary)}.timeline-achievements h4{font-family:var(--font-body),serif;font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.timeline-achievements ul{margin-top:0}.timeline-achievements li{font-size:.875rem}.certifications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.certification-item{background-color:#faf8f5;padding:1.25rem;border-radius:8px;border:1px solid rgba(225,187,128,.3);position:relative}.certification-label{font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;padding:.2rem .5rem;border-radius:3px;display:inline-block;margin-bottom:.75rem}.certification-cert .certification-label{background-color:#3522081a;color:var(--color-primary)}.certification-award .certification-label{background-color:var(--color-secondary);color:var(--color-primary)}.certification-item h3{font-size:1rem;margin-bottom:.375rem;color:var(--color-primary)}.certification-item p{font-size:.875rem;color:#6c757d}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}.tech-logo{height:22px}.certifications-grid{grid-template-columns:repeat(2,1fr)}.timeline-content h3{font-size:1.125rem}.timeline-content-split{flex-direction:column}.timeline-image-side{width:100%;max-width:100%;max-height:200px}}@media(max-width:480px){.skills-page{padding:1.5rem 1rem}.skills-page .hero h1{font-size:2rem}.skills-section h2,.timeline-section h2,.education-section h2,.certifications-section h2,.volunteering-section h2{font-size:1.5rem}.skills-section,.timeline-section,.education-section,.certifications-section,.volunteering-section{margin-bottom:2.5rem}.certifications-grid{grid-template-columns:1fr}.timeline{padding-left:1.5rem}.timeline-marker{left:-1.5rem}.timeline-content{padding:1rem}.timeline-content h3{font-size:1rem}.timeline-content li,.skill-card p{font-size:.875rem}.skill-card{padding:1rem}.tech-logo{height:20px}.tech-marquee-track{gap:1.5rem}}.career-page{max-width:900px;width:100%}.career-intro{font-size:1.125rem;line-height:1.8;color:var(--color-text);max-width:700px}.career-steps{display:flex;flex-direction:column;gap:2.5rem}.career-step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{width:48px;height:48px;min-width:48px;background-color:var(--color-secondary);color:var(--color-primary);font-family:var(--font-headline);font-size:1.5rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-content{flex:1;padding-top:.25rem;min-width:0;overflow-wrap:break-word}.step-content h2{font-size:1.5rem;margin-bottom:.75rem;color:var(--color-primary)}.step-question{font-size:1rem;font-style:italic;color:#6c757d;margin-bottom:1rem;padding-left:1rem;border-left:3px solid var(--color-secondary)}.step-content p{font-size:1.125rem;line-height:1.8;margin-bottom:1rem}.step-content p:last-child{margin-bottom:0}@media(max-width:640px){.career-step{flex-direction:column;gap:1rem}.step-number{width:40px;height:40px;min-width:40px;font-size:1.25rem}.step-content h2{font-size:1.25rem}.step-content p,.career-intro{font-size:1rem}.step-question{font-size:.938rem}}@media(max-width:480px){.career-page{padding:1.5rem 1rem}.career-page .hero h1{font-size:2rem}.career-steps{gap:2rem}.step-number{width:36px;height:36px;min-width:36px;font-size:1.125rem}.step-content h2{font-size:1.125rem}.step-content p,.career-intro{font-size:.938rem}.step-question{font-size:.875rem;padding-left:.75rem}}.contact-page{max-width:900px;width:100%}.contact-intro{font-size:1.125rem;line-height:1.8;max-width:600px}.contact-container{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-top:2rem}.contact-form{background-color:#faf8f5;padding:2rem;border-radius:8px;border:1px solid rgba(225,187,128,.3)}.hidden{display:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:var(--font-weight-medium);margin-bottom:.5rem;color:var(--color-primary)}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:1rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #e1bb8033}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:.875rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-primary);background-color:var(--color-secondary);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.submit-btn:hover{background-color:#d4a96d}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-success{background-color:#faf8f5;padding:2rem;border-radius:8px;border:1px solid rgba(225,187,128,.3);text-align:center}.contact-success h2{font-size:1.5rem;color:var(--color-primary);margin-bottom:.75rem}.contact-success p{font-size:1.125rem;line-height:1.6;color:var(--color-text);margin-bottom:1.5rem}.contact-error{background-color:#fef2f2;color:#991b1b;padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.938rem}.contact-info{padding-top:.5rem}.contact-info h2{font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-secondary)}.contact-method{margin-bottom:1.5rem}.contact-method h3{font-size:.875rem;font-family:var(--font-body);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-bottom:.375rem}.contact-method p{color:var(--color-text);line-height:1.6}.contact-method a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-secondary);transition:border-color .2s ease}.contact-method a:hover{border-bottom-color:var(--color-primary)}.contact-note{font-size:.875rem;color:#6c757d;margin-top:.25rem}@media(max-width:768px){.contact-container{grid-template-columns:1fr;gap:2rem}.contact-info{order:-1;padding-bottom:1.5rem;border-bottom:1px solid rgba(225,187,128,.3)}.contact-info h2{border-bottom:none;padding-bottom:0}}@media(max-width:480px){.contact-page{padding:1.5rem 1rem}.contact-page .hero h1{font-size:2rem}.contact-form{padding:1.25rem}.contact-intro{font-size:.938rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea{padding:.625rem .875rem;font-size:.938rem}.submit-btn{padding:.75rem 1.25rem;font-size:.938rem}.contact-success h2{font-size:1.25rem}.contact-success p{font-size:1rem}}:root{--color-primary: #352208;--color-secondary: #fbe8c0;--color-text: #343a40;--color-background: #ffffff;--font-headline: "Vollkorn", Georgia, serif;--font-body: "Noto Sans", system-ui, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-body);font-weight:var(--font-weight-regular);color:var(--color-text);background-color:var(--color-background);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--color-primary);line-height:1.3}#root{min-height:100vh}img,video{max-width:100%;height:auto}.animate-fade-up,.animate-fade-in,.animate-slide-left,.animate-slide-right,.animate-scale-in{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.animate-fade-up{transform:translateY(30px)}.animate-slide-left{transform:translate(-30px)}.animate-slide-right{transform:translate(30px)}.animate-scale-in{transform:scale(.95)}.animate-fade-up.is-visible,.animate-fade-in.is-visible,.animate-slide-left.is-visible,.animate-slide-right.is-visible,.animate-scale-in.is-visible{opacity:1;transform:translateY(0) translate(0) scale(1)}.stagger-children>*:nth-child(1){transition-delay:0ms}.stagger-children>*:nth-child(2){transition-delay:.1s}.stagger-children>*:nth-child(3){transition-delay:.2s}.stagger-children>*:nth-child(4){transition-delay:.3s}.stagger-children>*:nth-child(5){transition-delay:.4s}.stagger-children>*:nth-child(6){transition-delay:.5s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}@media(prefers-reduced-motion:reduce){.animate-fade-up,.animate-fade-in,.animate-slide-left,.animate-slide-right,.animate-scale-in{opacity:1;transform:none;transition:none}}