@import"https://fonts.googleapis.com/css2?family=Paytone+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Oi&display=swap";@import"https://fonts.googleapis.com/css2?family=Sekuya&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;padding:var(--spacing-xs) 0}.header__container{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--container-padding);padding-left:0;padding-right:0;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.header__left{display:flex;align-items:center;gap:clamp(1rem,2vw,1.875rem);flex-wrap:wrap}.header__logo{font-family:Paytone One,sans-serif;align-items:center;font-size:1vw;font-weight:400;color:#000;text-decoration:none;letter-spacing:.04em;white-space:nowrap;margin-bottom:.6vh}.header__subtitle{font-family:Helvetica,Arial,sans-serif;font-size:clamp(.625rem,1vw,.875rem);font-weight:700;color:#000;white-space:nowrap}.header__nav-list{display:flex;gap:clamp(1rem,2vw,1.875rem);list-style:none;margin:0;padding:0}.header__nav-item a{text-decoration:none;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:700;transition:var(--transition-fast)}.header__nav-item a:hover{opacity:.6}.header__line{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:3px;background:#000;width:var(--max-width-content)}.hero{height:100vh;display:flex;align-items:center;padding:clamp(4rem,5vw,4.375rem) var(--container-padding);padding-bottom:0;background:#fff;position:relative;overflow:hidden}.hero__container{max-width:var(--max-width-content);height:100vh;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center;width:100%;position:relative;padding:0;box-sizing:border-box}.hero__image-section{position:relative;height:100%;min-height:clamp(25rem,55vh,50rem);overflow:visible}.hero__composition{position:relative;width:100%;height:100%}.hero__arrow{position:absolute;width:57vw;height:auto;bottom:3.7vh;left:3vw;transform:rotate(2deg);z-index:4}.hero__vector{position:absolute;width:21vw;height:auto;bottom:3.5vw;left:9.1vw;z-index:0}.hero__profile{position:absolute;width:45vw;height:auto;bottom:0vh;z-index:2}.hero__content{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:flex-end;text-align:right;padding:0}.hero__nav-buttons{display:flex;flex-direction:column;gap:0;align-items:flex-end}.hero__nav-btn{font-family:Helvetica,Arial,sans-serif;font-size:var(--font-hero);font-weight:700;color:transparent;-webkit-text-stroke:clamp(1px,.14vw,2px) black;background:none;border:none;cursor:pointer;line-height:1;letter-spacing:-.02em;transition:var(--transition-fast)}.hero__nav-btn:hover{color:#000;-webkit-text-stroke:clamp(1px,.14vw,2px) black;transform:translate(-.625rem)}.hero__intro{max-width:19vw;text-align:justify}.hero__intro-text{font-family:Helvetica,Arial,sans-serif;font-size:var(--font-base);font-weight:700;color:#000;margin:0;line-height:1.4}.works{position:relative;width:100%;height:100vh;background-color:#fff;overflow:hidden}.works--filtered{height:auto;overflow:visible;min-height:100vh}.works__title{position:absolute;font-family:Helvetica,sans-serif;font-size:var(--font-works-title);font-weight:700;line-height:normal;color:#000;right:0vw;top:clamp(4rem,6.3vw,5.6875rem);margin:0;white-space:nowrap}.works__container{height:100vh;position:relative;display:flex;justify-content:space-between;padding:clamp(12rem,21vw,18.75rem) var(--container-padding) clamp(4rem,7vw,6.25rem);transition:var(--transition-slow)}.works__container--filtered{padding-top:clamp(14rem,24vw,21.875rem);padding-bottom:var(--spacing-lg)}.works__filters{position:absolute;left:0vw;bottom:8vh;display:flex;flex-direction:column;gap:.7vh;transition:var(--transition-slow)}.works__filters--filtered{bottom:40vh}.works__filters__btn{font-family:Helvetica,sans-serif;font-weight:700;line-height:normal;color:#000;background:none;border:none;padding:0;cursor:pointer;text-align:left;white-space:nowrap;transition:font-size var(--transition-fast);margin:0}.works__filters__btn--small{font-size:var(--font-xl)}.works__filters__btn--large{font-size:var(--font-3xl)}.works__filters__btn--active{font-weight:700}.works__filters__btn:hover{opacity:.6}.works__nav{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-md)}.works__nav a{font-family:Helvetica,sans-serif;font-size:var(--font-sm);font-weight:700;color:#000;text-decoration:none;cursor:pointer;transition:var(--transition-fast)}.works__nav a:hover{opacity:.6}.project-card{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:clamp(3rem,7vw,6.25rem) var(--container-padding);border-bottom:3px solid #000000;position:relative;gap:var(--spacing-lg);flex-wrap:wrap;opacity:0;transform:translateY(clamp(3rem,4vw,4rem))}.project-grid--visible .project-card{animation:staggerFadeInUp .6s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay, 0s)}.project-grid--visible.project-grid--exiting .project-card{animation:staggerFadeOutDown .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay-exit, 0s)}.project-card__content{max-width:clamp(18rem,33vw,29.5rem);display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-width:16rem}.project-card__title{font-family:Helvetica,sans-serif;font-weight:300;font-size:var(--font-4xl);line-height:1;color:#000;margin:0}.project-card__description{font-family:Helvetica,sans-serif;font-weight:400;font-size:var(--font-base);line-height:1.2;color:#000;text-align:left;margin:0}.project-card__btn{display:inline-flex;align-items:center;justify-content:center;width:clamp(10rem,14.4vw,13rem);height:clamp(2.75rem,3.8vw,3.4375rem);border:2px solid var(--color-blue);border-radius:1.875rem;font-family:Helvetica,sans-serif;font-weight:700;font-size:var(--font-base);color:var(--color-blue);text-decoration:none;transition:var(--transition-fast)}.project-card__btn:hover{background-color:var(--color-blue);color:#fff}.project-card__btn-wrapper{display:flex;align-items:center;gap:10vw}.project-card__icon{width:5vw;height:auto;object-fit:contain}.project-card__image-wrapper{width:clamp(18rem,42vw,37.75rem);aspect-ratio:604 / 403;border-radius:clamp(.5rem,.7vw,.625rem);overflow:hidden;box-shadow:inset 0 4px 4px 5px #00000040;flex-shrink:0}.project-card__image{width:100%;height:100%;object-fit:cover;object-position:center}.project-grid{position:relative;width:100%;max-width:var(--max-width-content);margin:0 auto;margin-top:-32vh;opacity:0;pointer-events:none}.project-grid--visible{opacity:1;pointer-events:auto}.project-grid__divider{width:100%;height:3px;background-color:#000;opacity:0;transform:translateY(clamp(3rem,4vw,4rem))}.project-grid--visible .project-grid__divider{animation:staggerFadeInUp .6s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay, 0s)}.project-grid--visible.project-grid--exiting .project-grid__divider{animation:staggerFadeOutDown .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay-exit, 0s)}.project-grid__vertical-line{display:none}.page-description{position:absolute;right:0;bottom:-46vh;width:clamp(18rem,41.5vw,37.375rem);font-family:Helvetica,sans-serif;font-size:var(--font-base);font-weight:400;line-height:1.2;color:#000;text-align:right;transition:var(--transition-slow);opacity:1}.page-description--filtered{opacity:0;pointer-events:none}.page-description p{margin:0;padding:0}.works__description.page-description{bottom:8vh;text-align:justify}.about__description.page-description{bottom:8vh;width:36vw;text-align:justify;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.about__description.page-description[data-skill-selected=true]{opacity:0!important;pointer-events:none!important;animation:none!important}.contact__description.page-description{bottom:8vh;width:35vw;text-align:justify}@media(max-width:768px){.page-description{position:relative;bottom:auto;right:auto;width:100%;text-align:justify;margin-top:var(--spacing-lg);padding:0 var(--container-padding)}}.filter-buttons{display:flex;flex-direction:column;gap:clamp(.375rem,.7vw,.625rem);transition:var(--transition-slow)}.filter-buttons__btn{font-family:Helvetica,sans-serif;font-weight:700;line-height:normal;color:#000;background:none;border:none;padding:0;cursor:pointer;text-align:left;white-space:nowrap;transition:font-size var(--transition-fast);margin:0}.filter-buttons__btn--small{font-size:var(--font-xl)}.filter-buttons__btn--large{font-size:var(--font-3xl)}.filter-buttons__btn--active{font-weight:700}.filter-buttons__btn:hover{opacity:.6}.page-container{max-width:var(--max-width-content);margin:0 auto;width:100%;box-sizing:border-box}.mockup-carousel{position:relative;min-height:100vh;display:flex;flex-direction:column}.mockup-carousel__background{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:zoom-in;z-index:1;padding:var(--spacing-lg);transition:background-color var(--transition-slow)}.mockup-carousel__background--zoomed{background-color:#fffffff2;cursor:zoom-out;z-index:100}.mockup-carousel__mockup{--mockup-scale: 1;max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;position:absolute;transition:transform .6s cubic-bezier(.4,0,.2,1),max-width .6s cubic-bezier(.4,0,.2,1),max-height .6s cubic-bezier(.4,0,.2,1);transform:scale(var(--mockup-scale))}.mockup-carousel__click-area{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:40vw;height:50vh;z-index:10;cursor:zoom-in;background:transparent;border:none;padding:0}.mockup-carousel__click-area--zoomed{width:100vw;height:100vh;cursor:zoom-out;z-index:101}.mockup-carousel__mockup--zoomed{max-width:100%;max-height:100%;transform:scale(6)}.mockup-carousel__content--hidden{opacity:0;pointer-events:none;transition:opacity .4s ease-out}.mockup-carousel__mockup--in-right{animation:carouselSlideInRight .75s ease-out forwards}.mockup-carousel__mockup--in-left{animation:carouselSlideInLeft .75s ease-out forwards}.mockup-carousel__mockup--out-right{animation:carouselSlideOutRight .75s ease-out forwards}.mockup-carousel__mockup--out-left{animation:carouselSlideOutLeft .75s ease-out forwards}@keyframes carouselSlideInRight{0%{opacity:1;transform:translate(70vw) scale(var(--mockup-scale))}to{opacity:1;transform:translate(0) scale(var(--mockup-scale))}}@keyframes carouselSlideInLeft{0%{opacity:1;transform:translate(-70vw) scale(var(--mockup-scale))}to{opacity:1;transform:translate(0) scale(var(--mockup-scale))}}@keyframes carouselSlideOutRight{0%{opacity:1;transform:translate(0) scale(var(--mockup-scale))}to{opacity:1;transform:translate(-70vw) scale(var(--mockup-scale))}}@keyframes carouselSlideOutLeft{0%{opacity:1;transform:translate(0) scale(var(--mockup-scale))}to{opacity:1;transform:translate(70vw) scale(var(--mockup-scale))}}.mockup-carousel__content{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100vh;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);pointer-events:none}.mockup-carousel__content>*{pointer-events:auto}.mockup-carousel__header{margin-bottom:var(--spacing-xl);text-align:center}.mockup-carousel__title-button{background:none;border:none;padding:0;cursor:pointer;transition:opacity var(--transition-fast)}.mockup-carousel__title-button:hover{opacity:.6}.mockup-carousel__title{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--font-4xl);line-height:1;margin:0;margin-bottom:var(--spacing-sm)}.mockup-carousel__text-section{display:flex;align-items:flex-start;justify-content:center;gap:0;width:100%;flex:1}.mockup-carousel__text-content{flex:1;max-width:60vw;display:flex;flex-direction:column;gap:var(--spacing-lg)}.mockup-carousel__arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:10;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);transition:opacity var(--transition-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center}.mockup-carousel__arrow--left{left:16vw}.mockup-carousel__arrow--right{right:16vw}.mockup-carousel__arrow:hover{opacity:.6}.mockup-carousel__arrow:disabled{opacity:.3;cursor:not-allowed}.mockup-carousel__arrow-icon{width:clamp(2rem,3vw,3rem);height:clamp(2rem,3vw,3rem);display:block}.mockup-carousel__arrow-icon--flipped{transform:scaleX(-1)}.mockup-carousel__description{font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--font-sm);line-height:1.4;text-align:center;margin-top:45vh;margin-bottom:-2vh;animation:carouselTextFadeInRight .6s ease-out forwards;opacity:0}.mockup-carousel__description--transitioning-right{animation:carouselTextFadeOutRight .3s ease-out forwards}.mockup-carousel__description--transitioning-left{animation:carouselTextFadeOutLeft .3s ease-out forwards}.mockup-carousel__description--in-right{animation:carouselTextFadeInRight .6s ease-out forwards}.mockup-carousel__description--in-left{animation:carouselTextFadeInLeft .6s ease-out forwards}@keyframes carouselTextFadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes carouselTextFadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes carouselTextFadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes carouselTextFadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.mockup-carousel__indicators{display:flex;gap:1vw;justify-content:center}.mockup-carousel__dot{width:16px;height:16px;border-radius:50%;background:#d9d9d9;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.mockup-carousel__dot--active{background:var(--color-black)}.mockup-carousel__dot--switching{animation:carouselDotSwitchOut .75s ease-out forwards}.mockup-carousel__dot--switching-in{animation:carouselDotSwitchIn .75s ease-out forwards}.mockup-carousel__dot:hover:not(.mockup-carousel__dot--active){background:#999}@keyframes carouselDotSwitchOut{0%{transform:scale(1);opacity:1}50%{transform:scale(0);opacity:0}51%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes carouselDotSwitchIn{0%{transform:scale(0);opacity:0}50%{transform:scale(0);opacity:0}51%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.mockup-carousel{padding-top:var(--spacing-lg)}.mockup-carousel__title{font-size:var(--font-3xl)}.mockup-carousel__arrow{font-size:var(--font-xl);padding:var(--spacing-xs)}.mockup-carousel__description{font-size:var(--font-sm);text-align:left}.mockup-carousel__dot{width:12px;height:12px}}.contact{position:relative;width:100%;height:100vh;background-color:#fff;overflow:hidden}.contact--filtered{height:100vh;overflow:hidden}.contact__image{position:absolute;left:clamp(1rem,20vw,282px);top:20vh;width:clamp(250px,35vw,476px);height:clamp(350px,57vw,776px);overflow:hidden;pointer-events:none}.contact__image-img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:1;transition:opacity var(--transition-slow)}.contact__image-img--faded{opacity:.7}.contact__title{position:absolute;font-family:Helvetica,sans-serif;font-size:var(--font-works-title);font-weight:700;line-height:normal;color:#000;right:0vw;top:clamp(4rem,6.3vw,5.6875rem);margin:0;white-space:nowrap}.contact__container{position:relative;height:100vh;display:flex;justify-content:space-between;padding:clamp(12rem,21vw,18.75rem) var(--container-padding) clamp(4rem,7vw,6.25rem);transition:var(--transition-slow)}.contact__container--filtered{padding-top:clamp(14rem,24vw,21.875rem);padding-bottom:var(--spacing-lg)}.contact__filters{position:absolute;left:0vw;bottom:8vh;display:flex;flex-direction:column;gap:.7vh;transition:var(--transition-slow)}.contact__filters--socials-active{bottom:32vh}.contact__filters--form-active{bottom:68vh}.contact__filters__btn{font-family:Helvetica,sans-serif;font-weight:700;line-height:normal;color:#000;background:none;border:none;padding:0;cursor:pointer;text-align:left;white-space:nowrap;transition:font-size var(--transition-fast);margin:0}.contact__filters__btn--small{font-size:var(--font-xl)}.contact__filters__btn--large{font-size:var(--font-3xl)}.contact__filters__btn--active{font-weight:700}.contact__filters__btn:hover{opacity:.6}.contact__socials{position:absolute;left:0vw;bottom:12vh;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.75rem);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.contact__socials--visible{opacity:1;pointer-events:auto}.contact__social-link{display:flex;align-items:center;gap:clamp(1rem,2vw,1.5rem);text-decoration:none;color:#000;transition:var(--transition-fast);opacity:0;transform:translateY(clamp(3rem,4vw,4rem))}.contact__socials--visible .contact__social-link{animation:staggerFadeInUp .6s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay, 0s)}.contact__socials--exiting .contact__social-link{animation:staggerFadeOutDown .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay-exit, 0s)}.contact__social-link:hover{opacity:1}.contact__social-link:hover .contact__social-icon{transform:scale(1.15) translate(clamp(.3rem,.5vw,.5rem))}.contact__social-link:hover .contact__social-name{font-weight:700;transform:translate(clamp(.8rem,1vw,1rem))}.contact__social-icon{width:clamp(2.5rem,3.5vw,3.25rem);height:clamp(2.5rem,3.5vw,3.25rem);transition:transform var(--transition-fast);transform-origin:left center}.contact__social-name{font-family:Helvetica,sans-serif;font-size:var(--font-xl);font-weight:400;text-align:justify;transition:font-weight var(--transition-fast),transform var(--transition-fast)}.contact__form-section{position:absolute;left:0vw;bottom:clamp(6rem,12vw,6rem);opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.contact__form-section--visible{opacity:1;pointer-events:auto}.contact__form{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);width:clamp(18rem,30vw,27rem)}.contact__form-group{display:flex;flex-direction:column;gap:.25rem;opacity:0;transform:translateY(clamp(3rem,4vw,4rem))}.contact__form-section--visible .contact__form-group{animation:staggerFadeInUp .6s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay, 0s)}.contact__form-section--exiting .contact__form-group{animation:staggerFadeOutDown .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay-exit, 0s)}.contact__form-footer{opacity:0;transform:translateY(clamp(3rem,4vw,4rem))}.contact__form-section--visible .contact__form-footer{animation:staggerFadeInUp .6s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay, 0s)}.contact__form-section--exiting .contact__form-footer{animation:staggerFadeOutDown .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay-exit, 0s)}.contact__input{font-family:Helvetica,sans-serif;font-size:var(--font-base);font-weight:400;color:#000;background:transparent;border:none;border-bottom:2px solid #000000;padding:clamp(.5rem,1vw,.75rem) clamp(.5rem,.75vw,.75rem);outline:none!important;box-shadow:none!important;transition:var(--transition-fast);transform-origin:left center;transform:scale(1)}.contact__input:hover{transform:scale(1.05)}.contact__input:focus{outline:none!important;box-shadow:none!important;transform:scale(1.05)}.contact__input::placeholder{color:#676767}.contact__input--error{border-color:#c00}.contact__textarea{font-family:Helvetica,sans-serif;font-size:var(--font-base);font-weight:400;color:#000;background:#e2e2e2;border:none;border-radius:10px;padding:clamp(.75rem,1vw,1rem);outline:none!important;box-shadow:none!important;resize:none;min-height:clamp(8rem,14vw,12.5rem);transition:var(--transition-fast);transform-origin:left center;transform:scale(1)}.contact__textarea:hover{transform:scale(1.05)}.contact__textarea:focus{outline:none!important;box-shadow:none!important;transform:scale(1.05)}.contact__textarea::placeholder{color:#676767}.contact__textarea--error{box-shadow:0 0 0 2px #c00}.contact__error{font-family:Helvetica,sans-serif;font-size:var(--font-xs);color:#c00}.contact__form-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(1rem,2vw,2rem);margin-top:clamp(.5rem,.5vw,1rem)}@keyframes staggerFadeInUp{0%{opacity:0;transform:translateY(clamp(3rem,4vw,4rem))}to{opacity:1;transform:translateY(0)}}@keyframes staggerFadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(clamp(3rem,4vw,4rem))}}.contact__form-notice{font-family:Helvetica,sans-serif;font-size:var(--font-xs);font-weight:400;color:#0000008c;text-align:left;max-width:clamp(8rem,12vw,12.5rem);margin:0;line-height:1.4}.contact__submit-btn{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,1vw,.75rem);font-family:Helvetica,sans-serif;font-size:var(--font-lg);font-weight:400;color:#000;background:transparent;border:2px solid #000000;border-radius:10px;padding:clamp(.375rem,.75vw,.625rem) clamp(1.5rem,2.5vw,2.25rem);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.contact__submit-btn:hover:not(:disabled){background:#000;color:#fff}.contact__submit-btn:disabled{opacity:.5;cursor:not-allowed}.contact__submit-arrow{font-size:clamp(1.5rem,2.25vw,2rem);line-height:1}.contact__success{font-family:Helvetica,sans-serif;font-size:var(--font-sm);color:#080;margin-top:var(--spacing-sm)}.contact__error-msg{font-family:Helvetica,sans-serif;font-size:var(--font-sm);color:#c00;margin-top:var(--spacing-sm)}@media(max-width:768px){.contact__filters{position:relative;left:var(--container-padding);top:auto;margin-top:clamp(10rem,20vw,15rem)}.contact__socials{position:relative;left:var(--container-padding);top:auto;margin-top:var(--spacing-xl)}.contact__form-section{position:relative;left:var(--container-padding);top:auto;margin-top:var(--spacing-lg)}.contact__form{width:calc(100% - var(--container-padding) * 2)}}.about{position:relative;width:100%;min-height:100vh;background-color:#fff;overflow:hidden;padding:clamp(4rem,8vw,6rem) 0}.about--filtered{overflow:hidden}.about__image{position:absolute;left:clamp(1rem,6.4vw,92px);bottom:0vh;left:14vw;width:46vw;height:auto;overflow:hidden;pointer-events:none}.about__image-img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:1;transition:opacity var(--transition-slow)}.about__image-img--faded{opacity:.5}.about__image-img--very-faded{opacity:.3}.about--filtered .about__image-img{opacity:.5}.about__resume-section--visible .about__image-img,.about__education-section--visible .about__image-img,.about__mini-job-section--visible .about__image-img{opacity:.3}.about__title{position:absolute;font-family:Helvetica,sans-serif;font-size:var(--font-works-title);font-weight:700;line-height:normal;color:#000;right:0vw;top:clamp(4rem,6.3vw,5.6875rem);margin:0;white-space:nowrap}.about__container--filtered{padding-top:clamp(14rem,24vw,21.875rem);padding-bottom:var(--spacing-lg)}.about__filters{position:absolute;left:var(--container-padding);bottom:8vh;display:flex;flex-direction:column;left:0vw;gap:.7vh;transition:var(--transition-slow)}.about__filters--resume-active{bottom:70vh}.about__filters--tech-skills-active{bottom:75vh}.about__filters--design-skills-active{bottom:80vh}.about__filter-btn{font-family:Helvetica,sans-serif;font-weight:700;line-height:normal;color:#000;background:none;border:none;padding:0;cursor:pointer;text-align:left;white-space:nowrap;transition:font-size var(--transition-fast),opacity var(--transition-slow),pointer-events var(--transition-slow);margin:0}.about__filter-btn--small{font-size:var(--font-xl)}.about__filter-btn--large{font-size:var(--font-3xl)}.about__filter-btn--active{font-weight:700}.about__filter-btn:hover{opacity:.6}.about--filtered .about__filter-btn:not(.about__filter-btn--active){opacity:0;pointer-events:none}.about__skill-description{position:absolute;right:var(--container-padding);bottom:8vh;right:0vw;width:36vw;font-family:Helvetica,sans-serif;font-size:var(--font-base);font-weight:400;line-height:1.2;color:#000;text-align:justify;transition:opacity var(--transition-slow),transform var(--transition-slow);opacity:1;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1);pointer-events:auto}.about__skill-description--exiting{animation:fadeOutDown .5s cubic-bezier(.4,0,.2,1);opacity:0}.about__skill-description p{margin:0;padding:0;white-space:pre-line;line-height:1.2}.about__description-title{font-family:Helvetica,sans-serif;font-size:var(--font-lg);font-weight:700;line-height:normal;color:#000;margin:0 0 clamp(1rem,1.5vw,1.5rem) 0;padding:0}.about__section{position:absolute;left:0vw;bottom:12vh;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);overflow:visible}.about__section--visible{opacity:1;pointer-events:auto}.about__section--exiting{opacity:0}.about__skills-list{display:flex;flex-direction:column;left:0vw;gap:clamp(2rem,4vw,3.5rem);max-height:60vh;overflow-y:auto;padding-top:clamp(2rem,3vw,3rem);padding-bottom:clamp(2rem,3vw,3rem);scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%)}.about__skills-list::-webkit-scrollbar{display:none}.about__skills-container{position:relative;display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.5rem);transition:gap var(--transition-slow)}.about__skills-container--with-detail{gap:clamp(4rem,6vw,6rem)}.about__skill{display:flex;align-items:flex-start;gap:clamp(1rem,3vw,3rem);opacity:0;transform:translateY(clamp(2rem,3vw,3rem));background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:inherit;font-size:inherit;color:inherit}.about__skill:hover{opacity:1}.about__skill:hover .about__skill-icon{opacity:1;transform:scale(1.15) translate(clamp(.3rem,.5vw,.5rem))}.about__skill:hover .about__skill-name{opacity:1;font-weight:700;transform:translate(clamp(.8rem,1vw,1rem))}.about__skill--selected{opacity:1!important}.about__skill--simple{align-items:center;gap:clamp(1rem,2vw,2rem)}.about__skill-name-line{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}.about__section--visible .about__skill{animation:staggerFadeInUp .6s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay, 0s)}.about__section--exiting .about__skill{animation:staggerFadeOutDown .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay-exit, 0s)}.about__skill-icon{width:clamp(3rem,5vw,4.5rem);height:clamp(3rem,5vw,4.5rem);flex-shrink:0;border-radius:15px;overflow:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast);transform-origin:left center}.about__skill--selected .about__skill-icon{opacity:1;transform:scale(1.15) translate(clamp(.3rem,.5vw,.5rem))}.about__section--visible.about__section--skill-selected .about__skill:not(.about__skill--selected) .about__skill-icon{opacity:.6}.about__skill-icon img{width:100%;height:100%;object-fit:cover}.about__skill-content{display:flex;flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);width:clamp(12rem,22vw,20rem)}.about__skill-bar{position:relative;height:14px;width:100%}.about__skill-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border:3px solid #000000;border-radius:10px;box-sizing:border-box}.about__skill-bar-fill{position:absolute;top:0;left:0;height:100%;background-color:#000;border:3px solid #000000;border-radius:10px;box-sizing:border-box;transition:width .6s cubic-bezier(.4,0,.2,1)}.about__skill-info{display:flex;justify-content:space-between;align-items:center;gap:3vw}.about__skill-name{font-family:Helvetica,sans-serif;font-size:var(--font-base);font-weight:400;color:#000;transition:opacity var(--transition-fast),transform var(--transition-fast)}.about__skill--selected .about__skill-name{opacity:1;font-weight:700;transform:translate(clamp(.8rem,1vw,1rem))}.about__section--visible.about__section--skill-selected .about__skill:not(.about__skill--selected) .about__skill-name{opacity:.6}.about__skill-level{font-family:Helvetica,sans-serif;font-size:var(--font-xl);font-weight:400;color:#000}.about__skill-rating{font-family:Helvetica,sans-serif;font-size:var(--font-base);font-weight:700;color:#000;opacity:0;transition:opacity var(--transition-fast)}.about__skill:hover .about__skill-rating,.about__skill--selected .about__skill-rating{opacity:1}.about__resume-content,.about__design-content{font-family:Helvetica,sans-serif;font-size:var(--font-base);color:#000}.about__resume-filters{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);bottom:10vh;transition:var(--transition-slow)}.about__resume-filters--active{transform:translateY(-64vh)}.about__resume-filter-btn{font-family:Helvetica,sans-serif;font-weight:700;font-size:var(--font-xl);line-height:normal;color:#000;background:none;border:none;padding:0;cursor:pointer;text-align:left;white-space:nowrap;transition:font-size var(--transition-fast);margin:0}.about__resume-filter-btn:hover{opacity:.6}.about__resume-filter-btn--active{font-size:var(--font-3xl);font-weight:700}.about__resume-items{display:flex;flex-direction:column;gap:clamp(3rem,5vw,4rem)}.about__resume-item{opacity:0;transform:translateY(clamp(2rem,3vw,3rem))}.about__section--visible .about__resume-item{animation:staggerFadeInUp .6s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay, 0s)}.about__section--exiting .about__resume-item{animation:staggerFadeOutDown .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--stagger-delay-exit, 0s)}.about__resume-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6vh}.about__resume-title{font-family:Helvetica,sans-serif;font-size:var(--font-lg);font-weight:700;line-height:normal;color:#000;margin:0;padding:0}.about__resume-year{font-family:Helvetica,sans-serif;font-size:var(--font-lg);font-weight:700;line-height:normal;color:#000}.about__resume-description{font-family:Helvetica,sans-serif;font-size:var(--font-sm);font-weight:400;line-height:1.2;color:#000;text-align:justify;margin:0;padding:0;max-width:40vw}@keyframes staggerFadeInUp{0%{opacity:0;transform:translateY(clamp(2rem,3vw,3rem))}to{opacity:1;transform:translateY(0)}}@keyframes staggerFadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(clamp(2rem,3vw,3rem))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(clamp(1rem,1.5vw,1.5rem))}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-clamp(1rem,1.5vw,1.5rem))}}@media(max-width:768px){.about__filters{position:relative;left:var(--container-padding);top:auto;margin-top:clamp(10rem,20vw,15rem)}.about__section{position:relative;left:var(--container-padding);top:auto;margin-top:var(--spacing-xl)}.about__skill-content{width:calc(100% - var(--container-padding) * 2)}}:root{--color-black: #000000;--color-white: #ffffff;--color-yellow: #f5a623;--color-blue: #3d66e1;--spacing-xs: clamp(.5rem, 1vw, 1rem);--spacing-sm: clamp(1rem, 2vw, 1.5rem);--spacing-md: clamp(1.5rem, 3vw, 2.5rem);--spacing-lg: clamp(2rem, 4vw, 4rem);--spacing-xl: clamp(3rem, 6vw, 6rem);--spacing-2xl: clamp(4rem, 8vw, 8rem);--container-padding: clamp(1.25rem, 3.5vw, 3.125rem);--font-xs: clamp(.75rem, .9vw, .875rem);--font-sm: clamp(.875rem, 1vw, 1rem);--font-base: clamp(1rem, 1.25vw, 1.25rem);--font-lg: clamp(1.25rem, 1.5vw, 1.5rem);--font-xl: clamp(1.5rem, 2vw, 2rem);--font-2xl: clamp(2rem, 3vw, 3rem);--font-3xl: clamp(2.5rem, 4vw, 4rem);--font-4xl: clamp(3rem, 5.5vw, 5.5rem);--font-5xl: clamp(4rem, 8vw, 8rem);--font-hero: clamp(3.5rem, 9vw, 9rem);--font-works-title: clamp(4rem, 10vw, 9.75rem);--max-width-content: 85vw;--max-width-narrow: min(50rem, 100%);--transition-fast: .3s cubic-bezier(.4, 0, .2, 1);--transition-medium: .5s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--color-black);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}img{height:auto;display:block}a{color:inherit;text-decoration:none}body.app-scroll-enabled{overflow:auto}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-white)}::-webkit-scrollbar-thumb{background:var(--color-black);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333}::selection{background:var(--color-black);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.transition{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;z-index:9999;pointer-events:none}.transition-row{flex:1;display:flex}.transition-row.row-1 .block{transform-origin:top}.transition-row.row-2 .block{transform-origin:bottom}.block{flex:1;background-color:#4865e8;transform:scaleY(0);will-change:transform;visibility:hidden;backface-visibility:hidden;perspective:1000px}