#home{padding-top:0}.header{background-color:#fff;color:#333;padding:1rem;position:fixed;width:100%;top:0;z-index:9999;display:flex;justify-content:center;align-items:center;overflow-x:hidden;height:72px;line-height:1;transition:height .3s ease,padding .3s ease}.header.scrolled{box-shadow:0 2px 6px #0000001a}.menu-links{z-index:9999;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1280px;padding:0 2rem}.menu-links.closed{display:none}.menu-links.open{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-links.open{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.left-links,.right-links{display:flex;gap:10px;align-items:baseline;margin:0 1rem}.left-links a,.right-links a{text-decoration:none;color:#666;font-size:16px;transition:color .3s,font-weight .3s,text-decoration .3s}.left-links a:hover,.right-links a:hover{color:#000;font-weight:700;text-decoration:underline}h1{margin:0;color:#ff8189}.contact-button{display:none}.contact-button2{background-color:#ff8189;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer;border-radius:50px;text-decoration:none}.contact-button2:hover,.contact-button2:active,.contact-button2:focus,#contact-button:active,#contact-button:focus,.right-links a.contact-button:active{color:#fff}.right-links a.contact-button{background-color:#ff8189;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer;border-radius:50px;margin-left:auto}.button{background-color:#555;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer}.button:hover{background-color:#777}.contact-container{display:none}.contact-container2{position:fixed;top:.5rem;right:0;padding:1rem;font-size:16px;display:flex;align-items:center}.contact-container2 a.contact-button,.contact-container2 a.contact-button:hover,.contact-container2 a.contact-button:active{background-color:#ff5b78;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer;border-radius:50px;text-decoration:none}.menu-links a{color:#444;text-decoration:none;padding:.5rem;transition:color .2s ease,border-bottom .2s ease;font-weight:500}.menu-links a.active{font-weight:700;color:#e96f80;border-bottom:2px solid #e96f80}.menu-icon{display:none}.name{margin:0;color:#ff8189;font-size:1.5rem;font-weight:700}.logo-container{display:flex;align-items:center;margin-right:auto}.logo-image{height:48px;width:240px;object-fit:contain;cursor:pointer}.initials{font-size:1.5rem;font-weight:700;color:#ff8189;margin:0}.dark-mode-toggle{margin-left:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#ff8189}body.dark .dark-mode-toggle{color:#ff9aa2}.menu-icon-icon.light{color:#333}.menu-icon-icon.dark{color:#f0f0f0}.menu-icon-icon{transition:color .3s ease}.theme-icon{font-size:2rem}@media screen and (max-width: 768px){.theme-icon{font-size:2rem}.contact-button2{display:none}.contact-button{display:block}.menu-icon{display:block;font-size:24px;position:fixed;left:2rem;top:1rem;z-index:1100}.menu-links{flex-direction:column;text-align:center;margin-top:3rem;padding:0}.menu-links.open{position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 72px);background-color:#fff;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;overflow-y:auto}.logo-container{display:none}.left-links,.right-links{flex-direction:column;align-items:center;margin:.25rem 0}.left-links a,.right-links a{margin:.25rem 0}.header{align-items:baseline}.name{display:none}body.dark .menu-links.open{background-color:#111}body.dark .menu-links.open a{color:#f8f8f8}body.dark .menu-links.open a.active{font-weight:700;color:#ff8189;border-bottom:2px solid #ff8189}}@media screen and (min-width: 769px){.menu-links{display:flex!important;align-items:center;justify-content:space-between;max-width:1280px;width:100%;margin:0 auto;padding:0 2rem}.logo-container{margin-right:auto}.nav-links{display:flex;align-items:center;gap:1rem;font-size:2rem}.dark-mode-toggle{margin-left:.5rem}.menu-icon{display:none}.header{height:72px}.header.menu-open{height:auto;flex-direction:column;align-items:stretch;padding-bottom:2rem}.nav-links,.left-links,.right-links{display:flex;align-items:center}}@media screen and (max-width: 768px){.header{flex-direction:column;align-items:center;height:auto;padding:1rem 0}.menu-links{flex-direction:column;text-align:center;margin-top:1rem}.menu-links.open{top:auto;position:static;height:auto;background-color:transparent}.left-links,.right-links{flex-direction:column;gap:.5rem;margin:.25rem 0}}.main-content{padding:3rem 1rem 2rem;max-width:1200px;margin:0 auto;color:#333;border-radius:12px;overflow-x:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.content-wrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:center}.left{flex:1;min-width:280px}.introduction p{font-size:1.5rem;line-height:1.8;margin-bottom:1rem}.right-block{flex:1;min-width:280px;display:flex;justify-content:center;align-items:center}.section-image{width:220px;max-width:240px;height:auto;object-fit:contain;display:block;margin:0 auto}@media screen and (max-width: 768px){.content-wrapper{flex-direction:column;align-items:center}.right-block{width:100%;max-width:300px;padding:1rem 0;justify-content:center;align-items:center}.section-image{width:120px;max-width:240px;height:auto}}@media screen and (max-width: 480px){.introduction p,.leftAbout p{font-size:1.1rem;text-align:center;padding:0 1.25rem}.greetingtext{font-size:1.4rem;text-align:center}.main-content,.about{padding:2rem 1rem}.introduction{max-width:90%;margin:0 auto}.section-image{width:120px;max-width:240px;height:auto}}.skills{padding:1rem;font-size:2rem;display:flex;flex-direction:column;align-items:center;color:#333;min-width:100vw}.aboutTitle{color:#333;font-size:3rem;margin:5rem 0 3rem}.skillsContainer{display:flex;flex-wrap:wrap;justify-content:center;margin:0 15%;max-width:60%}.storybookLink{font-size:2rem}@media screen and (max-width: 768px){.skills{margin-top:10rem;padding:0}.skillsContainer{margin:0;padding-bottom:15rem;max-width:90%}.storybookLink{font-size:15px}}.skillCard{background-color:#fffacd;border-radius:8px;margin:1rem;width:200px;height:150px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;overflow-x:hidden}.skillCardContent{padding:1rem 2rem;display:flex;flex-direction:column;align-items:center}.skillTitle{font-size:20px;font-weight:700;margin-bottom:.5rem}.skillIcon{width:50px;height:50px}@media (max-width: 600px){.skillCard{width:100%;max-width:150px;max-height:150px;margin:1rem 1rem 0 1rem 0}.skillTitle{font-size:16px}}.projectIcon{width:30px;transition:transform .3s ease}.projectIcon:hover{transform:scale(1.1)}.projectImage{width:100%;max-width:400px;border-radius:8px}.projectTitle h1{font-size:1.6rem!important}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.imageContainer{width:100%;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--card-bg) 85%,#ffffff 15%);display:flex;justify-content:center;align-items:center}.dark .imageContainer{background:color-mix(in srgb,var(--card-bg) 70%,#ffffff 30%)}.projectImage{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px}.projectLink a{border:none;background:var(--brand);color:#fff;box-shadow:var(--brand-shadow);padding:.7rem 1rem;border-radius:12px;font-weight:700;letter-spacing:.2px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.projectLink a:after{content:"→";margin-left:.5rem;transform:translate(0);transition:transform .12s ease}.projectLink a:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 10px 22px #ff818973}.projectLink a:hover:after{transform:translate(2px)}.projectLink a:active{background:var(--brand-pressed);transform:translateY(0);box-shadow:0 6px 16px #ff818959}.projectLink a:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 40%,#fff 60%);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 25%,transparent)}.tag{background:var(--chip-bg, #f1f5f9);color:var(--chip-text, #334155);border:1px solid var(--chip-border, #e2e8f0);padding:.25rem .6rem;border-radius:999px;font-size:.78rem;line-height:1;font-weight:600;white-space:nowrap}:root{--bg: #f7f8fa;--surface: #ffffff;--text: #1b1f23;--muted: #6b7280;--card-bg: var(--surface);--card-border: rgba(0, 0, 0, .08);--card-shadow: 0 6px 24px rgba(0, 0, 0, .08);--card-shadow-hover: 0 12px 28px rgba(0, 0, 0, .16);--chip-bg: rgba(255, 129, 137, .12);--chip-border: rgba(255, 129, 137, .28);--chip-text: #b91c1c}.dark{--bg: #0d0f12;--surface: #0f1318;--text: #e6e7eb;--muted: #a3a9b3;--card-bg: var(--surface);--card-border: rgba(255, 255, 255, .06);--card-shadow: 0 8px 28px rgba(0, 0, 0, .55);--card-shadow-hover: 0 16px 42px rgba(0, 0, 0, .65);--chip-bg: rgba(255, 129, 137, .2);--chip-border: rgba(255, 129, 137, .35);--chip-text: #ffd6db}.projects{box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding-block:2rem;padding-inline:1.5rem;margin:8rem auto 2rem;max-width:min(1100px,100%);color:var(--text)}.projects>*{min-width:0}.projects .swiper-slide{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.projects .swiper-slide:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover);border-color:var(--chip-border)}.projects .swiper-slide h1{margin:0 .25rem .25rem 0;font-weight:700;line-height:1.25;font-size:2rem;color:var(--text)}.projectDescription{font-size:2rem}.projectDescription,.projects .swiper-slide p{margin:0;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin-top:auto;display:flex;align-items:center;gap:.75rem}@media (max-width: 600px){.projectDescription{font-size:1.5rem}.projects{grid-template-columns:1fr;gap:1rem;margin-top:6.5rem;padding-inline:1rem}.projects .swiper-slide{padding:.9rem;border-radius:12px;gap:.75rem}.projectImage{aspect-ratio:16 / 9;max-height:180px}}@media (min-width: 900px){.projects{padding-inline:2rem}}.main-content{padding:1rem;min-width:100vw;flex-direction:column;background-color:#fff;color:#333;margin-top:5rem;text-align:left;font-size:1rem;border-radius:12px;padding:3rem 1rem 2rem;max-width:1200px;margin:0 auto;overflow-x:hidden;padding-top:100px;display:flex;justify-self:center;align-items:center;justify-content:center;min-height:100%;padding:3rem 1rem;flex-direction:row}.content-wrapper.mobile{flex-direction:column;text-align:center}.upper{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:5rem 2rem;max-width:1200px;margin:0 auto;flex-wrap:wrap;overflow-x:hidden}.left{position:relative;padding-left:1.5rem}.left:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background-color:#e96f80;border-radius:3px}.right{flex:1;padding:0 1rem;display:flex;justify-content:center;align-items:center;min-width:250px}.textWrapper{display:flex;flex-direction:column}.greetingtext{font-size:2.25rem;line-height:1.3;font-weight:700;margin:.5rem 0}.introduction{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;font-size:2rem}.greetingtext+.greetingtext{font-weight:500;margin-top:.25rem;margin-bottom:1.5rem}.introduction p{margin-bottom:1.25rem;font-size:2rem;line-height:1.8;font-weight:300;word-break:break-word;overflow-wrap:break-word}.introduction a{color:#444;text-decoration:underline}.introduction a:hover{color:#e96f80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typed-animation-wrapper{display:flex;color:#e96f80;padding:5rem 0;height:auto;align-items:center;justify-content:center;justify-items:center;justify-self:center}@media screen and (max-width: 768px){.main-content{flex-direction:column}.left,.introduction,.textWrapper{width:100%;padding:0;box-sizing:border-box}.textWrapper{align-items:center;text-align:center}.introduction p{font-size:1.75rem}.upper{flex-direction:column;padding:2rem 1rem;gap:2rem}.greetingtext{font-size:1.7rem}.greetingtext+.greetingtext{font-size:1.6rem}.left{font-size:1rem}.left:before{display:none}.introduction{width:90%}.right{margin-top:2rem;justify-content:center}.coffee-image{width:220px;margin:0 auto;display:block}}@media (min-width: 700px) and (max-width: 1020px){.introduction p{font-size:1.75rem}.greetingtext{font-size:2rem}.greetingtext+.greetingtext{font-size:1.6rem}.left{font-size:1.125rem}.coffee-image{max-width:85%}}.section{scroll-snap-align:start;scroll-snap-stop:always;background-color:#f8f9fa;box-sizing:border-box;overflow:hidden;position:relative;z-index:1}@media screen and (max-width: 480px){.introduction p,.leftAbout p{font-size:1.1rem;text-align:center;padding:0 1.25rem}.greetingtext{font-size:1.4rem;text-align:center}.main-content,.about{padding:2rem 1rem}.introduction{max-width:90%;margin:0 auto}}.footer{display:flex;justify-content:center;align-items:center;padding:20px 16px 50px;background-color:#fff;color:gray;font-size:1.75rem;font-weight:400;text-align:center;align-content:center;flex-direction:row;margin-top:50px;margin-bottom:50px}.dark .footer{background-color:transparent;color:#ccc}.footer-icons{display:flex;align-items:center;gap:1.5rem;justify-content:center;flex-direction:row}.spanFooter{display:inline-block;display:flex;flex-direction:row}.footer-icons a{color:#e96f80;font-size:2rem;transition:transform .2s ease,color .3s ease}.footer-icons a:hover{color:#b84358;transform:scale(1.2)}@media (max-width: 480px){.footer{font-size:1.5rem;flex-direction:row;padding:20px 16px 32px;text-align:center}.footer-icons{flex-direction:row;gap:1rem;margin-top:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:10px;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#ff9aa2;text-decoration:inherit}a:hover{color:#ff9aa2}body{margin:0;overflow-x:hidden;font-size:1rem;line-height:1.6;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.container{overflow-y:scroll;scroll-snap-type:y proximity;scroll-behavior:smooth}.section,.main-content,.about{max-width:100%;min-height:1000px;width:100%;box-sizing:border-box;overflow-x:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.section .content-wrapper{max-width:1200px;margin:0 auto;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 480px){.container{scroll-snap-type:none}.section{height:auto;scroll-snap-align:none;max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}}@media screen and (max-width: 768px){.container{scroll-snap-type:none}}body.dark{background-color:#1e1e1e}body.dark .header{background-color:#2a2a2a}body.dark .menu-links a{color:#fefefe}body.dark .menu-links a.active{color:#fefefe;border-bottom:2px solid #ff9aa2}body.dark .skill-card{background-color:#2e2e2e;border:1px solid #444}body.dark .project-card{background-color:#2e2e2e}body.dark .logo-image{filter:brightness(.9) contrast(1.2)}body,.section,.header,.skill-card,.project-card{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.dark .section,body.dark .main-content{background-color:#1e1e1e;color:#f0f0f0}body.dark .project-card{background-color:#2e2e2e;color:#f0f0f0;border:1px solid #444}body.dark .project-card h1,body.dark .project-card h3,body.dark .project-card p,body.dark .project-card a{color:#f0f0f0}body.dark .project-card a:hover{color:#ff9aa2}a{color:#444;text-decoration:underline}body.dark a{color:#ff9aa2}body.dark a:hover{color:#ffc1ca}