.site-logo{z-index:50;width:clamp(64px,6.6vw,96px);height:auto;transition:filter .3s ease-out;position:fixed;top:2vw;left:5.9vw}.watermark{pointer-events:none;z-index:-1;will-change:transform;width:100%;position:absolute;top:0;left:0}.watermark img{opacity:.02;width:82.85vw;max-width:1193px;margin-left:7.5vw;display:block}.hero{background:var(--bg-light);flex-direction:column;align-items:center;width:100%;min-height:65vw;max-height:937px;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.02;pointer-events:none;will-change:transform;z-index:1;width:75vw;position:fixed;top:65vw;left:50%;transform:translate(-50%,-80%)}.hero-name{width:1440px;max-width:none;height:62px;font-family:var(--font-serif);letter-spacing:-2.04px;color:var(--text-dark);margin:17.4vw auto 0;font-size:clamp(28px,3.5vw,51px);font-weight:700;position:relative}.hero-name--merged{letter-spacing:.3em;justify-content:center;height:auto;margin-top:clamp(380px,17.4vw,250px);display:flex}.hero-letter{display:inline-block}.hero-name-gap{width:.9em;display:inline-block}.hero-tagline{text-align:center;width:min(68vw,980px);font-family:var(--font-body);color:var(--text-dark);margin-top:clamp(24px,4vw,58px);font-size:clamp(18px,2.4vw,35px);font-weight:400;line-height:220%}.hero-tagline strong{font-weight:700}.selected-work{z-index:2;background:var(--bg-dark);padding-bottom:clamp(48px,6vw,90px);position:relative}.selected-work-sticky{z-index:10;background:var(--bg-dark);justify-content:center;align-items:center;height:clamp(96px,13vw,188px);display:flex;position:sticky;top:0}.selected-work-sticky span{font-family:var(--font-serif);letter-spacing:1.29px;color:var(--text-cream);font-size:clamp(24px,3vw,43px);font-weight:500}.project{max-width:1440px;color:inherit;justify-content:center;align-items:center;gap:clamp(24px,3.3vw,48px);margin:0 auto;padding:clamp(24px,3.6vw,52px) 8.4vw;text-decoration:none;display:flex}.project-image{border-radius:2px;width:40vw;max-width:576px;transition:transform .3s ease-out}.project:hover .project-image{transform:scale(1.02)}.project-copy{width:40vw;max-width:576px;color:var(--text-cream);font-family:var(--font-body);transition:transform .3s ease-out}.project:hover .project-copy{transform:translate(3px)}.project--reverse:hover .project-copy{transform:translate(-3px)}.project-copy h2{margin:0;font-size:clamp(28px,3.75vw,54px);font-weight:400;line-height:1.2}.project-copy h3{margin:0;font-size:clamp(22px,3.2vw,46px);font-weight:400;line-height:1.2}.project-copy p{letter-spacing:.31px;margin-top:12px;font-size:clamp(16px,2.15vw,31px);font-weight:400;line-height:1.5}.about{z-index:0;background:var(--bg-light);padding:clamp(60px,7.6vw,110px) 14.4vw clamp(80px,10vw,145px);position:relative;overflow:hidden}.about-bg{z-index:-1;pointer-events:none;width:62vw;max-width:893px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about h2{font-family:var(--font-serif);color:var(--text-brown);margin:0;font-size:clamp(24px,2.6vw,37px);font-weight:500}.about h2:not(:first-child){margin-top:clamp(60px,8vw,115px)}.about-divider{background:var(--text-brown);width:202px;max-width:40%;height:1px;margin-top:20px}.bio{max-width:796px;font-family:var(--font-body);letter-spacing:.32px;color:var(--text-dark);margin-top:clamp(20px,3vw,40px);font-size:clamp(18px,2.2vw,32px);font-weight:400;line-height:1.5}.contact-link{width:fit-content;font-family:var(--font-body);letter-spacing:3.7px;color:var(--text-dark);font-size:clamp(18px,2.55vw,37px);font-weight:400;text-decoration:none;display:block}.contact-link:hover{text-decoration:underline}@media (max-width:900px){.hero{min-height:100vh;max-height:none;padding:120px 24px 60px}.hero-name{margin-top:0}.hero-name--merged{flex-wrap:wrap;margin-top:clamp(80px,30vw,160px)}.project,.project--reverse{flex-direction:column;padding:32px 24px}.project-image,.project-copy{width:100%;max-width:100%}.about-divider{max-width:100%}}@media (min-width:1367px) and (max-width:1600px){.hero-name:not(.hero-name--merged){transform-origin:top;margin-top:9vw;transform:scale(.78)}}@media (min-width:901px) and (max-width:1366px){.hero-name:not(.hero-name--merged){transform-origin:top;margin-top:8vw;transform:scale(.62)}}
