*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-ground);min-height:100vh;color:var(--color-text);font-size:clamp(.875rem,2vw,.95rem);font-weight:400;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{z-index:1000;background:var(--color-rule);color:var(--color-text-on-dark);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;font-size:.75rem;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);font-weight:600;line-height:1.1}h1{font-size:clamp(1rem,3.5vw,1.5rem)}h2{font-size:clamp(.85rem,2.8vw,1.1rem)}.cartouche{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-xs);margin-bottom:var(--space-lg);text-align:center;font-size:clamp(.75rem,2.5vw,.9rem);font-weight:700;display:block}.layout{max-width:1100px;padding:var(--space-xxl) var(--space-xl);min-height:100vh;margin:0 auto}.layout-hidden{opacity:0}.content{width:100%}.sticky-nav{border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-xxxl);padding-bottom:var(--space-md)}.sticky-nav__links{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.nav-link{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);padding:var(--space-xs) 0;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.nav-link:hover,.nav-link.active{border-bottom-color:var(--color-active);color:var(--color-active)}.nav-link i{font-size:.75rem}.sticky-nav__translate{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);border:1px solid var(--color-rule);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-left:auto;padding:4px 12px;font-size:.7rem;font-weight:600;transition:background .2s;display:inline-flex}.sticky-nav__translate:hover{background:var(--color-active-lighter);border-color:var(--color-active)}.lang-label{font-size:.7rem;font-family:var(--font-display);letter-spacing:.08em;font-weight:700}.parallax-section{padding:var(--space-xxxl) 0}.parallax-section:first-of-type{padding-top:0}.content__technologies,.content__projects,.content__my__studies{padding:var(--space-xxl) 0}.content__me{margin-bottom:var(--space-xxxl)}.hero{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.hero__left{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.hero__right{gap:var(--space-md);flex-direction:column;align-items:center;display:flex}.content__img{border:var(--cell-border-width) solid var(--color-rule);flex-shrink:0;width:80px;height:80px;position:relative}.meImgSk,.meImg{object-fit:cover;object-position:center;background-color:var(--color-ground-alt);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.meImgSk.hidden,.meImg.hidden{opacity:0;pointer-events:none}.my__name{border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-xs);text-align:center;margin:0}.hero__desc{color:var(--color-text);font-size:clamp(.8rem,2vw,.9rem);line-height:1.6}.hero__social{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.social-media-element{border:1px solid var(--color-rule);width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.social-media-element:hover{background:var(--color-active-lighter);border-color:var(--color-active);color:var(--color-active)}.email__copy{position:relative}.copy-mail-text{background:var(--color-copy-success);color:#fff;white-space:nowrap;font-size:.65rem;font-family:var(--font-body);padding:2px 8px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.copy-mail-text.hidden{display:none}.tech-grid{gap:var(--grid-gap);border:var(--cell-border-width) solid var(--color-rule);grid-template-columns:repeat(6,1fr);display:grid}.tech-badge{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-ground);cursor:default;aspect-ratio:1;border:none;flex-direction:column;transition:background .2s;display:flex;position:relative}.tech-badge:hover{background:var(--color-active-lighter)}.tech-badge img{object-fit:contain;filter:grayscale(.3);width:clamp(1.4rem,3vw,2rem);height:clamp(1.4rem,3vw,2rem);transition:filter .2s;display:block}.tech-badge:hover img{filter:grayscale(0)}.tech-badge span{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);text-align:center;font-size:.6rem;line-height:1.2}.projects-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}.project-card{align-items:flex-end;min-height:420px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.project-card__bg{z-index:0;position:absolute;inset:0}.project-card__bg img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-card__bg img{transform:scale(1.03)}.project-card__overlay{z-index:1;background:linear-gradient(#00000026 0%,#000000a6 60%,#000000d9 100%);transition:opacity .3s;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:.9}.project-card__content{z-index:2;padding:var(--space-xl);gap:var(--space-md);flex-direction:column;width:100%;display:flex;position:relative}.project-card__header h3{letter-spacing:.08em;color:var(--color-text-on-dark);margin:0;font-size:clamp(1rem,3vw,1.4rem);font-weight:700}.project-card__desc{color:#f5f2edd9;max-width:600px;font-size:clamp(.8rem,1.5vw,.9rem);line-height:1.5}.project-card__tech{gap:var(--space-xs);flex-wrap:wrap;display:flex}.project-card__tech span{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#f5f2ede6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1px solid #f5f2ed66;padding:3px 10px;font-size:.6rem}.project-card__links{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.project-card__links a{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-on-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border:1px solid #f5f2ed66;align-items:center;gap:6px;padding:8px 18px;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.project-card__links a:first-child{background:var(--color-active);color:var(--color-text-on-active);border-color:var(--color-active)}.project-card__links a:first-child:hover{background:var(--color-active-hover)}.project-card__links a:last-child:hover{background:#f5f2ed26;border-color:#f5f2edcc}.studies-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}.study-card{align-items:flex-end;min-height:420px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.study-card__bg{z-index:0;position:absolute;inset:0}.study-card__bg img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.study-card:hover .study-card__bg img{transform:scale(1.03)}.study-card__overlay{z-index:1;background:linear-gradient(#281e141a 0%,#281e148c 50%,#281e14d9 100%);transition:opacity .3s;position:absolute;inset:0}.study-card:hover .study-card__overlay{opacity:.9}.study-card__content{z-index:2;padding:var(--space-xl);gap:var(--space-md);flex-direction:column;width:100%;display:flex;position:relative}.study-card__year{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:var(--color-active);color:var(--color-text-on-active);align-self:flex-start;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-block}.study-card__content h3{letter-spacing:.06em;color:var(--color-text-on-dark);margin:0;font-size:clamp(.9rem,2.5vw,1.15rem);font-weight:700;line-height:1.2}.study-card__links{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.study-card__links a{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#f5f2edcc;border-bottom:1px solid #f5f2ed4d;padding-bottom:2px;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.study-card__links a:hover{color:var(--color-text-on-dark);border-color:var(--color-text-on-dark)}.translateBtn{flex-direction:row;gap:6px;display:flex;position:relative}.translate-menu{background:var(--color-ground);border:1px solid var(--color-rule);z-index:50;min-width:120px;display:none;position:absolute;top:calc(100% + 4px);right:0}.translate-menu.open{display:block}.translate-menu button{width:100%;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:.7rem;font-weight:600;transition:background .15s;display:flex}.translate-menu button:hover{background:var(--color-active-lighter);color:var(--color-active)}.loading__metadata{background-color:var(--color-ground);z-index:40;opacity:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.loading__metadata.hidden{opacity:0;pointer-events:none}.loader{gap:var(--space-md);display:flex}.dot{background:var(--color-rule);border-radius:50%;width:10px;height:10px;animation:.5s ease-in-out infinite alternate pulse}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(-12px)}}#loading-indicator{background:var(--color-rule);opacity:0;pointer-events:none;z-index:10;width:100%;min-height:100%;color:var(--color-text-on-dark);font-size:1rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;top:0;left:0}#loading-indicator.show{opacity:1;pointer-events:auto}.progress-bar{width:200px;height:1px;margin:var(--space-md) auto;background:#f5f2ed4d;overflow:hidden}.progress-bar-fill{background:var(--color-text-on-dark);transform-origin:0;width:100%;height:100%;transition:transform .4s linear;transform:scaleX(0)}@keyframes loading-skeleton-1{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-animation{background-color:var(--color-skeleton);background-image:linear-gradient(90deg, var(--color-skeleton) 0%, var(--color-skeleton-lt) 40%, var(--color-skeleton) 80%);background-size:200% 100%;animation:1.5s linear infinite loading-skeleton-1}@media (width<=768px){.layout{padding:var(--space-md)}.hero__social{justify-content:center}.tech-grid{grid-template-columns:repeat(3,1fr)}.projects-grid,.studies-grid{grid-template-columns:1fr}.project-card,.study-card{min-height:300px}.project-card{min-height:380px}.sticky-nav__links{gap:var(--space-md);justify-content:center}.sticky-nav__translate{margin-left:0}}@media (width<=480px){.sticky-nav__links{gap:var(--space-sm)}.nav-link__text{display:none}.nav-link i{font-size:.9rem}.nav-link{padding:var(--space-sm)}.tech-badge{padding:var(--space-md)}.tech-badge span{font-size:.55rem}.tech-badge img{width:1.4rem;height:1.4rem}.social-media-element{width:44px;height:44px;font-size:1.1rem}.sticky-nav__translate{padding:8px 14px;font-size:.75rem}}@media (width>=769px) and (width<=900px){.tech-grid{grid-template-columns:repeat(4,1fr)}}:root{--color-ground:#f5f2ed;--color-ground-alt:#ebe7e0;--color-rule:#1a1d21;--color-cell-border:#1a1d21;--color-cell-border-light:#1a1d2133;--color-active:#0a9396;--color-active-hover:#087b7e;--color-active-lighter:#0a939614;--color-silver-sheen:#c0c0c026;--color-text:#1a1d21;--color-text-secondary:#1a1d2199;--color-text-on-dark:#f5f2ed;--color-text-on-active:#fff;--color-copy-success:#16c47f;--color-skeleton:#d4d0c8;--color-skeleton-lt:#e2dfd8;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:56px;--space-xxxl:72px;--grid-gap:1px;--cell-border-width:2px}button{cursor:pointer;text-align:center;background:0 0;border:none}.sticky-nav{z-index:100;background-color:var(--color-ground,#f5f2ed);border-bottom:1px solid var(--color-rule,#1a1d21);margin-bottom:var(--space-xxxl,72px);padding:0;position:sticky;top:0}.sticky-nav__links{justify-content:flex-start;align-items:center;gap:var(--space-lg,24px);padding:var(--space-sm,8px) 0;flex-wrap:wrap;display:flex}.hero-header{margin-bottom:24px}