.brand-sub{display:block;font:10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.14em;margin-top:4px}
.hero{position:sticky;top:0;z-index:0}
.hero .hero-content{left:9%;right:9%;bottom:9%}
.purpose-headline{display:block;font-size:clamp(42px,5.2vw,80px);line-height:1.12;letter-spacing:-.045em}
.hero .project-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.hero-contact{position:absolute;bottom:10%;right:9%;font-size:14px;border-bottom:1px solid #ffffff70;padding:10px 0;display:flex;gap:50px}
.hero .project-position{bottom:2%;right:9%;width:190px}.hero .project-help{font-size:10px}
.homepage-surface{position:relative;z-index:1;background:#fff}
.sequence-section{padding:145px 0;background:#fff;color:#111}
.sequence-width{width:calc(100% - 16vw);max-width:1240px;margin:0 auto}
.first-line-composition{position:relative}
.sequence-label{position:absolute;left:0;top:10px;margin:0;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em;color:#727272;font-weight:400}
.statement{font-size:clamp(42px,4.4vw,68px);font-weight:400;line-height:1.12;letter-spacing:-.038em;text-indent:33.333%;margin:0}
.services-preview{padding-top:40px}
.service-list-flow{font-size:clamp(38px,3.9vw,58px);font-weight:400;line-height:1.2;letter-spacing:-.04em;text-indent:33.333%;color:#999}
.service-list-flow button{display:inline;border:0;background:none;padding:0;margin:0;color:#999;font:inherit;letter-spacing:inherit;text-align:left;text-indent:0;cursor:pointer;transition:color 150ms}
.service-list-flow button[aria-pressed=true]{color:#111}
.service-list-flow button:focus-visible{outline:2px solid #111;outline-offset:4px}
.service-divider{color:#aaa}
.service-lower{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:end;margin-top:85px}
.service-copy{max-width:330px}.service-copy p{font-size:17px;line-height:1.5;margin:0 0 32px}
.service-link{width:255px;max-width:100%;min-height:40px;padding:11px 15px;background:#656565;color:white;font:13px/1.4 ui-monospace,Consolas,monospace;display:flex;justify-content:space-between;gap:20px;transition:background 150ms}.service-link:hover{background:#333}
.service-frame{aspect-ratio:3/2;position:relative;overflow:hidden;background:#eee}.service-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-next{opacity:0;transition:opacity 180ms}.service-next.is-visible{opacity:1}
.projects-intro{min-height:95vh;display:flex;align-items:center;transition:background-color 180ms,color 180ms}
.projects-intro.is-dark{background:#080808;color:#fff}.projects-intro.is-dark .sequence-label,.projects-intro.is-dark .experience-note{color:#aaa}
.experience-note{font-size:16px;line-height:1.5;max-width:570px;margin:64px 0 0 auto;color:#696969}
.project-reveal{transition:opacity 500ms,transform 500ms}.project-reveal.is-pending{opacity:0;transform:translateY(12px)}
.project-gallery{background:#080808;color:#fff;position:relative}
.gallery-stage{height:100vh;height:100svh;display:flex;align-items:center;overflow:clip}
.gallery-track{display:flex;gap:16vw;padding:0 9vw;width:max-content;flex:none;align-items:start}
.gallery-card{display:block;width:min(70vw,1100px);flex:none;color:#fff}.gallery-card:focus-visible{outline:2px solid #fff;outline-offset:10px}
.gallery-image{position:relative;width:100%;height:min(53vh,520px);overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover;display:block}.gallery-image::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#080808)}
.gallery-card h3{font-size:clamp(28px,2.6vw,38px);line-height:1.2;letter-spacing:-.03em;font-weight:400;margin:24px 0 0}
.project-gallery.is-pinned .gallery-stage{position:sticky;top:0}.project-gallery.is-pinned .gallery-track{will-change:transform}
@media(min-width:901px){.project-gallery:not(.is-pinned) .gallery-stage{height:auto;padding:100px 0;overflow:visible}.project-gallery:not(.is-pinned) .gallery-track{display:grid;width:100%;gap:80px}.project-gallery:not(.is-pinned) .gallery-card{width:100%}}
@media(max-width:900px){.sequence-section{padding:80px 0}.sequence-width{width:86%}.first-line-composition .sequence-label{position:static;margin-bottom:28px;font-size:13px}.statement{font-size:clamp(30px,4.6vw,40px);text-indent:0;line-height:1.15}.service-list-flow{font-size:clamp(30px,4.8vw,40px);text-indent:0}.service-lower{grid-template-columns:1fr;gap:40px;margin-top:55px}.service-copy{max-width:420px;order:2}.service-frame{order:1}.projects-intro{min-height:80svh}.experience-note{margin:42px 0 0;font-size:16px}.gallery-stage{height:auto;display:block;overflow:visible;padding:70px 0}.gallery-track{display:grid;padding:0 7%;gap:70px;width:100%;transform:none!important}.gallery-card{width:100%}.gallery-image{height:auto;aspect-ratio:3/2}.gallery-card h3{font-size:28px}.hero .hero-content{bottom:22%;left:7%;right:7%}.purpose-headline{font-size:clamp(34px,6vw,58px)}.hero-contact{left:7%;right:auto;bottom:12%}.hero .project-position{left:auto;right:7%;bottom:3%;width:155px}.hero .project-help{display:none}}
@media(prefers-reduced-motion:reduce){.hero{position:relative}.project-reveal.is-pending{opacity:1;transform:none}.projects-intro{background:#080808;color:#fff}.projects-intro .sequence-label,.projects-intro .experience-note{color:#aaa}.project-gallery{height:auto!important}.gallery-track{transform:none!important}.service-next{transition:none}}