.nav__list{justify-content:space-between;gap:var(--gap-xs);display:flex}.nav__link{color:var(--color-cream);font-size:var(--fs-nav);font-weight:var(--fw-semibold);line-height:var(--lh-ui);text-transform:uppercase;white-space:nowrap;transition:color var(--dur-color) var(--ease-out)}.nav__link:focus-visible{color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.nav__link:hover{color:var(--color-accent)}}@media (width<=759px){.nav{display:none}}.menu-button{top:var(--m-gutter);left:var(--m-gutter);z-index:20;width:var(--m-size-button);height:var(--m-size-button);color:var(--color-cream);cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.menu-button:before{content:"";inset:calc((var(--m-size-button) - var(--size-touch)) / 2);position:absolute}.menu-button:focus-visible{outline:none}.menu-button:focus-visible:before{outline:2px solid var(--color-accent);outline-offset:4px}.menu-button__line{border-radius:var(--radius-pill);width:30.9px;height:2.5px;transition:transform var(--dur-menu) var(--ease-menu);background:currentColor;margin:-1.25px 0 0 -15.45px;position:absolute;top:50%;left:50%;transform:translateY(-6.1px)}.menu-button__line+.menu-button__line{transform:translateY(6.1px)}.menu-button[data-open] .menu-button__line{transform:rotate(45deg)}.menu-button[data-open] .menu-button__line+.menu-button__line{transform:rotate(-45deg)}.menu{z-index:10;padding:56px var(--m-gutter) 40px;background:var(--color-menu-scrim);-webkit-backdrop-filter:blur(var(--m-blur-menu));backdrop-filter:blur(var(--m-blur-menu));opacity:0;visibility:hidden;transition:opacity var(--dur-menu) var(--ease-menu), visibility 0s linear var(--dur-menu);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu[data-open]{opacity:1;visibility:visible;transition:opacity var(--dur-menu) var(--ease-menu), visibility 0s linear 0s}.menu__list{align-items:center;gap:var(--m-gap-l);flex-direction:column;display:flex}.menu__link{color:var(--color-cream);font-family:var(--font-ui);font-weight:var(--fw-semibold);font-size:var(--m-fs-display);line-height:var(--m-lh-display);text-align:center;text-transform:uppercase}.menu:focus,.menu:focus-visible{box-shadow:none;outline:none}@media (hover:hover) and (pointer:fine){.menu__link:hover{color:var(--color-accent)}}.menu__link:focus-visible{color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.menu-button__line,.menu,.menu[data-open]{transition:none}}@media (width>=760px){.menu-button,.menu{display:none}}.hero{min-height:100svh;padding:var(--space-gutter) var(--space-gutter) var(--space-section);background:var(--color-ink);color:var(--color-cream);flex-direction:column;justify-content:space-between;display:flex}.hero__title{gap:var(--gap-s);font:inherit;flex-direction:column;display:flex}.hero__tagline{width:96.8575%;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-name);line-height:var(--lh-display);justify-content:space-between;margin-inline:auto;display:flex}.hero__space{width:.25em}.hero__role{width:100%;aspect-ratio:var(--mask-ratio);background:var(--color-ink);-webkit-mask:var(--mask-url) center / 100% 100% no-repeat;-webkit-mask:var(--mask-url) center / 100% 100% no-repeat;mask:var(--mask-url) center / 100% 100% no-repeat;display:block;position:relative;overflow:hidden}.hero__photo{left:var(--photo-left);top:var(--photo-top);width:var(--photo-width);height:var(--photo-height);max-width:none;transform:rotate(var(--photo-rotate));transform-origin:var(--photo-origin);mix-blend-mode:plus-lighter;position:absolute}@media (width<=759px){.hero{padding:0;display:block;position:relative}.hero__tagline,.hero__role:not(.hero__role-m){display:none}.hero__tagline-m{z-index:1;right:calc(var(--m-gutter) - var(--m-track-tagline));bottom:calc(16 * var(--m));font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--m-fs-tagline);line-height:var(--m-lh-tagline);letter-spacing:var(--m-track-tagline);text-align:right;white-space:nowrap;position:absolute}.hero__role-m{right:var(--m-gutter);bottom:var(--m-gutter);width:auto;height:min(calc(828 * var(--m)), calc(100svh - 2 * var(--m-gutter)));position:absolute}}@media (width>=760px){.hero__tagline-m,.hero__role-m{display:none}}.works{background:var(--color-cream);position:relative}.works__title{font-family:var(--font-display);font-weight:var(--fw-semibold);text-transform:uppercase}.works__eyebrow{color:var(--color-muted)}.works__label{display:inline-grid}.works__label-text,.works__label-strong{grid-area:1/1}.works__label-strong{font-weight:var(--fw-semibold)}.works__tag{border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-cream);font-size:var(--m-fs-note);font-weight:var(--fw-medium);line-height:var(--m-lh-note);white-space:nowrap;flex:none;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.works__tag-dot{background:var(--color-accent);border-radius:50%;flex:none;width:8px;height:8px}.works__tag--card{z-index:1;position:absolute;top:16px;right:16px}.works__clip{position:relative}.works__stage{background:var(--color-panel);position:relative;overflow:clip;container-type:inline-size}.works__image{max-width:none;transform:rotate(var(--rot,0deg));position:absolute}.works__band{background:linear-gradient(122.04deg, var(--color-teal-from) 0.7%, var(--color-teal-to) 108.51%);border-style:solid;border-color:var(--color-band-border)}.works__frame{border-radius:var(--frame-radius)}.works__frame[data-frame=solid]{box-shadow:0 0 0 var(--frame-stroke) var(--color-frame-border)}.works__frame[data-frame=glass]:before,.works__frame[data-frame=glass]:after{content:"";inset:calc(-1 * var(--frame-stroke));border-radius:calc(var(--frame-radius) + var(--frame-stroke));position:absolute}.works__frame[data-frame=glass]:before{padding:var(--frame-stroke);background:var(--frame-src) center / 100% 100% no-repeat content-box;filter:blur(calc(var(--glass-blur) * var(--su)));clip-path:inset(0 round calc(var(--frame-radius) + var(--frame-stroke)))}.works__frame[data-frame=glass]:after{background:var(--glass-tint)}.works__frame-image{z-index:1;object-fit:cover;border-radius:var(--frame-radius);width:100%;max-width:none;height:100%;position:absolute;inset:0}@media (width<=759px){.works{padding:var(--m-section) var(--m-gutter)}.works__pin{gap:var(--m-gap-m);flex-direction:column;display:flex}.works__intro{gap:var(--m-gap-xs);flex-direction:column;display:flex}.works__eyebrow{font-size:var(--m-fs-label);line-height:var(--m-lh-label)}.works__title{font-size:var(--m-fs-display);line-height:var(--m-lh-display)}.works__list,.works__number,.works__cta{display:none}.works__panel{gap:var(--m-gap-m);flex-direction:column;display:flex}.works__visual{gap:var(--m-gap-s);flex-direction:column;display:flex;position:relative}.works__stage{--su:calc(100cqw / var(--stage-mw));width:100%;aspect-ratio:var(--stage-mratio)}.works__image{left:var(--mx);top:var(--my);width:var(--mw);height:var(--mh)}.works__band{border-width:calc(.5 * var(--su));box-shadow:0 calc(6 * var(--su)) calc(28 * var(--su)) var(--color-band-shadow)}.works__frame{--frame-stroke:calc(var(--mstroke) * var(--su));--frame-radius:calc(var(--mradius) * var(--su));--glass-tint:var(--color-glass-tint-m)}.works__caption{font-size:var(--m-fs-label);line-height:var(--m-lh-label);color:var(--color-ink)}.works__caption .works__label-text{visibility:hidden}.works__card-link{position:absolute;inset:0}}@media (width>=760px){.works__pin{grid-template-columns:minmax(0, 1fr) calc((100% + var(--space-gutter)) * var(--works-panel-ratio));column-gap:var(--gap-xs);min-height:100svh;padding-left:var(--space-gutter);display:grid}.works__content{justify-content:flex-start;gap:var(--gap-l);padding-block:var(--space-section);flex-direction:column;display:flex}.works__intro{gap:var(--gap-m);flex-direction:column;display:flex}.works__title{font-size:var(--fs-display-xl);line-height:var(--lh-display)}.works__list{gap:var(--gap-xs);flex-direction:column;display:flex}.works__label-text,.works__label-strong{transition:opacity var(--dur-color) var(--ease-out)}.works__label-text{font-weight:var(--fw-medium);opacity:var(--opacity-muted)}.works__label-strong,.works__label.is-active .works__label-text{opacity:0}.works__label.is-active .works__label-strong,.works__item:not(.is-active):focus-visible .works__label-text{opacity:1}.works__row{align-items:center;gap:var(--gap-xs);display:flex}.works__row .works__item{flex:1;min-width:0}.works__tag--card{display:none}.works__panel{gap:var(--gap-xs);background:var(--color-panel);flex-direction:column;display:flex;position:relative;overflow:clip}.works__visual{position:relative}.works__caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.works__card-link{display:none}.works__stage{--su:calc(100cqw / var(--stage-w));width:100%;aspect-ratio:var(--stage-ratio)}.works__image{left:var(--x);top:var(--y);width:var(--w);height:var(--h);filter:grayscale();transition:filter var(--dur-panel) var(--ease-out)}.works__band{border-width:var(--su);box-shadow:0 calc(12 * var(--su)) calc(56 * var(--su)) var(--color-band-shadow)}.works__frame{--frame-stroke:calc(var(--stroke) * var(--su));--frame-radius:calc(var(--radius) * var(--su));--glass-tint:var(--color-glass-tint)}.works__number{z-index:1;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-display-l);line-height:var(--lh-display);position:absolute;top:6.51731%;right:8.46561%}.works__visual[data-counter=bottom] .works__number{top:auto;bottom:6.51731%}.works__cta{left:calc(var(--cta-x) / 756 * 100%);top:calc(var(--cta-y) / 982 * 100%);z-index:2;width:var(--size-cta);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-accent);opacity:0;transition:opacity var(--dur-color) var(--ease-out), transform var(--dur-color) var(--ease-out);pointer-events:none;place-items:center;display:grid;position:absolute;transform:scale(.6)}.works__cta-icon{width:33.3333%;height:auto}.works[data-keyboard-focus] .works__visual[data-state=active] .works__image,.works__visual:focus-within .works__image{filter:none}.works[data-keyboard-focus] .works__visual[data-state=active] .works__cta,.works__visual:focus-within .works__cta{opacity:1;transform:none}}@media (width>=760px) and (not ((hover:hover) and (pointer:fine))){.works__image{filter:none}.works__cta{display:none}.works__visual[data-state=active] .works__card-link{z-index:3;display:block;position:absolute;inset:0}}@media (width>=760px) and (hover:hover) and (pointer:fine){.works__item:not(.is-active):not(.works__item--inert):hover .works__label-text{opacity:1}.works__visual:not([data-status]):hover .works__image{filter:none}.works__visual.is-following .works__cta{transform:translate3d(var(--fx,0), var(--fy,0), 0);transition:opacity var(--dur-color) var(--ease-out)}.works__visual[data-cta-shown] .works__cta{opacity:1}.works__visual[data-cta-shown] a.works__cta{pointer-events:auto}}@media (width>=760px) and (prefers-reduced-motion:no-preference){.works{height:calc((var(--steps) + 1) * 100svh)}.works__pin{height:100svh;position:sticky;top:0}.works__content{justify-content:space-between}.works__panel{display:block;container-type:size}.works__visual{--s:calc(100cqw / 756);transition:opacity var(--dur-panel) var(--ease-out), transform var(--dur-panel) var(--ease-out), visibility 0s linear;position:absolute;inset:0}.works__clip{position:absolute;inset:0;overflow:hidden}.works__stage{position:absolute;top:0;left:0;overflow:visible}.works__number{top:calc(64 * var(--s));right:calc(64 * var(--s))}.works__visual[data-counter=bottom] .works__number{top:auto;bottom:calc(64 * var(--s))}.works__cta{left:calc(var(--cta-x) * var(--s));top:calc(var(--cta-y) * var(--s))}.works__visual[data-state=before],.works__visual[data-state=after]{opacity:0;visibility:hidden;transition-property:opacity,transform,visibility;transition-delay:0s, 0s, var(--dur-panel)}.works__visual[data-state=before]{transform:translateY(-6%)}.works__visual[data-state=after]{transform:translateY(6%)}}@media (width>=760px) and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.works__panel:hover .works__visual[data-state=active]:not([data-status]) .works__image{filter:none}}.about{height:calc((1 + var(--about-pin-length)) * 100svh);background:var(--color-cream);position:relative}.about__pin{flex-direction:column;justify-content:flex-end;height:100svh;display:flex;position:sticky;top:0}.about__label{font:inherit;color:var(--color-muted)}.about__text{font-family:var(--font-display);font-weight:var(--fw-semibold)}@media (prefers-reduced-motion:reduce){.about{height:auto}.about__pin{height:auto;min-height:100svh;position:static}}@media (width<=759px){.about{height:auto}.about__pin{height:auto;min-height:100svh;position:static}.about[data-pinned]{height:calc((1 + var(--statement-pin-length)) * 100svh)}.about[data-pinned] .about__pin{height:100svh;position:sticky}.about__pin{gap:var(--m-gap-xs);padding:var(--m-section) var(--m-gutter)}.about__label{font-size:var(--m-fs-label);line-height:var(--m-lh-label)}.about__text{font-size:var(--m-fs-about);line-height:var(--m-lh-about)}}@media (width>=760px){.about__pin{gap:var(--gap-m);padding:var(--space-gutter)}.about__text{font-size:var(--fs-display-m);line-height:var(--lh-display-m)}}.contact{background:var(--color-ink);color:var(--color-cream);flex-direction:column;display:flex}.contact__heading-art{width:100%;height:auto}.contact__row{font-weight:var(--fw-semibold);text-transform:uppercase;display:flex}.contact__copyright{color:var(--color-white);white-space:nowrap}.contact__link{transition:color var(--dur-color) var(--ease-out)}.contact__link:focus-visible{color:var(--color-accent)}@media (hover:hover) and (pointer:fine){.contact__link:hover{color:var(--color-accent)}}@media (width<=759px){.contact{gap:var(--m-gap-l);padding:var(--m-section) var(--m-gutter) var(--m-gutter)}.contact__row{align-items:flex-start;gap:var(--m-gap-xxs);font-size:var(--m-fs-label);line-height:var(--m-lh-link);flex-direction:column}.contact__copyright{margin-top:calc(var(--m-gap-l) - var(--m-gap-xxs));font-size:var(--m-fs-small);line-height:var(--m-lh-label);order:1}}@media (width>=760px){.contact{gap:var(--gap-xl);padding:var(--space-section) var(--space-gutter)}.contact__row{justify-content:space-between;gap:var(--gap-xs) var(--gap-m);white-space:nowrap}}@media (width>=760px) and (width<=1023px){.contact__row{row-gap:var(--gap-s);grid-template-columns:repeat(2,max-content);display:grid}}