html[data-agency]:not(:has(.work-page:not(.work-draft-page))){--container-width:120rem}@media (width>=64rem){html[data-agency]:not(:has(.work-page:not(.work-draft-page))){--gutter:var(--space-32)}}[data-agency] .header__nav,[data-agency] .header__contact{display:none}html[data-agency] .header .header__bar:before,html[data-agency] .header[data-stuck]:not([data-over-hero]) .header__bar:before{box-shadow:none;backdrop-filter:none;background:0 0}.work{justify-content:center;gap:var(--space-60);min-height:calc(100dvh - var(--header-height));padding-block:var(--space-40);flex-direction:column;display:flex}.work__intro{padding-inline:var(--gutter);text-align:center}.work h1{margin-bottom:var(--space-16);font:var(--type-h3);letter-spacing:var(--type-h3-tracking);text-wrap:balance;color:var(--color-text-primary)}.work__intro p{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);text-wrap:balance;color:var(--color-text-tertiary)}.work__track{align-items:flex-end;gap:var(--space-16);padding:var(--space-40) var(--gutter) var(--space-8);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}.work__item{scroll-snap-align:start;flex:0 0 16rem}.work__card{transition:translate .8s var(--ease-out-expo);flex-direction:column;display:flex}.work__media{aspect-ratio:1400/1840;margin-bottom:var(--space-12);background:var(--color-cloud);display:block;overflow:hidden}.work__media img{object-fit:cover;width:100%;height:100%}.work__title{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-4);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);color:var(--color-text-primary);font-weight:500;display:flex}.work__title .icon{opacity:0;transition:opacity .4s var(--ease-out-cubic), translate .4s var(--ease-out-cubic);translate:-.25rem .25rem}.work__text{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);color:var(--color-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.work__card:focus-visible{translate:0 -1.5rem}.work__card:focus-visible .icon{opacity:1;translate:none}@media (hover:hover){.work__card:hover{translate:0 -1.5rem}.work__card:hover .icon{opacity:1;translate:none}}@media (width>=48rem){.work{gap:var(--space-80)}.work__item{flex-basis:20rem}}@media (width>=64rem){.work__item{flex-basis:clamp(20rem,22vw,28rem)}.work__track{gap:var(--space-24);scroll-snap-type:none}}.archive-page{height:calc(100dvh - var(--header-height));overflow:clip}.archive{--archive-scrim:var(--color-white);--archive-placeholder:oklch(93% 0 0);--archive-line:var(--color-paper-deep);--archive-line-mix:1;background:var(--color-off-white);cursor:grab;touch-action:none;user-select:none;position:fixed;inset:0}.archive[data-dragging]{cursor:grabbing}.archive[data-open]{cursor:pointer}.archive canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.archive__shadow{z-index:0;border-radius:var(--radius-image);pointer-events:none;animation:archive-caption-in .2s var(--ease-out-cubic);position:fixed;box-shadow:0 .125rem .3125rem oklch(0% 0 0/.06),0 .625rem 1.5rem oklch(0% 0 0/.07),0 0 0 1px oklch(0% 0 0/.03)}.archive__shadow[hidden]{display:none}.archive__caption{top:var(--caption-top,50%);z-index:30;font:var(--type-body-based);color:var(--color-text-tertiary);text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;inset-inline:0}.archive__caption:not([hidden]){animation:archive-caption-in .3s var(--ease-out-cubic) .25s backwards}.archive__caption strong{font:var(--type-body-based);color:var(--color-text-primary);font-weight:500}html:has(.archive) :is(.header,.agency-nav){transition:translate .5s var(--ease-out-cubic), opacity .3s var(--ease-out-cubic)}html:has(.archive[data-open]) .header{opacity:0;pointer-events:none;translate:0 -100%}html:has(.archive[data-open]) .agency-nav{opacity:0;translate:0 100%}html:has(.archive,.studio-page) .agency-nav{background:linear-gradient(in oklab, transparent, color-mix(in oklab, var(--color-white) 40%, transparent) 55%, color-mix(in oklab, var(--color-white) 90%, transparent))}html:has(.archive[data-open]) .agency-nav :is(a,button){pointer-events:none}.archive__arrow{z-index:30;border:1px solid var(--color-divider);background:var(--color-white);width:2.5rem;height:2.5rem;color:var(--color-text-primary);transition:background-color .25s var(--ease-out-cubic);border-radius:9999px;place-items:center;display:grid;position:fixed;top:50%;translate:0 -50%}.archive__arrow:not([hidden]){animation:archive-caption-in .3s var(--ease-out-cubic) .25s backwards}.archive__prev{left:var(--space-24)}.archive__next{right:var(--space-24)}@media (hover:hover){.archive__arrow:hover{background:var(--color-cloud)}}@keyframes archive-caption-in{0%{opacity:0;translate:0 .5rem}}.agency-nav{inset-inline:0;z-index:40;justify-content:center;gap:var(--space-8);padding:7.5rem var(--space-24) var(--space-24);pointer-events:none;display:flex;position:fixed;bottom:0}.agency-nav__bar{align-items:center;gap:var(--space-4);padding:var(--space-4);pointer-events:auto;display:flex;position:relative}.agency-nav__bar:before{content:"";background:var(--color-glass);box-shadow:inset 0 0 0 1px var(--color-glass-edge);backdrop-filter:var(--blur-glass);transition:opacity .15s var(--ease-in-out-quad) .25s;border-radius:9999px;position:absolute;inset:0}.agency-nav__link{padding:var(--space-8) var(--space-16);font:var(--type-body-based);color:var(--color-text-inverse-soft);text-shadow:var(--text-strong);transition:color .25s var(--ease-out-cubic), opacity .15s var(--ease-out-quart);font-weight:500;position:relative}.agency-nav .contact__trigger{height:2.5rem;padding:var(--space-8) var(--space-20);background:var(--color-white);font:var(--type-body-based);color:var(--color-text-primary);text-shadow:var(--text-strong);font-weight:500}.agency-nav__close{background:var(--color-glass);width:3rem;height:3rem;box-shadow:inset 0 0 0 1px var(--color-glass-edge);color:var(--color-text-inverse);pointer-events:auto;backdrop-filter:var(--blur-glass);transition:scale .8s var(--ease-out-expo);border-radius:9999px;place-items:center;display:grid}.agency-nav__close svg{transition:opacity .15s var(--ease-out-quart)}.agency-nav__close[data-leaving]{width:var(--bar-width,17rem);transition:width .32s var(--ease-in-out-cubic)}.agency-nav__close[data-leaving] svg{opacity:0}:is(.studio-page>section,.archive){transition:opacity .3s var(--ease-in-out-quad), translate .38s var(--ease-in-out-cubic)}[data-page-out] :is(.studio-page>section,.archive){opacity:0;translate:0 3rem}.contact{position:static}.contact__trigger{z-index:1;position:relative}.contact__panel{pointer-events:none;position:absolute;bottom:0;left:50%;translate:-50%}.contact__bg{width:var(--bar-width,17rem);corner-shape:round;background:var(--color-glass-panel);height:3rem;box-shadow:inset 0 0 0 1px var(--color-glass-edge);backdrop-filter:var(--blur-glass-panel);opacity:0;transition:opacity .15s var(--ease-in-out-quad) .25s, height .2s var(--ease-in-out-quad), width .25s var(--ease-in-out-quad) .15s, border-radius .25s var(--ease-in-out-quad) .15s, corner-shape .25s var(--ease-in-out-quad) .15s;border-radius:1.5rem;position:absolute;bottom:0;left:50%;translate:-50%}.contact__links{opacity:0;filter:blur(.25rem);transition:opacity .1s var(--ease-in-out-quad), grid-template-rows .2s var(--ease-in-out-quad) .2s, filter .2s var(--ease-in-out-quad);grid-template-rows:0fr;display:grid;position:relative}.contact__links>div{width:min(23.5rem,100vw - 2rem);min-height:0;max-height:min(48rem,100dvh - 2rem);padding:var(--space-8);color:var(--color-text-inverse);flex-direction:column;display:flex;overflow:hidden}.contact__head{margin-bottom:var(--space-8);padding-left:var(--space-12);justify-content:space-between;align-items:center;display:flex}.contact__tabs{background:oklch(100% 0 0/.06);border-radius:9999px;grid-template-columns:1fr 1fr;padding:.125rem;display:grid;position:relative}.contact__tabs-pill{width:calc(50% - .125rem);transition:translate .4s var(--ease-out-quart);background:oklch(100% 0 0/.12);border-radius:9999px;position:absolute;top:.125rem;bottom:.125rem;left:.125rem}.contact__tabs:has(button:last-child[aria-selected=true]) .contact__tabs-pill{translate:100%}.contact__tabs button{padding:var(--space-4) var(--space-12);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);color:var(--color-text-inverse-muted);transition:color .4s var(--ease-out-quart);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:relative}.contact__tabs [aria-selected=true]{color:var(--color-text-inverse)}.contact__tabs-icon{opacity:0;width:0;transition:width .4s var(--ease-out-quart), margin .4s var(--ease-out-quart), opacity .2s var(--ease-out-quart);margin-right:0}.contact__tabs-icon .icon-part{transform-box:fill-box;transform-origin:bottom}.contact__tabs-icon .icon-part--slide{transform-origin:0}.contact__tabs [aria-selected=true] .contact__tabs-icon{width:1rem;margin-right:var(--space-4);opacity:1}.contact__tabs [aria-selected=true] .icon-part--drop{animation:icon-drop .9s var(--ease-out-cubic) both}.contact__tabs [aria-selected=true] .icon-part--pop{animation:icon-pop .5s var(--ease-out-back) .3s both}.contact__tabs [aria-selected=true] .icon-part--slide{animation:icon-slide .6s var(--ease-out-back) .35s both}.contact__tabs [aria-selected=true] .icon-part--late{animation-delay:.45s}@keyframes icon-drop{0%{opacity:0;translate:0 -.625rem;rotate:-18deg}40%{opacity:1;translate:0 .0625rem;rotate:8deg}60%{translate:0;rotate:-5deg}80%{rotate:2deg}to{translate:0;rotate:0deg}}@keyframes icon-pop{0%{opacity:0;scale:1 0}}@keyframes icon-slide{0%{opacity:0;translate:-.375rem;scale:0 1}}.contact__info{padding:var(--space-60) var(--space-24) 3.5rem}.contact__title{margin-bottom:var(--space-60);font:var(--type-h3);letter-spacing:var(--type-h3-tracking);text-align:center;color:var(--color-text-inverse);text-shadow:var(--text-strong)}.contact__info li+li{border-top:1px solid #ffffff1a}.contact__info li{align-items:center;gap:var(--space-8);display:flex}.contact__info a:not(.contact__copy){justify-content:space-between;gap:var(--space-16);padding-block:var(--space-16);font:var(--type-body-based);color:var(--color-text-inverse);flex:1;display:flex}.contact__copy{width:2rem;height:2rem;margin-right:calc(var(--space-8) * -1);color:var(--color-text-inverse-muted);transition:color .25s var(--ease-out-cubic);border-radius:9999px;place-items:center;display:grid}.contact__copy .icon{transition:opacity .25s var(--ease-out-cubic), scale .25s var(--ease-out-cubic);grid-area:1/1}.contact__copy .icon+.icon,.contact__copy[data-copied] .icon:first-child{opacity:0;scale:.6}.contact__copy[data-copied] .icon+.icon{opacity:1;scale:1}.contact__copy[data-copied]{color:var(--color-text-inverse)}.contact__now{padding-top:var(--space-40);text-align:center;font:var(--type-body-sm);color:var(--color-text-inverse-muted)}.contact__now .contact__bye{font:var(--type-body-based);color:var(--color-text-inverse);display:block}.contact__info a span+span{color:var(--color-text-inverse-muted);transition:color .25s var(--ease-out-cubic)}.contact__close{width:2rem;height:2rem;color:var(--color-text-inverse);backdrop-filter:blur(1rem);background:#ffffff1f;border-radius:9999px;place-items:center;display:grid}.contact__cal{overscroll-behavior:contain;corner-shape:squircle;scrollbar-width:none;border:1px solid #ffffff1a;border-radius:2.5rem;flex:1;min-height:25rem;overflow:auto}.contact[data-open] .contact__panel{pointer-events:auto}.contact[data-open] .contact__bg{corner-shape:squircle;opacity:1;width:100%;height:100%;transition:opacity 0s, width .25s var(--ease-out-quart), border-radius .25s var(--ease-out-quart), corner-shape .25s var(--ease-out-quart), height .3s var(--ease-out-quart) .1s;border-radius:3rem}.contact[data-open] .contact__links{opacity:1;filter:blur();transition:opacity .25s var(--ease-out-quart) .15s, grid-template-rows .3s var(--ease-out-quart) .1s, filter .25s var(--ease-out-quart) .15s;grid-template-rows:1fr}.agency-nav:has(.contact[data-open]) :is(.agency-nav__link,.contact__trigger){opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out-quart)}.agency-nav:has(.contact[data-open]) .agency-nav__bar:before{opacity:0;transition:none}@media (width<48rem){.agency-nav{padding-inline:var(--gutter);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom))}.agency-nav__link{padding-inline:var(--space-12);font:var(--type-body-sm);font-weight:500}.agency-nav .contact__trigger{height:2.25rem;padding-inline:var(--space-16);font:var(--type-body-sm);font-weight:500}.contact__panel{right:var(--space-8);bottom:var(--space-8);left:var(--space-8);position:fixed;translate:none}.contact__links>div{width:100%;max-height:calc(100dvh - var(--header-height) - var(--space-16))}}@media (prefers-reduced-motion:reduce){.agency-nav__close{animation:none}.contact__tabs .icon-part{animation:none!important}}@media (hover:hover){.agency-nav__link:hover{color:var(--color-text-inverse)}.agency-nav__close:hover{scale:1.04}.contact__info a:hover span+span,.contact__copy:hover{color:var(--color-text-inverse)}}@media (48rem<=width<64rem){.contact__panel{bottom:var(--space-8);position:fixed;left:50%;right:auto;translate:-50%}}@media (width>=48rem){.contact__links>div{max-height:calc(100dvh - var(--header-height) - var(--space-24))}.contact__cal{max-height:47rem}}html:has(.agency-nav) .header__mode{background:var(--color-cloud);box-shadow:none;backdrop-filter:none}html:has(.agency-nav) .header__mode a:not([aria-current=page]){color:var(--color-text-tertiary)}html:has(.archive) .header__logo-dark{opacity:0}html:has(.archive) .header__logo-light{opacity:1}html:has(.archive) .header__toggle{color:var(--color-text-inverse)}html:has(.archive) .header:not(:has([data-open])){mix-blend-mode:difference}@media (prefers-reduced-motion:no-preference){.contact__info :is(.contact__title,li,.contact__now){animation:contact-in .5s var(--ease-out-quart) backwards}.contact__info .contact__title{animation-delay:60ms}.contact__info li:first-child{animation-delay:.12s}.contact__info li:nth-child(2){animation-delay:.18s}.contact__info li:nth-child(3){animation-delay:.24s}.contact__info li:nth-child(4){animation-delay:.3s}.contact__info .contact__now{animation-delay:.36s}}@keyframes contact-in{0%{opacity:0;filter:blur(.25rem);translate:0 .75rem}}