:root{--color-bg:#fff;--color-bg-alt:#fafafa;--color-text:#0f0f0f;--color-text-muted:#6b6b6b;--color-accent:#000;--color-line:#00000014;--color-glass:#ffffffd9;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif;--fs-xs:clamp(.75rem, .7rem + .25vw, .875rem);--fs-sm:clamp(.875rem, .85rem + .13vw, 1rem);--fs-base:clamp(1rem, .95rem + .25vw, 1.125rem);--fs-md:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--fs-lg:clamp(1.75rem, 1.5rem + 1vw, 2.5rem);--fs-xl:clamp(2.5rem, 2rem + 3vw, 5.5rem);--container-width:1200px;--section-padding:clamp(60px, 8vw, 100px);--gap-base:clamp(24px, 4vw, 48px);--transition-base:.5s cubic-bezier(.16, 1, .3, 1)}.dark-theme{--color-bg:#0f0f0f;--color-bg-alt:#161616;--color-text:#fff;--color-text-muted:#a0a0a0;--color-accent:#fff;--color-line:#ffffff1a;--color-glass:#0f0f0fd9}.dark-theme .button{color:#0f0f0f}.dark-theme .button:hover{color:#0f0f0f;background-color:#e0e0e0}.dark-theme .button--outline{color:var(--color-accent)}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ul,figure{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.header{z-index:100;width:100%;transition:all var(--transition-base);background-color:#0000;border-bottom:1px solid #0000;padding:20px 0;position:fixed;top:0;left:0}.header--scrolled{background-color:var(--color-glass);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--color-line);padding:12px 0}.nav{justify-content:space-between;align-items:center;height:80px;display:flex}.nav__logo{font-family:var(--font-heading);font-size:24px;font-weight:700}.nav__list{gap:40px;display:flex}.nav__link{text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500;position:relative}.nav__link:after{content:"";background-color:var(--color-accent);width:0;height:1.5px;transition:var(--transition-base);position:absolute;bottom:-4px;left:0}.nav__link:hover:after{width:100%}.theme-toggle{background-color:var(--color-bg-alt);width:40px;height:40px;color:var(--color-text);border:1px solid var(--color-line);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;margin-left:20px;display:flex}.theme-toggle:hover{background-color:var(--color-accent);color:var(--color-bg);transform:rotate(15deg)scale(1.1)}.theme-toggle svg{fill:currentColor;width:18px;height:18px}.lang-toggle{letter-spacing:.1em;transition:var(--transition-base);color:var(--color-text-muted);text-transform:uppercase;border-radius:4px;margin-left:10px;padding:4px 8px;font-size:11px;font-weight:700}.lang-toggle:hover,.lang-toggle--active{color:var(--color-accent)}.lang-toggle span{cursor:pointer;opacity:.5;transition:var(--transition-base)}.lang-toggle span.active{opacity:1;text-decoration:underline}.hero{align-items:center;min-height:80vh;padding-top:100px;display:flex}.hero__subtitle{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:1rem;font-weight:500;display:block}.hero__role{font-size:var(--fs-md);color:var(--color-accent);margin-bottom:2rem;font-weight:400}.hero__title{font-family:var(--font-heading);font-size:var(--fs-xl);letter-spacing:-.02em;max-width:950px;font-weight:400;line-height:1.05}.hero__title em{font-family:var(--font-heading);color:var(--color-text-muted);font-style:italic;font-weight:400}.section-title{font-family:var(--font-heading);font-size:var(--fs-lg);margin-bottom:var(--gap-base);letter-spacing:-.01em;font-weight:500}.about{padding:var(--section-padding) 0}.about__grid{gap:var(--gap-base);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about__text{font-size:var(--fs-base);color:var(--color-text-muted);max-width:500px;margin-bottom:2.5rem;line-height:1.7}.about__details{border-top:1px solid var(--color-line);gap:3rem;padding-top:2rem;display:flex}.detail-item{flex-direction:column;gap:.5rem;display:flex}.detail-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.detail-value{font-size:var(--fs-sm);font-weight:500}.about__image-wrapper{aspect-ratio:4/5;border-radius:4px;overflow:hidden}.about__image{object-fit:cover;width:100%;height:100%}.projects{padding:var(--section-padding) 0;padding-bottom:15vh}.projects__list{flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}.project-item{background-color:var(--color-bg);border-top:1px solid var(--color-line);flex-direction:column;justify-content:center;width:100%;height:calc(100vh - 80px);margin-bottom:0;padding:6vh 0;display:flex;position:sticky;top:80px;overflow:hidden}.project-item__container{flex-direction:column;gap:2rem;width:100%;height:100%;margin:0 auto;display:flex}.project-item__info{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:baseline;width:100%;padding-bottom:2rem;display:flex}.project-item__title{font-family:var(--font-heading);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:1}.project-item__image-link{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.project-item__image-wrapper{background-color:#0000;border-radius:8px;max-width:100%;max-height:100%;display:flex;overflow:hidden}.project-item__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform 1.5s var(--transition-base)}.project-item:hover .project-item__image{transform:scale(1.05)}.project-item__link-btn{text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:600}@media (width<=992px){.project-item{min-height:60vh;padding:60px 0}.project-item__title{font-size:3rem}}.experience{padding:var(--section-padding) 0;background-color:var(--color-bg-alt)}.experience__grid{grid-template-columns:repeat(3,1fr);gap:4rem;display:grid}.experience__item{flex-direction:column;gap:1rem;display:flex}.experience__role{font-size:var(--fs-md);font-weight:500}.experience__company{font-size:var(--fs-base);color:var(--color-text-muted)}.experience__date{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.contact{padding:var(--section-padding) 0}.contact__wrapper{text-align:center;max-width:800px;margin:0 auto}.contact__title{font-family:var(--font-heading);font-size:var(--fs-xl);margin-bottom:1rem}.contact__subtitle{font-size:var(--fs-base);color:var(--color-text-muted);margin-bottom:4rem}.contact__form{flex-direction:column;gap:3rem;display:flex}.form__row{gap:var(--gap-base);grid-template-columns:1fr 1fr;display:grid}.form__group{text-align:left;position:relative}.form__input{border:none;border-bottom:1px solid var(--color-line);width:100%;font-family:var(--font-body);font-size:var(--fs-base);transition:var(--transition-base);background:0 0;outline:none;padding:1rem 0}.form__input:focus{border-color:var(--color-accent)}.form__label{color:var(--color-text-muted);pointer-events:none;transition:var(--transition-base);font-size:var(--fs-base);position:absolute;top:1rem;left:0}.form__input:focus~.form__label,.form__input:not(:placeholder-shown)~.form__label{font-size:var(--fs-xs);color:var(--color-accent);font-weight:600;top:-1.2rem}textarea.form__input{resize:none;min-height:150px}.button{background-color:var(--color-accent);color:#fff;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.15em;transition:var(--transition-base);border-radius:100px;align-self:center;padding:1.25rem 3.5rem;font-weight:600}.button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact__success{flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.contact__success-icon{color:var(--color-accent);font-size:2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards spin-in}.contact__success p{font-size:var(--fs-md);font-family:var(--font-heading);color:var(--color-text)}.contact__error{font-size:var(--fs-sm);color:#e05c5c;text-align:center;margin-top:-1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-in{0%{opacity:0;transform:rotate(-90deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}.footer{border-top:1px solid var(--color-line);padding:80px 0}.footer__content{justify-content:space-between;align-items:center;display:flex}.footer__cp{font-size:var(--fs-sm);color:var(--color-text-muted)}.footer__links{gap:2rem;display:flex}.footer__link{font-size:var(--fs-sm);transition:var(--transition-base);font-weight:500}.footer__link:hover{color:var(--color-accent);text-decoration:underline}[class*=reveal]{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-visible{opacity:1;transform:translateY(0)}.experience__item:nth-child(2){transition-delay:.1s}.experience__item:nth-child(3){transition-delay:.2s}.detail-item:first-child{transition-delay:.1s}.detail-item:nth-child(2){transition-delay:.2s}@media (width<=992px){.about__grid{grid-template-columns:1fr;gap:4rem}.about__image-wrapper{order:-1}.experience__grid{grid-template-columns:1fr;gap:3rem}}@media (width<=768px){.nav__list{display:none}.hero{padding-top:120px}.hero__title{font-size:3.5rem}.form__row{grid-template-columns:1fr}}.project-detail{padding-top:80px}.project-detail__header{text-align:center;padding:6rem 0 3rem}.project-detail__title{font-family:var(--font-heading);margin-bottom:1rem;font-size:clamp(3rem,10vw,6rem)}.project-detail__subtitle{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:1.25rem}.project-detail__overview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;margin-bottom:5rem;display:grid}.overview-label{text-transform:uppercase;color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1rem}.overview-text{font-size:1.25rem;line-height:1.6}.project-detail__banner{aspect-ratio:21/9;width:100%;margin-bottom:5rem;overflow:hidden}.project-detail__banner-img{object-fit:cover;width:100%;height:100%}.project-detail__description-grid{grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:6rem;display:grid}@media (width<=992px){.project-detail__description-grid{grid-template-columns:1fr;gap:2rem}}.description-tagline{font-family:var(--font-heading);color:var(--color-accent);font-size:2.5rem}.description-text{color:var(--color-text);margin-bottom:2rem;font-size:1.25rem;line-height:1.8}.project-detail__gallery{flex-direction:column;gap:4rem;margin-bottom:6rem;display:flex}.detail-gallery-img{border-radius:12px;width:100%;box-shadow:0 40px 100px #0000001a}.project-detail__links{background:var(--color-bg-alt);text-align:center;border-radius:24px;margin-bottom:5rem;padding:6rem}.links-title{margin-bottom:3rem;font-size:2rem}.links-wrapper{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.button--outline{border:2px solid var(--color-accent);color:var(--color-accent);background:0 0}.button--outline:hover{background:var(--color-accent);color:#fff}.project-detail__cta{border-top:1px solid var(--color-line);padding:6rem 0}.about--editorial{padding:var(--section-padding) 0;overflow:hidden}.about__intro-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent);margin-bottom:2rem;display:block}.about__title--large{font-family:var(--font-heading);letter-spacing:-.04em;margin-bottom:4rem;font-size:clamp(3rem,12vw,8.5rem);line-height:.9}.about__story-grid{grid-template-columns:1.2fr .8fr;align-items:flex-start;gap:4rem;margin-bottom:5rem;display:grid}.about__story-text{color:var(--color-text);max-width:650px;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.6}.about__story-text span{color:var(--color-text-muted)}.about__image-container{padding-top:2rem;position:relative}.about__image--editorial{aspect-ratio:3/4;object-fit:cover;filter:grayscale(20%);border-radius:4px;width:100%;transition:filter .5s}.about__image--editorial:hover{filter:grayscale(0%)}.about__details-grid{border-top:1px solid var(--color-line);grid-template-columns:1fr 1fr;gap:4rem;padding-top:4rem;display:grid}.about__philosophy h3,.about__skills h3{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:2.5rem}.about__philosophy-text{margin-bottom:2rem;font-size:1.25rem;line-height:1.7}.skills-cloud{flex-wrap:wrap;gap:1rem;display:flex}.skill-tag{border:1px solid var(--color-line);border-radius:100px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:500;transition:all .3s}.skill-tag:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-2px)}.marquee-wrapper{white-space:nowrap;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background-color:var(--color-bg);width:100vw;margin-left:calc(50% - 50vw);padding:1.5rem 0;display:flex;overflow:hidden}.marquee-track{width:fit-content;animation:35s linear infinite marquee-scroll;display:flex}.marquee-content{flex-shrink:0;display:flex}.marquee-item{font-family:var(--font-body);font-size:var(--fs-base);text-transform:uppercase;color:var(--color-text-muted);transition:var(--transition-base);letter-spacing:.1em;align-items:center;margin-right:3rem;font-weight:500;display:flex}.marquee-item:hover{color:var(--color-accent)}.marquee-separator{color:var(--color-line);margin-left:3rem}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about__social-links{gap:3rem;margin-top:4rem;display:flex}.social-link{font-family:var(--font-heading);padding-bottom:4px;font-size:1.5rem;font-style:italic;position:relative}.social-link:after{content:"";background:var(--color-accent);width:0;height:1px;transition:width .4s;position:absolute;bottom:0;left:0}.social-link:hover:after{width:100%}@media (width<=992px){.about__story-grid{grid-template-columns:1fr;gap:4rem}.about__details-grid{grid-template-columns:1fr;gap:6rem}}.project-detail__tech{border-top:1px solid var(--color-line);margin-top:4rem;padding-top:4rem}.tech-grid{grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2rem;display:grid}.tech-item{flex-direction:column;gap:.5rem;display:flex}@media (width<=768px){.tech-grid{grid-template-columns:1fr;gap:2rem}}