/* Compact imagery and the shared typographic motion language. */
.compact-hero{padding-top:34px;padding-bottom:45px}.compact-hero .rotating-headline{margin-bottom:24px}.headline-slot{transition:width .45s var(--ease),background .25s,color .25s}.headline-object{cursor:pointer}.project-banner{display:flex;gap:10px;margin:0 var(--gutter);height:clamp(240px,28vw,380px)}.banner-panel{flex:1;min-width:0;position:relative;overflow:hidden;border-radius:9px;transition:flex .58s cubic-bezier(.22,1,.36,1),filter .4s;isolation:isolate}.project-banner.has-active .banner-panel{flex:.72}.project-banner.has-active .banner-panel.is-active{flex:2.1}.banner-link{position:relative;display:block;width:100%;height:100%;color:#fff}.banner-image{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.banner-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,#0009)}.banner-caption{position:absolute;bottom:25px;left:25px;right:20px}.banner-client{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.banner-detail h2{font:400 clamp(25px,3vw,48px)/1.1 var(--display);text-transform:uppercase;margin:8px 0 0}.banner-detail>span{display:block;font-size:9px;letter-spacing:.07em;max-height:0;opacity:0;transform:translateY(12px);transition:opacity .3s,max-height .4s,transform .45s;margin-top:0}.is-active .banner-detail>span{max-height:30px;opacity:1;transform:none;margin-top:16px}.is-active .banner-image{transform:scale(1.035)}.project-banner.has-active .banner-panel:not(.is-active) .banner-image{filter:grayscale(.65) blur(1px)}.project-banner.has-active .banner-panel:not(.is-active) .banner-detail{opacity:0}.banner-detail{transition:opacity .25s}.banner-number{position:absolute;top:18px;left:22px;font-size:10px;color:#fff;text-shadow:0 1px 8px #000}.banner-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}.banner-base{margin:17px var(--gutter) 0;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.055em}.banner-base a{display:flex;gap:24px}.headline-preview{position:fixed;z-index:75;padding:6px;background:#fff;border:1px solid #0002;border-radius:12px;box-shadow:0 16px 45px #0003;transform-origin:50% 0}.headline-preview[data-side=top]{transform-origin:50% 100%}.headline-preview[hidden]{display:none}.preview-link{display:block;color:#000}.preview-link img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:7px}.preview-caption{display:flex;justify-content:space-between;gap:15px;padding:13px 7px 10px;align-items:center}.preview-caption strong{font-size:12px;line-height:1.4;max-width:190px}.preview-caption>span{font-size:8px;white-space:nowrap}.interactive-scene{position:relative;isolation:isolate;overflow:clip}.interactive-scene>.scene-ink{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:-1}.interactive-scene>:not(.scene-ink){position:relative;z-index:1}.recent-work{font:400 clamp(24px,3.2vw,48px)/1.2 var(--display);letter-spacing:-.015em;margin:0 0 45px;text-transform:uppercase}.work-section{scroll-margin-top:95px}.type-mask{display:inline-block;overflow:clip;vertical-align:bottom;padding:.12em .05em;margin:-.12em -.05em}.type-word{display:inline-block;transform-origin:50% 100%}.js-motion [data-type-reveal] .type-word{opacity:0;transform:translateY(115%) rotateX(-45deg);transition:opacity .65s var(--ease),transform .85s var(--ease);transition-delay:calc(var(--word)*55ms)}.js-motion [data-type-reveal].type-visible .type-word{opacity:1;transform:none}.family-head .display-title>[data-type-reveal],.family-editorial .section-heading>[data-type-reveal],.family-principles h2>[data-type-reveal],.family-moments-heading h2>[data-type-reveal],.clients .section-heading>[data-type-reveal]{display:block}.client-marquee:hover .marquee-track,.client-marquee:focus-within .marquee-track{animation-play-state:running}.marquee-copy{display:flex;flex-shrink:0}.animated-client{display:inline-flex;align-items:center;color:inherit;flex-shrink:0}.animated-text{display:inline-flex;font:400 clamp(55px,7.6vw,135px)/1.3 var(--display);letter-spacing:-.015em;padding:.2em 0}.type-glyph{display:inline-block;transform-origin:50% 75%}.client-dot{font:400 7vw/1 var(--display);padding:0 .26em}.marquee-track{align-items:center}.footer-cta{font-size:clamp(48px,9.5vw,160px)}
.family-head{padding-bottom:45px}.family-head .display-title{font-size:clamp(62px,10vw,155px)}.family-introduction{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:center;padding-top:5px;padding-bottom:100px}.family-introduction .lead{font-size:clamp(24px,2.7vw,39px);line-height:1.4;max-width:610px;margin:0 0 24px}.family-introduction p:not(.lead){font-size:15px;line-height:1.8;max-width:510px}.family-introduction figure{width:100%;max-width:380px;justify-self:end;margin:0}.family-introduction img,.family-editorial img,.family-contact-sheet img{width:100%;height:auto;display:block}.family-editorial{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-bottom:100px}.family-editorial .section-heading{font-size:clamp(40px,5vw,76px);line-height:1.12}.family-side-shot{margin:42px 0 0;width:72%;max-width:330px}.family-narrative>p{font-size:15px;line-height:1.85;margin:0 0 23px;max-width:590px}.family-narrative>p.lead{font-size:clamp(23px,2.5vw,36px);line-height:1.45;margin-bottom:34px}.family-moments-compact{padding-top:95px;padding-bottom:95px}.family-moments-compact .family-moments-heading h2{font-size:clamp(44px,5.8vw,88px)}.family-contact-sheet{display:grid;grid-template-columns:1fr 1fr;gap:42px 10vw;align-items:center}.family-contact-sheet figure{margin:0;max-width:360px;width:100%}.family-contact-sheet figure:nth-of-type(2){justify-self:end;width:80%}.family-contact-sheet figure:nth-of-type(3){width:90%;justify-self:start}.family-moment-copy>p:first-child{font-size:clamp(24px,2.8vw,42px);line-height:1.4}.family-moment-copy>p:not(:first-child){font-size:14px;line-height:1.7;max-width:310px}.family-final-copy{grid-column:2}.family-final-copy .pill-link{font-size:10px;margin-top:10px}.family-principles h2{font-size:clamp(32px,5.1vw,78px)}
@media(max-width:767px){.compact-hero{padding-top:30px;padding-bottom:35px}.compact-hero .rotating-headline{margin-bottom:20px}.project-banner{height:235px;gap:6px}.banner-panel{border-radius:6px}.banner-caption{left:12px;right:8px;bottom:16px}.banner-client{font-size:9px;letter-spacing:.03em}.banner-detail h2{font-size:19px;line-height:1.1;margin-top:7px;overflow-wrap:anywhere}.banner-number{left:12px;top:12px;font-size:9px}.project-banner.has-active .banner-panel{flex:.45}.project-banner.has-active .banner-panel.is-active{flex:2.1}.project-banner.has-active .banner-panel:not(.is-active) .banner-client{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.banner-detail>span{font-size:8px}.banner-base{font-size:8px;margin-top:14px}.banner-base a{gap:8px}.recent-work{font-size:25px;margin-bottom:30px}.headline-preview{max-width:calc(100vw - 32px)}.animated-text{font-size:17vw}.client-dot{font-size:16vw}.family-head{padding-bottom:35px}.family-head .display-title{font-size:14.1vw}.family-introduction{grid-template-columns:1fr;gap:24px;padding-bottom:60px}.family-introduction .lead{font-size:23px}.family-introduction p:not(.lead){font-size:14px}.family-introduction figure{max-width:230px;justify-self:end}.family-editorial{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.family-side{display:grid;grid-template-columns:1fr .55fr;gap:12px;align-items:center}.family-editorial .section-heading{font-size:8.3vw}.family-side-shot{width:100%;margin:0;max-width:160px}.family-narrative>p{font-size:14px}.family-narrative>p.lead{font-size:23px}.family-moments-compact{padding-top:65px;padding-bottom:65px}.family-moments-compact .family-moments-heading h2{font-size:11vw}.family-contact-sheet{gap:28px 20px;grid-template-columns:1fr 1fr}.family-contact-sheet figure{max-width:200px}.family-contact-sheet figure:nth-of-type(2){width:100%}.family-moment-copy>p:first-child{font-size:19px}.family-moment-copy>p:not(:first-child){font-size:11px}.family-final-copy{grid-column:1/-1;max-width:290px;justify-self:end}.family-principles h2{font-size:7.5vw}.footer .footer-cta{font-size:11.2vw}}
@media(prefers-reduced-motion:reduce){.type-word{transform:none!important;opacity:1!important;transition:none!important}.scene-ink{display:none}.banner-panel,.banner-image,.banner-detail,.banner-detail>span{transition:none}.marquee-track{animation:none!important}.marquee-copy+ .marquee-copy{display:none}}
.reduced-motion .type-word{transform:none!important;opacity:1!important;transition:none!important}.reduced-motion .scene-ink{display:none}.reduced-motion .marquee-copy+ .marquee-copy{display:none}.reduced-motion .banner-panel,.reduced-motion .banner-image{transition:none}
@media(max-width:767px){.project-banner .banner-detail{display:none}.project-banner .is-active .banner-detail{display:block}.project-banner .is-active .banner-detail h2{overflow-wrap:normal;font-size:24px}.banner-client{line-height:1.35;display:block}}