@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";body{width:100%;margin:auto;font-family:DM Sans,serif;font-size:18px;font-style:normal;font-weight:400}button,select{color:inherit;font-family:inherit}a{color:inherit}section{scroll-margin-top:64px}.desktop-navbar{z-index:1;flex-flow:column;align-items:start;width:fit-content;margin:0;display:flex;position:sticky;top:0}.desktop-navbar li{padding-bottom:5px;padding-left:10px;padding-right:10px;list-style-type:none}.desktop-navbar a{color:#000;padding-left:10px;text-decoration:none}.desktop-navbar img{height:20px;padding-top:2px}.desktop-nav-links{flex-direction:column;margin-bottom:0;padding-bottom:0;padding-left:0;display:flex}.desktop-lang{justify-content:start;padding-top:0;padding-left:20px}@media (width<=899px){.desktop-navbar{-webkit-backdrop-filter:blur(8px);background:#fdf8fbd9;flex-direction:row;align-items:center;gap:8px;width:auto;padding:6px 12px;box-shadow:0 1px 8px #25272914}.desktop-nav-links{white-space:nowrap;scrollbar-width:none;flex-direction:row;flex:1;align-items:center;min-width:0;margin:0;overflow-x:auto}.desktop-nav-links::-webkit-scrollbar{display:none}.desktop-navbar li{align-items:center;padding:6px 4px;display:flex}.desktop-navbar a{padding:4px 6px}.desktop-lang{padding-left:0}}.project-stack{width:min(920px,92vw);margin-left:50%;padding-top:2%;translate:-50%}.project-stack-cards{touch-action:pan-y;grid-template-columns:minmax(0,1fr);padding-bottom:36px;display:grid}.project-stack-slot{transform:translateX(calc(var(--drag) * 1px)) translateY(calc(var(--depth) * 16px)) scale(calc(1 - var(--depth) * .05)) rotate(calc(var(--drag) * .04deg));transform-origin:50% 100%;opacity:calc(1 - var(--depth) * .25);grid-area:1/1;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}.project-card>*{transition:opacity .3s}.project-stack-slot:not(.is-front) .project-card>*{opacity:0}.project-stack-slot.is-front{cursor:grab}.project-stack-slot.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;transition:none}.project-stack-slot.is-hidden{opacity:0}.project-stack-slot.is-leaving{opacity:0;transform:translate(-110%)rotate(-8deg)}.project-card{box-sizing:border-box;overflow-wrap:break-word;background:#fdf8fb;border-radius:20px;flex-direction:column;height:100%;min-height:400px;display:flex;overflow:hidden;box-shadow:0 12px 32px #2527291f}.project-card-media{aspect-ratio:16/9;background:#f3e6ee;position:relative}.project-card-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-card-media.is-contain{background:#fff}.project-card-media.is-contain img{box-sizing:border-box;object-fit:contain;padding:12px}.project-card-body{flex-direction:column;flex:1;padding:28px 32px;display:flex}@media (width>=900px){.project-card{min-height:340px}.project-card.has-image{flex-direction:row}.project-card.has-image .project-card-media{aspect-ratio:auto;flex:0 0 55%}.project-card-body{padding:40px 44px}}.project-card h4{margin:0 0 12px;font-size:1.4rem}.project-card p{margin:0;line-height:1.5}.project-card .links{margin-top:auto;padding-top:20px}.project-card .links a{white-space:nowrap}.project-stack-controls{justify-content:center;align-items:center;gap:16px;display:flex}.project-stack-arrow{color:#252729;cursor:pointer;background:0 0;border:1px solid #252729;border-radius:50%;width:44px;height:44px;font-size:1.2rem;transition:background .2s,color .2s}.project-stack-arrow:hover{color:#fff;background:#252729}.project-stack-dots{gap:8px;display:flex}.project-stack-dot{cursor:pointer;background:0 0;border:1px solid #252729;border-radius:50%;width:10px;height:10px;padding:0}.project-stack-dot.is-active{background:#252729}.project-stack-arrow:focus-visible,.project-stack-dot:focus-visible{outline-offset:3px;outline:2px solid #252729}.project-stack-status{text-align:center;opacity:.7;margin:8px 0 0;font-size:.85rem}@media (prefers-reduced-motion:reduce){.project-stack-slot,.project-card>*{transition:none}}h3{font-weight:300}html{scroll-behavior:smooth}.main{text-align:left;color:#252729;width:60%;margin:auto;font-size:18px}.hero-container{flex-direction:row;justify-content:center;padding-top:15%;padding-bottom:25%;display:flex}.hero-container h1{margin:0;padding-bottom:10px;font-size:clamp(56px,11vw,100px);line-height:1.05}.hero-container h3{justify-items:center;margin:0}.about-desc,.about-skills{padding-top:2%}#projects{padding-top:5%}.links{flex-wrap:wrap;gap:6px 20px;display:flex}.links a{text-decoration:underline}.tech{flex-flow:wrap;padding-left:0;list-style:none;display:flex}.tech li{background-color:#fff7f7;border-radius:10px;margin:5px;padding:7px}#work{padding-top:5%;padding-bottom:15%}.work-content{padding-top:5%}#edu{padding-top:5%;padding-bottom:5%}.timeline{margin:0;padding:5% 0 0;list-style:none}.timeline-item{grid-template-columns:56px 28px 1fr;column-gap:16px;padding:0;display:grid}.timeline-year{text-align:right;font-weight:700;line-height:1.6}.timeline-marker{position:relative}.timeline-marker:before{content:"";opacity:.35;background:#252729;width:2px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.timeline-item:first-child .timeline-marker:before{top:.8em}.timeline-item:last-child .timeline-marker:before{height:.8em;bottom:auto}.timeline-marker:after{content:"";background:#252729;border-radius:50%;width:12px;height:12px;position:absolute;top:.8em;left:50%;translate:-50% -50%}.timeline-item.is-current .timeline-marker:after{box-sizing:border-box;background:#fdf8fb;border:3px solid #252729;width:14px;height:14px;box-shadow:0 0 0 5px #2527291f}.timeline-content{padding-bottom:40px}.timeline-item:last-child .timeline-content{padding-bottom:0}.timeline-content h4{margin:0 0 8px;font-size:1.15rem;line-height:1.6}.timeline-content p{margin:0;line-height:1.5}@media (width<=899px){.main{width:auto;padding:0 20px}.hero-container{padding-top:20%;padding-bottom:30%}.timeline-item{grid-template-columns:40px 20px 1fr;column-gap:12px}}.accordion-item{border-bottom:1px solid #25272959}.accordion-item:first-child{border-top:1px solid #25272959}.accordion-button{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 8px;font-size:1rem;font-weight:700;display:flex}.accordion-button:focus-visible{outline-offset:-2px;outline:2px solid #252729}.accordion-chevron{border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.accordion-item.is-open .accordion-chevron{transform:translateY(2px)rotate(-135deg)}.accordion-content{padding:4px 8px 16px}.accordion-periods p{opacity:.7;margin:0;font-size:.9rem;line-height:1.5}.bullets{margin:12px 0 0;padding-left:20px}.bullets li{margin-bottom:6px;line-height:1.5;list-style-type:disc}@media (prefers-reduced-motion:reduce){.accordion-chevron{transition:none}}
