:root{--color-bg:#eaeaea;--color-bg-alt:#f4f4f4;--color-text:#111;--color-text-mutated:#555;--color-border:#d1d1d1;--color-white:#fff;--font-heading:'Syne' , sans-serif;--font-body:'Inter' , sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--space-xxl:12rem;--text-h1:clamp(3rem,8vw,8rem);--text-h2:clamp(2.5rem,5vw,5rem);--text-h3:clamp(1.5rem,3vw,2.5rem);--text-body:1.125rem;--text-small:.875rem;--container-width:1400px;--transition:all .4s cubic-bezier(.25,.46,.45,.94)}@media (prefers-color-scheme:dark){:root{--color-bg:#0d0d0d;--color-bg-alt:#161616;--color-text:#f2f2f2;--color-text-mutated:#a1a1a1;--color-border:#333}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family: var(--font-body);font-size:var(--text-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:var(--transition)}ul,ol{list-style:none}input,button,textarea,select{font:inherit}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--space-md)}.section{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.header{position:fixed;top:0;left:0;width:100%;padding:var(--space-md) 0;z-index:100;transition:var(--transition);mix-blend-mode:difference;color:#fff}.header--scrolled{padding:var(--space-sm) 0;background:transparent}.header__inner{display:flex;justify-content:space-between;align-items:center}.logo{font-family: var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:2px}.nav__list{display:flex;gap:var(--space-md)}.nav__link{font-size:var(--text-small);font-weight:500;text-transform:uppercase;letter-spacing:.1em;position:relative;padding:.5rem 0}.nav__link::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:currentColor;transition:var(--transition)}.nav__link:hover::after{width:100%}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.05)}.hero__image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,.6) 100%);z-index:2}.hero__content-container{position:relative;z-index:10;height:100%;display:flex;align-items:flex-end;padding-bottom:var(--space-xl)}.hero__content{color:var(--color-white);max-width:900px}.hero__title{font-size:var(--text-h1);margin-bottom:var(--space-md);display:flex;flex-direction:column}.reveal-text{line-height:.95;overflow:hidden}.hero__slogan{font-size:clamp(1.125rem,2vw,1.5rem);max-width:600px;opacity:.9;font-weight:300}.section__header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--color-border);padding-bottom:var(--space-sm);margin-bottom:var(--space-xl)}.section__title{font-size:var(--text-h2)}.section__subtitle{font-size:var(--text-body);font-weight:500;color:var(--color-text-mutated)}.portfolio__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-lg) var(--space-md)}.project-card{grid-column:span 6}.project-card--offset{margin-top:var(--space-xl)}@media (max-width:900px){.project-card{grid-column:span 12}.project-card--offset{margin-top:0}}.project-card__link{display:block;cursor:none}.project-card__image-wrapper{overflow:hidden;margin-bottom:var(--space-md);aspect-ratio: 4/5;background-color:var(--color-bg-alt)}.project-card__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__title{font-size:var(--text-h3);margin-bottom:var(--space-xs)}.project-card__category{color:var(--color-text-mutated);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.05em}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}@media (max-width:900px){.about__content{grid-template-columns:1fr}}.about__headline{font-size:var(--text-h3);margin-bottom:var(--space-md);line-height:1.2}.about__description{color:var(--color-text-mutated);margin-bottom:var(--space-lg);font-size:1.125rem}.about__facts{display:flex;gap:var(--space-xl)}.fact__number{display:block;font-family: var(--font-heading);font-size:clamp(2.5rem,4vw,4rem);font-weight:800;line-height:1;margin-bottom:var(--space-xs)}.fact__label{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-mutated)}.about__image-wrapper{aspect-ratio: 3/4;overflow:hidden;background-color:var(--color-bg-alt)}.about__image{width:100%;height:100%;object-fit:cover}.services__list{border-top:1px solid var(--color-border)}.services__item{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:center;transition:var(--transition)}.services__item:hover{padding-left:var(--space-md);background-color:var(--color-bg-alt)}@media (max-width:768px){.services__item{grid-template-columns:1fr;gap:var(--space-xs)}}.services__name{font-size:clamp(1.25rem,2.5vw,2rem)}.services__desc{color:var(--color-text-mutated);font-size:1.125rem}.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media (max-width:900px){.contact__inner{grid-template-columns:1fr}}.contact__title{font-size:clamp(3rem,6vw,6rem);line-height:.95;margin-bottom:var(--space-lg)}.contact__details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.contact__link{font-size:1.25rem;font-weight:500}.contact__link:hover{color:var(--color-text-mutated)}.socials{display:flex;gap:var(--space-md)}.socials__link{font-size:var(--text-small);text-transform:uppercase;font-weight:500;letter-spacing:.05em;text-decoration:underline}.socials__link:hover{color:var(--color-text-mutated)}.contact__form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.form-input,.form-textarea{width:100%;padding:1rem 0;border:none;border-bottom:2px solid var(--color-border);background:transparent;color:var(--color-text);outline:none;transition:var(--transition)}.form-input:focus,.form-textarea:focus{border-bottom-color:var(--color-text)}.form-textarea{resize:vertical;min-height:120px}.btn{display:inline-block;padding:1.25rem 2.5rem;cursor:pointer;font-family: var(--font-body);font-size:var(--text-body);font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:none;background-color:var(--color-text);color:var(--color-bg);transition:var(--transition)}.btn:hover{background-color:var(--color-text-mutated);transform:translateY(-4px)}.footer{padding:var(--space-md) 0;border-top:1px solid var(--color-border);margin-top:var(--space-xl)}.footer__inner{display:flex;justify-content:space-between;align-items:center}.footer__copy{color:var(--color-text-mutated);font-size:var(--text-small)}.scroll-top{font-size:var(--text-small);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.scroll-top:hover{color:var(--color-text-mutated)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out , transform .8s ease-out}.fade-up.is-visible{opacity:1;transform:translateY(0)}