:root{--bg:#fafaf8;--bg-alt:#f0ede8;--text:#1a1a1a;--text-muted:#8a8580;--accent:#8b5cf6;--font-serif:"Fraunces", Georgia, serif;--font-sans:"Outfit", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg);font-weight:300;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:800;line-height:1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.navbar{z-index:100;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 clamp(1.5rem,4vw,3rem);transition:background-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);background-color:#fafaf8d9}.navbar__logo{align-items:baseline;gap:.5rem;display:flex}.navbar__logo-main{font-family:var(--font-serif);color:var(--text);font-size:1.5rem;font-weight:800;line-height:1}.navbar__logo-sub{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:.6rem;font-weight:400}.navbar__links{align-items:center;gap:2.5rem;display:flex}.navbar__link{font-family:var(--font-sans);color:var(--text);padding-bottom:2px;font-size:.85rem;font-weight:400;position:relative}.navbar__link:after{content:"";background-color:var(--text);transform-origin:50%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.navbar__link:hover:after{transform:scaleX(1)}.navbar__cta{font-family:var(--font-sans);color:var(--text);cursor:pointer;background:0 0;border:none;padding-bottom:2px;font-size:.85rem;font-weight:400;position:relative}.navbar__cta:after{content:"";background-color:var(--text);transform-origin:50%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.navbar__cta:hover:after{transform:scaleX(1)}.navbar__hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:4px;display:none}.navbar__hamburger span{background-color:var(--text);width:24px;height:1px;transition:transform .3s,opacity .3s;display:block}.navbar__hamburger.open span:first-child{transform:translateY(6px)rotate(45deg)}.navbar__hamburger.open span:nth-child(2){opacity:0}.navbar__hamburger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.navbar__overlay{background-color:var(--bg);z-index:105;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:opacity .4s;display:flex;position:fixed;inset:0}.navbar__overlay.open{opacity:1;pointer-events:all}.navbar__overlay a,.navbar__overlay button{font-family:var(--font-serif);color:var(--text);cursor:pointer;background:0 0;border:none;font-size:2rem;font-weight:800}@media (width<=768px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.loader{z-index:200;background-color:var(--bg);clip-path:inset(0);justify-content:center;align-items:center;transition:clip-path .8s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;inset:0}.loader--done{clip-path:inset(100% 0 0);pointer-events:none}.loader__percent{font-family:var(--font-serif);color:var(--text);font-size:15vw;font-weight:800;line-height:1}.hero{width:100%;height:300vh;position:relative}.hero__sticky{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.hero__canvas{display:block}.hero__overlay{align-items:flex-end;padding:clamp(2rem,6vw,5rem) clamp(2rem,6vw,5rem) clamp(3rem,8vw,7rem);display:flex;position:absolute;inset:0}.hero__overlay:before{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#0003 60%,#0000008c 100%);width:100%;height:60%;position:absolute;bottom:0;left:0}.hero__content{will-change:opacity;flex-direction:column;gap:0;display:flex}.hero__title{font-family:var(--font-serif);color:#fafaf8;margin:0;font-size:clamp(2.5rem,6vw,7rem);font-weight:800;line-height:1}.hero__title--italic{font-style:italic}.hero__subtitle{font-family:var(--font-sans);color:#fafaf8d9;max-width:560px;margin-top:1.5rem;font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:300;line-height:1.7}.hero__cta{font-family:var(--font-sans);color:#fafaf8;width:fit-content;margin-top:1.2rem;padding-bottom:2px;font-size:.85rem;font-weight:400;display:inline-block;position:relative}.hero__cta:after{content:"";transform-origin:50%;background-color:#fafaf8;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.hero__cta:hover:after{transform:scaleX(1)}.hero__scroll{color:#fafaf899;flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:2rem;display:flex}.hero__scroll-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:500}.hero__scroll-chevron{animation:2s ease-in-out infinite chevronBounce}@keyframes chevronBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.hero__fade-in{animation:.8s forwards heroFadeIn}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.intro{background-color:var(--bg);opacity:0;flex-direction:column;align-items:center;padding:160px clamp(1.5rem,4vw,3rem);transition:opacity .8s;display:flex}.intro--visible{opacity:1}.intro__text{font-family:var(--font-sans);color:var(--text);text-align:center;max-width:700px;font-size:1.15rem;font-weight:300;line-height:1.7}.intro__line{background-color:#8a85804d;width:60px;height:1px;margin-top:3rem}.projects{background-color:var(--bg-alt);height:250vh;position:relative}.projects__sticky{flex-direction:column;height:100vh;padding-top:120px;display:flex;position:sticky;top:0;overflow:hidden}.projects__track{will-change:transform;flex-wrap:nowrap;gap:2.5rem;padding:0 clamp(1.5rem,4vw,3rem);display:flex}.projects__header{margin-bottom:3.5rem;padding:0 clamp(1.5rem,4vw,3rem)}.projects__label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);opacity:0;margin-bottom:1rem;font-size:.7rem;font-weight:500;transition:opacity .6s;display:block}.projects__label--visible{opacity:1}.projects__headline{font-family:var(--font-serif);color:var(--text);font-size:clamp(2rem,4.5vw,4.5rem);font-weight:800;line-height:1.05}.projects--mobile{height:auto;padding-top:120px;padding-bottom:80px}.projects__track-mobile{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:1.25rem;padding:0 clamp(1.5rem,4vw,3rem);display:flex;overflow-x:auto}.projects__track-mobile::-webkit-scrollbar{display:none}.project-card{flex-shrink:0;width:350px}.project-card__image-wrap{aspect-ratio:3/4;position:relative;overflow:hidden}.project-card__image-wrap .image-reveal__img{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .image-reveal--visible .image-reveal__img{transform:scale(1.05)!important}.project-card__image-wrap:after{content:"";z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#0000 60%,#0000001a 100%);transition:opacity .4s;position:absolute;inset:0}.project-card:hover .project-card__image-wrap:after{opacity:1}.project-card__location{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);opacity:0;margin-top:1rem;font-size:.7rem;font-weight:500;transition:opacity .6s .2s;display:block}.project-card--visible .project-card__location{opacity:1}.project-card__name{font-family:var(--font-serif);color:var(--text);margin-top:.4rem;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:800;transition:transform .4s}.project-card:hover .project-card__name{transform:translateY(-4px)}.projects--mobile .project-card{scroll-snap-align:start;width:85vw}.contact{background-color:var(--bg);grid-template-columns:3fr 2fr;align-items:start;gap:clamp(3rem,6vw,6rem);padding:160px clamp(1.5rem,4vw,3rem);display:grid}.contact__headline{margin-bottom:2.5rem}.contact__title{font-family:var(--font-serif);color:var(--text);font-size:clamp(2.2rem,4.5vw,4.5rem);font-weight:800;line-height:1.05}.contact__title--italic{font-style:italic}.contact__btn-wrap{opacity:0;transition:opacity .4s .4s,transform .4s .4s;transform:translateY(10px)}.contact__btn-wrap.contact__btn--visible{opacity:1;transform:translateY(0)}.contact__btn{background:var(--text);color:var(--bg);cursor:pointer;font-family:var(--font-sans);letter-spacing:.02em;border:none;border-radius:0;justify-content:center;align-items:center;padding:16px 48px;font-size:.9rem;font-weight:400;display:inline-flex;position:relative;overflow:hidden}.contact__btn-fill{background-color:var(--accent);transform-origin:0;z-index:0;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0;transform:scaleX(0)}.contact__btn:hover .contact__btn-fill{transform-origin:0;transform:scaleX(1)}.contact__btn:not(:hover) .contact__btn-fill{transform-origin:100%;transform:scaleX(0)}.contact__btn-text{z-index:1;color:var(--bg);transition:color .3s;position:relative}.contact__btn:hover .contact__btn-text{color:#fff}.contact__right{flex-direction:column;gap:0;padding-top:.5rem;display:flex}.contact__line{font-family:var(--font-sans);color:var(--text);opacity:0;padding:.35rem 0;font-size:1rem;font-weight:300;line-height:1.7;transition:opacity .5s,transform .5s;transform:translateY(8px)}.contact__line a{color:var(--text);text-decoration:none;transition:color .3s}.contact__line a:hover{color:var(--accent)}.contact__info--visible .contact__line{opacity:1;transform:translateY(0)}.contact__social{opacity:0;gap:1.5rem;margin-top:1.5rem;transition:opacity .5s,transform .5s;display:flex;transform:translateY(8px)}.contact__info--visible .contact__social{opacity:1;transform:translateY(0)}.contact__social-link{font-family:var(--font-sans);color:var(--text);padding-bottom:2px;font-size:1rem;font-weight:300;position:relative}.contact__social-link:after{content:"";background-color:var(--text);transform-origin:50%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.contact__social-link:hover:after{transform:scaleX(1)}@media (width<=768px){.contact{grid-template-columns:1fr;gap:3rem;padding:100px clamp(1.5rem,4vw,3rem)}}.footer{background-color:var(--bg);font-family:var(--font-sans);color:var(--text-muted);border-top:1px solid #8a858026;justify-content:space-between;align-items:center;padding:2rem clamp(1.5rem,4vw,3rem);font-size:.75rem;font-weight:300;display:flex}@media (width<=768px){.footer{text-align:center;flex-direction:column;gap:.5rem}}