#header{display:flex;gap:20px;justify-content:end;position:fixed;right:30px;top:20px;width:auto;z-index:1000}.header-button{align-items:center;background:#edede9;border:2px solid #d9dde1;border-radius:12px;box-shadow:2px 2px 0 0 #1e2530;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.header-button:hover{box-shadow:0 0 0 0 #1e2530;transform:translate(2px,2px)}.header-button svg{color:#000}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-wrapper{position:relative}.language-dropdown{animation:slideIn .2s ease-out;background:#edede9;border:2px solid #d9dde1;box-shadow:5px 5px 0 0 #1e2530;color:#7f7f7f;flex-direction:column;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;gap:10px;position:absolute;right:0;top:55px;width:120px}.language-dropdown,.language-option{border-radius:10px;display:flex;padding:10px}.language-option{align-items:center;cursor:pointer;justify-content:space-between}.language-option:hover{background-color:#fdf4d8}.language-option.active:after{background:#ff3b3b;border-radius:50%;content:"";height:6px;width:6px}.dark .header-button{background:#14181f;border:2px solid #1d212b;box-shadow:.2px .2px .2px .2px #1d212b}.dark .header-button:hover{box-shadow:0 0 0 0 #000}.dark .header-button svg{color:#f5f3f0;opacity:80%}.dark .language-dropdown{background:#14181f;border:2px solid #1d212b;box-shadow:5px 5px 0 0 #000;color:#f5f3f0}.dark .language-option:hover{background-color:#1d212b}.phrase-container{align-items:center;background-color:#f5f5f5;border:2px solid #dcdcdc;border-radius:40px;box-shadow:0 2px 6px #0000000d;display:flex;gap:16px;margin:0 auto;max-width:600px;padding:5px 30px;transition:box-shadow .3s ease,background-color .3s ease,border-color .3s ease}.phrase-container:hover{box-shadow:0 6px 14px #00000014}.phrase-button{align-items:center;background-color:#fff;border:2px solid #dcdcdc;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;position:relative;transition:background-color .3s ease,border-color .3s ease;width:35px}.phrase-button:hover{background-color:#fdf4d8}.phrase-button svg{color:#4b5563;transition:transform .5s ease,color .3s ease,opacity .3s ease}.phrase-button:hover svg{transform:rotate(180deg)}.phrase-text-wrapper{flex:1 1;overflow:hidden}.phrase-text{color:#4b5563;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;opacity:1;text-align:center;transform:translateY(0);transition:opacity .3s ease,transform .3s ease,color .3s ease}.phrase-text.animate-out{opacity:0;transform:translateY(8px)}.phrase-text.animate-in{opacity:1;transform:translateY(0)}.phrase-container.dark{background-color:initial;border:2px solid #1d212b;box-shadow:0 2px 6px #0006}.phrase-container.dark:hover{box-shadow:0 6px 18px #0009}.phrase-container.dark .phrase-button{background-color:initial;border-color:#1d212b}.phrase-container.dark .phrase-button svg,.phrase-container.dark .phrase-text{color:#f1faee}.phrase-tooltip{background:#e5e5e5;border-radius:6px;color:#222;font-family:DM Sans,sans-serif;font-size:12px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;top:-60px;transition:opacity .15s ease}.phrase-button:hover .phrase-tooltip{opacity:1}.dark .phrase-tooltip{background:#000;color:#edede9}.sectionNavigation{--nav-offset:clamp(20px,calc(50% - 640px),400px);bottom:0;gap:25px;height:100%;justify-content:start;left:var(--nav-offset);min-width:150px;position:fixed;top:50px}.sectionNavigation,.sectionNavigation_item{align-items:center;display:flex;flex-direction:column}.sectionNavigation_item{gap:5px}.sectionNavigation_button{align-items:center;background-color:#f3f3f3;border:2px solid #d9dde1;border-radius:15px;box-shadow:0 0 25px #00000014;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .2s ease;width:60px;svg{color:#7f7f7f}}.sectionNavigation_label{color:#7f7f7f;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase}.sectionNavigation_item:hover{transform:translateY(-2px);transition:transform .35s cubic-bezier(.22,1,.36,1)}.sectionNavigation_item:hover .sectionNavigation_button{box-shadow:0 15px 35px #0000001f;svg{color:#000}}.sectionNavigation_item:hover .sectionNavigation_label{color:#000}@media (max-width:1280px) and (min-width:769px){.sectionNavigation{--nav-offset:12px}.sectionNavigation_button{height:50px;width:50px}.sectionNavigation_label{font-size:10px}}@media (max-width:768px){.sectionNavigation{align-items:center;background-color:#fff;border-top:1px solid #e5e5e5;bottom:0;box-sizing:initial;flex-direction:row;gap:0;height:80px;justify-content:space-around;left:0;min-width:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;top:auto;width:100%;z-index:1000}.layout.dark .sectionNavigation{background-color:#14181f;border-top:#0000}.sectionNavigation_button{height:45px;width:45px}.sectionNavigation_label{font-size:10px}}.sectionNavigation_item.dark .sectionNavigation_button{background-color:initial;border:2px solid #111827;box-shadow:0 0 25px #0006}.sectionNavigation_item.dark .sectionNavigation_button svg,.sectionNavigation_item.dark .sectionNavigation_label{color:#f5f3f0;opacity:50%}.sectionNavigation_item.dark:hover .sectionNavigation_button{box-shadow:0 15px 35px #0009}.sectionNavigation_item.dark:hover .sectionNavigation_button svg,.sectionNavigation_item.dark:hover .sectionNavigation_label{color:#f5f3f0;opacity:90%}.skills{overflow:hidden;width:100%}.skills-header{align-items:center;display:flex;margin-bottom:20px}.skills-header h4{font-family:Space Grotesk,sans-serif;font-size:20px;margin:0}.skills-scroll{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden}.skills-track{display:flex;gap:40px;padding-top:4px;width:-webkit-max-content;width:max-content}.skill-item{align-items:center;display:flex;flex-direction:column;gap:8px;opacity:.7;text-align:center;transition:all .3s ease}.skill-item span{font-family:DM Sans,sans-serif;font-size:18px;font-weight:500}.skill-item:hover{opacity:1;transform:translateY(-4px)}.skills-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:10px}.skills-grid .skill-item:hover{opacity:1;transform:translateY(-4px)}.dark .skill-item,.dark .skills-header{color:#f1faee}@media (max-width:768px){.skills-track{gap:24px}.skills-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}#window-card{background-color:#f5f5f5;border:2px solid #d9d9d9;border-radius:20px;box-shadow:0 10px 25px #00000014;overflow:hidden}#window-card:hover{box-shadow:0 15px 35px #0000001f}#window-header{align-items:center;border-bottom:2px solid #d9d9d9;display:flex;padding:14px 20px;position:relative}#window-buttons{display:flex;gap:8px}#window-buttons span{background-color:#ffffff80;border:1px solid #d9d9d9;border-radius:50%;height:10px;width:10px}#window-title{color:#000;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:400;left:50%;position:absolute;text-transform:uppercase;transform:translateX(-50%)}#window-content{padding:30px}.dark #window-card{background-color:initial;border:2px solid #1d212b;box-shadow:0 2px 6px #0006}.dark #window-header{border-color:#1d212b}.dark #window-buttons span{background-color:#ffffff20;border:1px solid #1d212b}.dark #window-title{color:#f1faee}.about-mobile,.about-symmetric{font-family:DM Sans,sans-serif}.desktop-only{display:flex}.mobile-only{display:none}.about-symmetric{align-items:center;gap:30px;justify-content:center;padding:20px 10px}.about-side{display:flex;flex-direction:column;gap:28px}.left{align-items:flex-end;text-align:right}.right{align-items:flex-start}.about-center{justify-content:center}.about-center,.row{align-items:center;display:flex}.row{gap:6px}.text-block{max-width:250px}.row h4{font-size:26px;font-weight:800;line-height:1;margin:0 0 6px}.about-accordion-inner p,.row p{color:#000;line-height:1.5;margin:0}.avatar{animation:float 3s ease-in-out infinite;border:3px solid #2d2d2d;border-radius:28px;box-shadow:0 10px 30px #00000014;height:210px;overflow:hidden;width:210px}.avatar img{height:100%;object-fit:cover;width:100%}.arrow{stroke:#f6a5b8;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;height:45px;width:70px}.arrow path{stroke-dasharray:200;stroke-dashoffset:200;animation:draw 2.5s ease-in-out infinite}.dark-text h4,.dark-text p{color:#fff}@keyframes draw{0%{stroke-dashoffset:200}50%{stroke-dashoffset:0}to{stroke-dashoffset:200}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{align-items:center;display:flex;flex-direction:column;margin:auto;width:100%}.mobile-avatar{height:150px;margin-bottom:20px;width:150px}.about-accordion{display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%}.about-accordion-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #2d2d2d;border-radius:22px;overflow:hidden;transition:border-color .3s ease}.about-accordion-item.open{border-color:#f6a5b8}.about-accordion-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:14px 22px;width:100%}.about-letter{color:#2d2d2d;font-size:32px;font-weight:800}.about-accordion-item.dark-text .about-letter{color:#fff}.about-accordion-icon{color:#f6a5b8;font-size:22px;font-weight:800;line-height:1}.about-accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.about-accordion-item.open .about-accordion-content{grid-template-rows:1fr}.about-accordion-inner{overflow:hidden;padding:0 22px}.about-accordion-item.open .about-accordion-inner{padding:0 22px 18px}.about-accordion-inner h4{font-size:20px;font-weight:800;margin:0 0 8px}.about-accordion-inner p{line-height:1.6;text-align:start}}.flip-card-container{cursor:pointer;height:250px;max-width:400px;text-align:center;width:100%}.flip-card{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55);width:100%}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--flip-color);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;height:250px;justify-content:center;max-width:400px;padding:20px;position:absolute;transition:all .3s ease;width:100%}.flip-card-front{background:var(--flip-color);gap:12px}.flip-card-back{justify-content:center;justify-content:safe center;overflow-y:auto;transform:rotateY(180deg)}.flip-card-title{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;margin:0}.flip-card-company,.flip-card-period{color:#000;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;margin:0}.flip-card-period{-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.flip-card-description{color:#000;font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;margin:0;text-align:center}.flip-card-hint{color:#000;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.03em;opacity:.55;position:absolute;right:14px;text-transform:uppercase;top:12px}.dark .flip-card-front{background:#0000}.dark .flip-card-company,.dark .flip-card-description,.dark .flip-card-icon,.dark .flip-card-period,.dark .flip-card-title{color:#f1faee}.dark .flip-card-hint{color:#f1faee;opacity:.5}@media (max-width:480px){.flip-card-container{height:220px;max-width:350px}.flip-card-back,.flip-card-front{height:220px}.flip-card-title{font-size:18px}.flip-card-description{font-size:15px}.flip-card-tag{font-size:10px;right:12px;top:10px}}.experience-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr}.experience-grid hr{border-color:#d9d9d9;display:flex;opacity:30%}.experience-column{display:flex;flex-direction:column;min-width:400px}.experience-header{align-items:center;color:#000;display:flex;gap:20px;margin-bottom:20px}.experience-header h4{font-family:Space Grotesk,sans-serif;font-size:20px;margin:0}.experience-cards{display:flex;flex-direction:column;gap:20px}.carousel-controls{display:flex;gap:12px;justify-content:center;margin-top:15px}.carousel-controls button{align-items:center;background:#0000;border:1px solid #d9d9d9;border-radius:8px;color:#000;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.carousel-controls button:hover{transform:scale(1.05)}.carousel-controls button:disabled{cursor:default;opacity:.3;transform:none}.dark .experience-header{color:#f1faee}.dark .carousel-controls button{border-color:#f1faee;color:#f1faee}@media (max-width:768px){.experience-grid{gap:20px;grid-template-columns:1fr}.experience-grid hr{display:none}.experience-column{min-width:0;min-width:auto}.experience-cards{align-items:center;width:100%}}.projects-container{display:flex;flex-direction:row;gap:20px;justify-content:center}.project-card{background:#f5f5f5;border:2px solid #d6d6d6;color:#000;display:block;font-family:Space Grotesk,sans-serif;padding:16px;text-decoration:none;transition:transform .15s ease;width:260px}.project-card:hover{transform:translateY(-4px)}.project-preview{border:2px solid #d6d6d6;height:120px;margin-bottom:12px}.project-card h3{font-size:20px;margin:0 0 6px}.project-description{color:#000;font-family:DM Sans,sans-serif;font-size:18px;margin:0}.dark .project-card{background:#0000;color:#f1faee}.dark .project-card,.dark .project-preview{border:2px solid #393e46}.dark .project-description{color:#f1faee}.project-card:first-child .project-preview{background:#fcdbbe}.project-card:nth-child(2) .project-preview{background:#ddf0ff}.project-card:nth-child(3) .project-preview{background:#ffdde2}.dark .project-card:first-child .project-preview{background:#8a5d3b}.dark .project-card:nth-child(2) .project-preview{background:#3e5f7a}.dark .project-card:nth-child(3) .project-preview{background:#7a3f4a}.project-card-disabled{cursor:default;opacity:.85}.project-badge{background:#f6a5b8;border-radius:20px;color:#2d2d2d;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 10px}.dark .project-badge{background:#7a4a54;color:#f1faee}@media (max-width:900px){.projects-container{align-items:center;flex-direction:column}}@media (max-width:600px){.projects-container{gap:40px;grid-template-columns:1fr;justify-items:center}}.contact{display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-size:20px;padding-left:20px;padding-right:20px;text-align:center}.contact-email{gap:8px}.contact-email,.copy-icon{align-items:center;display:flex;justify-content:center}.copy-icon{background:#0000;border:none;color:#000;cursor:pointer;opacity:.7;transition:all .2s ease}.copy-icon:hover{opacity:1;position:relative;transform:scale(1.1)}.email-text{align-items:center;display:flex;font-weight:500;gap:6px}.copy-tooltip{background:#edede9;border-radius:6px;color:#000;font-size:12px;padding:5px 8px;pointer-events:none;position:absolute;top:-25px;transition:opacity .15s ease}.copy-icon:hover .copy-tooltip{opacity:1}.contact-link-text{font-size:15px;font-style:italic;margin-bottom:0;margin-top:20px}.contact-links{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.contact-links a{color:#000;font-style:italic}.dark .contact{color:#edede9}.dark .copy-tooltip{background:#000;color:#edede9}.dark .contact-links a,.dark .copy-icon{color:#edede9}@media (max-width:768px){.contact{padding:none}}body,html{margin:0;scroll-behavior:smooth}#root,body,html{width:100%}h1{font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:900;margin-bottom:10px}h2{font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;margin-bottom:auto;margin-top:auto}.layout{display:flex;flex-direction:row;justify-content:center;min-height:100vh}.layout.light{background-color:#edede9}.layout.dark{background-color:#14181f}.layout.dark h1,.layout.dark h2{color:#f5f3f0}.contact-about{display:flex;flex-direction:row;gap:20px;justify-content:center}.content{display:flex;flex-direction:column;gap:50px;margin-left:80px;margin-top:40px;max-width:1000px;min-width:500px;width:100%}.phrase-section{margin-bottom:50px}.skills-section{align-items:center;display:flex;flex-direction:column;gap:30px}@media (max-width:768px){.contact-about,.layout{flex-direction:column}.content{margin-bottom:80px;margin-left:0;min-width:0;order:1}.phrase-section,section{margin-left:20px;margin-right:20px}}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}
/*# sourceMappingURL=main.565d7171.css.map*/