@layer components{.service-work{scroll-margin-top:var(--nav-height)}.service-work_head{align-items:end;gap:var(--_heading) var(--_gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.service-work_head>.service-heading{grid-column:1/8}.service-work_aside{justify-items:start;gap:var(--space-4);grid-column:8/-1;display:grid}.service-work_intro{max-width:40ch;margin:0}.service-work_grid{gap:var(--_group) var(--_gutter);margin:var(--_group) 0 0;grid-template-columns:repeat(12,minmax(0,1fr));padding:0;list-style:none;display:grid}.service-work_item{flex-direction:column;grid-column:span 5;min-width:0;display:flex;position:relative}.service-work_item[data-feature]{grid-area:span 2/span 7}.service-work_grid[data-count="1"] .service-work_item{grid-area:auto/1/auto/-1}.service-work_grid[data-count="2"] .service-work_item[data-feature]{grid-row:auto}.service-work_item{--_tilt:6deg;--_shrink:.06;--_dim:.6}.service-work_media{aspect-ratio:16/10;border-radius:var(--radius-media);background:var(--surface-900);transform-origin:50% 100%;transform:perspective(80rem) rotateX(calc(var(--service-exit,0) * var(--_tilt))) scale(calc(1 - var(--service-exit,0) * var(--_shrink)));opacity:calc(1 - var(--service-exit,0) * var(--_dim));position:relative;overflow:hidden}.service-work_media:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--light-100) 16%, transparent) 50%, transparent 70%);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.service-work_item[data-revealed] .service-work_media:after{animation:service-work-sweep 1.8s calc(var(--i,0) * .12s + .7s) cubic-bezier(.65, 0, .35, 1) both}}@keyframes service-work-sweep{0%{opacity:0;transform:translate(-100%)}20%,80%{opacity:1}to{opacity:0;transform:translate(100%)}}.service-work_item[data-feature] .service-work_media{aspect-ratio:auto;flex:1;min-height:20rem}.service-work_grid[data-count="1"] .service-work_media{aspect-ratio:21/9}.service-work_media img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.16,1,.3,1);display:block}.service-work[data-compact] .service-work_item{grid-column:span 4}.service-work[data-compact] .service-work_media{aspect-ratio:3/2}.service-work[data-compact] .service-work_client{font-size:var(--type-name)}.service-work_text{margin-top:var(--space-4);opacity:calc(1 - var(--service-exit,0) * .65);transform:translate3d(0, calc(var(--service-exit,0) * -.75rem), 0);padding-right:2.5rem}.service-work_client{font-family:var(--font-primary);font-size:var(--type-name);font-weight:var(--display-weight);letter-spacing:-.03em;margin:0;line-height:1.05}.service-work_item[data-feature] .service-work_client{font-size:var(--type-headline);letter-spacing:var(--display-tracking)}.service-work_link{transition:color .5s}.service-work_link:after{content:"";border-radius:var(--radius-media);position:absolute;inset:0}.service-work_link:focus-visible{outline:none}.service-work_link:focus-visible:after{outline:var(--focus-width) solid var(--text-1);outline-offset:var(--focus-offset)}.service-work_title{max-width:36ch;margin:var(--space-2) 0 0;color:var(--_copy);font-family:var(--font-primary);font-size:calc(var(--fluid-unit) * 1.3);letter-spacing:-.01em;text-wrap:balance;font-weight:300;line-height:1.4}.service-work_arrow{color:var(--_muted);font-size:var(--type-link);transition:transform .5s cubic-bezier(.16,1,.3,1),color .5s;position:absolute;bottom:.35rem;right:0}@media (hover:hover){.service-work_item:hover img{transform:scale(1.035)}.service-work_item:hover .service-work_link{color:var(--accent-light)}.service-work_item:hover .service-work_arrow{color:var(--accent);transform:translate(.3rem)}}.service-work_item:active img{transform:scale(1.035)}.service-work_item:active .service-work_link{color:var(--accent-light)}.service-work_item:active .service-work_arrow{color:var(--accent);transform:translate(.3rem)}@media (width<=63.9375rem){.service-work_head{grid-template-columns:minmax(0,1fr)}.service-work_head>.service-heading,.service-work_aside{grid-column:1}.service-work_item,.service-work_item[data-feature]{grid-area:auto/span 6}.service-work_item[data-feature]{grid-column:1/-1}.service-work_item[data-feature] .service-work_media{aspect-ratio:16/9;flex:none;min-height:0}}@media (width<=47.9375rem){.service-work_grid{grid-template-columns:minmax(0,1fr)}.service-work_item,.service-work_item[data-feature],.service-work[data-compact] .service-work_item{grid-column:1/-1}.service-work_media,.service-work_item[data-feature] .service-work_media{aspect-ratio:4/3}.service-work_item[data-feature] .service-work_client{font-size:var(--type-name)}.service-work_item{--_tilt:4deg;--_shrink:.04;--_dim:.5}}@media (prefers-reduced-motion:reduce){.service-work_item:is(:hover,:active) img{transform:none}}.service-demo_layout{column-gap:var(--_gutter);row-gap:var(--_heading);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"head head head head stage stage stage stage stage stage stage stage""list list list list stage stage stage stage stage stage stage stage";align-items:start;display:grid}.service-demo_head{grid-area:head}.service-demo_stage{transition:opacity 1.4s var(--_ease) .2s;grid-area:stage;align-self:center}.service-demo[data-motion=ready]:not([data-revealed]) .service-demo_stage{opacity:0}.service-demo_list{grid-area:list;margin:0;padding:0;list-style:none}.service-demo_entry{position:relative}.service-demo_entry+.service-demo_entry{border-top:.0625rem solid var(--line-faint)}.service-demo_item{width:100%;padding:var(--space-4) 0 var(--space-2);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.5rem minmax(0,1fr);align-items:baseline;display:grid}.service-demo_number{color:var(--accent);font-family:var(--font-secondary);font-size:var(--text-small);letter-spacing:.1em;transition:color .5s}.service-demo_title{font-family:var(--font-primary);font-size:var(--type-item);letter-spacing:-.015em;font-weight:400;line-height:1.25;transition:color .5s}.service-demo_text{margin:0 0 var(--space-4) 2.5rem;color:var(--_copy);font-size:var(--type-link);line-height:1.5}.service-demo_entry:after{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 0%, transparent) 70%);transform-origin:0;width:100%;height:.0625rem;transition:transform .7s var(--_ease);pointer-events:none;position:absolute;bottom:-.0625rem;left:0;transform:scaleX(0)}.service-demo_entry:is([data-current],:has([aria-pressed=true])) .service-demo_title,.service-demo_entry[data-current] .service-demo_number{color:var(--accent-light)}.service-demo_entry:is([data-current],:has([aria-pressed=true])):after{transform:none}.service-demo_item:focus-visible{outline-offset:var(--focus-offset)}@media (width<=63.9375rem){.service-demo_layout{grid-template:"head""stage""list"/minmax(0,1fr)}}.service-notes_grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.service-notes_item{gap:var(--space-4);flex-direction:column;display:flex}.service-notes_item:nth-child(odd){padding-right:var(--_gutter)}.service-notes_item:nth-child(2n){padding-left:var(--_gutter);border-left:.0625rem solid var(--line-faint)}.service-notes_label{color:var(--label);font-family:var(--font-secondary);font-size:var(--text-small);letter-spacing:.2em;text-transform:uppercase;margin:0;font-weight:400}.service-notes_text{max-width:34ch;color:var(--_copy-strong);font-family:var(--font-primary);font-size:var(--type-item);margin:0;font-weight:300;line-height:1.4}@media (width<=47.9375rem){.service-notes_grid{row-gap:var(--_group);grid-template-columns:minmax(0,1fr)}.service-notes_item:nth-child(n){border:0;padding:0}.service-notes_item+.service-notes_item{padding-top:var(--_group);border-top:.0625rem solid var(--line-faint)}}}