*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%}body{min-height:100vh;background-color:#0a0a0a;color:#fff}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:80px;background:#0006}.navbar__container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 40px}.navbar__logo{display:flex;align-items:center;gap:12px;text-decoration:none}.navbar__logo-icon{height:40px;width:auto;flex-shrink:0}.navbar__logo-text{font-family:Inter,sans-serif;font-size:20px;font-weight:700;line-height:30px;color:#fdfdfd}.navbar__links{display:flex;align-items:center;gap:20px}.navbar__link{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#a4a7ae;text-decoration:none;transition:color .3s ease}.navbar__link:hover,.navbar__link--active{color:#fff}@media(max-width:768px){.navbar{height:64px}.navbar__container{padding:0 24px}.navbar__logo-text{font-size:16px}.navbar__links{gap:16px}.navbar__link{font-size:14px}}.hero{position:relative;width:100%;height:100vh;overflow:hidden;cursor:pointer}.hero__background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .6s ease}.hero:hover .hero__background{transform:scale(1.02)}.hero__content{position:absolute;bottom:0;left:0;right:0;padding:40px;display:flex;justify-content:space-between;align-items:flex-end;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.hero__content--visible{opacity:1;transform:translateY(0)}.hero__info{display:flex;flex-direction:column;gap:12px}.hero__tags{display:flex;gap:8px}.hero__tag{padding:8px 16px;background:#2d2d2dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:100px;font-size:14px;font-weight:400;color:#fff}.hero__title{font-size:72px;font-weight:500;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.1}.hero__navigation{display:flex;gap:8px}.hero__nav-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hero__nav-btn:hover{background:#fff3;border-color:#ffffff80}.hero__nav-btn:active{transform:scale(.95)}@media(max-width:768px){.hero{height:100vh}.hero__content{padding:24px;flex-direction:column;align-items:flex-start;gap:24px}.hero__title{font-size:48px}.hero__tag{font-size:12px;padding:6px 12px}.hero__nav-btn{width:44px;height:44px}.hero__navigation{align-self:flex-end}}.project-modal{position:fixed;inset:0;z-index:1000;background:#000c;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.project-modal__content{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:#000c}.project-modal__close{position:absolute;top:40px;left:40px;width:56px;height:56px;border-radius:50%;border:none;background:#0003;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .3s ease}.project-modal__close:hover{background:#0006}.project-modal__images{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.project-modal__images::-webkit-scrollbar{display:none}.project-modal__image{flex:0 0 100%;height:100%;position:relative}.project-modal__image img{width:100%;height:100%;object-fit:cover}.project-modal__progress{width:100%;height:4px;background:transparent;position:relative;overflow:hidden}.project-modal__progress-fill{position:absolute;top:0;left:0;height:100%;width:33.333%;background:#fff;will-change:transform}.project-modal__info{display:flex;gap:40px;padding:40px;align-items:flex-start;background:#000}.project-modal__meta{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.project-modal__tags{display:flex;gap:8px}.project-modal__tag{padding:2px 10px;background:transparent;border:1px solid #ffffff;border-radius:16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#fff;white-space:nowrap}.project-modal__title{font-family:Inter,sans-serif;font-size:48px;font-weight:700;color:#fdfdfd;margin:0;letter-spacing:-.96px;line-height:60px}.project-modal__description{flex:1;font-family:Inter,sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#fdfdfd;margin:0}@media(max-width:1024px){.project-modal__close{top:24px;left:24px;width:48px;height:48px}.project-modal__info{flex-direction:column;gap:24px;padding:24px}.project-modal__title{font-size:36px;line-height:44px}.project-modal__description{font-size:16px;line-height:24px}}@media(max-width:768px){.project-modal__close{top:16px;left:16px;width:44px;height:44px}.project-modal__info{padding:20px;gap:16px}.project-modal__title{font-size:28px;line-height:36px}.project-modal__description{font-size:14px;line-height:22px}.project-modal__tag{font-size:12px;padding:2px 8px}}.projects-grid{width:100%;background-color:#0a0a0a;padding:40px;display:flex;flex-direction:column;gap:40px}.projects-grid__row{display:flex;gap:40px;width:100%}.projects-grid__row--1{height:900px}.projects-grid__row--2{height:auto}.projects-grid__row--2 .projects-grid__card{aspect-ratio:1 / 1;flex:1}.projects-grid__card{position:relative;flex:1;overflow:hidden;cursor:pointer;transition:flex .5s cubic-bezier(.4,0,.2,1)}.projects-grid__card--expanded{flex:3}.projects-grid__card--collapsed{flex:.5}.projects-grid__card-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s cubic-bezier(.4,0,.2,1)}.projects-grid__card:hover .projects-grid__card-image{transform:scale(1.02)}.projects-grid__card--static:hover .projects-grid__card-image{transform:none}.projects-grid__card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;opacity:0;transition:opacity .4s ease}.projects-grid__card--expanded .projects-grid__card-overlay,.projects-grid__card:hover .projects-grid__card-overlay{opacity:1}.projects-grid__card-content{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.projects-grid__card--expanded .projects-grid__card-content,.projects-grid__card:hover .projects-grid__card-content{opacity:1;transform:translateY(0)}.projects-grid__card-tags{display:flex;gap:8px;flex-wrap:wrap}.projects-grid__card-tag{padding:2px 10px;background:transparent;border:1px solid #ffffff;border-radius:16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#fff;white-space:nowrap}.projects-grid__card-title{font-family:Inter,sans-serif;font-size:48px;font-weight:700;color:#fdfdfd;margin:0;letter-spacing:-.96px;line-height:60px}@media(max-width:1440px){.projects-grid{padding:24px;gap:24px}.projects-grid__row{gap:24px}.projects-grid__row--1{height:600px}.projects-grid__row--2{height:auto}.projects-grid__row--2 .projects-grid__card{aspect-ratio:1 / 1}.projects-grid__card-title{font-size:40px;line-height:50px}}@media(max-width:1024px){.projects-grid{padding:16px;gap:16px}.projects-grid__row{gap:16px}.projects-grid__row--1{height:500px}.projects-grid__row--2{height:auto}.projects-grid__row--2 .projects-grid__card{aspect-ratio:1 / 1}.projects-grid__card-content{bottom:16px;left:16px;right:16px}.projects-grid__card-title{font-size:32px;line-height:40px}.projects-grid__card-tag{font-size:12px;padding:2px 8px}}@media(max-width:768px){.projects-grid{padding:8px;gap:8px}.projects-grid__row{flex-direction:column;gap:8px;height:auto!important}.projects-grid__row--1,.projects-grid__row--2{height:auto}.projects-grid__card{flex:none;height:300px;transition:height .5s cubic-bezier(.4,0,.2,1),flex .5s cubic-bezier(.4,0,.2,1)}.projects-grid__card--expanded{height:400px}.projects-grid__card--collapsed{height:200px}.projects-grid__card-content{bottom:12px;left:12px;right:12px}.projects-grid__card-title{font-size:28px;line-height:36px}}.profile{min-height:100vh;background-color:#0a0a0a;padding:120px 40px 40px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.profile--visible{opacity:1;transform:translateY(0)}.profile__content{width:100%;display:flex;flex-direction:column;gap:24px}.profile__label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fff;text-transform:lowercase}.profile__title{font-family:Inter,sans-serif;font-size:64px;font-weight:700;color:#fff;margin:0;line-height:1.1;letter-spacing:-1.28px}.profile__description{font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.7;color:#fff;margin:0}.profile__image{width:100%;margin-top:24px;overflow:hidden}.profile__image img{width:100%;height:auto;object-fit:cover;aspect-ratio:16 / 9}@media(max-width:1024px){.profile{padding:100px 24px 24px}.profile__title{font-size:48px}.profile__description{font-size:16px}}@media(max-width:768px){.profile{padding:80px 16px 16px}.profile__title{font-size:36px}.profile__description{font-size:14px;line-height:1.6}}.footer{width:100%;background-color:#0a0a0a;padding:24px 40px;border-top:1px solid rgba(255,255,255,.1)}.footer__content{display:flex;justify-content:space-between;align-items:center}.footer__copyright{font-size:14px;font-weight:400;color:#fff9;margin:0}.footer__social{display:flex;gap:20px}.footer__social-link{color:#fff9;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.footer__social-link:hover{color:#fff}@media(max-width:768px){.footer{padding:20px 24px}.footer__content{flex-direction:column;gap:20px;text-align:center}.footer__copyright{font-size:12px;order:2}.footer__social{order:1;gap:16px}}main{width:100%;min-height:100vh}